/* FacinateAI Hub stylesheet (merged 3 November 2026).
   Cascade layers replace the old override chain, so later layers win by order, not by specificity or !important.
     tokens  design tokens and motion recipes
     core    base layout and components (formerly styles.css, art-direction.css, atmosphere.css)
     pagebase  base styles of the fact-checking guide (guides/fact-checking.css)
     pages   page-specific files: business.css, factcheck.css, three/three.css
     fixes   readability rules (formerly readability.css)
     theme   the Aurora visual theme (formerly aurora.css)
   New styles go into the layer they belong to and use the tokens. */
@layer tokens, core, pagebase, pages, fixes, theme;

/* ===================== tokens ===================== */
@layer tokens {
  /* FacinateAI Hub design tokens (2 November 2026). Loaded first on every page.
     New work uses only these values. Older stylesheets move onto them step by step. */
  :root{
    /* Colour */
    --c-ink:#26222c;
    --c-ink-soft:#4d4552;
    --c-muted:#5d5663;
    --c-paper:#f7f1ec;
    --c-white:#fffdfa;
    --c-plum:#1d1a24;
    --c-accent:#b5476f;
    --c-accent-ink:#8f3653;
    --c-line:rgba(38,34,44,.12);
    --c-glass:rgba(255,255,255,.62);
    --c-glass-line:rgba(255,255,255,.85);
    --grad-accent:linear-gradient(120deg,#c0503a 0%,#b5476f 48%,#7d5bb5 100%); /* white text stays at or above 4.7:1 */
    --c-peach:#f6c3ae;--c-rose:#f0b4c7;--c-lilac:#d8c5f0;--c-mint:#c9e5d8;--c-butter:#fae0bf;--c-sky:#cbdcf2;

    /* Shape: two radii plus pills */
    --radius-sm:12px;
    --radius-lg:20px;
    --radius-pill:999px;
    --shadow-card:0 22px 50px -30px rgba(84,52,74,.5);
    --shadow-pop:0 18px 40px -18px rgba(29,26,36,.55);

    /* Spacing on a 4 px grid */
    --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;
    --section-pad:clamp(56px,8vw,96px);

    /* Type scale (Inter for everything, Georgia italic inside headings, monospace only for code and data) */
    --font-sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
    --font-serif:Georgia,"Times New Roman",serif;
    --font-mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
    --text-label:12px;
    --text-small:14px;
    --text-body:16px;
    --text-lead:20px;
    --text-h3:clamp(22px,2.2vw,28px);
    --text-h2:clamp(32px,4vw,40px);
    --text-h1:clamp(44px,7vw,64px);

    /* Motion: three durations, one easing (the transitions.dev curve) */
    --motion-quick:160ms;
    --motion-standard:260ms;
    --motion-slow:420ms;
    --ease:cubic-bezier(.22,1,.36,1);
    interpolate-size:allow-keywords; /* lets <details> animate to height:auto where supported */
  }

  /* One reduced-motion rule for the whole site. The 3D scenes follow the same preference in JavaScript. */
  @media (prefers-reduced-motion:reduce){
    *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}
  }

  /* ---------- Motion recipes adapted from transitions.dev (free licence, see docs/3D_CREDITS.md) ---------- */

  /* Accordion: native <details> grows to its content height, fades in and the marker turns. */
  details::details-content{block-size:0;overflow:clip;opacity:0;
    transition:block-size var(--motion-standard) var(--ease),opacity var(--motion-standard) var(--ease),content-visibility var(--motion-standard) allow-discrete}
  details[open]::details-content{block-size:auto;opacity:1}

  /* Text state swap: the old label leaves upwards, the new one arrives from below (app.js swapText). */
  .t-text-swap{display:inline-block;transition:transform var(--motion-quick) ease-in-out,filter var(--motion-quick) ease-in-out,opacity var(--motion-quick) ease-in-out}
  .t-text-swap.is-exit{transform:translateY(-4px);filter:blur(2px);opacity:0}
  .t-text-swap.is-enter-start{transform:translateY(4px);filter:blur(2px);opacity:0;transition:none}

  /* Sliding pill behind the active option of a segmented control (app.js slidingPill). */
  .t-pill-host{position:relative;isolation:isolate}
  .t-pill{position:absolute;z-index:-1;top:0;left:0;height:100%;border-radius:var(--radius-pill);background:var(--grad-accent);
    box-shadow:0 10px 24px -12px rgba(181,71,111,.7);pointer-events:none;
    transition:transform var(--motion-standard) var(--ease),width var(--motion-standard) var(--ease),height var(--motion-standard) var(--ease)}
  .t-pill.is-instant{transition:none}

  /* Tooltip and popover entrance: a short fade and scale from 98 %, used by the glossary and the lesson tips. */
  .t-pop{transition:opacity var(--motion-quick) ease-out,scale var(--motion-quick) ease-out,display var(--motion-quick) allow-discrete}
  @starting-style{.t-pop{opacity:0;scale:.98}}
}

/* ===================== core ===================== */
@layer core {
/* ---- base (styles.css) ---- */
  :root{--ink:#080d15;--ink2:#111823;--paper:#f2f1ee;--white:#fdfdf9;--muted:#9ca8b1;--line:rgba(255,255,255,.15);--line-dark:#d5d9d6;--accent:#c9ff9c;--violet:#b2a6ff;--cyan:#a9f6ed;--darktext:#111921;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);font-family:var(--font);color:var(--darktext);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,textarea:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #8b86ff;outline-offset:4px}::selection{background:#bcffb2;color:#04100d}.container{width:min(100% - 104px,1390px);margin-inline:auto}.skip-link{position:absolute;z-index:1000;left:10px;top:-60px;background:var(--accent);color:var(--ink);padding:13px}.skip-link:focus{top:10px}.reading-progress{position:fixed;top:0;left:0;height:3px;background:var(--accent);width:0;z-index:120;pointer-events:none}.site-shell{overflow:hidden}.header{height:88px;background:#090e17;color:#fff;position:relative;z-index:50;border-bottom:1px solid rgba(255,255,255,.1)}.nav-frame{display:flex;align-items:center;gap:28px;height:100%}.logo{display:inline-flex;align-items:center;gap:13px;white-space:nowrap;color:#fff}.logo-symbol{display:flex;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid #748a84;border-radius:50%;transform:rotate(-27deg);position:relative}.logo-symbol i{position:absolute;display:block;width:16px;height:2px;background:#d5ffb5;transform:rotate(-55deg)}.logo-symbol i:nth-child(1){left:11px;top:13px}.logo-symbol i:nth-child(2){left:16px;top:20px}.logo-symbol i:nth-child(3){left:11px;top:26px}.logo-wordmark{font-size:14px;line-height:1.02;font-weight:850;letter-spacing:.12em}.logo-wordmark>span{display:block;letter-spacing:.18em;color:#b7c2c4;font-size:11px;font-weight:600;margin-top:5px}.logo small{font-size:9px;color:#636d72;align-self:flex-end;letter-spacing:.07em;margin-left:-5px}.site-nav{display:flex;gap:35px;align-items:center;margin-left:auto}.site-nav a{font-size:12px;color:#bdc6c8;transition:color var(--motion-standard)}.site-nav a:hover,.site-nav a.active{color:#fff}.nav-button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--accent);color:#09130c;border-radius:999px;font-size:12px;font-weight:750;padding:15px 21px;margin-left:28px;transition:transform var(--motion-standard),background var(--motion-standard)}.nav-button:hover{background:#ebffc6;transform:translateY(-2px)}.nav-button span{font-size:20px;line-height:.7}.menu-toggle{display:none}.hero{position:relative;background:#090e17;color:#fff;overflow:hidden;isolation:isolate}.hero:before{content:"";position:absolute;width:70vw;height:70vw;right:-26vw;top:-24vw;background:radial-gradient(circle,rgba(74,105,162,.22),transparent 65%);pointer-events:none;z-index:-1}.hero-grid{position:absolute;inset:0;opacity:.4;background-image:linear-gradient(rgba(255,255,255,.043) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.043) 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(90deg,transparent,black 70%);pointer-events:none}.hero-noise{position:absolute;inset:0;z-index:-1;opacity:.22;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.21' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);min-height:685px;gap:26px;align-items:center;padding-block:44px 42px}.hero-copy{position:relative;z-index:2;padding-top:14px}.eyebrow,.section-tag{display:inline-flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.18em;font-weight:750;text-transform:uppercase}.eyebrow{color:#b4bfc4}.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 15px rgba(200,255,156,.8)}.slash{color:#6c787e;font-size:15px;font-weight:300;margin-inline:4px}.hero h1{font-weight:660;font-size:clamp(62px,6.5vw,104px);line-height:.97;letter-spacing:-.079em;margin:32px 0 29px;white-space:nowrap}.serif-flair,.hero h1 em,h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.075em;font-style:italic}.serif-flair{color:#f5f7f2}.gradient-line{background:linear-gradient(105deg,#b8facb 10%,#a4eee7 55%,#b4a8ff);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative}.star-small{display:inline-block;color:#c9ff9c;-webkit-text-fill-color:#c9ff9c;font-size:27px;vertical-align:top;margin-left:7px;transform:rotate(-14deg)}.hero-copy>p{max-width:510px;font-size:16px;line-height:1.85;color:#adbac0;margin:0}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:37px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:18px 23px;font-size:12px;letter-spacing:.01em;font-weight:760;border:0;border-radius:3px;transition:transform var(--motion-standard),background var(--motion-standard),box-shadow var(--motion-standard);min-height:54px}.button:hover{transform:translateY(-3px)}.button span{font-size:22px;line-height:1}.button-primary{background:var(--accent);color:#111c14}.button-primary:hover{background:#e0ffc2;box-shadow:0 10px 34px rgba(172,255,173,.14)}.button-text{padding:10px 0;min-height:0;color:#f7f6f2;background:transparent;border-bottom:1px solid #666e75;border-radius:0}.button-text:hover{border-color:#fff}.hero-proof{display:flex;align-items:center;gap:16px;color:#8f9da3;font-size:11px;line-height:1.7;max-width:425px;margin-top:62px}.proof-icon{font-size:34px;line-height:1;color:var(--accent)}.hero-visual{height:610px;position:relative;align-self:center;min-width:0;overflow:hidden;isolation:isolate;border:1px solid rgba(171,199,221,.13);background:radial-gradient(ellipse at 49% 46%,rgba(82,118,159,.20),rgba(24,38,58,.13) 40%,transparent 68%),linear-gradient(145deg,rgba(111,131,177,.065),rgba(39,68,78,.06));box-shadow:inset 0 0 80px rgba(0,0,0,.1)}.hero-visual:before{content:"";position:absolute;inset:40px;opacity:.28;z-index:-1;background:linear-gradient(90deg,transparent 49.8%,rgba(203,239,245,.25) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,rgba(203,239,245,.23) 50%,transparent 50.2%)}.hero-visual:after{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.04);pointer-events:none}.orb-panel-top,.orb-panel-bottom{position:absolute;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;z-index:2;font-size:9px;letter-spacing:.1em;color:#90a4ae;font-weight:620}.orb-panel-top{top:25px}.orb-panel-bottom{bottom:24px}.orb-panel-bottom button{background:none;border:0;color:#b4c8ca;font-size:9px;font-weight:720;letter-spacing:.06em;padding:8px}.orb-panel-bottom button:hover{color:var(--accent)}.orb-panel-bottom button span{margin-left:8px}.live-dot{width:6px;height:6px;display:inline-block;background:#bbff8b;margin-right:8px;border-radius:50%;box-shadow:0 0 10px #bbff8b}.hero-visual canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y}.hero-visual canvas:active{cursor:grabbing}.orbit-word{position:absolute;z-index:2;color:#c7d0d4;background:rgba(9,15,24,.6);backdrop-filter:blur(12px);border:1px solid rgba(194,235,255,.17);padding:11px 14px;font-size:9px;letter-spacing:.12em;font-weight:700;box-shadow:0 8px 35px rgba(0,0,0,.18);pointer-events:none}.orbit-word small{color:var(--accent);margin-left:16px}.orbit-word-a{top:22%;left:4%}.orbit-word-b{top:42%;right:2%}.orbit-word-c{bottom:22%;left:6%}.hero-base{display:flex;align-items:center;justify-content:space-between;padding:20px 0 24px;color:#7f8e92;border-top:1px solid rgba(255,255,255,.1);font-size:10px;letter-spacing:.15em;font-weight:680}.hero-scroll span{font-size:18px;color:#d8fff3;margin-left:20px}.ticker{background:var(--accent);height:70px;overflow:hidden;display:flex;align-items:center}.ticker-track{display:flex;white-space:nowrap;gap:42px;align-items:center;min-width:max-content;animation:ticker 37s linear infinite;color:#1b2b1b}.ticker-track span{font-size:12px;font-weight:800;letter-spacing:.16em}.ticker-track b{font-size:27px;font-weight:350}@keyframes ticker{to{transform:translateX(-50%)}}.section-pad{padding:126px 0}.section-tag{color:#657275;gap:15px}.section-tag>span{border:1px solid #a5afb0;color:#223035;border-radius:100px;width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:0}.section-tag.light-tag{color:#9faab0}.section-tag.light-tag>span{border-color:#536373;color:#cbd9da}h2{font-weight:650;letter-spacing:-.065em;line-height:1.06;font-size:clamp(44px,5.5vw,80px);margin:26px 0 0}h2 em{font-weight:400}.intro-section{background:#f2f1ee}.intro-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:110px;align-items:end}.intro-right{padding-bottom:5px}.intro-right p{font-size:15px;line-height:1.85;color:#626b6c}.intro-right .intro-lead{font-size:23px;line-height:1.43;color:#24302e;font-weight:540;letter-spacing:-.02em;margin:0}.intro-mini{display:flex;align-items:center;gap:15px;margin-top:31px;border-top:1px solid var(--line-dark);padding-top:22px;font-size:11px;letter-spacing:.015em;color:#5a6464}.mini-orbit{font-size:32px;line-height:1;color:#6c74a8}.opportunities-section{background:#e9ece9}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:48px}.section-head>p{max-width:335px;color:#626f70;font-size:15px;line-height:1.7;margin:0 0 4px}.filter-bar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #c9d1cd;border-bottom:1px solid #c9d1cd;padding:18px 0;margin-bottom:22px;gap:16px}.filter-pills{display:flex;gap:8px;flex-wrap:wrap}.filter-chip{border:1px solid transparent;background:none;color:#647171;border-radius:100px;padding:10px 13px;font-size:11px;font-weight:680;transition:background var(--motion-quick),color var(--motion-quick)}.filter-chip:hover{background:#dce5df}.filter-chip.selected{color:#f0fff6;background:#152326}.filter-chip>span{margin-left:10px;font-size:10px;color:var(--accent)}.filter-meta{color:#73807e;font-size:11px;white-space:nowrap}.platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.platform-card{background:#f8faf6;min-height:356px;padding:26px 24px 22px;border:1px solid #d5dbd6;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:box-shadow var(--motion-standard),transform var(--motion-standard),border-color var(--motion-standard);transform-style:preserve-3d}.platform-card:hover{border-color:#98b8a3;box-shadow:0 18px 42px rgba(31,51,43,.1);transform:translateY(-5px)}.platform-card.hidden{display:none}.platform-card:before{content:"";position:absolute;width:200px;height:200px;border:1px solid rgba(88,113,104,.07);border-radius:50%;right:-101px;top:25px;pointer-events:none}.platform-card-top{display:flex;justify-content:space-between;align-items:center}.platform-index{font-size:10px;color:#73807d;letter-spacing:.13em}.platform-symbol{font-size:33px;font-weight:300;line-height:1;color:#8c80d9;transition:transform var(--motion-standard)}.platform-card:hover .platform-symbol{transform:rotate(20deg)}.platform-category{font-size:10px;letter-spacing:.12em;color:#7d8b89;margin-top:45px;font-weight:700}.platform-card h3{font-size:29px;letter-spacing:-.06em;margin:11px 0 8px;font-weight:660}.platform-card .platform-tagline{font-size:15px;line-height:1.35;color:#1e2f30;font-weight:570;margin:0 0 12px}.platform-desc{font-size:12px;line-height:1.72;color:#697475;margin:0}.platform-card-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:20px}.platform-state{font-size:9px;color:#6b7775;letter-spacing:.1em;text-transform:uppercase}.platform-action{width:36px;height:36px;border-radius:50%;border:1px solid #bcc5c0;background:#edf1ed;color:#192523;font-size:22px;line-height:1;transition:background var(--motion-quick);display:flex;align-items:center;justify-content:center}.platform-action:hover{background:var(--accent)}.opportunities-bottom{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-top:24px}.opportunities-bottom>p{max-width:690px;line-height:1.65;font-size:11px;color:#717d7a;margin:0}.opportunities-bottom>a{font-size:12px;font-weight:750;white-space:nowrap;border-bottom:1px solid #65736d;padding-bottom:7px}.opportunities-bottom>a span{margin-left:17px;font-size:18px}.prep-section{background:#0a101b;color:#f6f7f6;position:relative;overflow:hidden}.prep-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 99% 10%,rgba(102,73,178,.15),transparent 50%);pointer-events:none}.section-head-light>p{color:#9ca9b0}.prep-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.prep-card{display:flex;flex-direction:column;min-height:595px;position:relative;border:1px solid #3a4150;overflow:hidden;background:#141c2b;transition:transform var(--motion-standard),border-color var(--motion-standard)}.prep-card:hover{transform:translateY(-7px);border-color:#8894bc}.prep-card-top{display:flex;align-items:center;justify-content:space-between;padding:20px 23px;color:#d2d8df;font-weight:700;font-size:9px;letter-spacing:.14em}.prep-card-top>span:last-child{font-size:21px}.prep-visual{height:244px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;isolation:isolate}.prep-purple .prep-visual{background:radial-gradient(ellipse at 55% 60%,#7771d4 0%,#29284e 48%,#1d2440 100%)}.prep-blue .prep-visual{background:radial-gradient(ellipse at 48% 52%,#3c8aa1 0%,#194562 50%,#122944 100%)}.prep-mint .prep-visual{background:radial-gradient(ellipse at 49% 59%,#619c86 0%,#234c46 50%,#183235 100%)}.test-score{font-size:66px;letter-spacing:-.09em;font-weight:810;color:#f5f1ff;transform:rotate(-7deg);position:relative;z-index:2;text-shadow:0 18px 23px rgba(2,5,25,.4)}.test-score span{font:italic 25px Georgia;color:#c4bfff;margin:0 5px}.fake-rating{position:absolute;bottom:36px;display:flex;gap:6px;transform:rotate(-7deg);z-index:2}.fake-rating span{width:34px;height:5px;background:#c4d7fe;border-radius:12px}.fake-rating span:last-child{background:#78809f}.prep-ring{position:absolute;width:310px;height:310px;border-radius:50%;border:1px solid #b2adff8f;transform:rotateX(62deg) rotate(-27deg);box-shadow:0 0 30px #ac9afb38}.ring-b{width:235px;height:235px;border-color:#cdc6f85e;transform:rotateX(57deg) rotate(44deg)}.expert-grid{position:absolute;inset:18px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;transform:perspective(500px) rotateX(17deg) rotateZ(-9deg)}.expert-grid span{display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:700;color:#aedbef70;border:1px solid #a7ebf545;background:#9cddff0a}.expert-center{color:#d5ffff;font-size:137px;z-index:2;text-shadow:0 0 40px #88f1e188;line-height:1;animation:expert-spin 18s linear infinite}@keyframes expert-spin{50%{transform:rotate(180deg)}}.quality-block{z-index:2;background:#172e30d9;box-shadow:0 30px 40px #041c247a;padding:17px;width:230px;border:1px solid #c0ffe468;transform:perspective(650px) rotateY(-15deg) rotateX(10deg) rotateZ(-4deg)}.quality-block>span{font-size:10px;color:#c2ffe1;letter-spacing:.16em}.quality-block>div{display:flex;gap:6px;margin:21px 0}.quality-block i{display:block;width:28%;height:26px;background:#a7f6ce66;border:1px solid #aef3de}.quality-block i:nth-child(2){background:#f4bfa485}.quality-block b{font-size:10px;color:#fff;letter-spacing:.08em}.quality-radar{position:absolute;inset:-45px;border-radius:50%;border:2px solid #9ddcc44a;box-shadow:0 0 0 38px #a2dcc410,0 0 0 87px #a2dcc40a}.prep-card-bottom{padding:28px 27px 29px;display:flex;flex-direction:column;flex:1}.guide-time{font-size:10px;letter-spacing:.14em;color:#b1d7d8}.prep-card h3{font-size:33px;line-height:1.13;letter-spacing:-.055em;font-weight:600;margin:13px 0 11px}.prep-card p{font-size:13px;line-height:1.67;color:#aab7bc;margin:0 0 30px;max-width:315px}.card-link{margin-top:auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff35;padding-top:16px;font-size:12px;font-weight:750}.card-link b{font-size:23px;font-weight:300}.prep-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #53606a;padding-top:25px;margin-top:28px}.prep-footer>span{font-size:10px;color:#91a0aa;letter-spacing:.12em}.prep-footer>a{font-size:12px;font-weight:730;color:#d1ffb2}.prep-footer>a span{font-size:19px;margin-left:10px}.matching-section{background:#f2f1ee}.matching-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:min(9vw,130px);align-items:start}.matching-copy{position:sticky;top:30px}.matching-copy h2{font-size:clamp(48px,4.7vw,70px)}.matching-copy>p{font-size:15px;line-height:1.85;color:#6b7574;max-width:490px;margin:28px 0 40px}.match-benefits{border-top:1px solid #d5d9d6;max-width:470px}.match-benefits>div{display:flex;align-items:center;gap:21px;border-bottom:1px solid #d5d9d6;padding:17px 0}.match-benefits span{font-size:11px;color:#7b8885;font-weight:730}.match-benefits p{margin:0;font-size:13px;font-weight:580}.match-note{display:flex;align-items:flex-start;gap:10px;font-size:11px;color:#7c8582;line-height:1.65;max-width:465px;margin-top:33px}.match-note span{font-size:23px;color:#4d5e7d;line-height:1}.form-panel{background:#fbfcf8;border:1px solid #d4dad2;padding:38px;box-shadow:0 30px 75px rgba(25,38,31,.08)}.form-top{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:34px}.tiny-label{color:#83908e;font-size:10px;letter-spacing:.14em;font-weight:720}.tiny-label span{color:#53605e;margin-left:9px}.form-top h3{font-size:35px;font-weight:630;letter-spacing:-.057em;margin:14px 0 7px}.form-top p{font-size:12px;color:#87928f;line-height:1.6;margin:0}.form-counter{font-size:10px;color:#98a5a0;letter-spacing:.12em;white-space:nowrap}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-panel label:not(.upload-button):not(.consent){display:block;font-size:10px;letter-spacing:.11em;font-weight:760;color:#3b4845}.form-panel label>span:first-child:not(.field-hint){color:#6f8686}.form-panel input:not([type="checkbox"]):not([type="file"]),.form-panel select,.form-panel textarea{display:block;width:100%;min-width:0;background:transparent;border:0;border-bottom:1px solid #cbd4ce;border-radius:0;padding:17px 0 13px;margin-bottom:26px;font-size:13px;color:#182c29;outline:none;letter-spacing:0;font-weight:450;transition:border-color var(--motion-quick)}.form-panel input:focus,.form-panel select:focus,.form-panel textarea:focus{border-bottom-color:#263a30}.form-panel input::placeholder,.form-panel textarea::placeholder{color:#9ca7a3}.form-panel select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='m1 3 4 4 4-4' stroke='%23596b68' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:11px;background-position:right 4px center;padding-right:18px}.form-panel textarea{resize:vertical;min-height:115px;margin-bottom:5px}.field-hint{display:block;font-weight:400;letter-spacing:0;color:#92a09a;font-size:11px;line-height:1.5;margin:7px 0 26px}.upload-field{border:1px dashed #b3c1b9;background:#f4f7f2;padding:19px;display:flex;align-items:center;gap:14px;position:relative}.upload-icon{width:45px;height:45px;flex:none;border-radius:4px;background:#e6eddf;display:grid;place-items:center;font-size:26px;color:#51675b}.upload-copy{flex:1;min-width:0}.upload-copy strong{display:block;font-size:12px;font-weight:720;line-height:1.3}.upload-copy strong>span{font-weight:470;color:#7c8c81}.upload-copy small{display:block;line-height:1.5;font-size:10px;color:#819089;margin-top:6px;word-break:break-word}.upload-button{border:1px solid #9caba0;padding:11px 12px;font-size:11px;letter-spacing:0;white-space:nowrap;background:#fff;cursor:pointer;color:#29392f;font-weight:760}.upload-button:hover{background:var(--accent)}#resume-file{position:absolute;left:0;bottom:0;width:1px;height:1px;opacity:0}.consent{display:flex;gap:11px;margin-top:23px;font-size:11px;line-height:1.75;color:#717d78;cursor:pointer;letter-spacing:0}.consent>input{accent-color:#203c2d;width:17px;height:17px;flex:none;margin:3px 0 0}.consent span b{color:#637a6b}.consent a{text-decoration:underline;text-underline-offset:3px;color:#203a2c}.form-bottom{border-top:1px solid #d9dfd9;padding-top:22px;margin-top:27px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.submit-button{min-width:195px}.submit-button:disabled{background:#dfe5da;color:#617265;cursor:not-allowed;transform:none;box-shadow:none}.form-status{font-size:11px;line-height:1.5;color:#7b8982;flex:1;min-width:165px}.honeypot{position:absolute!important;left:-100vw!important}.about-section{background:#dfe6e1}.about-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:95px}.about-graphic{min-height:425px;background:#14202b;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden}.about-graphic:before{content:"";position:absolute;inset:-30%;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 34px,rgba(196,233,228,.1) 35px 36px);transform:rotate(-22deg)}.about-graphic:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,#668a9b7a,transparent 72%);filter:blur(20px)}.about-glass{z-index:1;width:66%;aspect-ratio:1;position:relative;border:1px solid #c5eed17a;background:linear-gradient(139deg,#e5f9e00d,#97ddfa0d);backdrop-filter:blur(3px);box-shadow:30px 34px 80px #030b1e6b;transform:perspective(800px) rotateY(-17deg) rotateX(10deg);padding:22px}.about-visual-mark{font-size:160px;line-height:1;color:#b5ffe1bf;position:absolute;top:11%;left:24%;font-weight:100}.about-visual-mark span{color:#e5ffb3;font-size:40px;position:absolute;right:-16px;top:24px}.about-small{position:absolute;bottom:27px;font-size:10px;line-height:1.7;color:#e3fcf0;letter-spacing:.13em}.about-coordinates{position:absolute;top:22px;left:23px;font-size:8px;color:#b4d9c8;letter-spacing:.12em}.about-copy h2{font-size:clamp(43px,4.2vw,68px)}.about-copy p{font-size:14px;line-height:1.88;color:#596762;max-width:495px}.about-copy p:first-of-type{margin-top:27px}.about-copy strong{color:#1a2924}.about-link{display:inline-flex;gap:27px;align-items:center;border-bottom:1px solid #425c4f;padding-bottom:10px;margin-top:20px;font-size:12px;font-weight:760}.about-link span{font-size:18px}.faq-section{background:#f2f1ee}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:95px}.faq-stack{border-top:1px solid #cbd3cf}.faq-stack details{border-bottom:1px solid #cbd3cf;padding:25px 0}.faq-stack summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:17px;font-weight:570;letter-spacing:-.018em}.faq-stack summary::-webkit-details-marker{display:none}.faq-stack summary span{font-weight:350;font-size:25px;transition:transform var(--motion-quick)}.faq-stack details[open] summary span{transform:rotate(45deg)}.faq-stack details p{font-size:13px;color:#6c7974;line-height:1.85;max-width:630px;margin:15px 35px 5px 0}.closing{background:#111d26;color:#fff;padding:89px 0}.closing-inner{display:flex;align-items:end;justify-content:space-between;gap:30px}.closing-inner>div>span{font-size:10px;color:#8da79f;letter-spacing:.15em}.closing h2{font-size:clamp(42px,4.5vw,70px);margin:15px 0 0}.closing h2 em{color:var(--accent)}.closing .button{margin-bottom:5px}.footer{background:#080d15;color:#c6d0d2;padding-top:64px}.footer-layout{display:grid;grid-template-columns:2.2fr 1fr 1fr;gap:36px;padding-bottom:80px}.footer-logo{align-items:center}.footer-layout p{font-size:12px;color:#8e9aa1;max-width:250px;line-height:1.75;margin-top:26px}.footer-nav{display:flex;flex-direction:column;gap:17px}.footer-nav a{font-size:12px;color:#a2b1b5}.footer-nav a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid #35404a;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 0;font-size:10px;color:#71838a}.footer-bottom button{background:none;border:0;font-size:10px;color:#afbaba;letter-spacing:.08em}.platform-modal{border:1px solid #a8bdaf;padding:0;background:#f8fbf5;color:#111c18;width:min(90vw,530px);max-height:85vh;box-shadow:0 25px 160px #080f1ec5}.platform-modal::backdrop{background:#060e18bb;backdrop-filter:blur(7px)}.modal-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 28px;background:#17252b;color:#a5c4be;font-size:9px;letter-spacing:.12em}.modal-top button{background:none;border:0;color:#d0f2e6;font-size:25px}.modal-inner{padding:30px 33px 35px;overflow-y:auto}.modal-category{font-size:10px;color:#66827c;letter-spacing:.14em;font-weight:720}.modal-inner h2{font-size:43px;margin:11px 0}.modal-tagline{font-size:16px;color:#213831;font-weight:620}.modal-inner>p:not(.modal-tagline){font-size:13px;color:#667a6e;line-height:1.75}.modal-inner h3{font-size:11px;letter-spacing:.15em;color:#233d32;text-transform:uppercase;margin-top:25px}.skill-tags{display:flex;gap:8px;flex-wrap:wrap}.skill-tags span{border:1px solid #c8d2c9;padding:7px 9px;font-size:11px;color:#40534a}.modal-notice{background:#e7efdf;padding:12px;font-size:11px!important}.modal-match{display:block;font-size:12px;margin-top:20px;text-decoration:underline;text-underline-offset:4px}.reveal{opacity:1;transform:none;}.js .reveal{opacity:0;transform:translateY(18px);transition:opacity var(--motion-slow) var(--ease),transform var(--motion-slow) var(--ease)}.reveal.on{opacity:1;transform:translateY(0)}.reveal:nth-child(2){transition-delay:.08s}.reveal:nth-child(3){transition-delay:.14s}.reveal:nth-child(4){transition-delay:.2s}
  /* Guide pages */.guide-body{background:#f2f1ee}.guide-hero{background:#0b111c;color:#f9fcf8;padding:87px 0 90px;position:relative;overflow:hidden}.guide-hero:before{content:"";position:absolute;width:580px;height:580px;right:-90px;top:-150px;border-radius:50%;background:radial-gradient(circle,#7263bd6b,transparent 68%);filter:blur(30px);pointer-events:none}.guide-breadcrumb{color:#a7b7b9;font-size:11px;letter-spacing:.08em;display:flex;gap:10px;align-items:center}.guide-breadcrumb a{text-decoration:underline;text-underline-offset:4px}.guide-breadcrumb span{color:#74868b}.guide-label{display:inline-block;color:#c9ff9c;font-size:11px;letter-spacing:.15em;font-weight:710;margin-top:70px}.guide-hero h1{font-size:clamp(51px,7vw,103px);line-height:1.04;letter-spacing:-.07em;font-weight:650;max-width:1070px;margin:22px 0}.guide-hero h1 em{font-family:Georgia,serif;font-weight:400}.guide-hero>div>p{font-size:17px;color:#aab9bd;line-height:1.75;max-width:630px}.guide-meta{display:flex;gap:22px;align-items:center;margin-top:34px;font-size:10px;letter-spacing:.12em;color:#c3cdd0}.guide-meta span{padding:10px 14px;border:1px solid #52606e;border-radius:100px}.guide-layout{display:grid;grid-template-columns:240px minmax(0,750px);gap:clamp(50px,8vw,130px);align-items:start;padding-block:95px}.guide-sidebar{position:sticky;top:40px;border-top:1px solid #c6d2cb;padding-top:22px}.guide-sidebar h4{font-size:10px;letter-spacing:.15em;color:#718078;margin:0 0 24px}.guide-sidebar a{display:block;margin-bottom:18px;font-size:12px;color:#566761;line-height:1.5}.guide-sidebar a:hover{color:#182b21}.guide-sidebar .side-back{border-top:1px solid #d4dcd5;padding-top:19px;margin-top:29px;font-weight:730}.guide-content h2{font-size:36px;letter-spacing:-.05em;margin:0 0 20px;scroll-margin-top:35px}.guide-content h3{font-size:22px;letter-spacing:-.03em;margin:37px 0 12px}.guide-content p,.guide-content li{color:#596b63;font-size:15px;line-height:1.85}.guide-content p strong,.guide-content li strong{color:#213129}.guide-content ul{padding-left:23px}.guide-content section{padding-bottom:53px;border-bottom:1px solid #ccd6cf;margin-bottom:50px}.guide-content section:last-child{border:0}.guide-panel{background:#e4ede4;border-left:3px solid #486f61;padding:24px 28px;margin:25px 0}.guide-panel>strong{font-size:11px;letter-spacing:.12em;color:#304c3d}.guide-panel p{margin:10px 0 0;font-size:14px}.practice-box{background:#111d2b;padding:27px;color:#f4f7f5;margin-top:24px;position:relative}.practice-top{display:flex;justify-content:space-between;font-size:10px;color:#9fcdb8;letter-spacing:.13em}.practice-question{font-size:22px!important;line-height:1.48!important;color:#f3fff7!important;letter-spacing:-.025em;margin:25px 0!important}.practice-hint,.practice-answer{background:#202f3b;border:1px solid #3b535a;padding:17px;margin-top:16px}.practice-hint[hidden],.practice-answer[hidden]{display:none}.practice-hint p,.practice-answer p{color:#c9d5d6;font-size:13px;margin:8px 0 0}.practice-hint strong,.practice-answer strong{font-size:11px;color:#c3ff9e;letter-spacing:.12em;text-transform:uppercase}.practice-actions{display:flex;flex-wrap:wrap;gap:10px}.practice-actions button{padding:11px 13px;background:transparent;border:1px solid #526b6d;color:#d8f0e3;font-size:11px}.practice-actions button:hover{background:#263c40}.practice-actions .next-question{background:var(--accent);border-color:var(--accent);color:#152419;margin-left:auto;font-weight:700}.progress-checks{display:grid;gap:14px;margin-top:22px}.progress-checks label{display:flex;align-items:center;gap:14px;border-bottom:1px solid #cbd6ce;padding-bottom:14px;font-size:13px;color:#52665a;cursor:pointer}.progress-checks input{accent-color:#274d38;width:18px;height:18px}.progress-meter{width:100%;height:5px;background:#d2dad2;margin-top:22px}.progress-meter span{height:100%;display:block;background:#648d72;width:0;transition:width var(--motion-standard)}.guide-end{background:#dfe8db;padding:30px}.guide-end h3{margin:0 0 10px!important}.guide-end a{font-weight:700;font-size:13px;text-decoration:underline;text-underline-offset:5px}
  /* legal + success */.simple-main{min-height:65vh;background:#f1f2ed;padding:90px 0}.simple-main .container{max-width:820px}.simple-main h1{font-size:clamp(46px,6vw,76px);letter-spacing:-.06em;margin:22px 0}.simple-main h2{font-size:23px;margin:35px 0 14px}.simple-main p,.simple-main li{font-size:14px;line-height:1.85;color:#5f7068}.simple-main a:not(.button){text-decoration:underline}.legal-attention{padding:20px;background:#edf2e1;border-left:3px solid #8da070;margin:25px 0;color:#324636;font-size:14px;line-height:1.7}
  @media(max-width:1150px){.container{width:min(100% - 72px,1260px)}.site-nav{gap:22px}.nav-button{margin-left:5px}.hero h1{font-size:clamp(60px,6.2vw,84px)}.hero-visual{height:540px}.hero-layout{min-height:610px}.platform-grid{grid-template-columns:repeat(2,1fr)}.prep-card{min-height:575px}.prep-card h3{font-size:28px}.matching-layout{gap:48px}.form-panel{padding:28px}}
  @media(max-width:850px){.container{width:min(100% - 42px,740px)}.header{height:76px}.logo small{display:none}.nav-button{margin-left:auto}.menu-toggle{display:inline-flex;width:34px;height:34px;flex-direction:column;justify-content:center;gap:5px;background:none;border:0;margin-left:6px}.menu-toggle span{height:2px;width:25px;background:#d2ddd8}.site-nav{display:none;position:absolute;left:0;right:0;top:76px;background:#111924;border-bottom:1px solid #38434f;padding:24px 21px;box-shadow:0 20px 35px #0005}.site-nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.site-nav a{font-size:15px;padding:13px 0}.hero-layout{grid-template-columns:1fr;gap:25px;padding-top:70px}.hero h1{font-size:clamp(61px,10vw,89px)}.hero-copy>p{max-width:620px}.hero-proof{margin-top:38px}.hero-visual{height:490px;max-width:660px;width:100%;margin-inline:auto}.hero-base{margin-top:15px}.intro-layout,.matching-layout,.about-layout,.faq-layout{grid-template-columns:1fr;gap:55px}.section-pad{padding:90px 0}.intro-right{max-width:640px}.section-head{align-items:start}.prep-grid{grid-template-columns:1fr 1fr}.prep-card:last-child{grid-column:1/-1;min-height:450px;display:grid;grid-template-columns:1fr 1fr}.prep-card:last-child .prep-card-top{grid-column:1/-1}.prep-card:last-child .prep-visual{height:100%;min-height:265px;grid-column:1;grid-row:2}.prep-card:last-child .prep-card-bottom{grid-column:2;grid-row:2}.matching-copy{position:static}.match-benefits{max-width:unset}.about-graphic{min-height:380px}.about-glass{max-width:320px}.faq-layout{gap:45px}.guide-layout{grid-template-columns:1fr;gap:20px}.guide-sidebar{position:static;display:flex;flex-wrap:wrap;gap:16px}.guide-sidebar h4{width:100%;margin:0}.guide-sidebar a{margin-bottom:0}.guide-sidebar .side-back{margin:0;padding:0;border:0}}
  @media(max-width:600px){html{scroll-padding-top:80px}.container{width:calc(100% - 34px)}.logo-wordmark{font-size:12px}.logo-wordmark>span{font-size:10px}.logo-symbol{width:35px;height:35px}.nav-button{gap:10px;padding:13px 13px;font-size:10px}.nav-button span{font-size:17px}.hero-layout{padding-top:60px;gap:38px}.hero h1{font-size:clamp(48px,12vw,66px);margin:28px 0 23px}.hero-copy>p{font-size:14px;line-height:1.8}.eyebrow{font-size:9px;letter-spacing:.11em;gap:7px}.hero-actions{gap:20px;flex-wrap:wrap}.hero-actions .button{font-size:11px}.hero-proof{font-size:10px}.hero-visual{height:395px}.orbit-word{font-size:7px;padding:7px 9px}.orbit-word small{margin-left:5px}.orb-panel-top,.orb-panel-bottom{left:14px;right:14px;font-size:7px}.hero-base{font-size:8px}.hero-scroll{display:none}.ticker{height:56px}.ticker-track{gap:22px}.ticker-track span{font-size:10px}.section-pad{padding:78px 0}h2{font-size:clamp(42px,11vw,57px)}.intro-layout{gap:27px}.intro-right .intro-lead{font-size:20px}.section-head{flex-direction:column;gap:20px;margin-bottom:32px}.section-head>p{font-size:13px}.filter-bar{align-items:start;flex-direction:column}.filter-meta{align-self:flex-end}.platform-grid{grid-template-columns:1fr}.platform-card{min-height:306px}.platform-category{margin-top:29px}.opportunities-bottom{align-items:start;flex-direction:column}.prep-grid{grid-template-columns:1fr}.prep-card,.prep-card:last-child{display:flex;min-height:530px}.prep-card:last-child .prep-visual{min-height:0;height:215px}.prep-card:last-child .prep-card-bottom{display:flex}.prep-card .prep-visual{height:220px}.prep-card-bottom{padding:24px}.prep-card h3{font-size:32px}.prep-footer{align-items:start;flex-direction:column}.form-panel{padding:22px}.form-top h3{font-size:28px}.form-row{grid-template-columns:1fr;gap:0}.upload-field{flex-wrap:wrap}.upload-button{margin-left:58px}.matching-copy h2{font-size:clamp(45px,11vw,62px)}.about-graphic{min-height:310px}.about-glass{width:64%;max-width:240px}.about-visual-mark{font-size:115px}.about-small{font-size:8px}.faq-stack summary{font-size:15px}.closing-inner{align-items:start;flex-direction:column}.closing{padding:65px 0}.footer-layout{grid-template-columns:1fr 1fr;gap:35px;padding-bottom:45px}.footer-layout>div:first-child{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;font-size:9px;gap:12px}.guide-hero{padding:55px 0}.guide-label{margin-top:45px}.guide-hero h1{font-size:clamp(44px,10vw,65px)}.guide-hero>div>p{font-size:15px}.guide-layout{padding-block:55px}.guide-sidebar{gap:12px}.guide-sidebar a{font-size:10px}.guide-content h2{font-size:31px}.guide-content p,.guide-content li{font-size:14px}.practice-question{font-size:19px!important}.guide-meta{flex-wrap:wrap}.simple-main{padding:65px 0}}
  @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track,.expert-center{animation:none}.reveal{opacity:1!important;transform:none!important;transition:none!important}.button,.nav-button,.platform-card,.prep-card{transition:none!important}}

  .upload-field:focus-within{outline:2px solid #8b86ff;outline-offset:3px}.legal-nav-back{margin-left:auto}

  /* v3 beginner-first experience: designed to extend the existing visual system */
  .start-section{background:#f0f2ee;padding-top:108px;padding-bottom:112px}
  .start-intro{display:grid;grid-template-columns:.68fr 1.32fr;gap:36px;margin-bottom:52px;align-items:start}
  .start-intro .section-tag{margin-top:15px}
  .start-heading h2{font-size:clamp(48px,6vw,88px);letter-spacing:-.07em;line-height:.99;margin:0 0 25px;color:#111920}
  .start-heading h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em}
  .start-heading p{font-size:17px;color:#6a7376;max-width:610px;line-height:1.75;margin:0}
  .start-journey{display:grid;grid-template-columns:1.12fr 1fr;gap:18px;min-height:570px}
  .start-feature{display:flex;flex-direction:column;overflow:hidden;position:relative;text-decoration:none;color:#fff;transition:transform var(--motion-standard),box-shadow var(--motion-standard)}
  .start-feature:hover,.start-step:hover,.learn-tile:hover{transform:translateY(-5px)}
  .start-feature-main{background:#111b2a;border:1px solid #233349;min-height:560px}
  .start-feature-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.15em;color:#b2cad1;font-weight:700;padding:28px 32px;z-index:2}
  .start-feature-head span:last-child{font-size:19px;letter-spacing:0}
  .start-feature-art{position:absolute;right:0;top:0;width:100%;height:70%;background:radial-gradient(circle at 60% 48%,rgba(107,191,210,.22),transparent 45%),linear-gradient(130deg,#131a31,#0f2234);overflow:hidden}
  .start-feature-art:before{content:"";position:absolute;inset:0;opacity:.24;background-image:linear-gradient(90deg,rgba(206,243,250,.18) 1px,transparent 1px),linear-gradient(rgba(206,243,250,.18) 1px,transparent 1px);background-size:35px 35px}
  .art-orbit{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%) rotate(-22deg);border:1px solid rgba(151,239,244,.46);border-radius:50%;width:340px;height:180px}
  .art-orbit-two{width:260px;height:370px;border-color:rgba(210,203,255,.31);transform:translate(-50%,-50%) rotate(44deg)}
  .art-core{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);border-radius:50%;background:#cbff9d;width:112px;height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;font-size:44px;color:#182332;box-shadow:0 0 65px rgba(201,255,156,.25)}
  .art-core span{font-size:10px;letter-spacing:.16em;font-weight:800}.art-dot{position:absolute;width:8px;height:8px;background:#b9fff3;border-radius:50%;box-shadow:0 0 20px #b9fff3}.dot-one{top:23%;left:35%}.dot-two{top:37%;right:19%;background:#bbadff}.dot-three{top:64%;left:24%;background:#d0ffb9}
  .start-feature-bottom{margin-top:auto;padding:185px 36px 35px;position:relative;z-index:1;background:linear-gradient(0deg,#111b2a 65%,transparent)}
  .start-number{color:#a3ffb0;font-size:10px;font-weight:800;letter-spacing:.18em;margin-bottom:15px}
  .start-feature-bottom h3{font-size:clamp(29px,3vw,43px);line-height:1.08;letter-spacing:-.045em;margin:0 0 17px}
  .start-feature-bottom p{color:#bdc9d5;line-height:1.6;max-width:480px;font-size:14px;margin:0 0 25px}
  .feature-cta{color:#d6fbc0;font-size:12px;font-weight:700}.feature-cta b{margin-left:8px}
  .start-side{display:grid;grid-template-rows:1fr 1fr;gap:18px}
  .start-step{position:relative;display:flex;flex-direction:column;min-height:272px;padding:32px 36px;background:#dbe3dc;border:1px solid #c9d6cf;color:#14272a;transition:transform var(--motion-standard)}
  .start-step:nth-child(2){background:#e3ddf0;border-color:#d2c9e5;color:#242037}
  .step-badge{letter-spacing:.14em;font-weight:750;font-size:10px;color:#647a79}.start-step:nth-child(2) .step-badge{color:#726c88}
  .step-symbol{position:absolute;right:33px;top:28px;font-size:37px;opacity:.7;font-family:Georgia,serif}
  .start-step h3{font-size:clamp(26px,2.6vw,37px);letter-spacing:-.045em;line-height:1.04;max-width:350px;margin:auto 0 9px}
  .start-step p{font-size:13px;line-height:1.55;max-width:360px;color:#566b68;margin:0 0 16px}.start-step:nth-child(2) p{color:#6a6381}
  .step-link{font-size:12px;font-weight:750}.start-statement{display:flex;align-items:center;gap:20px;border-top:1px solid #cbd6d0;margin-top:29px;padding-top:26px}
  .start-statement .sparkle{color:#526e68;font-size:31px}.start-statement p{font-size:13px;line-height:1.6;color:#586a67;margin:0;max-width:700px}.start-statement-name{font-size:13px;font-weight:800;white-space:nowrap;margin-left:auto;color:#344741}
  .learning-section{background:#e8ecea;padding-top:104px;padding-bottom:112px}.learning-section .section-head{margin-bottom:43px}
  .learn-grid{display:grid;grid-template-columns:1.13fr 1fr 1fr;gap:16px}
  .learn-tile{min-height:490px;border:1px solid #d1d8d5;position:relative;overflow:hidden;display:flex;flex-direction:column;background:#f5f4ef;transition:transform var(--motion-standard);box-shadow:0 10px 30px rgba(22,37,32,.035)}
  .learn-tile.learn-feature{background:#d9e9df}.learn-overline{font-size:10px;letter-spacing:.15em;color:#516a68;font-weight:800;padding:26px 27px;z-index:2}
  .learn-symbol{height:230px;position:relative;display:grid;place-items:center;flex-shrink:0}
  .learn-symbol-box{background:radial-gradient(circle at center,#c4d9cf,#d9e9df)}.bounding{position:absolute;border:2px solid #416861;width:100px;height:120px;transform:rotate(-11deg);top:50px;left:calc(50% - 65px)}.b-two{transform:rotate(12deg);height:85px;width:135px;top:79px;left:calc(50% - 62px);border-color:#7aa2a1}.b-three{width:160px;height:110px;top:63px;left:calc(50% - 80px);border:1px dashed #577f7f;transform:rotate(26deg)}.learn-symbol-box span{background:#2d5b51;color:#e8ffec;padding:9px 14px;font-weight:900;font-size:10px;letter-spacing:.16em;z-index:2}
  .learn-symbol-compare{gap:5px;grid-template-columns:1fr auto 1fr;padding-inline:55px;background:radial-gradient(circle at center,#dee1f1,#f5f4ef)}.learn-symbol-compare i{display:grid;place-items:center;border:1px solid #bbb4de;width:90px;height:115px;transform:rotate(-9deg);font-size:48px;color:#554c80;font-style:normal;font-weight:800}.learn-symbol-compare i:last-child{transform:rotate(10deg)}.learn-symbol-compare b{color:#77738e;font-size:11px}
  .learn-symbol-cv{background:radial-gradient(circle at center,#ebdfd2,#f5f4ef)}.cv-paper{display:flex;flex-direction:column;gap:11px;transform:rotate(-8deg);background:#fff;width:155px;height:204px;padding:33px 23px;box-shadow:10px 15px 32px rgba(87,66,48,.2);border:1px solid #cfc3b4}.cv-paper i{display:block;height:7px;background:#bacfc8;border-radius:1px}.cv-paper i:first-child{height:16px;width:80px;background:#5e8680}.cv-paper i:nth-child(2){width:110px}.cv-paper i:nth-child(3){width:95px}.cv-paper i:nth-child(4){width:105px}
  .learn-tile-foot{padding:18px 28px 28px;display:flex;flex-direction:column;flex:1}.learn-tile-foot h3{font-size:clamp(25px,2.5vw,35px);line-height:1.1;letter-spacing:-.05em;margin:0 0 15px;max-width:300px}.learn-tile-foot p{font-size:13px;line-height:1.65;color:#596c6d;margin:0 0 25px}.learn-tile-foot>span{margin-top:auto;font-size:12px;font-weight:800;color:#174941}
  .learning-note{border-top:1px solid #cbd3d0;margin-top:32px;padding-top:22px;display:flex;gap:30px;align-items:flex-start}.learning-note span{font-size:10px;letter-spacing:.16em;font-weight:800;white-space:nowrap;color:#3f5d59;padding-top:5px}.learning-note p{font-size:13px;line-height:1.7;color:#657371;max-width:790px;margin:0}
  @media(max-width:1100px){.start-journey{grid-template-columns:1fr 1fr}.start-heading h2{font-size:63px}.learn-symbol-compare{padding:18px}.learn-tile-foot{padding-inline:22px}}
  @media(max-width:780px){.start-section,.learning-section{padding-block:70px}.start-intro{grid-template-columns:1fr;gap:16px;margin-bottom:32px}.start-heading h2{font-size:clamp(48px,10vw,68px)}.start-journey{grid-template-columns:1fr;gap:14px}.start-feature-main{min-height:490px}.start-side{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:14px}.start-step{min-height:268px;padding:27px 25px}.start-step h3{font-size:29px}.learn-grid{grid-template-columns:1fr 1fr}.learn-tile.learn-feature{grid-column:1 / -1;min-height:400px}.learn-tile{min-height:455px}.start-statement{align-items:flex-start}}
  @media(max-width:560px){.start-section,.learning-section{padding-block:58px}.start-journey{gap:12px}.start-intro{margin-bottom:26px}.start-heading h2{font-size:clamp(44px,12vw,64px)}.start-heading p{font-size:15px}.start-feature-main{min-height:545px}.start-feature-bottom{padding:200px 24px 28px}.start-feature-head{padding:24px}.start-side{display:flex;flex-direction:column;gap:12px}.start-step{min-height:230px;padding:26px}.start-step h3{max-width:285px;font-size:31px}.start-statement{gap:13px;flex-wrap:wrap}.start-statement-name{margin-left:40px}.learn-grid{grid-template-columns:1fr}.learn-tile.learn-feature{grid-column:auto}.learn-tile{min-height:420px}.learn-symbol{height:180px}.learn-tile-foot h3{font-size:29px}.learning-note{flex-direction:column;gap:8px}}

  [hidden]{display:none!important}

/* ---- art direction (art-direction.css) ---- */
  /* FacinateAI Hub — Studio / Field Notes, a non-templated art direction layer.
     No external font or UI library dependency. This remains fully offline. */
  :root{
   --ink:#171c1c;--ink2:#202426;--paper:#f4efe3;--white:#fffdf6;
   --muted:#b5b6aa;--line:rgba(255,255,255,.16);--line-dark:#cfc9b9;
   --accent:#ff754e;--violet:#e4cdff;--cyan:#c1d8d3;--darktext:#1d2422;
   --font:'Inter Display','Inter','Helvetica Neue',Arial,sans-serif;
   --editorial:Georgia,'Times New Roman',serif;
   --mono:'Courier New',Courier,monospace;
  }
  html{scroll-padding-top:82px}
  body{background:var(--paper);color:#1b2220}
  ::selection{background:#ff754e;color:#1a1a18}
  .container{width:min(100% - 112px,1460px)}
  .reading-progress{height:4px;background:#f4734d}
  .header{height:82px;background:#171c1c;border-color:#ffffff20}
  .nav-frame{position:relative;gap:21px}
  .nav-frame:after{content:'INDEPENDENT FIELD GUIDE';position:absolute;bottom:-17px;left:0;font:700 9px var(--mono);letter-spacing:.12em;color:#77877d;pointer-events:none;display:none}
  .logo{gap:11px}
  .logo-symbol{width:43px;height:43px;border:2px solid #ff754e;border-radius:0;clip-path:polygon(0 0,100% 0,100% 74%,74% 100%,0 100%);transform:none;box-shadow:inset -8px -8px 0 #ff754e20}
  .logo-symbol i{background:#ff754e;height:3px;width:15px;transform:rotate(-50deg)}
  .logo-wordmark{font-size:15px;letter-spacing:-.02em;font-weight:900;line-height:.94}
  .logo-wordmark>span{font:700 12px var(--mono);color:#ff9d79;letter-spacing:.13em;margin-top:5px}
  .logo small{display:none}
  .site-nav{gap:clamp(15px,2vw,39px)}
  .site-nav a{font-size:12px;color:#c9ccc5;font-weight:520;position:relative}
  .site-nav a:first-child:before{content:'●';position:absolute;left:-13px;top:2px;color:#ff754e;font-size:9px}
  .site-nav a:hover,.site-nav a.active{color:#ff9876}
  .nav-button{border-radius:0;clip-path:polygon(0 0,calc(100% - 17px) 0,100% 17px,100% 100%,0 100%);background:#ff754e;color:#191c1a;padding:15px 22px;margin-left:10px;font-size:11px;font-weight:850;letter-spacing:.02em;gap:45px}
  .nav-button:hover{background:#ffc9a2}
  .nav-button span{font-size:22px}
  /* Editorial dark opening spread: 3-D exists inside the composition, not in a card. */
  .hero{background:#171c1c;min-height:760px;isolation:isolate}
  .hero:before{width:100%;height:100%;inset:0;background:radial-gradient(ellipse at 87% 25%,rgba(168,113,82,.15),transparent 58%),radial-gradient(ellipse at 35% 100%,rgba(106,110,87,.1),transparent 58%);z-index:-1}
  .hero-grid{background-size:110px 110px;opacity:.19;mask-image:linear-gradient(90deg,transparent 0,#000 65%,#000 100%)}
  .hero-noise{opacity:.13}
  .hero-layout{min-height:690px;grid-template-columns:1.12fr .88fr;align-items:center;gap:0;padding-top:45px;padding-bottom:20px;position:relative}
  .hero-layout:before{content:'EST. 2026 / MADE FOR THE CURIOUS';position:absolute;right:-24px;top:35px;color:#8c9189;font:700 9px var(--mono);letter-spacing:.14em;writing-mode:vertical-rl}
  .hero-copy{z-index:4;align-self:center;padding:14px 0 28px;max-width:780px;position:relative}
  .eyebrow{font:700 10px var(--mono);color:#e9c3ae;letter-spacing:.06em;gap:13px}
  .eyebrow-dot{border-radius:0;width:8px;height:8px;background:#ff754e;box-shadow:none;transform:rotate(45deg)}
  .slash{color:#ff754e}
  .hero h1{font-family:'Inter Display','Inter','Arial Black',sans-serif;font-weight:850;font-size:clamp(75px,7.15vw,119px);line-height:.91;letter-spacing:-.085em;margin:30px -135px 28px 0;white-space:nowrap;position:relative;text-transform:none}
  .serif-flair,.hero h1 em{font-family:var(--editorial);font-style:italic;font-weight:400;letter-spacing:-.095em}
  .serif-flair{color:#fae7d0}
  .gradient-line{background:none;color:#ff8768;-webkit-text-fill-color:#ff8768;font-weight:880;letter-spacing:-.083em;position:relative;display:inline-block}
  .gradient-line:after{content:'';position:absolute;height:6px;left:.018em;bottom:-.14em;width:calc(100% - .1em);background:#ff754e;transform:skewX(-18deg)}
  .star-small{color:#ffcc9c;-webkit-text-fill-color:#ffcc9c;font-family:var(--editorial);font-size:32px;top:-.2em;position:relative;margin-left:8px}
  .hero-copy>p{max-width:455px;font-size:16px;line-height:1.72;color:#c9ccc3;margin-top:42px;font-weight:430}
  .hero-actions{gap:35px;margin-top:30px;align-items:stretch}
  .button{border-radius:0;letter-spacing:.015em;font-size:12px;font-weight:750;min-height:59px}
  .button-primary{background:#ff754e;color:#191c1c;clip-path:polygon(0 0,calc(100% - 19px) 0,100% 19px,100% 100%,0 100%);padding:17px 18px 17px 23px;box-shadow:none}
  .button-primary:hover{background:#ffb48c;box-shadow:none}
  .button-primary span{display:grid;place-items:center;color:#171c1c;font-size:24px;margin-left:19px}
  .button-text{background:none;border-bottom:2px solid #cfdbd0;color:#eff0e8;min-height:59px;padding:14px 0}
  .hero-proof{margin-top:45px;gap:15px;color:#abaea5;max-width:370px;font-size:11px}
  .proof-icon{color:#ff906d;font-size:33px}
  .hero-visual{height:690px;align-self:stretch;border:0;overflow:visible;background:none;box-shadow:none;margin-left:-5%;margin-right:-2%;pointer-events:auto}
  .hero-visual:before{inset:70px 0;opacity:.18;background:repeating-linear-gradient(0deg,transparent 0 65px,#ddbb9966 66px,#ddbb9966 67px)}
  .hero-visual:after{display:none}
  .hero-visual canvas{height:100%;width:100%;filter:saturate(.76) sepia(.28) hue-rotate(324deg) brightness(1.13)}
  .orb-panel-top{top:12%;left:18%;right:auto;transform:rotate(-7deg);font:700 9px var(--mono);color:#ffccb6}
  .orb-panel-top span:last-child{display:none}
  .orb-panel-bottom{bottom:10%;left:17%;right:8%;font-family:var(--mono);letter-spacing:.04em;color:#cdb49f}
  .orb-panel-bottom button{font-family:var(--mono);font-size:10px;color:#f5c0a9}
  .orb-panel-bottom button:hover{color:#fff}
  .orbit-word{background:rgba(20,25,24,.9);color:#f0ddd0;border:1px solid rgba(242,154,112,.43);backdrop-filter:none;box-shadow:none;font:700 10px var(--mono);padding:10px 12px;letter-spacing:.06em;transform:rotate(-4deg)}
  .orbit-word-a{top:23%;left:4%}.orbit-word-b{right:-2%;top:46%;transform:rotate(5deg)}.orbit-word-c{left:10%;bottom:22%;transform:rotate(-3deg)}
  .studio-visual-index{position:absolute;top:17px;right:35px;z-index:2;color:#f2a48a;font:800 10px var(--mono);writing-mode:vertical-rl;letter-spacing:.09em}
  .studio-visual-index span{color:#c8a997;margin-top:14px;font-weight:400}
  .studio-visual-sticker{position:absolute;bottom:24%;right:2%;background:#d3e69d;color:#252821;padding:15px 19px 16px 16px;z-index:3;transform:rotate(11deg);width:138px;box-shadow:10px 10px 0 rgba(0,0,0,.12);clip-path:polygon(0 0,87% 0,100% 13%,100% 100%,0 100%);pointer-events:none}
  .studio-visual-sticker span{display:block;font:800 9px var(--mono)}.studio-visual-sticker b{display:block;font-size:19px;line-height:.96;margin-top:6px;letter-spacing:-.07em}.studio-visual-sticker i{display:block;font-style:normal;font-size:17px;margin-top:12px}
  .hero-base{position:relative;justify-content:space-between;padding:19px 0 24px;color:#a59f94;font:700 10px var(--mono);letter-spacing:.09em}
  .hero-base>span:first-child:not(.studio-hero-stamp){display:none}
  .studio-hero-stamp{color:#f4d3b9;font:700 10px var(--mono)}.studio-hero-stamp b{color:#ff805e;margin-left:8px}
  .hero-scroll{margin-left:auto}
  .hero-scroll span{color:#ff8768}
  /* Shared visual grammar: paper, dense ink, warm vermilion, eccentric cutting angles. */
  .section-pad{padding-top:105px;padding-bottom:114px}
  .section-tag{color:#6a6355;letter-spacing:.085em;font:750 11px var(--mono);gap:15px}
  .section-tag>span{border:0;border-bottom:2px solid #ff704c;width:32px;height:27px;border-radius:0;font-family:var(--mono);color:#b34e34;font-size:13px}
  .section-tag.light-tag{color:#ecbca7}.section-tag.light-tag>span{border-color:#ff815d;color:#ffb197}
  h2{font-family:'Inter Display','Inter',Arial,sans-serif;font-weight:825;letter-spacing:-.078em;line-height:.98}
  h2 em{font-family:var(--editorial);font-style:italic;font-weight:400;letter-spacing:-.075em}
  .start-section{background:#f4efe3;padding-top:94px;padding-bottom:109px}
  .start-intro{grid-template-columns:.62fr 1.38fr;position:relative;margin-bottom:38px}
  .start-intro>.studio-asterisk{position:absolute;right:0;top:-50px;font-size:65px;line-height:1;color:#eb694a;transform:rotate(18deg);pointer-events:none}
  .start-heading h2{font-weight:845;color:#202824;letter-spacing:-.085em}
  .start-heading h2 em{color:#b35744}
  .start-heading p{color:#716b5e;font-size:16px;max-width:520px}
  .start-journey{gap:0;min-height:570px;border:1px solid #cabfab}
  .start-feature-main{background:#27332e;border:0;min-height:560px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
  .start-feature-art{background:radial-gradient(circle at 48% 52%,rgba(236,174,127,.31),transparent 57%),linear-gradient(125deg,#283630,#1c2622)}
  .start-feature-art:before{background-size:52px 52px;opacity:.18}
  .art-orbit{border-color:#f3ad8e;border-radius:43%}.art-orbit-two{border-color:#d4e5ba}
  .art-core{border-radius:0;background:#ff946e;color:#20251f;transform:translate(-50%,-50%) rotate(-10deg);box-shadow:14px 16px 0 #101d1955}
  .art-core span{letter-spacing:.07em}
  .art-dot{background:#ebd79f;box-shadow:none}
  .start-feature-bottom{background:linear-gradient(0deg,#27332e 64%,transparent);padding-left:38px}
  .start-feature-bottom h3{font-weight:760;letter-spacing:-.06em}
  .start-feature-bottom p{color:#c5d0c3}
  .start-number,.feature-cta{color:#ffb290}
  .start-side{gap:0;border-left:1px solid #cabfab}
  .start-step{background:#f2d5bf;color:#322622;min-height:285px;padding:34px 34px;border:0;border-bottom:1px solid #cabfab}
  .start-step:nth-child(2){background:#d4d8c0;color:#24312a;border-bottom:0}
  .step-badge,.start-step:nth-child(2) .step-badge{font:750 10px var(--mono);color:#74584b}
  .step-symbol{font-size:54px;color:#bb644e;top:20px;right:23px}
  .start-step:nth-child(2) .step-symbol{color:#778369}
  .start-step h3{font-weight:790;letter-spacing:-.065em;max-width:300px}
  .start-step p,.start-step:nth-child(2) p{color:#68554d}
  .step-link{border-bottom:1px solid;padding-bottom:4px;width:fit-content}
  .start-statement{border-top:2px solid #bbac95}.start-statement .sparkle{color:#ef6d51}.start-statement p{color:#625c51}.start-statement-name{color:#a34f39}
  .ticker{height:63px;background:#ff754e}.ticker-track{color:#1b2422}.ticker-track span{font:900 13px var(--mono);letter-spacing:.12em}
  .intro-section{background:#ebdfcf}.intro-layout{gap:80px}.intro-lead{font-weight:750}.intro-right .intro-lead{color:#242822}.intro-right p{color:#76695b}.mini-orbit{color:#e5644b}.intro-mini{border-color:#cfc1af}
  .learning-section{background:#f7f3e8;padding-top:97px}.learning-section .section-head{position:relative;margin-bottom:38px}
  .studio-hairline-label{position:absolute;top:5px;right:0;font:700 10px var(--mono);color:#a4553d;letter-spacing:.06em}.studio-hairline-label b{color:#5c6056}
  .learning-section .section-head h2 em{color:#a75041}
  .learn-grid{gap:0;border:1px solid #c9bdab}
  .learn-tile{background:#e6d8ca;border:0;border-right:1px solid #c9bdab;min-height:495px;box-shadow:none}
  .learn-tile:last-child{border-right:0;background:#e3d9f0}
  .learn-tile.learn-feature{background:#d3dccb}
  .learn-overline{font:700 10px var(--mono);color:#66564e;padding:26px 26px 18px}
  .learn-symbol-box{background:radial-gradient(circle at center,#b9c5b5,#d3dccb)}
  .bounding{border-color:#ee7f5b}.b-two{border-color:#6e8274}.b-three{border-color:#7c8a79}
  .learn-symbol-box span{background:#ff754e;color:#1a2520}
  .learn-symbol-compare{background:radial-gradient(circle,#d0ac9b,#e6d8ca)}.learn-symbol-compare i{border-color:#965b52;color:#2a2e2a}
  .learn-symbol-cv{background:radial-gradient(circle,#cebfe0,#e3d9f0)}
  .cv-paper i:first-child{background:#ff754e}.cv-paper i{background:#bdafd0}
  .learn-tile-foot{padding:20px 26px 30px}.learn-tile-foot h3{color:#252824;font-weight:840;letter-spacing:-.07em}
  .learn-tile-foot p{color:#5b6056}.learn-tile-foot>span{color:#ad4e35;font-family:var(--mono)}
  .learning-note{border-top:2px solid #c9bdab}.learning-note span{color:#a14b35;font-family:var(--mono)}.learning-note p{color:#686257}
  .prep-section{background:#202528}.prep-section:before{background:radial-gradient(ellipse at 90% 0,rgba(226,104,68,.16),transparent 50%)}
  .prep-grid{gap:0;border:1px solid #444846}.prep-card{border:0;border-right:1px solid #444846;background:#272d2d;min-height:590px}
  .prep-card:last-child{border-right:0}.prep-card-top{color:#edcfba;font-family:var(--mono)}
  .prep-purple .prep-visual{background:radial-gradient(circle at 55% 65%,#b97672,#503d47 49%,#2f303a)}
  .prep-blue .prep-visual{background:radial-gradient(circle at 45% 55%,#6a8c87,#304c4c 52%,#293a3b)}
  .prep-mint .prep-visual{background:radial-gradient(circle at 50% 59%,#a48a58,#554b36 50%,#31332d)}
  .prep-card h3{font-weight:800;letter-spacing:-.065em}.prep-card p{color:#b5b6ab}.card-link{border-color:#565955}.card-link b{color:#ff9875}
  .guide-time,.prep-footer>a{color:#ffad87}.prep-footer{border-color:#686962}
  .opportunities-section{background:#e7e4d8}.section-head>p{color:#6f7066}
  .filter-bar{border-color:#b8b8ac}.filter-chip{font-family:var(--mono);font-size:11px;border-radius:0;color:#575e56}.filter-chip.selected{background:#222923;color:#ffb18f}.filter-chip:hover{background:#d3d1c6}.filter-meta{font-family:var(--mono)}
  .platform-grid{gap:0;border:1px solid #b8b8ac}.platform-card{border:0;border-right:1px solid #b8b8ac;background:#f4f0e7;min-height:359px;padding:23px 22px}
  .platform-card:last-child{border-right:0}.platform-card:nth-child(2){background:#eadad0}.platform-card:nth-child(3){background:#e0e0ca}.platform-card:nth-child(4){background:#e5daea}
  .platform-card:hover{box-shadow:inset 0 -7px 0 #ff825e;transform:translateY(-4px);border-color:#c7b9aa}
  .platform-symbol{color:#e16d50}.platform-index,.platform-category{font-family:var(--mono)}.platform-card h3{font-weight:780}.platform-card .platform-tagline{color:#252b27}.platform-desc{color:#65665f}
  .platform-action{border-radius:0;clip-path:polygon(0 0,100% 0,100% 70%,70% 100%,0 100%);border:0;background:#252b27;color:#f8eade;width:41px;height:41px}
  .platform-action:hover{background:#ff754e;color:#1f2420}
  .matching-section{background:#f4efe3}.matching-copy h2 em{color:#a7513c}.match-benefits{border-color:#bcb5a7}.match-benefits>div{border-color:#bcb5a7}
  .form-panel{background:#fffaf0;border:2px solid #2b302a;box-shadow:14px 14px 0 #e7c9a7;padding:38px}
  .form-top h3{font-weight:830}.upload-field{background:#f0e9dc;border:1px dashed #9a8671}.upload-icon{background:#edd5bd;color:#ab593b}.upload-button{border:1px solid #2f332e;background:#fff5e8}.upload-button:hover{background:#ffbc93}
  .submit-button:disabled{background:#e6dfcf;color:#7a796c}
  .about-section{background:#d7d8c6}.about-graphic{background:#2b302b}.about-graphic:before{background:repeating-radial-gradient(circle at 50% 50%,transparent 0 34px,rgba(242,188,154,.18) 35px 36px)}.about-graphic:after{background:radial-gradient(circle,#be795f7a,transparent 72%)}
  .about-glass{border-color:#ffae7b80;background:#ffffff05}.about-visual-mark{color:#ff977dbb}.about-visual-mark span{color:#ebc285}.about-small{color:#f6e1cb}
  .faq-section{background:#f4efe3}.closing{background:#ed704b}.closing h2,.closing p{color:#171c1c}
  .footer{background:#171c1c}
  /* Distinctiveness without reducing functionality or responsive legibility. */
  @media(max-width:1200px){.hero h1{font-size:clamp(65px,7.4vw,100px)}.hero-layout{grid-template-columns:1.02fr .98fr}.hero-visual{margin-left:-1%}.studio-visual-sticker{right:5%}.container{width:min(100% - 72px,1460px)}}
  @media(max-width:920px){.hero h1{font-size:clamp(62px,8vw,86px);margin-right:-65px}.hero-visual{height:550px}.hero-layout{min-height:580px}.studio-visual-sticker{transform:rotate(9deg) scale(.88);right:0}.orbit-word{font-size:8px}.orb-panel-top{left:8%}.start-journey,.learn-grid,.prep-grid,.platform-grid{border:0}.platform-card{border:1px solid #beb5a5}.learn-tile{border:1px solid #c9bdab}.prep-card{border:1px solid #444846}}
  @media(max-width:780px){.container{width:min(100% - 44px,1460px)}.header{height:75px}.nav-button{margin-left:auto;padding:12px 14px;gap:17px}.hero-layout{grid-template-columns:1fr;min-height:auto;gap:0;padding-top:54px;padding-bottom:5px}.hero-layout:before{top:25px;right:1px}.hero-copy{padding:0}.hero h1{font-size:clamp(62px,11vw,99px);line-height:.94;margin:30px 0 23px;white-space:normal}.gradient-line:after{height:4px}.hero-copy>p{font-size:15px;max-width:560px;margin-top:30px}.hero-actions{margin-top:25px}.hero-proof{margin-top:35px}.hero-visual{margin:10px 0 -10px;min-height:400px;height:450px;width:100%}.studio-visual-sticker{bottom:14%;right:3%;transform:rotate(8deg) scale(.78)}.studio-visual-index{right:20px}.orbit-word-b{right:0}.hero-base{padding:15px 0 25px}.start-section{padding-top:65px}.start-intro .studio-asterisk{top:-44px;font-size:45px}.start-journey{border:0}.start-feature-main{min-height:540px}.start-side{border:0;gap:12px}.start-step,.start-step:nth-child(2){border:0}.learn-grid{gap:12px}.learn-tile{border:1px solid #c9bdab}.prep-grid{gap:12px}.prep-card{border:1px solid #454845}.platform-grid{gap:12px}.studio-hairline-label{position:static;display:block;margin:0 0 20px}.form-panel{box-shadow:8px 8px 0 #e7c9a7}}
  @media(max-width:560px){.container{width:min(100% - 32px,1460px)}.hero-layout{padding-top:45px}.hero h1{font-size:clamp(52px,12.7vw,73px);margin:27px 0 20px;letter-spacing:-.085em}.eyebrow{font-size:8px;gap:7px;letter-spacing:.035em}.hero-copy>p{font-size:14px;line-height:1.68}.hero-actions{gap:21px;flex-wrap:wrap}.hero-actions .button{font-size:11px;min-height:54px}.hero-actions .button-primary{padding:14px 15px}.hero-actions .button-text{min-height:54px}.hero-proof{margin-top:30px;font-size:10px;max-width:305px}.hero-visual{height:363px;min-height:363px;margin-top:0}.studio-visual-sticker{transform:rotate(10deg) scale(.62);transform-origin:bottom right;right:-8px;bottom:19%}.studio-visual-index{top:15px}.orb-panel-top{left:5%;font-size:7px}.orb-panel-bottom{bottom:10%;left:5%;right:5%;font-size:7px}.orb-panel-bottom button{font-size:8px}.orbit-word{font-size:7px;padding:7px}.orbit-word-c{bottom:20%;left:4%}.hero-base{font-size:8px;padding-bottom:18px}.studio-hero-stamp{font-size:8px}.hero-scroll span{margin-left:7px}.section-pad{padding-block:74px}.start-journey{gap:12px}.start-feature-main{min-height:520px}.start-feature-bottom{padding-left:25px}.start-step{min-height:230px}.start-heading h2{font-size:clamp(46px,12vw,64px)}.start-intro .studio-asterisk{right:0}.learn-tile{min-height:430px}.learn-tile.learn-feature{min-height:430px}.prep-card{min-height:535px}.form-panel{padding:24px;box-shadow:6px 6px 0 #e7c9a7}}
  @media(prefers-reduced-motion:reduce){.hero-visual canvas{filter:saturate(.76) sepia(.28) hue-rotate(324deg)}.start-feature:hover,.start-step:hover,.learn-tile:hover{transform:none}}

  /* Last-mile optical adjustments and guide continuity */
  .hero h1{letter-spacing:-.055em}.gradient-line{letter-spacing:-.063em}
  .hero-base>span:nth-child(2){display:none}
  .guide-hero{background:#202524}.guide-hero:before{background:radial-gradient(circle,#df765767,transparent 70%)}
  .guide-label{color:#ffae88;font-family:var(--mono)}
  .guide-hero h1{font-weight:840;letter-spacing:-.06em}.guide-meta span{border-color:#a07968}
  .guide-body{background:#f5f0e5}.guide-layout{color:#263029}
  .guide-content h2{color:#202821;font-weight:800}.guide-sidebar h4{color:#af644c}
  .guide-panel{background:#efddc8}.practice-box{background:#f4ebdb;border-color:#d6bfae}
  .practice-actions button{border-radius:0}.guide-end{background:#e5daca}
  .simple-main{background:#f4efe3}.simple-main h1{font-weight:830}
  @media(max-width:780px){.hero h1{letter-spacing:-.063em}.gradient-line{letter-spacing:-.065em}}
  @media(max-width:560px){.hero h1{letter-spacing:-.05em;font-size:clamp(52px,12.6vw,70px)}.hero-last-word{display:block}.gradient-line{letter-spacing:-.055em;line-height:.97}.gradient-line:after{width:73%;bottom:-.08em}.star-small{font-size:27px}.studio-visual-sticker{bottom:23%}.hero-visual{height:340px;min-height:340px}}
  /* Column overrides stay desktop-only so the stacked layouts in styles.css still apply on smaller screens. */
  @media(min-width:1101px){.start-journey{grid-template-columns:1.13fr 1fr}}
  @media(min-width:781px){.learn-grid{grid-template-columns:1.14fr 1fr 1fr}}
  @media(max-width:600px){.upload-copy{flex-basis:calc(100% - 59px)}}
  @media(max-width:560px){.form-top{flex-wrap:wrap}}
  /* Practice box: the light background above needs dark text (styles.css was written for a dark box). */
  .practice-box{color:#262a25;border:1px solid #d6bfae}
  .practice-top{color:#6d5a47;font-size:12px}
  .practice-question{color:#1f2620!important}
  .practice-actions button{color:#33382f;border-color:#8a7a68;font-size:13px;min-height:44px}
  .practice-actions button:hover{background:#eadcc6}

/* ---- atmosphere (atmosphere.css) ---- */
  /* FACINATEAI HUB / ATMOSPHERE. Visual layer over original functional site.
     Dedicated scene is canvas-based 3D math, built for no-network preview. */
  :root{--atm-ink:#202528;--atm-charcoal:#191e21;--atm-cream:#f4ebdd;--atm-salmon:#f4b4a2;--atm-purple:#ddbacd;--atm-lavender:#bdabc8;--atm-sage:#8cabaa;--atm-brass:#dcc69a;}
  html{scroll-behavior:smooth}body{background:var(--atm-cream)}
  .header{background:#191e21;border-bottom:1px solid rgba(241,225,208,.12)}.nav-button{background:var(--atm-salmon);color:#252527;clip-path:polygon(0 0,92% 0,100% 24%,100% 100%,0 100%)}.nav-button:hover{background:#f9e0ca}
  .logo-symbol{border-color:var(--atm-purple);box-shadow:inset -8px -8px 0 #ddbacd20}.logo-symbol i{background:var(--atm-purple)}.logo-wordmark>span{color:var(--atm-salmon)}
  .reading-progress{background:linear-gradient(90deg,#d7a0bd,#f5b7a6,#e4cba3)}
  .hero.atmosphere-hero{background:#1a2023;min-height:860px;position:relative;overflow:hidden;isolation:isolate;color:var(--atm-cream)}
  .atmosphere-hero:before{content:'';position:absolute;inset:0;z-index:-3;background:radial-gradient(ellipse 42% 75% at 75% 46%,#6a5058 0%,#3a333b 42%,transparent 91%),radial-gradient(ellipse at 30% 85%,#343a34 0%,transparent 54%),#1a2023}
  .atmosphere-hero:after{content:'';position:absolute;left:0;right:0;bottom:0;height:33%;z-index:-1;background:linear-gradient(0deg,#191e21 0%,transparent 100%);pointer-events:none}
  .hero-background{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
  .hero-background canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
  .hero-grain{position:absolute;inset:0;z-index:1;opacity:.14;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.28' d='M0 0h180v180H0z'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
  .hero-contour{position:absolute;inset:0;z-index:-1;opacity:.28;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 1px),#c9b2ac22 20%),repeating-linear-gradient(0deg,transparent 0,transparent 128px,#c9b2ac16 129px)}
  .atmosphere-topline{height:76px;padding-top:31px;position:relative;z-index:4;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid rgba(241,230,214,.18);font:700 9px/1.3 var(--mono);letter-spacing:.15em;color:#d1b6b4}
  .live-square{width:7px;height:7px;display:inline-block;background:var(--atm-salmon);transform:rotate(45deg);margin-right:11px;box-shadow:0 0 18px #ffab8e99}
  .atmosphere-main{position:relative;min-height:670px;z-index:3;display:flex;align-items:center;padding-top:22px;padding-bottom:76px;pointer-events:none}
  .atmosphere-copy{position:relative;z-index:6;width:100%;max-width:775px;pointer-events:auto}
  .atmosphere-kicker{color:#f0c4be;font:700 11px var(--mono);letter-spacing:.12em;display:flex;align-items:center;gap:13px;margin-bottom:28px}
  .atmosphere-kicker .eyebrow-dot{background:#dca8bc;width:8px;height:8px}
  .atmosphere-copy h1{font-family:'Arial Black',Impact,'Helvetica Neue',sans-serif;font-weight:900;line-height:.86;letter-spacing:-.088em;font-size:clamp(83px,8.9vw,153px);margin:0;white-space:nowrap;text-transform:uppercase}
  .atmosphere-copy h1>span{display:block;position:relative;width:max-content;max-width:100%}
  .atmosphere-type-one{color:#f7ecdd;text-shadow:0 1px #f7ecdd}
  .atmosphere-copy h1 .atmosphere-type-two{color:transparent;-webkit-text-stroke:2px #e7cfc1;letter-spacing:-.079em;font-size:.94em;margin-left:1px}
  .atmosphere-copy h1 .atmosphere-type-two i{font-family:Georgia,'Times New Roman',serif;font-weight:400;text-transform:none;-webkit-text-stroke:0;color:#f1b5ac;letter-spacing:-.11em;margin-left:.045em}
  .atmosphere-type-three{color:#e5aec2;letter-spacing:-.09em;font-size:1.24em;line-height:.92;text-shadow:0 22px 85px #dc96bd40}
  .h1-star{position:absolute;right:-64px;top:-13px;font-family:Georgia,serif;font-size:58px;line-height:1;color:#e8cc99;transform:rotate(-10deg)}
  .atmosphere-deck{font:400 16px/1.8 'Helvetica Neue',Arial,sans-serif;color:#ddd3cf;max-width:460px;margin:31px 0 0;letter-spacing:0}
  .atmosphere-actions{display:flex;align-items:stretch;gap:15px;flex-wrap:wrap;margin-top:32px}
  .button.atmosphere-action-primary,.button.atmosphere-action-secondary{min-height:61px;border-radius:0;clip-path:none;display:inline-flex;align-items:stretch;justify-content:space-between;gap:24px;font:750 12px 'Arial',sans-serif;letter-spacing:.02em;padding:0;background:transparent;overflow:hidden;transition:transform var(--motion-standard),filter var(--motion-standard)}
  .atmosphere-action-primary span,.atmosphere-action-secondary span{display:flex;align-items:center;padding:0 21px}
  .atmosphere-action-primary span{background:#efb7bd;color:#212629}.atmosphere-action-primary b{font:400 25px Arial;color:#202425;background:#efb7bd;display:grid;place-items:center;min-width:57px;border-left:1px solid #222b2b33}
  .atmosphere-action-secondary span{background:rgba(21,26,29,.48);border:1px solid rgba(242,221,209,.45);border-right:0;color:#f6e9db}.atmosphere-action-secondary b{font:400 24px Arial;color:#f0e3d4;border:1px solid rgba(242,221,209,.45);display:grid;place-items:center;min-width:57px}
  .button.atmosphere-action-primary:hover,.button.atmosphere-action-secondary:hover{transform:translateY(-4px);filter:brightness(1.08)}
  .atmosphere-social-proof{margin-top:42px;display:flex;gap:13px;align-items:center;color:#e0cbc5;font:400 11px/1.65 Arial,sans-serif;letter-spacing:.005em}.proof-glyph{font:normal 37px Georgia;color:#ecb4a0}
  .atmosphere-coordinates{position:absolute;right:3.7%;top:50%;display:flex;align-items:center;gap:20px;z-index:3;transform:translateY(-50%);writing-mode:vertical-rl;color:#ead4cc9c;font:700 10px var(--mono);letter-spacing:.1em;pointer-events:none}
  .sculpture-tag{position:absolute;z-index:3;color:#fbe9df;font:700 10px var(--mono);letter-spacing:.08em;border:1px solid rgba(251,229,220,.55);background:#22282bb8;padding:11px 15px;pointer-events:none;box-shadow:6px 6px 0 rgba(16,18,20,.2);backdrop-filter:blur(4px)}
  .tag-annotation{top:25%;right:7.4%;transform:rotate(8deg);color:#f5ccd0}.tag-annotation span{color:#b7d4c2}
  .tag-evaluation{top:63%;right:30%;transform:rotate(-7deg);color:#e8d6bd}.tag-evaluation span{color:#deb6dc}
  .tag-craft{right:10%;bottom:18%;transform:rotate(3deg);color:#b8d0c7}
  .atmosphere-floor{position:relative;z-index:4;display:flex;align-items:center;gap:30px;min-height:90px;border-top:1px solid rgba(241,230,214,.20);color:#dccdc6}
  .hero-floor-left{margin-right:auto;font:700 10px var(--mono);letter-spacing:.13em;white-space:nowrap}.hero-floor-left span{color:#ecb1bb;margin-right:13px}
  .visual-trigger,.motion-switch{background:none;border:0;color:#e8d2c7;font:700 10px var(--mono);letter-spacing:.085em;cursor:pointer;padding:11px 0;white-space:nowrap}
  .visual-trigger{display:flex;align-items:center;gap:10px;border-bottom:1px solid #c9aeb3}.visual-trigger:hover,.motion-switch:hover{color:#ffccbe}.visual-trigger-icon{font-size:18px;color:#ebb4c5}.trigger-arrow{font-size:17px;margin-left:3px}
  .hero-down{color:#bcaea9;font:700 9px var(--mono);letter-spacing:.11em;white-space:nowrap}
  /* True full-screen visual mode; deliberately not a generic modal card. */
  .visual-modal{position:fixed;inset:0;width:100%;height:100%;max-width:100vw;max-height:100vh;border:0;margin:0;padding:0;overflow:hidden;background:#171d23;color:#efe6df}
  .visual-modal::backdrop{background:#000}.visual-modal-surface,.visual-modal-surface canvas{position:absolute;inset:0;width:100%;height:100%}.visual-modal-surface{background:radial-gradient(ellipse at 65% 55%,#59454b,#242a30 55%,#171d23)}
  .visual-modal:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#15191fc9 0%,transparent 69%)}
  .visual-modal-header,.visual-modal-footer,.visual-modal-content{position:absolute;z-index:3}.visual-modal-header{top:0;left:5%;right:5%;height:90px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff45;font:750 12px var(--mono);letter-spacing:.12em}.visual-modal-header i{color:#d6a0bc}.visual-modal-header button{border:1px solid #e4b9c2;background:#202628;color:#f8eae5;padding:11px 13px;cursor:pointer;font:700 12px var(--mono)}.visual-modal-header button b{font:400 22px Arial;margin-left:24px}
  .visual-modal-content{top:33%;left:5%;pointer-events:none}.visual-modal-content>span{color:#dbb3b5;font:700 12px var(--mono)}.visual-modal-content h2{font-family:'Arial Black',Impact,sans-serif;color:#f9e9dc;font-size:clamp(55px,7.5vw,125px);letter-spacing:-.08em;line-height:.91;margin:20px 0}.visual-modal-content h2 em{font-family:Georgia,serif;color:#ddb1c6}.visual-modal-content p{color:#d5c4c1;line-height:1.65;font-size:13px}.visual-modal-footer{bottom:5%;left:5%;right:5%;display:flex;justify-content:space-between;gap:20px;color:#a8a8a9;font:700 9px var(--mono);letter-spacing:.1em}
  /* The site should still have a distinctive rhythm below the fold. */
  .button-primary{background:#eab0b7;color:#26262a;clip-path:polygon(0 0,calc(100% - 21px) 0,100% 21px,100% 100%,0 100%)}.button-primary:hover{background:#f6d3c0}.nav-button:hover{transform:translateY(-2px)}
  .start-section{background:#f4ebdd}.section-tag>span{border-color:#c99bad;color:#ab647c}.start-heading h2 em{color:#9d677b}.start-feature-main{background:#282e32}.start-feature-art{background:radial-gradient(ellipse at 50% 60%,#987a8066,transparent 55%),#2f343c}.art-orbit{border-color:#f6c3ba}.art-core{background:#edbec5;color:#25292b}.start-step{background:#e7c7c5}.start-step:nth-child(2){background:#d8d8bf}.start-feature-bottom{background:linear-gradient(0deg,#282e32 60%,transparent)}.start-statement{border-color:#cba8af}
  .ticker{background:#202528;color:#f0e9df}.ticker-track{color:#f0e9df}.ticker b{color:#e6b3bd}
  .interlude{position:relative;min-height:570px;background:#a4aca3;color:#1c2527;overflow:hidden;isolation:isolate}
  .interlude:before{content:'';position:absolute;inset:0;z-index:-3;background:radial-gradient(circle at 80% 50%,#d2b6a8 0%,#a4aca3 58%,#a3aaa0 100%)}
  .interlude:after{content:'';position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0,transparent 65px,#2136330c 66px),repeating-linear-gradient(90deg,transparent 0,transparent 65px,#2136330c 66px)}
  .interlude-inner{position:relative;padding-top:88px;padding-bottom:108px;z-index:2}.interlude-overline{font:750 11px var(--mono);letter-spacing:.12em;color:#424f50}.interlude h2{font:900 clamp(76px,10.3vw,170px)/.91 Impact,'Arial Black',sans-serif;letter-spacing:-.07em;margin:43px 0 22px}.interlude h2 em{color:#6f5261;font-family:Georgia,serif;font-weight:400;letter-spacing:-.08em}.interlude h2>span{color:#6f5261}
  .interlude p{max-width:380px;font-size:16px;line-height:1.7}.interlude-link{display:inline-flex;align-items:center;gap:30px;border-bottom:2px solid #293836;font:750 11px var(--mono);letter-spacing:.1em;padding:17px 0 9px;margin-top:19px}.interlude-link span{font-size:23px}.interlude-bottom{position:absolute;bottom:20px;left:4%;right:4%;display:flex;justify-content:space-between;font:700 10px var(--mono);letter-spacing:.1em}.interlude-bottom span{color:#6d5262}
  .interlude-geometry{position:absolute;inset:0;z-index:0;pointer-events:none;transform:translate(14%,0)}.g-ring{position:absolute;right:1%;top:-20%;width:720px;height:720px;border:2px solid rgba(51,68,64,.25);border-radius:47% 53% 58% 42%;transform:rotate(-30deg);box-shadow:35px 35px 0 rgba(67,78,80,.07),inset 20px 20px 60px #e9f0e524}.g-ring-1{animation:ringA 24s linear infinite}.g-ring-2{width:590px;height:590px;right:7%;top:7%;border-color:#755e6b80;border-width:26px;transform:rotate(29deg) rotateY(70deg);border-radius:48%;animation:ringB 20s linear infinite}.g-ring-3{width:420px;height:420px;right:13%;top:21%;border:2px dashed rgba(38,51,54,.45);border-radius:50%;animation:ringA 28s linear infinite reverse}.g-cross{position:absolute;right:16%;top:45%;font-size:90px;color:#695463}
  @keyframes ringA{to{transform:rotate(330deg)}}@keyframes ringB{to{transform:rotate(389deg) rotateY(70deg)}}
  .intro-section{background:#eee8dd}.intro-layout h2 em{color:#976a7a}.learning-section{background:#f5eee4}.learn-grid{border-color:#cabdc1}.learn-tile{background:#e9dbd8}.learn-tile:nth-child(2){background:#e0e2d7}.learn-tile:nth-child(3){background:#decfd8}.learn-tile .learn-tile-foot>span{color:#905e72}
  .prep-section{background:#202528;position:relative;isolation:isolate}.prep-section:before{background:radial-gradient(ellipse at 85% 10%,rgba(171,119,143,.22),transparent 49%),radial-gradient(circle at 8% 92%,#7d775a20,transparent 46%)}.prep-grid{border-color:#545055}.prep-card{background:#292d32;border-color:#58525b}.prep-purple .prep-visual{background:radial-gradient(circle at 55% 65%,#b97672,#503d47 49%,#2f303a)}.prep-blue .prep-visual{background:radial-gradient(circle at 45% 55%,#6a8c87,#304c4c 52%,#293a3b)}.prep-mint .prep-visual{background:radial-gradient(circle at 50% 59%,#a48a58,#554b36 50%,#31332d)}.card-link b{color:#e7b0ba}
  .opportunities-section{background:#e9e2d8}.filter-chip.selected{background:#392e3a;color:#edd3df}.platform-card:nth-child(1){background:#f5eae1}.platform-card:nth-child(2){background:#eadadf}.platform-card:nth-child(3){background:#e0e2d4}.platform-card:nth-child(4){background:#e4d9e7}.platform-card:hover{box-shadow:inset 0 -7px 0 #cb91ab}
  .matching-section{background:#f5ede2}.form-panel{box-shadow:14px 14px 0 #dbc1ca}.matching-copy h2 em{color:#9d687c}.upload-button:hover{background:#f5d4dc}.about-section{background:#d9d8d1}.about-graphic{background:#272c31}.about-graphic:after{background:radial-gradient(circle,#ac7a9b7a,transparent 72%)}.faq-section{background:#f4ebdf}.closing{background:#dc9eaf}.closing h2{color:#26282a}.footer{background:#1a2023}
  @media(max-width:1250px){.atmosphere-copy h1{font-size:clamp(74px,9vw,127px)}.tag-evaluation{right:19%}.atmosphere-main{min-height:620px}.atmosphere-hero{min-height:780px}}
  @media(max-width:1000px){.atmosphere-copy h1{font-size:clamp(66px,9.4vw,102px)}.atmosphere-main{min-height:585px}.hero-floor-left{display:none}.atmosphere-floor{justify-content:space-between}.sculpture-tag{font-size:8px}.tag-evaluation{top:64%;right:12%}.tag-annotation{right:4%}.interlude-geometry{transform:translateX(26%);opacity:.67}.interlude h2{font-size:clamp(75px,11vw,120px)}}
  @media(max-width:780px){.hero.atmosphere-hero{min-height:0}.atmosphere-topline{height:57px;padding-top:21px;font-size:8px}.atmosphere-topline span:last-child{display:none}.atmosphere-main{min-height:710px;padding-top:48px;padding-bottom:170px;align-items:flex-start}.atmosphere-copy h1{font-size:clamp(70px,11.3vw,105px)}.atmosphere-deck{font-size:15px;max-width:470px;margin-top:30px}.hero-background canvas{opacity:.78}.tag-annotation{top:70%;right:8%}.tag-evaluation{top:64%;right:auto;left:6%}.tag-craft{display:none}.atmosphere-coordinates{right:1%;top:65%;font-size:8px}.atmosphere-floor{min-height:76px;gap:18px}.hero-down{display:none}.visual-trigger{font-size:9px}.motion-switch{font-size:9px}.interlude{min-height:485px}.interlude h2{font-size:clamp(65px,11vw,104px);margin-top:29px}.interlude-geometry{transform:translateX(48%);opacity:.45}.interlude-inner{padding-top:68px;padding-bottom:92px}.visual-modal-content{top:27%}.visual-modal-content h2{font-size:clamp(57px,9vw,100px)}}
  @media(max-width:540px){.container{width:min(100% - 34px,1460px)}.header{height:74px}.atmosphere-topline{font-size:7px;letter-spacing:.08em}.atmosphere-main{min-height:690px;padding-top:45px;padding-bottom:205px}.atmosphere-kicker{font-size:8px;letter-spacing:.06em;margin-bottom:25px}.atmosphere-copy h1{font-size:clamp(52px,12.3vw,75px);letter-spacing:-.084em}.atmosphere-copy h1 .atmosphere-type-two{-webkit-text-stroke:1.3px #e7cfc1}.atmosphere-type-three{font-size:1.22em}.h1-star{font-size:30px;right:-32px;top:1px}.atmosphere-deck{font-size:14px;line-height:1.7;max-width:350px;margin-top:26px}.atmosphere-actions{gap:10px;margin-top:28px}.button.atmosphere-action-primary,.button.atmosphere-action-secondary{min-height:51px;font-size:10px;gap:0}.atmosphere-action-primary span,.atmosphere-action-secondary span{padding:0 12px}.atmosphere-action-primary b,.atmosphere-action-secondary b{min-width:38px;font-size:21px}.atmosphere-social-proof{margin-top:26px;font-size:10px}.proof-glyph{font-size:27px}.hero-background canvas{opacity:.82}.tag-annotation{top:75%;right:4%;font-size:7px}.tag-evaluation{top:66%;left:4%;font-size:7px}.atmosphere-coordinates{top:78%;font-size:7px;right:1%}.atmosphere-floor{min-height:79px}.visual-trigger{font-size:8px;gap:6px}.visual-trigger-icon{font-size:14px}.motion-switch{font-size:8px}.interlude{min-height:450px}.interlude h2{font-size:clamp(65px,15vw,100px)}.interlude p{font-size:14px;max-width:285px}.interlude-geometry{transform:translate(66%,10%)}.interlude-bottom{font-size:7px;gap:12px}.visual-modal-header{font-size:9px;left:5%;right:5%}.visual-modal-content{top:22%}.visual-modal-content h2{font-size:clamp(50px,12.2vw,80px)}.visual-modal-content p{font-size:11px}.visual-modal-footer span:nth-child(2){display:none}}
  @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.g-ring{animation:none}.atmosphere-action-primary,.atmosphere-action-secondary{transition:none}}
  /* Readability: closing band label, accent word and button on the pink band; intro text on the dark preparation band. */
  .closing-inner>div>span{color:#3f2f35;font-size:12px}
  .closing h2 em{color:#6e2a3a}
  .closing .button.button-primary{background:#26282a;border-color:#26282a;color:#fff7f2}
  .closing .button.button-primary span{color:#fff7f2}
  .prep-section .section-head-light>p{color:#c9cdc4}
}

/* ===================== fixes ===================== */
@layer fixes {
  /* Readability layer — loaded last on every page (28.10.2026 audit, tools/qa-readability.mjs).
     Earlier stylesheets override each other; these rules set minimum sizes, readable display tracking,
     one type system and remove decorative clutter. Keep this file small and specific. */

  /* 1. Minimum sizes: labels and controls at least 12 px, explanatory text at least 13 px. */
  .section-tag,.eyebrow,.tiny-label,.form-counter,.step-badge,.learn-overline,.platform-category,.platform-index,.platform-state,
  .guide-time,.prep-card-top span,.prep-footer span,.learning-note>span,.business-kicker,.fc-eyebrow,.fc-invite-link,
  .interlude-overline,.interlude-link,.start-feature-head span,.start-number,.studio-hairline-label,
  .llm-small-label,.llm-stage-label,#llm-step-number,.llm-card-top,#llm-training-label,#llm-failure-toggle-label,#llm-motion,
  .form-row label,.full-label,.biz-field label,.biz-section-label,.biz-eyebrow,#biz-board-label,.biz-flow span,.biz-demo-board small,
  .biz-floating-panel small,.biz-service-card small,.guide-sidebar a,.guide-sidebar h4,.side-back,.guide-meta span,.guide-breadcrumb,
  .guide-breadcrumb a,.guide-label,.guide-panel strong,.fc-small,.fc-filter,.fc-builder-row label,.fc-builderpanel label,.fc-hero-meta span,
  .fc-pill,.fc-breadcrumb,.fc-breadcrumb a,#fc-count,.fc-opactions button,.fc-opactions a,.fc-terminal-top span,.fc-terminal-foot span,
  .fc-terminal-line small,.fc-terminal-track span,.atmosphere-topline span,#motion-toggle,#visual-trigger,.hero-floor-left,.hero-down,
  #back-top,.llm-steps button span,#all-count,#results-note,.upload-button,#file-label,.footer-bottom,.footer-bottom span,
  .footer .container>a,.match-benefits p{font-size:12px}
  .nav-button,.filter-chip,.llm-depth button,.llm-steps button,.business-ink-link,.biz-text-link,#biz-submit,.submit-button,.llm-explore,.llm-open-block{font-size:13px}
  .atmosphere-social-proof span,.intro-mini span,.llm-example>span,#llm-example-note,.llm-disclaimer,.opportunities-bottom p,
  .match-note,.field-hint,.consent span,#form-status,.llm-takeaway p,.llm-token-status,.biz-demo-board p{font-size:13px;line-height:1.6}
  #llm-caption,#llm-render-note,.llm-demo-note,.llm-panel .llm-demo-note{font-size:12px}
  /* Mobile rules in earlier files use stronger selectors; the floor must still win there. */
  .llm-example>span:last-child,.form-row label,.full-label,.fc-small,.fc-filter,.fc-builder-row label,.fc-builderpanel label,.fc-hero-meta span,
  .fc-pill,.fc-casecard .fc-small,.fc-breadcrumb,.fc-opactions button,.fc-opactions a,.biz-flow span,.step-badge,
  .business-hero .container>span,.biz-flow [id^="biz-node"],#llm-example-note{font-size:12px}

  /* 2. Display type: Impact / Arial Black with strong negative tracking ran words together ("AINEEDS").
        Heavy display faces get near-normal tracking and visible word gaps; other large headings stay tight but legible. */
  .atmosphere-copy h1 span,.interlude h2,#business-invitation-title,.biz-process-plate strong,.biz-process-plate strong span,
  #biz-title>span,.business-page h2{letter-spacing:-.015em;word-spacing:.12em}
  .start-heading h2,.intro-layout h2,.section-head h2,#fc-invite-title,.matching-copy h2,.about-copy h2,.closing h2,.form-top h3,
  .fc-pagehead h1,.fc-section-heading,.legal-hero h1,.guide-hero h1{letter-spacing:-.035em}
  .atmosphere-copy h1 i,.interlude h2 em,#business-invitation-title em,#biz-title em,.business-page h2 em,.start-heading h2 em,.intro-layout h2 em,
  .section-head h2 em,#fc-invite-title em,.matching-copy h2 em,.about-copy h2 em,.closing h2 em,.fc-pagehead h1 em,.fc-section-heading em{letter-spacing:-.02em}
  .test-score{letter-spacing:-.02em}
  .faq-layout h2,h1{letter-spacing:-.035em}.faq-layout h2 em{letter-spacing:-.02em}
  .start-feature h3,.start-step h3,.learn-tile h3,.prep-card h3,.platform-card h3{letter-spacing:-.03em}
  #biz-title em{margin-left:.18em}

  /* 3. One type system: Inter (self-hosted, assets/fonts, SIL OFL) for text and display, Georgia for italic accents,
        the system monospace for code-like labels. One @font-face only (the portable previews embed it per page);
        the rules that hard-coded Inter Display / Helvetica Neue / Arial / Arial Black / Impact are listed below. */
  @font-face{font-family:"Inter";src:url(assets/fonts/inter-latin-wght.woff2) format("woff2");font-weight:100 900;font-display:swap}
  body{font-family:var(--font)}
  :root{--font:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--editorial:Georgia,"Times New Roman",serif;--mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace}
  h2,.hero h1,.atmosphere-copy h1,.atmosphere-deck,.atmosphere-social-proof,.atmosphere-action-primary b,.atmosphere-action-secondary b,
  .button.atmosphere-action-primary,.button.atmosphere-action-secondary,.interlude h2,.visual-modal-content h2,.visual-modal-header button b,
  .business-invitation h2,.business-invitation p,.business-ink-link span,.biz-process-plate strong,.biz-hero-copy h1,.biz-hero-copy>p,.biz-floating-panel strong,
  .biz-intro h2,.biz-services h2,.biz-demo h2,.biz-process h2,.biz-contact h2,.biz-intro-copy,.biz-demo-head>p,.biz-consent,.biz-field input,.biz-field select,
  .biz-field textarea,.biz-flow-node,.biz-form>h3,.biz-process-step h3,.biz-process-step p,.biz-scenario-btn,.biz-scenario-btn span,.biz-service-card h3,
  .biz-service-card p,.llm-depth button,.llm-explore,.llm-nav-back,.llm-nav-reset,.llm-next,.llm-open-block,.llm-temp,.llm-token-status{font-family:var(--font)}
  /* Outline-only type shows the variable font's internal contours ("SI|DE") and reads poorly; use a muted solid fill. */
  .hero.atmosphere-hero .atmosphere-copy h1 .atmosphere-type-two{-webkit-text-stroke:0;color:#7d766c}

  /* 4. Decorative numbering removed (PATHWAY / 01…, GUIDE 01…, 02 / AI EVALUATION…): the symbol stays on the right. */
  .platform-card-top{justify-content:flex-end}

  /* 5. Clutter removed in the markup (service labels, ticker, duplicate labels and links). Labels that explain an
        illustration stay, at a readable size. */
  .biz-floating-tag{font-size:12px}

  /* 6. Remaining low-contrast secondary text (audit contrast < 3:1). */
  .platform-category{color:#5f6b68}
  .field-hint,#file-label,.upload-copy strong span{color:#5f6a63}
  .business-page .biz-section-label{color:#5a4f5c}
  .fc-reference .fc-section-heading em{color:#f0a9bf}
  .interlude h2 em{color:#5a3f4d}
  .business-page .biz-demo .biz-section-label{color:#e6d6e3}
}

/* ===================== theme ===================== */
@layer theme {
  /* Aurora theme (owner's choice, 31.10.2026) — loaded last on every page.
     Luminous mesh-gradient backgrounds with a slow drifting glow, tinted frosted-glass cards and gradient capsule buttons.
     The older stylesheets use very specific selectors, so colour/shape overrides here use on purpose. */
  :root{
    --au-ink:#26222c;--au-paper:#f7f1ec;
    --au-peach:#f6c3ae;--au-rose:#f0b4c7;--au-lilac:#d8c5f0;--au-mint:#c9e5d8;--au-butter:#fae0bf;--au-sky:#cbdcf2;
    --au-grad:linear-gradient(120deg,#c0503a 0%,#b5476f 48%,#7d5bb5 100%); /* white text stays at or above 4.7:1 on every stop */
    --au-glass-line:rgba(255,255,255,.8);--au-shadow:0 22px 50px -30px rgba(84,52,74,.5);
    --au-dark:#1d1a24;
    --glow-peach:#f4a283;--glow-rose:#ee96b3;--glow-lilac:#bfa1ec;--glow-mint:#9fd6bf;--glow-butter:#f7cb8a;--glow-sky:#9fc0ee}
  body{background:var(--au-paper)}

  /* ---------- Backgrounds ---------- */
  .atmosphere-hero:before{background:
    radial-gradient(42% 58% at 76% 38%,var(--glow-peach) 0,transparent 70%),
    radial-gradient(36% 48% at 98% 92%,var(--glow-lilac) 0,transparent 70%),
    radial-gradient(40% 52% at 4% 100%,var(--glow-mint) 0,transparent 70%),
    radial-gradient(30% 38% at 40% 0,var(--glow-butter) 0,transparent 70%),var(--au-paper)}

  /* Light sections: a static mesh plus a slowly drifting glow layer (transform only, so it stays cheap). */
  :is(.start-section,.intro-section,.learning-section,.opportunities-section,.matching-section,.about-section,.faq-section,.closing,
      .biz-intro,.biz-services,.biz-process,.biz-contact,.fc-case,.fc-resources,.fc-builder){position:relative;isolation:isolate;overflow:clip}
  :is(.start-section,.intro-section,.learning-section,.opportunities-section,.matching-section,.about-section,.faq-section,.closing,
      .biz-intro,.biz-services,.biz-process,.biz-contact,.fc-case,.fc-resources,.fc-builder)::after{
    content:"";position:absolute;inset:-18% -12%;z-index:-1;pointer-events:none;
    background:radial-gradient(44% 50% at var(--x1,18%) var(--y1,28%),var(--g1,var(--glow-peach)) 0,transparent 70%),
               radial-gradient(40% 46% at var(--x2,82%) var(--y2,72%),var(--g2,var(--glow-lilac)) 0,transparent 70%);
    opacity:.62;animation:au-drift 30s ease-in-out infinite alternate}
  @keyframes au-drift{0%{transform:translate3d(-3%,-2%,0) scale(1)}50%{transform:translate3d(3%,2%,0) scale(1.07)}100%{transform:translate3d(-1%,3%,0) scale(1.02)}}
  .start-section{--g1:var(--glow-peach);--g2:var(--glow-mint);--x1:92%;--y1:8%;--x2:6%;--y2:92%;background:radial-gradient(40% 45% at 100% 0,#fbe0d3 0,transparent 70%),#f8f1ec}
  .intro-section{--g1:var(--glow-lilac);--g2:var(--glow-butter);--x1:88%;--y1:50%;--x2:8%;--y2:12%;background:#f6efea}
  .learning-section{--g1:var(--glow-mint);--g2:var(--glow-rose);--x1:6%;--y1:6%;--x2:94%;--y2:62%;background:radial-gradient(30% 25% at 45% 100%,#ece2f6 0,transparent 70%),#f8f2ed}
  .opportunities-section{--g1:var(--glow-lilac);--g2:var(--glow-butter);--x1:92%;--y1:6%;--x2:4%;--y2:90%;background:#f5eee8}
  .matching-section{--g1:var(--glow-peach);--g2:var(--glow-sky);--x1:6%;--y1:30%;--x2:96%;--y2:88%;background:#f8f1ec}
  .about-section{--g1:var(--glow-mint);--g2:var(--glow-lilac);--x1:94%;--y1:92%;--x2:4%;--y2:6%;background:#f2ede7}
  .faq-section{--g1:var(--glow-butter);--g2:var(--glow-rose);--x1:96%;--y1:4%;--x2:4%;--y2:96%;background:#f8f2ed}
  .closing{--g1:#f8d0bd;--g2:#e2cdf5;--x1:12%;--y1:20%;--x2:88%;--y2:80%;background:linear-gradient(120deg,#f2b6c7 0%,#e9c0e0 50%,#d7c6f1 100%)}
  :is(.biz-intro,.biz-process,.fc-case){--g1:var(--glow-peach);--g2:var(--glow-lilac);background:#f8f1ec}
  :is(.biz-services,.biz-contact,.fc-resources){--g1:var(--glow-mint);--g2:var(--glow-butter);background:#f3eee8}
  .fc-builder{--g1:var(--glow-rose);--g2:var(--glow-lilac);background:#f5eaf0}
  .interlude{background:radial-gradient(42% 58% at 74% 46%,#f1c0b4 0,transparent 70%),radial-gradient(38% 58% at 10% 20%,#c6e0d4 0,transparent 70%),
    radial-gradient(30% 40% at 40% 100%,#e6d3f2 0,transparent 70%),#d8d4e2}
  /* The interlude's own grey radial layer sits over the section background; give that layer the aurora mesh instead. */
  .interlude:before{background:radial-gradient(42% 58% at 74% 46%,#f1c0b4 0,transparent 70%),radial-gradient(38% 58% at 10% 20%,#c6e0d4 0,transparent 70%),
    radial-gradient(30% 40% at 40% 100%,#e6d3f2 0,transparent 70%),#dcd7e5}
  .fc-invite{background:radial-gradient(40% 55% at 15% 30%,#f6c8d6 0,transparent 70%),radial-gradient(40% 55% at 90% 70%,#dccbf3 0,transparent 70%),#f1e4ec}
  :is(.business-invitation,.business-hero){background:radial-gradient(40% 55% at 85% 35%,#f4c7d5 0,transparent 70%),radial-gradient(35% 50% at 10% 90%,#fbe0c6 0,transparent 70%),
    radial-gradient(30% 40% at 50% 0,#e2d2f3 0,transparent 70%),#f6ebee}

  /* Guide pages: a fixed soft mesh behind the reading column; panels and the closing box as glass. */
  .guide-body{background:radial-gradient(34% 40% at 92% 12%,#f7d4c4 0,transparent 70%),radial-gradient(30% 40% at 4% 70%,#d6eadf 0,transparent 70%),
    radial-gradient(28% 34% at 70% 96%,#e6d6f4 0,transparent 70%),var(--au-paper);background-attachment:fixed}
  :is(.guide-end,.guide-panel){background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
    border:1px solid var(--au-glass-line);border-radius:var(--radius-lg);box-shadow:var(--au-shadow)}

  /* Dark sections: deep plum with soft coloured light. */
  :is(.prep-section,.biz-demo,.fc-reference,.guide-hero,.fc-pagehead){background:
    radial-gradient(40% 55% at 86% 8%,rgba(222,111,147,.4) 0,transparent 70%),radial-gradient(36% 52% at 4% 100%,rgba(84,156,144,.34) 0,transparent 70%),
    radial-gradient(30% 40% at 55% 45%,rgba(236,143,111,.16) 0,transparent 70%),var(--au-dark)}
  .footer{background:radial-gradient(45% 120% at 90% 0,rgba(157,122,208,.22) 0,transparent 70%),radial-gradient(35% 120% at 0 100%,rgba(236,143,111,.14) 0,transparent 70%),#17141c}
  .header{background:#1b1820}
  .header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--au-grad);opacity:.85}

  /* ---------- Glass cards (each keeps a hint of its own pastel) ---------- */
  :is(.start-journey,.learn-grid,.platform-grid,.prep-grid){gap:16px;border:0}
  :is(.start-step,.learn-tile,.platform-card,.form-panel,.llm-workspace,.biz-service-card,.biz-process-step,.biz-form,.practice-box){
    background-color:rgba(255,255,255,.5);-webkit-backdrop-filter:blur(14px) saturate(1.25);backdrop-filter:blur(14px) saturate(1.25);
    border:1px solid var(--au-glass-line);box-shadow:var(--au-shadow);border-radius:var(--radius-lg);overflow:hidden}
  .start-side .start-step:nth-child(1){background-color:rgba(247,214,218,.62)}
  .start-side .start-step:nth-child(2){background-color:rgba(224,234,214,.62)}
  .learn-tile:nth-child(1){background-color:rgba(219,234,224,.62)}
  .learn-tile:nth-child(2){background-color:rgba(248,230,224,.62)}
  .learn-tile:nth-child(3){background-color:rgba(234,224,246,.62)}
  .platform-card:nth-child(4n+1){background-color:rgba(251,232,218,.64)}
  .platform-card:nth-child(4n+2){background-color:rgba(246,222,234,.64)}
  .platform-card:nth-child(4n+3){background-color:rgba(221,236,227,.64)}
  .platform-card:nth-child(4n+4){background-color:rgba(234,225,247,.64)}
  .form-panel{background-color:rgba(255,255,255,.66);border-radius:var(--radius-lg)}
  .faq-stack details{background:rgba(255,255,255,.42);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--au-glass-line);border-radius:var(--radius-lg);padding:0 20px;margin-bottom:10px}
  :is(.start-feature-main,.prep-card){background-color:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-lg);overflow:hidden;
    box-shadow:0 26px 60px -34px rgba(0,0,0,.7)}
  .start-feature-main{background:radial-gradient(60% 50% at 80% 10%,rgba(222,111,147,.3) 0,transparent 70%),radial-gradient(50% 50% at 0 100%,rgba(84,156,144,.28) 0,transparent 70%),#221e2a}
  .llm-toolbar,.llm-steps,.llm-failures,.llm-training,.llm-panel{background-color:rgba(255,255,255,.45)}

  /* Form details in the same language. */
  .upload-field{background:rgba(255,255,255,.45);border:1px dashed rgba(157,122,208,.55);border-radius:var(--radius-lg)}
  .upload-icon{border-radius:var(--radius-sm);background:linear-gradient(135deg,#fbe0d3,#ecdcf6)}
  .upload-button{border-radius:var(--radius-pill);border:1px solid var(--au-glass-line);background:rgba(255,255,255,.8);padding:10px 16px;box-shadow:0 8px 18px -12px rgba(60,40,60,.45)}

  /* ---------- Buttons ---------- */
  /* Primary: gradient capsule with a soft glow; the gradient slides and the arrow moves on hover. */
  :is(.atmosphere-action-primary,.button-primary,.submit-button,.business-ink-link,.fc-invite-link,.llm-explore,.nav-button,.next-question,[id="fc-search-google"],.biz-form-submit){
    clip-path:none;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;gap:12px;
    min-height:52px;padding:0 26px;border:0;color:#fff;text-decoration:none;
    background:var(--au-grad);background-size:180% 100%;background-position:0 0;
    font:600 14px/1 Inter,system-ui,sans-serif;letter-spacing:0;text-transform:none;
    box-shadow:0 12px 28px -12px rgba(181,71,111,.7),inset 0 1px 0 rgba(255,255,255,.45);
    transition:background-position var(--motion-slow) var(--ease),transform var(--motion-standard) var(--ease),box-shadow var(--motion-standard) var(--ease);cursor:pointer}
  :is(.atmosphere-action-primary,.button-primary,.submit-button,.business-ink-link,.fc-invite-link,.llm-explore,.nav-button,.next-question,[id="fc-search-google"],.biz-form-submit):hover:not(:disabled){
    background-position:100% 0;transform:translateY(-2px);box-shadow:0 18px 34px -14px rgba(125,91,181,.75),inset 0 1px 0 rgba(255,255,255,.5)}
  .nav-button{min-height:44px;padding:0 20px}
  /* Secondary: frosted glass capsule. */
  :is(.atmosphere-action-secondary,.interlude-link,.about-link,.llm-open-block,.biz-text-link,[id="fc-copy-query"],.visual-trigger,.motion-switch,.practice-actions button:not(.next-question)){
    clip-path:none;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;gap:10px;
    min-height:46px;padding:0 22px;background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
    border:1px solid var(--au-glass-line);color:var(--au-ink);text-decoration:none;
    font:600 14px/1 Inter,system-ui,sans-serif;letter-spacing:0;text-transform:none;
    box-shadow:0 10px 24px -16px rgba(60,40,60,.45);transition:background var(--motion-standard),transform var(--motion-standard),box-shadow var(--motion-standard);cursor:pointer}
  :is(.atmosphere-action-secondary,.interlude-link,.about-link,.llm-open-block,.biz-text-link,[id="fc-copy-query"],.visual-trigger,.motion-switch,.practice-actions button:not(.next-question)):hover{
    background:rgba(255,255,255,.85);transform:translateY(-2px)}
  .atmosphere-action-secondary{min-height:52px}
  :is(.visual-trigger,.motion-switch){min-height:40px;padding:0 16px;font-size:12px}
  .llm-open-block[aria-pressed="true"]{background:var(--au-ink);color:#fff}
  /* Inner parts of the older button markup: arrows become plain inline glyphs that slide on hover. */
  :is(.atmosphere-action-primary,.atmosphere-action-secondary) :is(span,b),
  :is(.button-primary,.submit-button,.business-ink-link,.fc-invite-link,.nav-button,.interlude-link,.about-link,.llm-explore,.biz-text-link)>span{
    background:transparent;border:0;padding:0;margin:0;color:inherit;font:inherit;
    width:auto;height:auto;min-height:0;transition:transform var(--motion-standard) var(--ease)}
  :is(.atmosphere-action-primary,.atmosphere-action-secondary,.button-primary,.business-ink-link,.fc-invite-link,.nav-button,.interlude-link,.about-link,.biz-text-link):hover :is(b,span:last-child){transform:translate(3px,-3px)}
  /* Disabled (prototype forms stay off): visible but clearly inactive. */
  :is(.submit-button,.biz-form-submit):disabled{opacity:.5;filter:saturate(.55);box-shadow:none;cursor:not-allowed}
  /* Chips and toggles: glass pills; the selected one takes the gradient. */
  :is(.filter-chip,.fc-filter,.llm-depth button){clip-path:none;border-radius:var(--radius-pill);background:rgba(255,255,255,.55);border:1px solid var(--au-glass-line);
    color:var(--au-ink);font-family:Inter,system-ui,sans-serif;text-transform:none;letter-spacing:0;min-height:40px;padding:0 16px}
  :is(.filter-chip.selected,.filter-chip[aria-pressed="true"],.fc-filter[aria-pressed="true"],.llm-depth button[aria-pressed="true"]){background:var(--au-grad);color:#fff;border-color:transparent;
    box-shadow:0 8px 20px -10px rgba(181,71,111,.65)}
  .filter-chip #all-count{color:inherit;opacity:.8}
  .biz-scenario-btn{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-lg);color:#efe3ea}
  .biz-scenario-btn[aria-pressed="true"]{background:var(--au-grad);color:#fff;border-color:transparent}
  .platform-action{clip-path:none;border-radius:50%;width:46px;height:46px;background:var(--au-grad);color:#fff;border:0;
    box-shadow:0 10px 22px -10px rgba(181,71,111,.7);transition:transform var(--motion-standard)}
  .platform-action:hover{transform:rotate(45deg) scale(1.05)}
  /* Focus is always visible on the new shapes. */
  :is(.atmosphere-action-primary,.atmosphere-action-secondary,.button-primary,.submit-button,.business-ink-link,.fc-invite-link,.llm-explore,.nav-button,.next-question,
      [id="fc-search-google"],.interlude-link,.about-link,.llm-open-block,.biz-text-link,[id="fc-copy-query"],.visual-trigger,.motion-switch,.filter-chip,.fc-filter,
      .llm-depth button,.biz-scenario-btn,.platform-action,.practice-actions button):focus-visible{outline:3px solid #9d7ad0;outline-offset:3px}

  /* ---------- Comfort and performance ---------- */
  @media(max-width:780px){
    :is(.start-step,.learn-tile,.platform-card,.form-panel,.llm-workspace,.biz-service-card,.biz-process-step,.biz-form,.practice-box,.faq-stack details){
      -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
  }
  @media(prefers-reduced-motion:reduce){
    :is(.start-section,.intro-section,.learning-section,.opportunities-section,.matching-section,.about-section,.faq-section,.closing,
        .biz-intro,.biz-services,.biz-process,.biz-contact,.fc-case,.fc-resources,.fc-builder)::after{animation:none}
    :is(.atmosphere-action-primary,.atmosphere-action-secondary,.button-primary,.business-ink-link,.fc-invite-link,.llm-explore,.nav-button,.platform-action,
        .interlude-link,.about-link,.biz-text-link):hover{transform:none}
  }

  /* ---------- Navigation: always available ---------- */
  /* The header stays on top while scrolling; once the page moves it turns compact and frosted. Anchor jumps leave
     room for it (--header-h is kept current by app.js). On phones the section links become a scrollable chip row
     under the logo instead of a hidden menu, so quick access is always one tap away. */
  html{scroll-padding-top:calc(var(--header-h,76px) + 14px)}
  .header{position:sticky;top:0;z-index:100;transition:height var(--motion-standard) var(--ease),background-color var(--motion-standard) var(--ease),box-shadow var(--motion-standard) var(--ease)}
  .header.is-scrolled{height:62px;background:rgba(27,24,32,.84);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);
    box-shadow:0 14px 34px -22px rgba(0,0,0,.7)}
  .site-nav a{position:relative}
  .site-nav a.active,.site-nav a[aria-current="page"]{color:#fff}
  .site-nav a.active::after,.site-nav a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;border-radius:2px;background:var(--au-grad)}
  .site-nav a:first-child:before{display:none}
  @media(max-width:780px){
    .header,.header.is-scrolled{height:auto}
    .nav-frame{flex-wrap:wrap;row-gap:8px;height:auto;padding-top:10px}
    .menu-toggle{display:none}
    .nav-button{margin-left:auto}
    .site-nav{display:flex;position:static;order:3;flex:0 0 calc(100% + 32px);flex-direction:row;align-items:center;gap:8px;
      margin:0 -16px;padding:0 16px 10px;overflow-x:auto;scrollbar-width:none;background:transparent;border:0;box-shadow:none;
      -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 22px),transparent)}
    .site-nav::-webkit-scrollbar{display:none}
    .site-nav a{flex:none;font-size:13px;line-height:1;padding:9px 14px;border-radius:var(--radius-pill);background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.14);color:#efe6ee;min-height:36px;display:inline-flex;align-items:center}
    .site-nav a.active,.site-nav a[aria-current="page"]{background:var(--au-grad);border-color:transparent}
    .site-nav a.active::after,.site-nav a[aria-current="page"]::after{display:none}
    .llm-workspace.is-story .llm-stage{top:var(--header-h,0px)}
  }
  /* The lesson workspace hosts the pinned phone stage: clip (not hidden) keeps rounded corners without breaking sticky. */
  .llm-workspace{overflow:clip}
  /* The button rules above include id selectors, so they would beat [hidden]; keep hidden buttons hidden. */
  :is(.atmosphere-action-primary,.button-primary,.submit-button,.business-ink-link,.fc-invite-link,.llm-explore,.nav-button,.next-question,[id="fc-search-google"],.biz-form-submit,
      .atmosphere-action-secondary,.interlude-link,.about-link,.llm-open-block,.biz-text-link,[id="fc-copy-query"],.visual-trigger,.motion-switch,.practice-actions button,
      .filter-chip,.fc-filter,.llm-depth button,.biz-scenario-btn,.platform-action)[hidden]{display:none}

  /* ---------- Contact without a dead end: LinkedIn panel until secure forms are enabled ---------- */
  .contact-fallback{display:grid;gap:16px;margin-top:8px}
  .contact-fallback h3{margin:0;font-size:24px;letter-spacing:-.03em}
  .contact-fallback-lead{margin:0;font-size:16px;line-height:1.6;color:#3d3843}
  .contact-fallback-steps{margin:0;padding:0;list-style:none;counter-reset:step;display:grid;gap:10px}
  .contact-fallback-steps li{counter-increment:step;display:flex;gap:12px;align-items:baseline;font-size:15px;line-height:1.55;color:#4a4450}
  .contact-fallback-steps li::before{content:"";flex:none;width:8px;height:8px;margin:0 4px 2px;border-radius:50%;background:var(--au-grad);align-self:center}
  .contact-fallback .contact-linkedin{justify-self:start;margin-top:4px}
  .contact-fallback-note{margin:0;font-size:13px;line-height:1.6;color:#5e5864}
  .biz-contact-fallback{padding:32px;border-radius:var(--radius-lg);background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--au-glass-line);box-shadow:var(--au-shadow)}
  .contact-fallback[hidden]{display:none}

  /* ---------- Phone header: once scrolled, the logo row folds away and only section chips + Contact remain ---------- */
  @media(max-width:780px){
    .header.is-scrolled .logo{display:none}
    .header.is-scrolled .nav-frame{flex-wrap:nowrap;padding:8px 0;align-items:center}
    .header.is-scrolled .site-nav{order:1;flex:1 1 auto;margin:0 0 0 -16px;padding:0 6px 0 16px}
    .header.is-scrolled .nav-button{order:2;flex:none;min-height:36px;padding:0 14px;font-size:12px;margin-left:0}
  }

  /* ---------- Guides: the contents stay at hand ---------- */
  .guide-sidebar{top:calc(var(--header-h,62px) + 24px)}
  .guide-sidebar a.active{color:var(--au-ink);font-weight:650}
  @media(max-width:780px){
    .guide-layout{display:block}
    .guide-sidebar{position:sticky;top:var(--header-h,56px);z-index:20;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:8px;
      margin:0 -16px 28px;padding:10px 16px;background:rgba(247,241,236,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
      border-top:0;border-bottom:1px solid rgba(38,34,44,.08)}
    .guide-sidebar::-webkit-scrollbar{display:none}
    .guide-sidebar h4{display:none}
    .guide-sidebar a{flex:none;white-space:nowrap;font-size:13px;padding:8px 13px;border-radius:var(--radius-pill);background:rgba(255,255,255,.75);
      border:1px solid rgba(38,34,44,.1);color:var(--au-ink);margin:0}
    .guide-sidebar a.active{background:var(--au-grad);color:#fff;border-color:transparent}
  }

  /* ---------- Labels that looked like buttons ---------- */
  .guide-meta{gap:12px}
  .guide-meta span{border:0;padding:0;border-radius:0;color:#e7d8de}
  .guide-meta span+span{margin-left:12px}
  .platform-action{width:auto;height:40px;border-radius:var(--radius-pill);padding:0 16px;gap:8px;display:inline-flex;align-items:center;
    font:600 13px/1 Inter,system-ui,sans-serif}
  .platform-action:hover{transform:translateY(-2px)}

  /* Text link under the learning tiles (the grid itself holds three tiles). */
  .learn-more-link{margin:18px 0 0;font-size:15px;color:#4d4552}
  .learn-more-link a{font-weight:600;color:#8f3653;text-underline-offset:4px}

  /* Segmented controls with a sliding pill (motion.js): the pill carries the active colour, so the pressed button stays clear. */
  .t-pill-host [aria-pressed="true"]{background:transparent;box-shadow:none;border-color:transparent;color:#fff}

  /* Small labels (2 Nov 2026): sentence case in Inter instead of uppercase monospace. Monospace stays for code and data. */
  :is(.section-tag,.learn-overline,.guide-label,.fc-small,.eyebrow,.biz-eyebrow,.biz-section-label,.llm-small-label,.llm-stage-label,
      .interlude-overline,.fc-eyebrow,.business-kicker,.platform-category,.tiny-label,.start-feature-head span,.learning-note>span,
      .prep-card-top span,.guide-meta span,.fc-hero-meta span,.guide-breadcrumb,.guide-breadcrumb a,.practice-top span,.llm-card-top,
      #llm-step-number,.guide-sidebar h4,.guide-panel strong,.practice-hint strong,.practice-answer strong){
    font-family:var(--font-sans);text-transform:none;letter-spacing:.01em;font-weight:600;font-size:13px}
  :is(.start-number,.step-badge,.guide-time,.interlude-link,.fc-invite-link,.visual-trigger,.motion-switch,.footer-bottom a,.footer-bottom span,.fc-filter){
    text-transform:none;letter-spacing:.01em;font-family:var(--font-sans)}

  /* Glossary terms (glossary.js): a dotted underline in the text and a dark popover with a short definition. */
  .gloss{border-bottom:2px dotted var(--c-accent);cursor:help;border-radius:2px;transition:background var(--motion-quick) var(--ease)}
  .gloss:hover,.gloss[aria-expanded="true"]{background:rgba(181,71,111,.1)}
  .gloss:focus-visible{outline:3px solid #9a4d37;outline-offset:2px}
  .gloss-pop{position:absolute;z-index:60;width:min(300px,calc(100vw - 24px));padding:14px 16px;border-radius:var(--radius-sm);background:var(--c-plum);color:#f3eef4;
    box-shadow:var(--shadow-pop);font:400 14px/1.55 var(--font-sans)}
  .gloss-pop[hidden]{display:none}
  .gloss-pop strong{display:block;margin-bottom:4px;color:#f0a9bf;font-size:14px}
  .gloss-pop p{margin:0 0 8px;color:#f3eef4;font-size:14px}
  .gloss-pop a{color:#f3b9cc;font-weight:600;font-size:13px}

  /* Start-here route (2 Nov 2026): an ordered list of four steps joined by a line. Desktop runs across, phones run down. */
  .route{list-style:none;margin:var(--space-7) 0 var(--space-6);padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);position:relative}
  .route::before{content:"";position:absolute;left:24px;right:24px;top:24px;height:2px;background:linear-gradient(90deg,#e7a48f,#d98aa8,#b9a0e2);opacity:.55}
  .route-step{position:relative;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-8) var(--space-5) var(--space-5);border-radius:var(--radius-lg);
    background:var(--c-glass);border:1px solid var(--c-glass-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-card)}
  .route-step::before{content:"";position:absolute;left:var(--space-5);top:17px;width:16px;height:16px;border-radius:50%;background:var(--grad-accent);box-shadow:0 0 0 6px rgba(255,255,255,.75)}
  .route-when{font:600 13px/1 var(--font-sans);color:var(--c-accent-ink)}
  .route-step h3{margin:0;font-size:var(--text-h3);letter-spacing:-.02em;line-height:1.15;color:var(--c-ink)}
  .route-step p{margin:0 0 var(--space-2);font-size:15px;line-height:1.6;color:var(--c-muted)}
  .route-link{margin-top:auto;align-self:flex-start;font:600 14px/1.4 var(--font-sans);color:var(--c-accent-ink);text-decoration:none;border-bottom:1px solid rgba(143,54,83,.35);padding:4px 0}
  .route-link+.route-link{margin-top:2px}
  .route-link:hover{border-bottom-color:currentColor}
  .route-link:focus-visible{outline:3px solid #9a4d37;outline-offset:3px;border-radius:4px}
  @media(max-width:1100px){.route{grid-template-columns:repeat(2,minmax(0,1fr))}.route::before{display:none}}
  @media(max-width:640px){
    .route{grid-template-columns:1fr;gap:var(--space-3);padding-left:22px}
    .route::before{display:block;left:7px;right:auto;top:20px;bottom:20px;width:2px;height:auto;background:linear-gradient(180deg,#e7a48f,#d98aa8,#b9a0e2)}
    .route-step{padding:var(--space-5) var(--space-4)}
    .route-step::before{left:-22px;top:26px;width:14px;height:14px;box-shadow:0 0 0 4px var(--c-paper)}
  }

  /* Orientation test (orientation.html, orientation.js) */
  .ot-wrap{max-width:760px;padding:var(--space-8) 0 var(--space-9)}
  .ot-card{padding:var(--space-6);border-radius:var(--radius-lg);background:var(--c-glass);border:1px solid var(--c-glass-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-card)}
  .ot-card[hidden]{display:none}
  .ot-head{display:grid;gap:var(--space-2);margin-bottom:var(--space-5)}
  .ot-count{font:600 14px/1.4 var(--font-sans);color:var(--c-muted)}
  .ot-bar{height:6px;border-radius:var(--radius-pill);background:rgba(38,34,44,.1);overflow:hidden}
  .ot-bar i{display:block;height:100%;width:0;border-radius:inherit;background:var(--grad-accent);transition:width var(--motion-standard) var(--ease)}
  .ot-question{border:0;margin:0;padding:0;display:grid;gap:var(--space-2)}
  .ot-question legend{padding:0;margin:0 0 var(--space-4);font:700 var(--text-h3)/1.2 var(--font-sans);letter-spacing:-.02em;color:var(--c-ink)}
  .ot-question legend:focus{outline:none}
  .ot-choice{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--c-line);background:rgba(255,255,255,.82);cursor:pointer;
    transition:border-color var(--motion-quick) var(--ease),box-shadow var(--motion-quick) var(--ease),transform var(--motion-quick) var(--ease)}
  .ot-choice:hover{border-color:rgba(181,71,111,.45)}
  .ot-choice input{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:var(--c-accent)}
  .ot-choice:has(input:checked){border-color:var(--c-accent);box-shadow:0 0 0 3px rgba(181,71,111,.18)}
  .ot-choice:has(input:focus-visible){outline:3px solid #9a4d37;outline-offset:2px}
  .ot-choice-text{display:grid;gap:2px}
  .ot-choice-text strong{font:600 16px/1.4 var(--font-sans);color:var(--c-ink)}
  .ot-choice-text small{font-size:14px;line-height:1.45;color:var(--c-muted)}
  .ot-nav{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-5)}
  .ot-back,.ot-next{display:inline-flex;align-items:center;min-height:46px;padding:0 var(--space-5);border-radius:var(--radius-pill);font:600 14px var(--font-sans);cursor:pointer;text-decoration:none}
  .ot-back{border:1px solid var(--c-line);background:rgba(255,255,255,.85);color:var(--c-ink)}
  .ot-back[hidden]{display:none}
  .ot-next{margin-left:auto;border:0;background:var(--grad-accent);color:#fff;box-shadow:0 12px 26px -14px rgba(181,71,111,.8);transition:opacity var(--motion-quick) var(--ease),transform var(--motion-quick) var(--ease)}
  .ot-next:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
  .ot-next:not(:disabled):hover{transform:translateY(-1px)}
  :is(.ot-back,.ot-next):focus-visible{outline:3px solid #9a4d37;outline-offset:3px}
  .ot-result-label{font:600 13px var(--font-sans);color:var(--c-accent-ink)}
  .ot-result h2{margin:var(--space-2) 0 var(--space-3);font-size:var(--text-h2);letter-spacing:-.03em;line-height:1.1}
  .ot-result h2:focus{outline:none}
  .ot-result h3{margin:var(--space-5) 0 var(--space-2);font-size:18px}
  .ot-result-why,.ot-result-also{font-size:16px;line-height:1.65;color:var(--c-ink-soft);margin:0 0 var(--space-2)}
  .ot-result-steps{margin:0;padding-left:20px;display:grid;gap:var(--space-2)}
  .ot-result-steps a{font-weight:600;color:var(--c-accent-ink)}
  .ot-result-note{margin:var(--space-5) 0 0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:rgba(255,255,255,.6);font-size:14px;line-height:1.55;color:var(--c-muted)}
  @media(max-width:640px){.ot-wrap{padding:var(--space-6) 0 var(--space-8)}.ot-card{padding:var(--space-5) var(--space-4)}}
  .ot-nav{flex-wrap:wrap}.ot-back,.ot-next{white-space:nowrap}

  /* Logo (3 Nov 2026): "FACINATE" plus a coloured "AI", "HUB" on the second line. */
  .logo-wordmark .logo-ai{font-weight:inherit;color:#f0a9bf}
}