:root{--bg:#f2f4f1;--bg-elevated:#fff;--ink:#121714;--ink-soft:#3d4540;--muted:#6b746e;--line:#1217141a;--line-strong:#1217142e;--accent:#c8e04a;--accent-deep:#9bb82e;--forest:#0f1412;--forest-elevated:#1a211e;--mist:#e6ebe4;--glow:#c8e04a59;--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-body:"IBM Plex Sans", system-ui, sans-serif;--radius:16px;--radius-sm:10px;--shadow:0 24px 60px #0f14121f;--nav-h:72px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.55}body:before{content:"";pointer-events:none;z-index:1000;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;background:0 0;border:none}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:min(1120px,100% - 40px);margin-inline:auto}.container-narrow{width:min(720px,100% - 40px);margin-inline:auto}[data-reveal]{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(18px)}[data-reveal].is-visible{opacity:1;transform:none}[data-reveal-delay="1"]{transition-delay:.1s}[data-reveal-delay="2"]{transition-delay:.2s}[data-reveal-delay="3"]{transition-delay:.3s}.btn{letter-spacing:-.01em;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 22px;font-size:.95rem;font-weight:600;transition:transform .2s,background .2s,color .2s,box-shadow .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--ink);color:#fff;box-shadow:0 10px 30px #1217142e}.btn-primary:hover{background:#000}.btn-accent{background:var(--accent);color:var(--ink);box-shadow:0 10px 30px var(--glow)}.btn-accent:hover{background:#d4ea5c}.btn-ghost{color:var(--ink);border:1px solid var(--line-strong);background:0 0}.btn-ghost:hover{background:#1217140a}.btn-ghost-light{color:#fff;border:1px solid #ffffff38}.btn-ghost-light:hover{background:#ffffff0f}.section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-deep);margin-bottom:14px;font-size:.78rem;font-weight:600;display:inline-block}.section-title{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 14px;font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1.08}.section-lead{max-width:34em;color:var(--ink-soft);margin:0;font-size:1.05rem}.nav{z-index:50;height:var(--nav-h);border-bottom:1px solid #0000;align-items:center;transition:background .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;position:fixed;top:0;left:0;right:0}.nav.is-scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom-color:var(--line);background:#f2f4f1d1}.nav-inner{justify-content:space-between;align-items:center;width:min(1120px,100% - 40px);margin-inline:auto;display:flex}.logo{font-family:var(--font-display);letter-spacing:-.04em;align-items:center;gap:10px;font-size:1.25rem;font-weight:700;display:inline-flex}.logo-mark{background:var(--forest);width:28px;height:28px;color:var(--accent);border-radius:8px;place-items:center;font-size:.85rem;font-weight:700;display:grid}.nav-links{color:var(--ink-soft);gap:28px;font-size:.92rem;font-weight:500;display:none}.nav-links a:hover{color:var(--ink)}.nav-cta{min-height:40px;padding:0 16px;font-size:.88rem}@media (width>=860px){.nav-links{display:flex}}.hero{min-height:100svh;padding:calc(var(--nav-h) + 40px) 0 64px;align-items:center;display:flex;position:relative;overflow:hidden}.hero-atmosphere{pointer-events:none;background:radial-gradient(ellipse 70% 55% at 78% 18%, #c8e04a38, transparent 55%), radial-gradient(ellipse 45% 40% at 8% 70%, #d977571a, transparent 60%), radial-gradient(ellipse 40% 35% at 55% 90%, #1a73e814, transparent 55%), linear-gradient(180deg, #eef2ec 0%, var(--bg) 55%, #e8ece6 100%);position:absolute;inset:0}.hero-grid{opacity:.35;background-image:linear-gradient(#1217140a 1px,#0000 1px),linear-gradient(90deg,#1217140a 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 20%,#0000 75%)}.hero-inner{align-items:center;gap:48px;display:grid;position:relative}@media (width>=960px){.hero-inner{grid-template-columns:1.05fr .95fr;gap:56px}}.hero-stack{border-top:1px solid var(--line);margin-top:36px;padding-top:28px;animation:.85s cubic-bezier(.22,1,.36,1) .36s both rise-in}.hero-stack-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-deep);margin:0 0 16px;font-size:.78rem;font-weight:650}.hero-stack-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 12px;margin:0;padding:0;list-style:none;display:grid}.hero-stack-item{flex-direction:column;align-items:center;gap:10px;animation:.7s cubic-bezier(.22,1,.36,1) both rise-in;display:flex}.hero-stack-tile{background:var(--tool-color);width:58px;height:58px;color:var(--tool-ink);box-shadow:0 12px 28px color-mix(in srgb, var(--tool-color) 38%, transparent), inset 0 1px 0 #ffffff40;border-radius:16px;place-items:center;transition:transform .22s,box-shadow .22s;display:grid}.hero-stack-item:hover .hero-stack-tile{box-shadow:0 18px 34px color-mix(in srgb, var(--tool-color) 48%, transparent), inset 0 1px 0 #ffffff4d;transform:translateY(-4px)scale(1.05)}.hero-stack-tile svg{width:24px;height:24px}.hero-stack-name{letter-spacing:-.015em;color:var(--ink);text-align:center;font-size:.8rem;font-weight:650;line-height:1.15}.hero-copy .brand-lockup{max-width:none;font-family:var(--font-display);letter-spacing:-.055em;color:var(--ink);margin:0 0 18px;font-size:clamp(4rem,10vw,6.4rem);font-weight:700;line-height:.9;animation:.9s cubic-bezier(.22,1,.36,1) both brand-in}.hero-copy h1{max-width:14em;font-family:var(--font-display);letter-spacing:-.025em;color:var(--ink);margin:0 0 16px;font-size:clamp(1.35rem,2.6vw,1.75rem);font-weight:560;line-height:1.25;animation:.85s cubic-bezier(.22,1,.36,1) .12s both rise-in}.hero-copy .hero-lead{max-width:30em;color:var(--ink-soft);margin:0 0 28px;font-size:1.05rem;animation:.85s cubic-bezier(.22,1,.36,1) .22s both rise-in}.hero-actions{flex-wrap:wrap;gap:12px;animation:.85s cubic-bezier(.22,1,.36,1) .32s both rise-in;display:flex}@keyframes brand-in{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:none}}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.hero-visual{animation:1s cubic-bezier(.22,1,.36,1) .28s both rise-in;position:relative}.product-frame{background:var(--forest);color:#e8ece6;box-shadow:var(--shadow);border:1px solid #ffffff0f;border-radius:20px;position:relative;overflow:hidden}.product-chrome{background:#ffffff08;border-bottom:1px solid #ffffff14;align-items:center;gap:8px;padding:14px 16px;display:flex}.dot{background:#ffffff2e;border-radius:50%;width:8px;height:8px}.product-chrome span{color:#e8ece68c;margin-left:8px;font-size:.78rem}.product-body{grid-template-columns:140px 1fr;min-height:340px;display:grid}.product-rail{background:#0000002e;border-right:1px solid #ffffff14;padding:16px 12px}.rail-item{color:#e8ece68c;border-radius:8px;margin-bottom:4px;padding:10px 12px;font-size:.78rem}.rail-item.active{color:var(--accent);background:#c8e04a1f}.product-main{padding:20px 18px 22px}.task-pill{color:var(--accent);background:#c8e04a1f;border-radius:999px;align-items:center;gap:6px;margin-bottom:14px;padding:6px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.product-main h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 8px;font-size:1.15rem}.product-main p{color:#e8ece69e;margin:0 0 18px;font-size:.86rem;line-height:1.45}.artifact{background:var(--forest-elevated);border:1px solid #ffffff14;border-radius:12px;padding:14px}.artifact-label{color:#e8ece680;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.72rem;display:flex}.artifact-badge{color:var(--accent);font-weight:600}.artifact-lines{gap:8px;display:grid}.artifact-line{background:#ffffff14;border-radius:4px;height:8px}.artifact-line:first-child{width:88%}.artifact-line:nth-child(2){width:72%}.artifact-line:nth-child(3){width:94%}.artifact-line:nth-child(4){width:61%}.pulse-ring{background:radial-gradient(circle, var(--glow), transparent 70%);pointer-events:none;border-radius:50%;width:120px;height:120px;animation:3.2s ease-in-out infinite pulse;position:absolute;bottom:-18px;right:-18px}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@media (width<=700px){.product-body{grid-template-columns:1fr}.product-rail{display:none}}.problem{padding:96px 0 72px}.problem-head{max-width:38em}.problem-grid{gap:18px;margin-top:44px;display:grid}@media (width>=800px){.problem-grid{grid-template-columns:repeat(3,1fr)}}.problem-card{background:var(--bg-elevated);border:1px solid var(--line);border-radius:18px;padding:24px 22px 28px;box-shadow:0 10px 30px #0f14120a}.problem-icon{width:64px;height:64px;color:var(--ink);margin-bottom:18px}.problem-icon svg{width:64px;height:64px}.problem-card strong{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:10px;font-size:1.15rem;display:block}.problem-card p{color:var(--ink-soft);margin:0;font-size:.95rem}.contrast{padding:40px 0 96px}.contrast-grid{gap:18px;margin-top:44px;display:grid}@media (width>=860px){.contrast-grid{grid-template-columns:1fr 1fr;gap:22px}}.contrast-panel{border:1px solid var(--line);background:var(--bg-elevated);border-radius:22px;padding:28px 26px 30px}.contrast-before{background:linear-gradient(180deg, #d9775714, transparent 42%), var(--bg-elevated)}.contrast-after{background:linear-gradient(180deg, #c8e04a2e, transparent 45%), var(--forest);color:#e8ece6;border-color:#0000}.contrast-badge{letter-spacing:.06em;text-transform:uppercase;color:#a85a40;background:#d9775729;border-radius:999px;margin-bottom:14px;padding:6px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.contrast-badge-accent{color:var(--accent);background:#c8e04a2e}.contrast-panel h3{font-family:var(--font-display);letter-spacing:-.025em;margin:0 0 18px;font-size:1.35rem}.contrast-visual{color:inherit;background:#1217140a;border-radius:14px;margin:0 0 20px;overflow:hidden}.contrast-after .contrast-visual{background:#ffffff0a}.contrast-visual svg{width:100%;height:auto;display:block}.contrast-panel ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.contrast-panel li{color:var(--ink-soft);padding-left:18px;font-size:.95rem;position:relative}.contrast-panel li:before{content:"";background:#d97757b3;border-radius:50%;width:7px;height:7px;position:absolute;top:.55em;left:0}.contrast-after li{color:#e8ece6b8}.contrast-after li:before{background:var(--accent)}.how{background:radial-gradient(ellipse 50% 40% at 10% 0%, #c8e04a1f, transparent 60%), var(--bg);padding:72px 0 100px}.how-steps{gap:18px;margin-top:44px;display:grid}@media (width>=860px){.how-steps{grid-template-columns:repeat(3,1fr)}}.how-step{padding:8px 4px 12px;position:relative}.how-illus{aspect-ratio:1.35;background:var(--bg-elevated);border:1px solid var(--line);width:100%;color:var(--ink);border-radius:18px;place-items:center;margin-bottom:8px;display:grid;overflow:hidden}.how-illus svg{width:min(72%,120px);height:auto}.step-num{font-family:var(--font-display);letter-spacing:.06em;color:var(--accent-deep);margin:14px 0 10px;font-size:.85rem;font-weight:700;display:inline-block}.how-step h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 10px;font-size:1.2rem}.how-step p{color:var(--ink-soft);margin:0;font-size:.95rem}.outcomes{background:var(--forest);color:#e8ece6;padding:100px 0;position:relative;overflow:hidden}.outcomes:before{content:"";pointer-events:none;background:radial-gradient(circle,#c8e04a29,#0000 65%);height:70%;position:absolute;inset:auto -10% -40% 40%}.outcomes .section-label{color:var(--accent)}.outcomes .section-lead{color:#e8ece6ad}.benefit-grid{gap:14px;margin-top:44px;display:grid}@media (width>=760px){.benefit-grid{grid-template-rows:auto auto;grid-template-columns:1.2fr 1fr}.benefit-tile-lead{grid-row:span 2}}.benefit-tile{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;padding:26px 24px;position:relative}.benefit-tile-lead{background:linear-gradient(160deg,#c8e04a29,#ffffff08);border-color:#c8e04a47;flex-direction:column;justify-content:flex-end;min-height:280px;display:flex}.benefit-icon{width:48px;height:48px;color:var(--accent);margin-bottom:18px}.benefit-icon svg{width:48px;height:48px}.benefit-tile h3{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;margin:0 0 10px;font-size:1.25rem}.benefit-tile-lead h3{color:var(--accent);font-size:clamp(1.5rem,2.5vw,1.9rem)}.benefit-tile p{color:#e8ece6b3;max-width:34em;margin:0;font-size:.95rem}.use-cases{padding:88px 0 100px}.use-mosaic{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:36px;display:grid}@media (width>=720px){.use-mosaic{grid-template-columns:repeat(4,1fr)}}.use-tile{min-height:72px;font-family:var(--font-display);letter-spacing:-.02em;border:1px solid #0000;border-radius:16px;align-items:center;gap:12px;padding:16px 18px;font-size:.95rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex}.use-tile:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0f141214}.use-tile-mark{border-radius:50%;flex-shrink:0;width:10px;height:10px}.use-tone-a{color:var(--ink);background:#c8e04a2e}.use-tone-a .use-tile-mark{background:var(--accent-deep)}.use-tone-b{color:var(--ink);background:#d9775724}.use-tone-b .use-tile-mark{background:#d97757}.use-tone-c{color:var(--ink);background:#1fb8cd24}.use-tone-c .use-tile-mark{background:#1fb8cd}.use-tone-d{color:var(--ink);background:#6d00cc1a}.use-tone-d .use-tile-mark{background:#6d00cc}.certificate{padding:60px 0 40px}.certificate-inner{align-items:center;gap:48px;display:grid}@media (width>=900px){.certificate-inner{grid-template-columns:1.05fr .95fr;gap:64px}}.certificate-points{gap:18px;margin:32px 0 0;padding:0;list-style:none;display:grid}.certificate-points li{border-top:1px solid var(--line);padding-top:16px}.certificate-points strong{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:6px;font-size:1.05rem;display:block}.certificate-points span{color:var(--ink-soft);font-size:.95rem}.certificate-visual{position:relative}.certificate-visual:before{content:"";background:radial-gradient(circle, var(--glow), transparent 70%);pointer-events:none;position:absolute;inset:18% -8% -12% 20%}.cert-card{color:#e8ece6;box-shadow:var(--shadow);background:linear-gradient(165deg,#1c2420 0%,#0f1412 55%,#151c18 100%);border:1px solid #ffffff14;border-radius:20px;flex-direction:column;min-height:340px;padding:32px 28px 28px;display:flex;position:relative}.cert-top{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.cert-brand{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.15rem;font-weight:700}.cert-seal{width:44px;height:44px;color:var(--accent);font-family:var(--font-display);border:1px solid #c8e04a8c;border-radius:50%;place-items:center;font-size:.8rem;font-weight:700;display:grid}.cert-kicker{letter-spacing:.1em;text-transform:uppercase;color:#e8ece673;margin:0 0 8px;font-size:.75rem}.cert-title{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:1.55rem;line-height:1.15}.cert-divider{background:linear-gradient(90deg,#c8e04a8c,#ffffff14 60%,#0000);height:1px;margin:24px 0}.cert-name{font-family:var(--font-display);color:var(--accent);letter-spacing:-.02em;margin:0 0 8px;font-size:1.2rem}.cert-meta{color:#e8ece68c;max-width:22em;margin:0;font-size:.88rem;line-height:1.45}.cert-footer{color:#e8ece666;letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;margin-top:auto;padding-top:28px;font-size:.75rem;display:flex}.waitlist{padding:40px 0 120px}.waitlist-panel{color:#e8ece6;box-shadow:var(--shadow);background:linear-gradient(145deg,#171d1a 0%,#0f1412 55%,#151b18 100%);border-radius:28px;padding:clamp(28px,5vw,56px);position:relative;overflow:hidden}.waitlist-glow{pointer-events:none;background:radial-gradient(55% 70% at 0 0,#c8e04a38,#0000 55%),radial-gradient(40% 50% at 100% 100%,#c8e04a1a,#0000 50%);position:absolute;inset:0}.waitlist-grid{z-index:1;grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(28px,5vw,56px);display:grid;position:relative}.waitlist-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;font-size:.78rem;font-weight:600;display:inline-block}.waitlist-copy h2{font-family:var(--font-display);letter-spacing:-.035em;max-width:12em;margin:0 0 14px;font-size:clamp(2rem,4vw,2.75rem);line-height:1.05}.waitlist-copy>p{color:#e8ece6b3;max-width:32em;margin:0 0 24px;font-size:1.05rem;line-height:1.55}.waitlist-perks{gap:12px;margin:0;padding:0;list-style:none;display:grid}.waitlist-perks li{color:#e8ece6d1;align-items:flex-start;gap:12px;font-size:.95rem;line-height:1.4;display:flex}.waitlist-perk-icon{width:22px;height:22px;color:var(--ink);background:var(--accent);border-radius:999px;flex:none;justify-content:center;align-items:center;margin-top:1px;font-size:.7rem;font-weight:700;display:inline-flex}.waitlist-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:22px;padding:clamp(22px,3vw,28px)}.waitlist-card-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 6px;font-size:1.25rem}.waitlist-card-lead{color:#e8ece694;margin:0 0 20px;font-size:.92rem}.waitlist-form{gap:12px;display:grid}.waitlist-field{gap:6px;display:grid}.waitlist-field label{color:#e8ece69e;font-size:.8rem;font-weight:500}.waitlist-field label span{color:var(--accent)}.waitlist-form input{color:#fff;background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;outline:none;width:100%;min-height:50px;padding:0 16px;transition:border-color .2s,background .2s,box-shadow .2s}.waitlist-form input::placeholder{color:#e8ece661}.waitlist-form input:focus{background:#ffffff17;border-color:#c8e04aa6;box-shadow:0 0 0 3px #c8e04a1f}.waitlist-form input[aria-invalid=true]{border-color:#f08c82b3}.waitlist-submit{width:100%;min-height:52px;margin-top:4px}.waitlist-error{color:#f0a8a0;margin:0;font-size:.85rem}.waitlist-note{color:#e8ece66b;text-align:center;margin:12px 0 0;font-size:.8rem}.waitlist-divider{color:#e8ece659;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:12px;margin:18px 0 14px;font-size:.78rem;display:flex}.waitlist-divider:before,.waitlist-divider:after{content:"";background:#ffffff1a;flex:1;height:1px}.waitlist-quiz-btn{width:100%;min-height:48px}.waitlist-success{flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;min-height:220px;display:flex}.waitlist-success-icon{width:40px;height:40px;color:var(--ink);background:var(--accent);border-radius:999px;justify-content:center;align-items:center;margin-bottom:4px;font-weight:700;display:inline-flex}.waitlist-success strong{font-family:var(--font-display);color:var(--accent);letter-spacing:-.02em;font-size:1.3rem}.waitlist-success span{color:#e8ece6b3;margin-bottom:8px;font-size:.95rem;line-height:1.45}.waitlist-secondary-btn{color:#fff;border-color:#fff3}.waitlist-form input:disabled,.waitlist-form button:disabled{opacity:.7;cursor:not-allowed}@media (width<=860px){.waitlist-grid{grid-template-columns:1fr;gap:28px}.waitlist-copy h2{max-width:none}}.quiz-shell{-webkit-overflow-scrolling:touch;background:radial-gradient(ellipse 70% 50% at 50% -10%, #c8e04a38, transparent 55%), var(--bg);flex-direction:column;height:100dvh;min-height:100dvh;display:flex;overflow-y:auto}.quiz-top{justify-content:space-between;align-items:center;width:min(720px,100% - 40px);margin:18px auto 0;display:flex}.quiz-brand{font-family:var(--font-display);align-items:center;gap:10px;font-size:1.15rem;font-weight:700;display:inline-flex}.quiz-close{border:1px solid var(--line-strong);width:40px;height:40px;color:var(--ink-soft);border-radius:999px;font-size:1rem;line-height:1;transition:background .2s}.quiz-close:hover{background:#1217140d}.quiz-progress{background:var(--line);border-radius:999px;width:min(720px,100% - 40px);height:4px;margin:16px auto 0;overflow:hidden}.quiz-progress-bar{background:linear-gradient(90deg, var(--accent-deep), var(--accent));border-radius:inherit;height:100%;transition:width .35s cubic-bezier(.22,1,.36,1)}.quiz-main{flex:1;align-items:flex-start;padding:28px 0 48px;display:flex}.quiz-card{background:var(--bg-elevated);border:1px solid var(--line);width:100%;box-shadow:var(--shadow);border-radius:24px;padding:clamp(24px,4vw,40px);animation:.35s cubic-bezier(.22,1,.36,1) quizIn}@keyframes quizIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.quiz-step-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-deep);margin:0 0 10px;font-size:.78rem;font-weight:600}.quiz-title{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 10px;font-size:clamp(1.55rem,3.5vw,2.1rem);line-height:1.12}.quiz-subtitle{color:var(--ink-soft);margin:0 0 22px;font-size:1.02rem}.quiz-options{gap:10px;margin:0;padding:0;list-style:none;display:grid}.quiz-option{border:1px solid var(--line-strong);background:var(--bg);text-align:left;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:56px;padding:14px 18px;transition:border-color .15s,background .15s,transform .15s;display:flex}.quiz-option:hover{background:#f7faf3;border-color:#9bb82e8c;transform:translateY(-1px)}.quiz-option.is-selected{border-color:var(--accent-deep);background:#c8e04a2e;box-shadow:0 0 0 1px #9bb82e40}.quiz-option-label{font-size:.98rem;font-weight:500}.quiz-option-check{width:22px;height:22px;color:var(--ink);background:var(--accent);opacity:0;border-radius:999px;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.quiz-option.is-selected .quiz-option-check{opacity:1}.quiz-card-head{justify-content:space-between;align-items:center;gap:12px;min-height:28px;margin-bottom:14px;display:flex}.quiz-back{color:var(--ink-soft);border-radius:8px;align-items:center;gap:4px;padding:6px 2px;font-size:.9rem;font-weight:600;transition:color .15s,background .15s;display:inline-flex}.quiz-back:hover{color:var(--ink);background:0 0}.quiz-back-spacer{width:1px;height:1px}.quiz-card-head .quiz-step-label{text-align:right;margin:0}.quiz-footer{margin-top:22px}.quiz-footer-split{flex-wrap:wrap;gap:10px;display:flex}.quiz-footer-split .btn{flex:140px}.quiz-nav-row{display:none}.quiz-modules{gap:10px;margin:0 0 28px;padding:0;list-style:none;display:grid}.quiz-modules li{background:var(--mist);border:1px solid var(--line);border-radius:12px;padding:14px 16px 14px 42px;font-weight:500;position:relative}.quiz-modules li:before{content:"→";color:var(--accent-deep);font-weight:700;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.quiz-join{color:#e8ece6;background:linear-gradient(145deg,#171d1a 0%,#0f1412 100%);border-radius:18px;padding:22px}.quiz-join h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 8px;font-size:1.25rem}.quiz-join>p{color:#e8ece6ad;margin:0 0 16px;font-size:.95rem}.quiz-form{gap:10px;display:grid}.quiz-form input{color:#fff;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;outline:none;min-height:50px;padding:0 16px}.quiz-form input::placeholder{color:#e8ece673}.quiz-form input:focus{border-color:#c8e04ab3}.quiz-form .btn{width:100%}.quiz-note,.quiz-error{margin:12px 0 0;font-size:.85rem}.quiz-note{color:#e8ece67a}.quiz-error{color:#f0a8a0}.quiz-back-link{margin-top:16px}.quiz-done .btn{margin-top:8px}.quiz-done strong{color:var(--ink)}.quiz-continue{width:100%;margin-top:0}.quiz-continue:disabled{opacity:.5;cursor:not-allowed;transform:none}.quiz-statement{color:var(--ink);font-weight:500}.quiz-scale{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:10px;display:grid}.quiz-scale-btn{border:1px solid var(--line-strong);background:var(--bg);border-radius:12px;min-height:52px;font-size:1rem;font-weight:600;transition:border-color .15s,background .15s}.quiz-scale-btn:hover{background:#f7faf3;border-color:#9bb82e8c}.quiz-scale-btn.is-selected{border-color:var(--accent-deep);background:#c8e04a38}.quiz-scale-labels{color:var(--muted);justify-content:space-between;margin-bottom:8px;font-size:.82rem;display:flex}.quiz-summary{gap:10px;margin:0 0 20px;padding:0;display:grid}.quiz-summary>div{background:var(--mist);border:1px solid var(--line);border-radius:12px;gap:2px;padding:12px 14px;display:grid}.quiz-summary dt{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:600}.quiz-summary dd{color:var(--ink);margin:0;font-weight:500}.quiz-summary-actions{flex-wrap:wrap;gap:10px;display:flex}.quiz-summary-actions .btn{flex:140px}.quiz-teaser-points{margin-bottom:8px}.quiz-loader-list{gap:12px;margin:8px 0 0;padding:0;list-style:none;display:grid}.quiz-loader-list li{border:1px solid var(--line);background:var(--bg);color:var(--muted);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-weight:500;transition:background .2s,color .2s,border-color .2s;display:flex}.quiz-loader-list li.is-active{color:var(--ink);background:#f7faf3;border-color:#9bb82e73}.quiz-loader-list li.is-done{color:var(--ink);background:#c8e04a29;border-color:#9bb82e59}.quiz-loader-dot{background:var(--line-strong);border-radius:999px;flex:none;width:10px;height:10px}.quiz-loader-list li.is-active .quiz-loader-dot{background:var(--accent-deep);box-shadow:0 0 0 4px #c8e04a59}.quiz-loader-list li.is-done .quiz-loader-dot{background:var(--accent-deep)}@media (width<=640px){.quiz-main{padding-top:18px}.quiz-option{min-height:52px}.quiz-scale{gap:6px}.quiz-scale-btn{min-height:48px}}.footer{border-top:1px solid var(--line);padding:28px 0 40px}.footer-inner{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;font-size:.88rem;display:flex}.footer .logo{color:var(--ink);font-size:1rem}