:root{
  --ink:#12182a;
  --muted:#5f7188;
  --soft:#fbfdff;
  --line:#edf1f7;
  --primary:#5b5cff;
  --cyan:#00b7ff;
  --mint:#30d5a9;
  --shadow:0 18px 45px rgba(63,90,145,.08);
  --shadow-strong:0 28px 70px rgba(60,122,200,.20);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:118px}
body{font-family:'Manrope',sans-serif;background:var(--soft);color:var(--ink);overflow-x:hidden}
a{text-decoration:none}
.navbar{
  position:fixed;top:18px;left:50%;transform:translateX(-50%);
  width:86%;height:74px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;
  background:rgba(255,255,255,.80);backdrop-filter:blur(18px);
  border:1px solid rgba(104,126,255,.18);border-radius:24px;
  box-shadow:0 18px 45px rgba(55,82,150,.11);z-index:999
}
.logo{font-weight:900;font-size:27px;background:linear-gradient(135deg,var(--primary),var(--cyan),var(--mint));-webkit-background-clip:text;color:transparent;letter-spacing:.5px}
.nav-links{display:flex;gap:26px;align-items:center}
.nav-links a{color:#40506a;font-weight:800;font-size:14px}
.nav-links a:hover{background:linear-gradient(135deg,var(--primary),var(--cyan));-webkit-background-clip:text;color:transparent}
.nav-cta{padding:11px 17px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--cyan));color:#fff!important;box-shadow:0 12px 28px rgba(91,92,255,.20)}
.nav-dropdown{position:relative}
.nav-trigger{border:0;font:inherit;font-weight:800;font-size:14px;cursor:pointer}
.dropdown-menu{position:absolute;right:0;top:calc(100% + 12px);min-width:180px;background:white;border:1px solid rgba(104,126,255,.18);border-radius:18px;padding:10px;box-shadow:0 18px 45px rgba(55,82,150,.14);opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease}
.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu{opacity:1;pointer-events:auto;transform:translateY(0)}
.dropdown-menu a{display:block;padding:11px 12px;border-radius:12px;color:#40506a!important}
.dropdown-menu a:hover,.dropdown-menu a:focus-visible{background:#f2f6ff;color:var(--primary)!important;outline:none}
.badge{display:inline-block;padding:11px 18px;border-radius:999px;background:white;color:#4546d7;font-weight:900;margin-bottom:25px;box-shadow:0 10px 30px rgba(91,92,255,.13)}
h1{font-size:60px;line-height:1.05;letter-spacing:-2px;margin-bottom:24px;color:#12182a}
.gradient-text{background:linear-gradient(135deg,#4a4bdd,#087fb7,#178a72);-webkit-background-clip:text;color:transparent}
.lead{font-size:18px;color:#5b6c83;line-height:1.85;margin-bottom:28px;max-width:840px}
.page-hero{min-height:68vh;padding:155px 7% 82px;background:radial-gradient(circle at 18% 22%,#e4e6ff 0,transparent 28%),radial-gradient(circle at 85% 24%,#d7f8ff 0,transparent 30%),#fbfdff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.page-hero h1{max-width:1040px}
.page-hero p{margin-left:auto;margin-right:auto}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.trust-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:20px;color:#60728a;font-size:13px;font-weight:800}
.trust-row span+span:before{content:"•";margin-right:10px;color:#7a8ca4}
.section{padding:90px 7%}
.summary-section{padding-bottom:32px}
.summary-panel{max-width:1180px;margin:auto}
.panel{background:#fff;border:1px solid #e8eef8;border-radius:30px;padding:38px;box-shadow:var(--shadow)}
.panel h2{font-size:34px;margin-bottom:18px;letter-spacing:-1px}
.panel h3{font-size:22px;margin:28px 0 12px}
.panel p,.panel li{color:#65778d;line-height:1.85}
.panel ul{padding-left:20px;display:grid;gap:10px}
.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-top:28px}
.meta{background:#f8fbff;border:1px solid #e8eef8;border-radius:20px;padding:18px}
.meta strong{display:block;color:#12182a;margin-bottom:5px}
.meta span{color:#66778d;font-size:14px;font-weight:800}
.report-experience{max-width:1360px;margin:auto;display:grid;grid-template-columns:minmax(0,1.28fr) minmax(350px,.72fr);gap:36px;align-items:start}
.preview-panel{padding:28px}
.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}
.eyebrow{display:block;color:#4b4cda;font-size:12px;line-height:1.4;font-weight:900;letter-spacing:.13em;margin-bottom:8px}
.panel-heading h2{margin-bottom:7px}
.panel-heading p{margin:0;max-width:650px}
.preview-badge{flex:none;padding:9px 13px;border-radius:999px;background:#eef1ff;color:#4849d9;font-size:13px;font-weight:900}
.preview-shell{overflow:hidden;border:1px solid #dfe7f3;border-radius:23px;background:#e9eef6}
.preview-toolbar{min-height:56px;padding:11px 16px;background:#fff;border-bottom:1px solid #dfe7f3;display:flex;align-items:center;justify-content:space-between;gap:15px}
.preview-toolbar strong{font-size:14px}
.preview-toolbar a{color:#3f4fd0;font-size:13px;font-weight:900}
.preview-frame{display:block;width:100%;height:690px;border:0;background:#dfe5ee}
.preview-fallback{height:100%;display:grid;place-items:center;text-align:center;padding:30px;color:#40506a}
.preview-fallback a{color:#404bd3;font-weight:900}
.unlock-card{margin-top:20px;padding:26px;border-radius:23px;background:linear-gradient(135deg,#f0f1ff,#eafaff);border:1px solid #dfe8ff;display:flex;align-items:center;justify-content:space-between;gap:24px}
.unlock-card h3{font-size:20px;margin:0 0 6px}
.unlock-card p{margin:0;line-height:1.65}
.access-panel{position:sticky;top:116px}
.access-panel>p{margin-bottom:22px}
.form-grid{display:grid;gap:16px}
.field{display:grid;gap:8px}
.optional{color:#5f7087;font-size:12px;font-weight:700}
label{font-weight:900;color:#22304a;font-size:14px}
input,textarea{width:100%;min-height:50px;border:1px solid #d9e3f0;border-radius:15px;padding:13px 15px;font:inherit;color:#12182a;background:#fff}
textarea{min-height:116px;resize:vertical}
input:focus,textarea:focus{outline:3px solid rgba(91,92,255,.14);border-color:#5152e8}
.check{display:grid;grid-template-columns:20px 1fr;gap:11px;align-items:start;color:#65778d;line-height:1.6;font-size:13px;font-weight:600}
.check input{width:18px;min-height:18px;height:18px;margin-top:2px;padding:0}
.check a,.privacy-note a{color:#414bcf;text-decoration:underline;text-underline-offset:3px}
.privacy-note{padding:14px 15px;border-radius:15px;background:#f7f9fd;color:#65778d;font-size:12px;line-height:1.65}
.honeypot{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.btn{border:0;padding:15px 25px;border-radius:15px;text-decoration:none;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;font:inherit;transition:transform .18s ease,box-shadow .18s ease}
.btn:hover{transform:translateY(-1px)}
.btn:focus-visible,a:focus-visible{outline:3px solid rgba(81,82,232,.32);outline-offset:3px}
.btn:disabled{opacity:.68;cursor:not-allowed;transform:none}
.primary{background:linear-gradient(135deg,#5152e8,#0878b8);color:white;box-shadow:0 18px 40px rgba(54,87,190,.24)}
.secondary{background:white;color:#4546d7;border:1px solid #d9e1fa}
.full-width{width:100%}
.reassurance{text-align:center;color:#586a82;font-size:12px;line-height:1.6}
.status-box{margin-top:22px;padding:24px;border-radius:22px}
.status-box[hidden]{display:none}
.status-box.success{background:linear-gradient(135deg,#ecfbf5,#effaff);border:1px solid #cfeee1}
.status-box.error{padding:14px 16px;background:#fff3f3;border:1px solid #f2caca;color:#9a3030;font-size:13px;line-height:1.6}
.status-icon{width:48px;height:48px;border-radius:16px;background:#d9f7ea;color:#137357;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;margin-bottom:16px}
.status-box h3{font-size:23px;margin:0 0 9px}
.status-box p{margin:0 0 16px}
.spinner{width:17px;height:17px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:spin .75s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.footer{padding:45px 7%;background:white;border-top:1px solid #edf1f7;color:#6a7b91}
.footer-grid{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap;align-items:center}
.footer strong{color:#12182a}
#report-preview,#report-access{scroll-margin-top:118px}
@media(max-width:1000px){
  .nav-links{display:none}.navbar{width:92%;top:12px}
  .report-experience{grid-template-columns:1fr}
  .access-panel{position:static}
  h1{font-size:42px}.panel h2{font-size:29px}
}
@media(max-width:640px){
  .page-hero{min-height:auto;padding:132px 18px 58px}
  h1{font-size:37px;letter-spacing:-1.3px}
  .lead{font-size:16px;line-height:1.7}
  .hero-actions,.hero-actions .btn{width:100%}
  .trust-row span+span:before{display:none}
  .trust-row{display:grid;gap:5px}
  .section{padding:56px 16px}
  .summary-section{padding-bottom:20px}
  .panel{padding:23px 19px;border-radius:23px}
  .preview-panel{padding:16px}
  .panel-heading{display:grid;gap:10px}
  .preview-badge{width:max-content}
  .preview-toolbar{align-items:flex-start}
  .preview-toolbar span{display:none}
  .preview-frame{height:min(68svh,620px)}
  .unlock-card{display:grid;padding:21px}
  .unlock-card .btn{width:100%}
}