/* FranceConcours — landing publique
   Tokens : fc-core.css (chargé avant ce fichier).
   Mise en page marketing uniquement — ne pas importer tel quel dans app.html. */
:root{
  /* Alias locaux → fondation --fc-* (fc-core) ; fallbacks si core absent */
  --ink:var(--fc-ink,#111831); --ink-2:var(--fc-ink-2,#202846);
  --muted:var(--fc-text-sub,#68718b); --muted-2:var(--fc-text-muted,#8a92a8);
  --paper:var(--fc-bg,#f8f8f5); --white:var(--fc-white,#fff);
  --line:var(--fc-line,#e5e7ef); --line-dark:rgba(255,255,255,.13);
  --indigo:var(--fc-indigo,#5556d9); --indigo-dark:var(--fc-indigo-dark,#3c3fb5);
  --indigo-soft:var(--fc-indigo-soft,#eeefff);
  --gold:var(--fc-gold,#c9a96b); --gold-soft:var(--fc-gold-soft,#f7f0e2);
  --green:var(--fc-teal,#18856b); --green-soft:var(--fc-success-soft,#e7f6f0);
  --shadow:var(--fc-shadow-lg,0 24px 70px rgba(22,29,63,.12));
  --shadow-soft:var(--fc-shadow-md,0 12px 34px rgba(22,29,63,.07));
  --radius:var(--fc-radius-xl,22px); --max:var(--fc-max,1180px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--fc-font-body,'Plus Jakarta Sans',Inter,ui-sans-serif,system-ui,sans-serif);line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible{outline:3px solid #9294ff;outline-offset:3px}
svg{display:block}
.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--indigo);font-size:.74rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(201,169,107,.14)}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{letter-spacing:-.045em}
h1{font-size:clamp(2.8rem,5vw,5.05rem);line-height:1.015;font-weight:750;max-width:720px;margin:22px 0 22px}
h2{font-size:clamp(2rem,3.7vw,3.25rem);line-height:1.09;font-weight:740;margin:13px 0 18px}
h3{font-size:1.2rem;line-height:1.25;margin:0 0 10px;font-weight:730}
.lead{font-size:clamp(1.02rem,1.4vw,1.17rem);line-height:1.75;color:#5d6680;max-width:630px}
.section{padding:105px 0;position:relative}
.section-head{max-width:710px;margin-bottom:42px}
.section-head.center{text-align:center;margin-inline:auto}
.section-head.center .lead{margin-inline:auto}
.section-head p{margin-bottom:0}
.text-gradient{background:linear-gradient(105deg,#7778ec 2%,#5153d2 55%,#a2844e 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:12px;padding:13px 19px;font-size:.92rem;font-weight:750;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;cursor:pointer;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn-primary{color:white;background:var(--indigo);box-shadow:0 9px 22px rgba(85,86,217,.24)}
.btn-primary:hover{background:var(--indigo-dark);box-shadow:0 13px 30px rgba(85,86,217,.31)}
.btn-dark{background:var(--ink);color:#fff;box-shadow:0 8px 20px rgba(17,24,49,.16)}
.btn-dark:hover{background:#252e52}
.btn-light{background:rgba(255,255,255,.8);border-color:#dfe2ed;color:var(--ink)}
.btn-light:hover{border-color:#bdc0ed;box-shadow:var(--shadow-soft)}
.btn-quiet{color:var(--ink);padding-inline:9px}
.btn .arrow{font-size:1.1rem;transition:transform .2s ease}
.btn:hover .arrow{transform:translateX(3px)}
.pill{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:.76rem;font-weight:700;color:#4d5672}
.pill svg{width:15px;height:15px;color:var(--indigo)}
.announce{background:#111831;color:#e8eaf5;text-align:center;padding:9px 16px;font-size:.78rem;letter-spacing:.015em;line-height:1.45;max-width:100%}
.announce strong{color:#e4c68e;font-weight:750}
.announce a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.5);text-underline-offset:3px;margin-left:6px}
.nav-wrap{position:sticky;top:0;z-index:50;width:100%;max-width:100%;background:rgba(248,248,245,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(222,225,235,.78)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;width:100%}
.brand{display:flex;align-items:center;gap:11px;min-width:0;flex:0 1 auto;max-width:min(52%,220px)}
.brand-mark{height:38px;width:38px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#6768e7,#36398f);box-shadow:0 5px 12px rgba(68,69,174,.23);font-size:.94rem;font-weight:850;letter-spacing:-.07em;position:relative;overflow:hidden}
.brand-mark:after{content:"";position:absolute;width:28px;height:1px;background:rgba(255,255,255,.6);transform:rotate(-45deg);top:8px;right:-5px}
.brand-name{font-size:1.05rem;line-height:1;font-weight:820;letter-spacing:-.045em}
.brand-sub{display:block;margin-top:5px;font-size:.61rem;letter-spacing:.12em;text-transform:uppercase;color:#8189a0;font-weight:750}
.nav-links{display:flex;align-items:center;gap:27px;font-size:.84rem;color:#555f78;font-weight:650}
.nav-links a{transition:color .2s ease}
.nav-links a:hover{color:var(--indigo)}
.nav-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto;min-width:0;max-width:58%}
.nav-actions .btn{padding:10px 15px;font-size:.82rem;white-space:nowrap}
.nav-actions #fc-nav-portal:not([hidden])~.nav-cta-stripe{display:none}
.nav-links .nav-mobile-cta{display:none}
.mobile-toggle{display:none;width:43px;height:43px;border:1px solid var(--line);background:#fff;border-radius:12px;color:var(--ink);align-items:center;justify-content:center;cursor:pointer}
.hero{position:relative;overflow:hidden;padding:78px 0 68px;background:radial-gradient(ellipse at 80% 12%,rgba(107,108,231,.11),transparent 35%),linear-gradient(180deg,#fbfbf9 0%,#f6f6f3 100%);max-width:100%}
.hero-grid{position:absolute;inset:0;pointer-events:none;opacity:.38;background-image:linear-gradient(rgba(81,87,133,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(81,87,133,.055) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent 0%,#000 72%,#000 100%)}
.hero:after{content:"";position:absolute;right:-12vw;top:8%;width:52vw;height:52vw;border-radius:50%;border:1px solid rgba(91,93,191,.09);box-shadow:0 0 0 50px rgba(91,93,191,.025),0 0 0 100px rgba(91,93,191,.018);pointer-events:none}
.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr);align-items:center;gap:44px}
.hero-copy{padding:18px 0 30px}
.hero-copy h1 .line{display:block}
.hero-copy .lead{max-width:590px}
.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:29px 0 27px}
.hero-proof{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#68718a;font-size:.78rem}
.proof-check{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#e7f5ed;color:#16815e;font-size:.73rem;font-weight:900}
.proof-divider{height:4px;width:4px;border-radius:50%;background:#c6cad7;margin:0 3px}
.hero-demo{position:relative;min-width:0;padding:26px 0 20px 8px;perspective:1200px}
.demo-glow{position:absolute;inset:10% 0 5% 5%;background:radial-gradient(ellipse,rgba(100,101,223,.18),transparent 65%);filter:blur(16px);pointer-events:none}
.demo-window{position:relative;background:rgba(255,255,255,.91);border:1px solid rgba(221,224,239,.95);border-radius:19px;box-shadow:0 35px 80px rgba(35,42,93,.16),0 3px 10px rgba(35,42,93,.04);overflow:hidden;transform:rotateY(-4deg) rotateX(1deg);transform-origin:center;animation:windowEnter 1s cubic-bezier(.2,.8,.2,1) both}
@keyframes windowEnter{from{opacity:0;transform:translateY(24px) rotateY(-7deg) scale(.985)}to{opacity:1;transform:rotateY(-4deg) rotateX(1deg) scale(1)}}
.window-top{height:48px;background:#fbfbfd;border-bottom:1px solid #e9eaf2;display:flex;align-items:center;justify-content:space-between;padding:0 16px}
.window-controls{display:flex;gap:5px}.window-controls i{width:7px;height:7px;border-radius:50%;background:#d6d9e6}.window-controls i:first-child{background:#e7a59e}.window-controls i:nth-child(2){background:#e5c47d}.window-controls i:nth-child(3){background:#8bc8aa}
.window-title{display:flex;align-items:center;gap:8px;font-size:.69rem;font-weight:780;color:#454e69}.mini-brand{height:20px;width:20px;border-radius:6px;background:var(--indigo);color:#fff;font-size:.61rem;display:grid;place-items:center}
.window-status{font-size:.63rem;color:#7e879f;background:#f1f2f8;border-radius:6px;padding:5px 7px}
.window-body{padding:22px 21px 19px;background:linear-gradient(120deg,#fff 0%,#fdfdff 100%);min-height:346px}
.demo-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.demo-kicker{font-size:.62rem;text-transform:uppercase;font-weight:800;letter-spacing:.12em;color:#797f9a}
.demo-counter{font-size:.66rem;color:#7d849b;font-weight:700}
.demo-question{font-size:1.1rem;line-height:1.4;letter-spacing:-.03em;font-weight:760;max-width:470px;margin:0 0 19px}
.answer-list{display:grid;gap:8px}
.answer{width:100%;padding:11px 12px;border:1px solid #e3e6f0;border-radius:10px;background:#fff;display:flex;gap:10px;align-items:center;text-align:left;font-size:.74rem;color:#4f5873;cursor:pointer;transition:all .2s ease}
.answer:hover{border-color:#b7b8ef;background:#fafaff}
.answer-key{display:grid;place-items:center;flex:0 0 23px;height:23px;border:1px solid #e1e4ef;border-radius:7px;color:#7c8499;font-weight:800;font-size:.66rem;background:#fbfcff}
.answer.correct{border-color:#74c8a8;background:#eef9f4;color:#17694f}.answer.correct .answer-key{background:#1d936e;border-color:#1d936e;color:#fff}
.answer.wrong{border-color:#efb7ad;background:#fff5f3;color:#975347}.answer.wrong .answer-key{background:#c96f61;border-color:#c96f61;color:#fff}
.answer .answer-mark{margin-left:auto;font-size:.8rem;font-weight:900}
.feedback{display:none;margin-top:12px;padding:11px 12px;border-radius:10px;background:#edf8f2;border:1px solid #ccebdd;color:#28674f;font-size:.72rem;line-height:1.5;animation:fadeUp .3s ease both}
.feedback.visible{display:block}
.demo-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #eceef5;padding-top:16px;margin-top:19px;color:#8189a0;font-size:.65rem}
.tiny-progress{height:5px;width:94px;border-radius:999px;background:#e9eaf3;overflow:hidden}.tiny-progress span{display:block;height:100%;width:42%;background:linear-gradient(90deg,#7778e8,#b9a06b);border-radius:inherit}
.float-card{position:absolute;z-index:2;background:rgba(255,255,255,.95);border:1px solid #e5e7f0;border-radius:13px;box-shadow:0 14px 35px rgba(31,38,81,.12);padding:12px 14px;animation:float 5s ease-in-out infinite}
.float-progress{right:-16px;bottom:1px;width:170px;animation-delay:-1.4s}.float-progress-head{display:flex;align-items:center;justify-content:space-between;font-size:.67rem;font-weight:800;color:#343d5b}.float-progress-head b{color:var(--green);font-size:.68rem}.float-lines{display:flex;gap:4px;margin-top:10px}.float-lines i{height:5px;border-radius:5px;background:#ececf8;flex:1}.float-lines i:first-child,.float-lines i:nth-child(2),.float-lines i:nth-child(3){background:#6667da}
.float-note{left:-16px;top:5px;display:flex;align-items:center;gap:9px;animation-delay:-3.1s}.float-note-icon{height:31px;width:31px;background:#f5eddd;color:#9f7b38;border-radius:9px;display:grid;place-items:center}.float-note small{display:block;color:#8b91a5;font-size:.61rem;margin-bottom:1px}.float-note strong{display:block;color:#313a58;font-size:.73rem}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.hero-bottom{position:relative;z-index:1;margin-top:28px;padding-top:23px;border-top:1px solid rgba(219,222,233,.8);display:flex;align-items:center;justify-content:space-between;gap:22px;color:#80879c;font-size:.73rem}
.hero-bottom strong{color:#5e6680;font-weight:760}
.subject-pills{display:flex;gap:8px;flex-wrap:wrap}
.subject-pills span{border:1px solid #e0e3ed;background:rgba(255,255,255,.7);padding:6px 10px;border-radius:8px;color:#606983;font-weight:650}
.trust-strip{background:#fff;border-block:1px solid #e8e9ef;padding:21px 0}
.trust-inner{display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap;color:#747d94;font-size:.77rem}
.trust-label{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:#979daf}
.trust-item{display:flex;align-items:center;gap:8px;font-weight:730;color:#505a75}
.trust-item svg{color:var(--indigo)}
/* Product demo section */
.demo-section{background:#111831;color:#fff;overflow:hidden}
.demo-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(180deg,#000,transparent 95%);pointer-events:none}
.demo-section:after{content:"";position:absolute;width:580px;height:580px;border-radius:50%;background:rgba(94,93,219,.15);filter:blur(90px);right:-210px;top:15%;pointer-events:none}
.demo-section .container{position:relative;z-index:1}
.demo-section .eyebrow{color:#c6c6ff}.demo-section h2{color:#fff}.demo-section .lead{color:#b9bfd5}
.demo-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:48px;align-items:center}
.demo-intro{position:relative}
.demo-intro h2{font-size:clamp(2.2rem,3.7vw,3.3rem)}
.demo-tabs{display:grid;gap:9px;margin:30px 0 24px}
.demo-tab{display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:13px;border:1px solid transparent;background:transparent;color:#a9b0c7;text-align:left;cursor:pointer;transition:all .25s ease}
.demo-tab:hover{background:rgba(255,255,255,.04);color:white}
.demo-tab[aria-selected="true"]{background:rgba(255,255,255,.085);border-color:rgba(177,177,255,.23);color:#fff;box-shadow:inset 3px 0 #a7a7ff}
.tab-icon{width:39px;height:39px;flex:0 0 39px;border:1px solid rgba(255,255,255,.1);border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.04);color:#c5c5ff}
.tab-icon svg{height:19px;width:19px}
.tab-copy strong{display:block;font-size:.88rem;letter-spacing:-.015em}.tab-copy small{display:block;font-size:.73rem;color:#9da6c1;margin-top:3px;line-height:1.4}
.demo-intro-note{display:flex;align-items:flex-start;gap:10px;color:#929bb6;font-size:.75rem;line-height:1.55;max-width:370px}.demo-intro-note svg{flex:0 0 16px;margin-top:2px;color:#d6bb82}
.stage-wrap{position:relative;min-width:0;padding:13px}
.stage-wrap:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(107,108,232,.24),rgba(201,169,107,.07));border-radius:25px;transform:rotate(1.3deg)}
.stage-window{position:relative;background:#f8f9fc;color:var(--ink);border:1px solid rgba(255,255,255,.34);border-radius:18px;overflow:hidden;box-shadow:0 28px 90px rgba(0,0,0,.28);min-height:462px}
.stage-bar{height:48px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #e7e9f1}
.stage-bar-brand{display:flex;align-items:center;gap:9px;font-size:.72rem;font-weight:800;color:#424b67}
.stage-label{font-size:.66rem;color:#7e869d;background:#f0f1f7;padding:5px 8px;border-radius:7px;font-weight:650}
.stage-content{padding:24px;position:relative;min-height:413px}
.stage-content.enter{animation:fadeUp .45s cubic-bezier(.2,.7,.2,1) both}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.stage-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;color:#7a8299;font-size:.66rem;font-weight:720}
.stage-chip{display:inline-flex;align-items:center;gap:6px;background:#efefff;color:#5556c9;padding:6px 9px;border-radius:7px;font-size:.64rem;font-weight:800}
.stage-chip.green{background:#e9f8f1;color:#218363}.stage-chip.gold{background:#f7f0e3;color:#99753a}
.stage-h{font-size:1.3rem;letter-spacing:-.035em;line-height:1.3;margin:0 0 9px;font-weight:790;color:#1d2542}
.stage-sub{font-size:.77rem;line-height:1.6;color:#717a92;margin:0 0 19px}
.stage-answers{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.stage-answer{min-height:64px;border:1px solid #e2e5ef;border-radius:11px;background:white;padding:12px;text-align:left;display:flex;align-items:flex-start;gap:9px;cursor:pointer;font-size:.75rem;line-height:1.45;color:#4c5570;transition:all .2s ease}
.stage-answer:hover{border-color:#aaaaf0;transform:translateY(-1px)}
.stage-answer .key{width:22px;height:22px;flex:0 0 22px;border:1px solid #e2e4ef;display:grid;place-items:center;border-radius:6px;font-size:.65rem;font-weight:850;color:#7f879d}
.stage-answer.selected{border-color:#65c5a3;background:#effaf4;color:#25694f}.stage-answer.selected .key{background:#198862;color:white;border-color:#198862}
.stage-feedback{padding:12px 14px;background:#eaf8f1;border:1px solid #cbeada;border-radius:10px;margin-top:13px;font-size:.74rem;line-height:1.5;color:#24684f;display:none}
.stage-feedback.show{display:block;animation:fadeUp .25s ease both}
.stage-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:19px;padding-top:15px;border-top:1px solid #e7e9f1;font-size:.67rem;color:#7b8399}
.stage-mini-btn{border:0;background:var(--indigo);color:white;font-size:.7rem;font-weight:800;border-radius:8px;padding:9px 12px;cursor:pointer}
.stage-mini-btn:hover{background:var(--indigo-dark)}
.stage-doc{background:#fff;border:1px solid #e6e8f0;border-radius:12px;padding:16px 17px;box-shadow:0 5px 15px rgba(31,38,75,.04)}
.doc-line{height:6px;background:#ebedf5;border-radius:6px;margin:8px 0;width:100%}.doc-line.wide{width:92%}.doc-line.med{width:77%}.doc-line.short{width:55%}
.doc-section{font-size:.67rem;text-transform:uppercase;letter-spacing:.08em;color:#7b82a0;font-weight:800;margin:13px 0 4px}
.doc-highlight{background:#f4f1ff;border-left:3px solid #7777e5;border-radius:0 6px 6px 0;padding:10px 12px;font-size:.73rem;line-height:1.5;color:#424970;margin-top:11px}
.plan-row{display:flex;align-items:flex-start;gap:11px;margin-top:11px}.plan-number{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;background:#efefff;color:#5d5dc7;border-radius:8px;font-weight:850;font-size:.68rem}.plan-row strong{display:block;font-size:.75rem;margin-bottom:3px}.plan-row small{font-size:.69rem;color:#7b8297;display:block;line-height:1.45}
.kiosk-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kiosk-feature{grid-column:span 2;display:grid;grid-template-columns:116px 1fr;gap:14px;align-items:stretch}
.kiosk-art{min-height:112px;position:relative;overflow:hidden;border-radius:10px;background:linear-gradient(145deg,#2e355d,#5f63b6);display:flex;align-items:flex-end;padding:12px;color:#fff;font-size:.61rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.kiosk-art:before{content:"";position:absolute;width:110px;height:110px;border:1px solid rgba(255,255,255,.28);border-radius:50%;top:-36px;right:-15px;box-shadow:0 0 0 15px rgba(255,255,255,.05),0 0 0 31px rgba(255,255,255,.04)}
.kiosk-art.gold{background:linear-gradient(145deg,#947849,#d3ba86)}.kiosk-art.pale{background:linear-gradient(145deg,#e5e8fb,#adb6ed);color:#333d74}
.kiosk-card{background:#fff;border:1px solid #e5e7f0;border-radius:12px;overflow:hidden}
.kiosk-copy{padding:10px 11px}.kiosk-copy small{color:#6b6fc8;font-size:.6rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.kiosk-copy strong{display:block;font-size:.74rem;line-height:1.35;margin:5px 0;color:#26304c}.kiosk-copy span{font-size:.65rem;color:#7d859c;line-height:1.45;display:block}
.kiosk-feature .kiosk-copy{padding:12px 3px}.kiosk-feature .kiosk-copy strong{font-size:.87rem}.kiosk-feature .kiosk-copy p{font-size:.71rem;color:#707992;line-height:1.5;margin:6px 0 0}
.progress-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:12px}.progress-head .stage-h{margin:0}.progress-badge{background:#e9f7f0;color:#18845f;padding:6px 8px;border-radius:7px;font-size:.68rem;font-weight:800}
.progress-hero{border-radius:13px;background:linear-gradient(110deg,#252d53,#494cad);padding:18px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px;overflow:hidden;position:relative}.progress-hero:after{content:"";position:absolute;width:140px;height:140px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-23px;top:-61px;box-shadow:0 0 0 17px rgba(255,255,255,.025),0 0 0 34px rgba(255,255,255,.025)}
.progress-hero small{display:block;color:#c8cbee;font-size:.68rem;margin-bottom:6px}.progress-hero strong{font-size:1.45rem;letter-spacing:-.04em}.progress-hero p{font-size:.7rem;color:#d8daf2;margin:5px 0 0}.ring{width:66px;height:66px;flex:0 0 66px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#d8c18e 0deg 242deg,rgba(255,255,255,.2) 242deg 360deg);position:relative}.ring:before{content:"";position:absolute;inset:6px;border-radius:50%;background:#343c73}.ring strong{z-index:1;font-size:.8rem;letter-spacing:-.02em}
.progress-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:15px}.metric{background:#fff;border:1px solid #e4e7f0;border-radius:10px;padding:11px}.metric small{display:block;color:#7c849b;font-size:.63rem;margin-bottom:5px}.metric strong{font-size:1rem;letter-spacing:-.03em}.metric span{display:block;font-size:.61rem;color:#218363;margin-top:3px}
.progress-subject{display:flex;align-items:center;gap:10px;margin:10px 0;font-size:.7rem;color:#58617b}.subject-track{height:6px;flex:1;background:#ebedf4;border-radius:999px;overflow:hidden}.subject-track i{height:100%;display:block;background:linear-gradient(90deg,#6265dd,#9c9df1);border-radius:inherit;animation:fillTrack 1.1s ease both}.subject-pct{font-weight:800;font-size:.65rem;color:#68718b;width:29px;text-align:right}
@keyframes fillTrack{from{width:0}to{}}
.demo-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:15px;color:#a7afc8;font-size:.68rem}
.demo-dots{display:flex;gap:6px;align-items:center}.demo-dots button{width:7px;height:7px;border:0;border-radius:99px;background:#535b79;padding:0;cursor:pointer;transition:width .25s ease,background .25s ease}.demo-dots button[aria-current="true"]{width:23px;background:#c3b17c}
.motion-toggle{border:1px solid rgba(255,255,255,.16);color:#c4cadc;background:rgba(255,255,255,.04);border-radius:8px;padding:7px 10px;font-size:.66rem;cursor:pointer}
/* Feature cards */
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.feature-card{position:relative;overflow:hidden;background:#fff;border:1px solid #e6e8ef;border-radius:17px;padding:23px 21px;min-height:262px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.feature-card:hover{transform:translateY(-5px);border-color:#d0d2ef;box-shadow:var(--shadow-soft)}
.feature-icon{width:46px;height:46px;display:grid;place-items:center;background:#f0f0ff;color:#5859cd;border-radius:13px;margin-bottom:23px}
.feature-icon.gold{background:#f8f1e6;color:#a17c3d}.feature-icon.green{background:#e9f7f1;color:#1d8668}.feature-icon.navy{background:#eef0f8;color:#26345c}
.feature-icon svg{width:22px;height:22px}
.feature-card p{font-size:.84rem;color:#737c93;line-height:1.65;margin-bottom:19px}
.feature-link{display:inline-flex;align-items:center;gap:7px;color:var(--indigo);font-size:.78rem;font-weight:800}
.feature-link span{transition:transform .2s}.feature-link:hover span{transform:translateX(3px)}
.feature-number{position:absolute;right:17px;top:17px;font-size:.65rem;color:#afb4c5;font-weight:850;letter-spacing:.08em}
/* Two-column methodology */
.method-section{background:#f0f1f8}
.method-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}
.method-visual{background:linear-gradient(145deg,#e4e6f8,#f9f9fc);border:1px solid #e0e3f0;border-radius:24px;min-height:440px;position:relative;overflow:hidden;padding:32px;display:flex;align-items:center;justify-content:center}
.method-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(73,80,145,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(73,80,145,.07) 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(ellipse,#000,transparent 75%)}
.study-stack{position:relative;width:min(100%,375px);height:325px}
.study-sheet{position:absolute;border:1px solid #e3e5ef;background:#fff;border-radius:14px;padding:17px;box-shadow:0 18px 45px rgba(34,42,92,.12)}
.study-sheet.back{width:79%;right:0;top:6px;transform:rotate(6deg);background:#f9f9fd}
.study-sheet.mid{width:85%;right:13px;top:28px;transform:rotate(-3deg);background:#fff}
.study-sheet.front{width:91%;left:0;top:41px;animation:sheetFloat 6s ease-in-out infinite}
@keyframes sheetFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(0deg)}}
.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.sheet-logo{font-size:.66rem;font-weight:850;letter-spacing:-.02em}.sheet-tag{font-size:.58rem;color:#5d5ecb;background:#efefff;padding:5px 7px;border-radius:5px;font-weight:800}
.sheet-title{font-weight:800;letter-spacing:-.03em;font-size:1.02rem;margin:0 0 8px}.sheet-text{font-size:.68rem;color:#778099;line-height:1.55;margin:0 0 13px}
.sheet-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid #eef0f5;font-size:.66rem;color:#555f7b}.sheet-row i{width:20px;height:20px;background:#efefff;color:#6566d6;display:grid;place-items:center;border-radius:6px;font-style:normal;font-size:.58rem;font-weight:850}
.method-float{position:absolute;bottom:25px;right:13px;background:#fff;box-shadow:0 12px 30px rgba(28,35,77,.12);border:1px solid #e7e8ef;border-radius:12px;padding:13px 15px;display:flex;align-items:center;gap:10px;animation:float 5s ease-in-out infinite}
.method-float .badge-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#e9f8f1;color:#168365}.method-float strong{display:block;font-size:.73rem}.method-float small{display:block;color:#7b8298;font-size:.63rem}
.method-steps{display:grid;gap:19px;margin:29px 0 28px}.method-step{display:grid;grid-template-columns:39px 1fr;gap:13px}.step-no{height:35px;width:35px;border-radius:10px;display:grid;place-items:center;border:1px solid #dfe1ee;background:#fff;color:var(--indigo);font-weight:850;font-size:.75rem}.method-step h3{font-size:.95rem;margin:0 0 5px;letter-spacing:-.02em}.method-step p{margin:0;color:#707991;font-size:.82rem;line-height:1.6}
/* Kiosk */
.kiosk-section{background:#fff}
.kiosk-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:37px}
.kiosk-head-row .section-head{margin:0;max-width:690px}
.kiosk-grid-real{display:grid;grid-template-columns:1.18fr .91fr .91fr;gap:18px}
.article-card{border:1px solid #e5e7ef;background:#fff;border-radius:17px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.article-card:hover{transform:translateY(-4px);border-color:#d0d2ef;box-shadow:var(--shadow-soft)}
.article-art{position:relative;overflow:hidden;min-height:185px;display:flex;align-items:flex-end;padding:17px;color:white;background:linear-gradient(140deg,#252d53,#5356b4)}
.article-card:first-child .article-art{min-height:233px}
.article-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(180deg,#000,transparent)}
.article-art:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;border:1px solid rgba(255,255,255,.33);right:20px;top:19px;box-shadow:0 0 0 17px rgba(255,255,255,.04),0 0 0 34px rgba(255,255,255,.035)}
.article-art.gold{background:linear-gradient(145deg,#8a734e,#d0b77f)}.article-art.lavender{background:linear-gradient(145deg,#e7e9fb,#aaaef0);color:#343a77}.article-art.green{background:linear-gradient(145deg,#165d5b,#55a79a)}
.art-label{position:relative;z-index:1;font-size:.67rem;text-transform:uppercase;letter-spacing:.12em;font-weight:850}
.article-content{padding:19px}.article-meta{display:flex;align-items:center;gap:8px;color:#717b93;font-size:.67rem;font-weight:700;margin-bottom:10px}.article-meta i{height:4px;width:4px;border-radius:50%;background:var(--gold)}.article-content h3{font-size:1.06rem;line-height:1.32;margin-bottom:9px}.article-content p{color:#737c92;font-size:.8rem;line-height:1.6;margin-bottom:16px}.article-more{font-size:.78rem;font-weight:800;color:var(--indigo);display:inline-flex;gap:8px;align-items:center}
.kiosk-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #eceef4;padding-top:23px;margin-top:28px;color:#6c758d;font-size:.78rem}
/* offer */
.offer-section{background:linear-gradient(180deg,#f2f3f8,#f8f8f5)}
.offer-grid{display:grid;grid-template-columns:1fr .87fr;gap:65px;align-items:center}
.offer-points{display:grid;grid-template-columns:1fr 1fr;gap:17px 21px;margin-top:30px}
.offer-point{display:flex;align-items:flex-start;gap:11px;font-size:.84rem;color:#58627c;line-height:1.55}.offer-point svg{width:19px;height:19px;flex:0 0 19px;color:var(--green);margin-top:1px}.offer-point strong{display:block;color:#26304d;margin-bottom:3px;font-size:.86rem}
.offer-card{position:relative;background:#fff;border:1px solid #e0e3ed;border-radius:23px;padding:29px;box-shadow:0 25px 70px rgba(33,40,82,.11);overflow:hidden}
.offer-card:before{content:"";height:4px;position:absolute;inset:0 0 auto;background:linear-gradient(90deg,#5758d7,#9899ef,#c9a96b)}
.offer-type{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;font-weight:850;color:var(--indigo)}
.offer-card h3{font-size:1.55rem;line-height:1.15;margin:15px 0 8px;letter-spacing:-.045em}.offer-description{font-size:.82rem;color:#727b92;line-height:1.65;margin-bottom:21px}
.offer-pills{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px}.offer-pills span{font-size:.68rem;padding:6px 9px;border-radius:7px;background:#f4f5fa;color:#59627c;font-weight:750}
.offer-list{list-style:none;margin:0 0 23px;padding:0;border-top:1px solid #eceef4}.offer-list li{display:flex;align-items:flex-start;gap:9px;border-bottom:1px solid #eceef4;padding:11px 0;font-size:.79rem;color:#59627b}.offer-list svg{width:16px;height:16px;flex:0 0 16px;color:#258767;margin-top:2px}
.offer-card .btn{width:100%}.offer-footnote{font-size:.68rem;line-height:1.5;color:#858ca0;text-align:center;margin:12px 0 0}
/* FAQ */
.faq-section{background:#fff}
.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:start}
.faq-side{position:sticky;top:115px}.faq-side p{color:#737c92;font-size:.89rem;line-height:1.7;max-width:360px}.faq-contact{display:inline-flex;align-items:center;gap:8px;color:var(--indigo);font-weight:800;font-size:.82rem;margin-top:12px}
.faq-list{border-top:1px solid #e6e8f0}
.faq-item{border-bottom:1px solid #e6e8f0}
.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;background:transparent;border:0;text-align:left;color:var(--ink);font-size:.95rem;font-weight:760;letter-spacing:-.015em;cursor:pointer}
.faq-plus{width:27px;height:27px;flex:0 0 27px;display:grid;place-items:center;border:1px solid #e4e6ef;border-radius:8px;color:#6266cc;transition:transform .25s ease,background .25s ease}
.faq-question[aria-expanded="true"] .faq-plus{transform:rotate(45deg);background:#f0f0ff}
.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.faq-answer>div{overflow:hidden}.faq-answer p{font-size:.83rem;color:#707991;line-height:1.75;max-width:680px;margin:0;padding-bottom:0;transition:padding .3s ease}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-item.open .faq-answer p{padding-bottom:21px}
/* final CTA/footer */
.final-cta{padding:76px 0;background:#111831;color:#fff;position:relative;overflow:hidden}
.final-cta:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse at center,#000,transparent 80%)}
.final-cta:after{content:"";position:absolute;width:430px;height:430px;left:50%;top:-250px;transform:translateX(-50%);background:rgba(91,92,220,.24);filter:blur(95px);border-radius:50%}
.final-cta .container{position:relative;z-index:1;text-align:center}.final-cta .eyebrow{color:#d6c18d}.final-cta h2{max-width:760px;margin:16px auto;color:#fff}.final-cta p{max-width:650px;margin:0 auto 25px;color:#b7bfd5;font-size:.97rem;line-height:1.75}.final-cta .btn-light{background:rgba(255,255,255,.95)}
footer{background:#0c1125;color:#b5bdd1;padding:49px 0 23px}.footer-grid{display:grid;grid-template-columns:1.35fr .7fr .7fr .85fr;gap:40px;padding-bottom:39px}.footer-brand .brand-name{color:#fff}.footer-brand .brand-sub{color:#8b94ac}.footer-brand p{max-width:300px;color:#929bb4;font-size:.78rem;line-height:1.75;margin:19px 0 0}.footer-col h4{font-size:.74rem;color:#fff;margin:5px 0 16px;letter-spacing:.04em}.footer-col a{display:block;font-size:.75rem;color:#a4adc5;margin:10px 0;transition:color .2s}.footer-col a:hover{color:#fff}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:19px;border-top:1px solid rgba(255,255,255,.1);font-size:.68rem;color:#7f89a4}.footer-bottom .footer-legal{display:flex;gap:18px;flex-wrap:wrap}.footer-bottom a:hover{color:#fff}
.back-top{position:fixed;right:20px;bottom:20px;width:43px;height:43px;border-radius:13px;border:1px solid rgba(206,209,229,.8);background:rgba(255,255,255,.9);backdrop-filter:blur(10px);display:grid;place-items:center;color:#4d51be;box-shadow:0 7px 20px rgba(19,25,57,.1);z-index:30;opacity:0;pointer-events:none;transform:translateY(9px);transition:all .25s ease;cursor:pointer}.back-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.reveal.in-view{opacity:1;transform:translateY(0)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Responsive */
@media(max-width:1050px){.hero-inner{grid-template-columns:1fr 1fr;gap:25px}.hero-demo{padding-inline:15px}.float-progress{right:-7px}.float-note{left:-8px}.demo-layout{grid-template-columns:.72fr 1.28fr;gap:28px}.feature-grid{grid-template-columns:repeat(2,1fr)}.method-grid{gap:40px}.offer-grid{gap:38px}.faq-layout{gap:48px}.nav-links{gap:16px}.brand{min-width:auto}}
@media(max-width:800px){.hero-interface-strip{grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.hero-interface-chip{padding:12px}.container{width:min(var(--max),calc(100% - 34px))}.section{padding:78px 0}.nav-wrap{position:sticky}.nav{height:68px;gap:10px}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:rgba(250,250,248,.98);backdrop-filter:blur(15px);padding:17px 22px 23px;border-bottom:1px solid var(--line);box-shadow:0 18px 24px rgba(24,32,65,.07);flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{padding:12px 4px;border-bottom:1px solid #eceef3}.nav-links a:last-child{border-bottom:0}.nav-links .nav-mobile-cta{display:block;margin-top:8px;padding:12px 4px;font-weight:750;color:var(--indigo)}.nav-actions .btn-light{display:none}.nav-actions .nav-cta-stripe{display:none}.nav-actions .btn-primary{padding:10px 12px;font-size:.78rem}.brand{max-width:46%}.brand-logo-img{height:28px;max-width:min(132px,40vw)}.mobile-toggle{display:flex;flex-shrink:0}.hero{padding:54px 0 45px}.hero-inner{grid-template-columns:1fr;gap:12px}.hero-copy{padding:8px 0 0}.hero-copy h1{max-width:650px}.hero-copy .lead{max-width:680px}.hero-demo{max-width:640px;width:100%;margin:0 auto;padding:30px 18px 35px}.demo-window{transform:none;animation:windowEnterMobile .85s ease both}@keyframes windowEnterMobile{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.float-note{left:2px;top:2px}.float-progress{right:1px;bottom:2px}.hero-bottom{margin-top:25px;align-items:flex-start;flex-direction:column}.trust-inner{gap:14px 24px}.trust-label{width:100%;text-align:center}.demo-layout{grid-template-columns:1fr;gap:32px}.demo-intro{max-width:680px}.demo-tabs{grid-template-columns:repeat(2,1fr);gap:8px}.demo-tab{padding:10px}.stage-wrap{max-width:680px;width:100%;margin:auto}.method-grid{grid-template-columns:1fr;gap:42px}.method-visual{min-height:390px;order:2}.method-copy{order:1}.kiosk-grid-real{grid-template-columns:1fr 1fr}.article-card:first-child{grid-column:span 2}.article-card:first-child .article-art{min-height:200px}.offer-grid{grid-template-columns:1fr;gap:35px}.offer-copy{max-width:700px}.offer-card{max-width:560px;width:100%;margin-inline:auto}.faq-layout{grid-template-columns:1fr;gap:30px}.faq-side{position:static}.footer-grid{grid-template-columns:1.2fr 1fr;gap:30px 35px}}
@media(max-width:520px){.hero-interface-strip{grid-template-columns:1fr;gap:8px}.container{width:calc(100% - 30px)}h1{font-size:clamp(2.45rem,12vw,3.35rem)}h2{font-size:2.12rem}.section{padding:66px 0}.section-head{margin-bottom:29px}.announce{font-size:.68rem;padding:8px 10px}.announce a{display:inline-block;margin-left:0;margin-top:4px}.brand-mark{width:35px;height:35px}.brand-name{font-size:.96rem}.brand{max-width:42%}.nav-actions{gap:6px;max-width:56%}.nav-actions .btn-primary{padding:9px 10px;font-size:.72rem}.nav-actions #fc-nav-portal .arrow{display:none}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .btn{width:100%}.hero-proof{font-size:.7rem}.hero-demo{padding-inline:5px;margin-top:4px}.window-top{padding-inline:11px;height:43px}.window-body{padding:17px 13px 14px;min-height:0}.demo-question{font-size:1rem}.answer{font-size:.69rem;padding:9px}.answer-key{flex-basis:21px;height:21px}.float-note{top:-2px;left:-1px;padding:9px 10px}.float-progress{right:-3px;bottom:-2px;width:147px;padding:10px}.float-note strong{font-size:.66rem}.float-note small{font-size:.56rem}.hero-bottom{font-size:.68rem}.subject-pills{gap:6px}.subject-pills span{font-size:.67rem}.trust-inner{gap:12px 15px}.trust-item{font-size:.68rem}.demo-tabs{grid-template-columns:1fr 1fr}.demo-tab{gap:8px;padding:9px}.tab-icon{width:33px;height:33px;flex-basis:33px}.tab-copy strong{font-size:.76rem}.tab-copy small{font-size:.64rem}.demo-intro h2{font-size:2.2rem}.stage-wrap{padding:7px}.stage-window{min-height:0}.stage-content{padding:17px 13px;min-height:370px}.stage-h{font-size:1.13rem}.stage-sub{font-size:.72rem}.stage-answers{grid-template-columns:1fr}.stage-answer{min-height:0;padding:9px}.stage-answer:nth-child(n+3){display:none}.stage-content[data-kind="quiz"] .stage-answer:nth-child(n+3){display:flex}.stage-content[data-kind="quiz"] .stage-answers{grid-template-columns:1fr 1fr}.stage-content[data-kind="quiz"] .stage-answer{font-size:.68rem}.kiosk-feature{grid-template-columns:91px 1fr;gap:10px}.kiosk-art{min-height:104px;padding:9px;font-size:.54rem}.kiosk-copy{padding:8px}.kiosk-copy strong{font-size:.69rem}.kiosk-feature .kiosk-copy strong{font-size:.77rem}.kiosk-feature .kiosk-copy p{font-size:.67rem}.progress-metrics{gap:6px}.metric{padding:9px 7px}.metric strong{font-size:.87rem}.metric small{font-size:.59rem}.progress-hero{padding:14px}.progress-hero strong{font-size:1.25rem}.ring{width:58px;height:58px;flex-basis:58px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:0;padding:21px}.feature-icon{margin-bottom:17px}.feature-card p{margin-bottom:12px}.method-visual{padding:18px;min-height:345px}.study-stack{height:285px}.study-sheet.front{padding:13px}.method-float{right:1px;bottom:15px;padding:10px}.kiosk-head-row{display:block}.kiosk-head-row>.btn{margin-top:19px}.kiosk-grid-real{grid-template-columns:1fr}.article-card:first-child{grid-column:auto}.article-card:first-child .article-art,.article-art{min-height:170px}.article-content{padding:16px}.kiosk-foot{align-items:flex-start;flex-direction:column}.offer-points{grid-template-columns:1fr;gap:13px}.offer-card{padding:24px 19px}.offer-card h3{font-size:1.4rem}.faq-question{font-size:.87rem;padding:17px 0}.final-cta{padding:62px 0}.final-cta .btn{width:100%}.footer-grid{grid-template-columns:1fr 1fr;gap:29px 20px}.footer-brand{grid-column:span 2}.footer-bottom{align-items:flex-start;flex-direction:column}.footer-bottom .footer-legal{gap:12px}.back-top{right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
.brand-logo-img{height:32px;width:auto;max-width:100%;display:block;object-fit:contain;object-position:left center}
.hero-interface-strip{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:36px}
.hero-interface-chip{display:flex;align-items:center;gap:12px;padding:14px 15px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.82);box-shadow:var(--shadow-soft);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.hero-interface-chip:hover{transform:translateY(-2px);border-color:#c5d0e4;box-shadow:var(--shadow)}
.hero-interface-chip strong{display:block;font-size:.78rem;letter-spacing:-.02em;color:var(--ink)}
.hero-interface-chip small{display:block;font-size:.65rem;color:#707991;margin-top:2px;line-height:1.35}
.hero-interface-icon{flex:0 0 40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:.62rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase;background:var(--indigo-soft);color:var(--indigo)}
.hero-interface-icon.gold{background:var(--gold-soft);color:#8B6914}
.hero-interface-icon.green{background:var(--green-soft);color:var(--green)}
.hero-interface-icon.navy{background:#eef0f8;color:var(--ink)}
.hero-interface-chip-portal{border-color:rgba(42,84,147,.22);background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(238,242,248,.95))}
.stats-band{background:#fff;border-block:1px solid var(--line);padding:48px 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.stats-grid strong{display:block;font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.04em;color:var(--indigo)}
.stats-grid span{font-size:.78rem;color:#707991;font-weight:650}
.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:36px}
.pain-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:23px;text-align:center}
.pain-card h3{font-size:.95rem;margin:12px 0 8px}
.pain-card p{margin:0;font-size:.8rem;color:#707991;line-height:1.6}
.testimonials-section{background:var(--ink);color:#e8eaf5}
.testimonials-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:32px}
.quote-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:17px;padding:22px}
.quote-card blockquote{margin:0 0 16px;font-size:.86rem;line-height:1.65;color:#d8deef}
.quote-author{display:flex;align-items:center;gap:10px;font-size:.74rem}
.quote-avatar{width:36px;height:36px;border-radius:50%;background:var(--indigo);display:grid;place-items:center;font-weight:800;color:#fff}
.btn-gold{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:12px;padding:13px 19px;font-size:.92rem;font-weight:750;cursor:pointer;background:linear-gradient(135deg,#C9A961,#B8954F);color:#0F1F4B;box-shadow:0 9px 22px rgba(201,169,97,.35);transition:transform .2s ease,box-shadow .2s ease}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(201,169,97,.42)}
.offer-price{display:flex;align-items:flex-end;gap:12px;margin:18px 0 20px}
.offer-price strong{font-size:2.8rem;letter-spacing:-.05em;line-height:1}
.offer-price del{font-size:.9rem;color:#8a92a8}
.offer-badge-launch{position:absolute;top:18px;right:18px;background:var(--gold);color:#0F1F4B;font-size:.65rem;font-weight:850;padding:6px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.06em}
.fc-wave-grid{position:absolute;inset:0;z-index:0;pointer-events:none}
.hero .container,.hero-inner{position:relative;z-index:1}
.modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(15,31,75,.88);backdrop-filter:blur(6px);transition:opacity .25s,visibility .25s}
.modal-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}
.modal-overlay.visible{opacity:1;visibility:visible}
.modal-panel{background:#f8f9fc;width:min(720px,100%);max-height:90vh;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow);border:1px solid var(--line)}
.modal-header{padding:18px 20px;background:#fff;border-bottom:1px solid var(--line)}
.modal-body{flex:1;overflow-y:auto;padding:24px}
.modal-footer{padding:16px 20px;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.78rem;color:#707991}
.qcm-opt{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.qcm-opt:hover:not(.locked){border-color:#9bb4d4;background:var(--indigo-soft)}
.qcm-opt.correct{border-color:var(--green)!important;background:var(--green-soft)!important}
.qcm-opt.wrong{border-color:#EF4444!important;background:#FFF1F2!important}
.qcm-opt.missed{border-color:var(--green)!important;opacity:.55}
.qcm-opt.locked{cursor:default}
.qcm-letter{width:32px;height:32px;flex:0 0 32px;border-radius:8px;background:#f1f5f9;display:grid;place-items:center;font-weight:800;font-size:.75rem}
@media(max-width:800px){.stats-grid{grid-template-columns:1fr 1fr}.pain-grid{grid-template-columns:1fr}.testimonials-grid{grid-template-columns:1fr}}
.trial-qmeta{font-size:.72rem;font-weight:800;color:#707991;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}
.trial-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}
.trial-q{font-size:1.05rem;font-weight:800;margin:10px 0 14px;line-height:1.35;color:var(--ink)}
.qcm-options{display:flex;flex-direction:column;gap:8px}
#qcm-expl.ok{background:var(--green-soft);border:1px solid #ccebdd;color:#28674f}
#qcm-expl.bad{background:#fff5f3;border:1px solid #efb7ad;color:#975347}
.trial-result-wrap{text-align:center}
.trial-result-cta{background:linear-gradient(135deg,#1F3F6C,#2A5493);color:#fff;border-radius:16px;padding:22px;margin-top:18px;text-align:left}
.trial-result-cta h3{margin:0 0 8px;font-size:1.05rem}
.trial-result-cta p{margin:0 0 16px;font-size:.82rem;opacity:.9;line-height:1.55}
.trial-result-cta .btn-light{width:100%;justify-content:center;margin-bottom:8px}
.trial-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}
.trial-metrics div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px}