:root{--paper: #f6f4ee;--paper-dim: rgba(246, 244, 238, .66);--paper-faint: rgba(246, 244, 238, .42);--ink: #070b10;--ink-soft: #0c1117;--line: rgba(246, 244, 238, .14);--line-strong: rgba(246, 244, 238, .28);--accent: #12a594;--accent-deep: #0b5a53;--accent-a34: #12a59457;--accent-a18: #12a5942e;--accent-a16: #12a59429;--accent-a60: #12a59499;--accent-deep-a46: #0b5a5375;--display: "Fraunces", Georgia, "Times New Roman", serif;--body: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--mono: "IBM Plex Mono", "Courier New", monospace;--shell: 34rem;--radius: 16px;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:var(--ink);color:var(--paper);font-family:var(--body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}#root{min-height:100dvh}.stage{position:relative;min-height:100dvh;display:flex;flex-direction:column;isolation:isolate;background:var(--ink)}.stage:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(120% 80% at 78% -10%,var(--accent-a34),transparent 62%),radial-gradient(100% 70% at 8% 108%,var(--accent-deep-a46),transparent 60%),var(--ink);transition:background .7s var(--ease)}.stage:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;background-image:radial-gradient(rgba(246,244,238,.07) 1px,transparent 1px);background-size:3px 3px}.shell{width:100%;max-width:var(--shell);margin:0 auto;padding:calc(env(safe-area-inset-top) + 1.25rem) 1.25rem calc(env(safe-area-inset-bottom) + 1.5rem);flex:1;display:flex;flex-direction:column}.pane{display:contents}.rail{display:none}@media(min-width:900px)and (hover:hover)and (pointer:fine){body:not(.framed) .shell{max-width:66rem;display:grid;grid-template-columns:minmax(15rem,21rem) minmax(0,30rem);gap:clamp(2.5rem,6vw,5.5rem);align-items:center;justify-content:center;padding-block:3rem;min-height:100dvh}body:not(.framed) .pane{display:flex;flex-direction:column;min-height:32rem;justify-content:center}body:not(.framed) .rail{display:flex;flex-direction:column;gap:1.25rem;align-self:center}.rail-title{font-size:clamp(3rem,4.6vw,4.2rem)}.rail .lede{max-width:22rem}.rail-foot{margin:.5rem 0 0;font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--paper-faint)}body:not(.framed) .intro>.cast,body:not(.framed) .intro>.brand,body:not(.framed) .intro>.lede{display:none}body:not(.framed) .intro{padding:0;gap:1.35rem}body:not(.framed) .pane .gap-lg{gap:1.1rem}body:not(.framed) .result-card{gap:.7rem;padding:1.15rem 1.3rem}body:not(.framed) .result-title{font-size:clamp(1.7rem,2.4vw,2.1rem)}body:not(.framed) .pane .display.h2{font-size:1.5rem}body:not(.framed) .cta-stack{gap:.55rem}body:not(.framed) .btn{min-height:50px}body:not(.framed) .result-heads svg{width:84px;height:84px}body:not(.framed) .superpowers.dual{flex-direction:row;gap:1.25rem}body:not(.framed) .superpowers.dual .superpower{flex:1;min-width:0}}@media(min-width:1500px)and (hover:hover)and (pointer:fine){body:not(.framed) .shell{gap:6rem}}@media(min-width:600px)and (hover:hover)and (pointer:fine){body.framed{min-height:100vh;display:grid;place-items:center;padding:2.5rem 1.5rem 3rem;background:radial-gradient(70% 60% at 50% 0%,rgba(18,165,148,.12),transparent 70%),#05080c}body.framed #root{min-height:0}.stage.phone{width:400px;height:min(860px,calc(100vh - 6rem));min-height:620px;border-radius:48px;border:11px solid #151a21;box-shadow:0 0 0 1px #f6f4ee14,0 40px 90px #0009,inset 0 0 0 1px #0009;overflow:hidden}.stage.phone .island{display:block;position:absolute;top:12px;left:50%;width:112px;height:32px;transform:translate(-50%);border-radius:999px;background:#05080c;z-index:5;pointer-events:none}.stage.phone .shell{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding-top:3.6rem}.stage.phone .shell::-webkit-scrollbar{display:none}.frame-caption{position:fixed;left:0;right:0;bottom:1rem;text-align:center;font-family:var(--mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:#f6f4ee59;pointer-events:none}}.frame-caption,.island{display:none}@media(min-width:600px)and (hover:hover)and (pointer:fine){.frame-caption{display:block}}.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0}.display{font-family:var(--display);font-weight:700;line-height:1.04;letter-spacing:-.02em;margin:0}.h1{font-size:clamp(2.4rem,12vw,3.4rem)}.h2{font-size:clamp(1.6rem,7vw,2.1rem)}.lede{color:var(--paper-dim);font-size:1.02rem;margin:0}.small{font-size:.84rem;color:var(--paper-faint);margin:0}.rule{height:1px;background:var(--line);border:0;margin:0}.btn{display:flex;align-items:center;justify-content:center;gap:.55rem;width:100%;min-height:56px;padding:.9rem 1.25rem;border-radius:var(--radius);border:1px solid transparent;font-family:var(--body);font-size:.94rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:transform .16s var(--ease),background .2s var(--ease),border-color .2s var(--ease),opacity .2s var(--ease)}.btn:active{transform:scale(.985)}.btn:focus-visible{outline:2px solid var(--paper);outline-offset:3px}.btn[disabled]{opacity:.55;cursor:progress}.btn-primary{background:var(--paper);color:var(--ink)}.btn-accent{background:linear-gradient(120deg,var(--accent),var(--accent-deep));color:var(--paper)}.btn-ghost{background:#f6f4ee0a;border-color:var(--line-strong);color:var(--paper)}.btn-text{background:none;border:0;color:var(--paper-faint);font-family:var(--body);font-size:.85rem;letter-spacing:.04em;padding:.75rem;cursor:pointer;min-height:44px}.btn-text:hover{color:var(--paper)}.intro{flex:1;display:flex;flex-direction:column;justify-content:center;gap:1.5rem;padding:2rem 0}.mirror-mark{width:64px;height:64px;border-radius:50%;border:1px solid var(--line-strong);display:grid;place-items:center;position:relative}.mirror-mark:before{content:"";width:26px;height:26px;border-radius:50%;background:linear-gradient(140deg,var(--accent),transparent 70%);box-shadow:0 0 26px var(--accent-a60)}.stat-row{display:flex;gap:.75rem;flex-wrap:wrap}.chip{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--paper-dim);border:1px solid var(--line);border-radius:999px;padding:.42rem .7rem}.instruction{border-left:2px solid var(--accent);padding-left:.9rem;color:var(--paper-dim);font-size:.95rem}.cast{display:flex;gap:.35rem;align-items:flex-end}.cast svg{filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}.signup{border:1px solid var(--line);border-radius:var(--radius);background:#f6f4ee08;padding:.35rem 1rem 1rem;margin:0;min-width:0}.signup legend{padding:0 .4rem}.signup .field:first-of-type{margin-top:.5rem}.form-error{margin:.75rem 0 0;font-size:.85rem;color:#e0855a}.quiz-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:44px}.progress-count{font-family:var(--mono);font-size:.78rem;letter-spacing:.16em;color:var(--paper-dim)}.progress-track{display:flex;gap:6px;margin:.9rem 0 1.75rem}.progress-seg{height:3px;flex:1;border-radius:2px;background:#f6f4ee24;transition:background .4s var(--ease)}.progress-seg.done{background:var(--accent)}.progress-seg.current{background:var(--paper)}.question{font-family:var(--display);font-weight:600;font-size:clamp(1.45rem,6.4vw,1.9rem);line-height:1.2;letter-spacing:-.015em;margin:0 0 1.5rem}.answers{display:flex;flex-direction:column;gap:.7rem}.answer{position:relative;display:flex;align-items:flex-start;gap:.85rem;width:100%;text-align:left;padding:1.05rem 1.1rem;border-radius:var(--radius);border:1px solid var(--line);background:#f6f4ee09;color:var(--paper);font-family:var(--body);font-size:1rem;line-height:1.35;cursor:pointer;min-height:60px;transition:border-color .18s var(--ease),background .18s var(--ease),transform .16s var(--ease)}.answer:hover{border-color:var(--line-strong);background:#f6f4ee0f}.answer:active{transform:scale(.99)}.answer:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.answer.picked{border-color:var(--accent);background:var(--accent-a18)}.answer .key{font-family:var(--mono);font-size:.72rem;color:var(--paper-faint);padding-top:.16rem;min-width:1.1rem}.answer.picked .key{color:var(--accent)}.quiz-foot{margin-top:auto;padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center}.fade-in{animation:fade-in .38s var(--ease) both}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.reveal{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;text-align:center}.reveal-ring{width:110px;height:110px;border-radius:50%;border:1px solid var(--line-strong);border-top-color:var(--accent);animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-card{border:1px solid var(--line);border-radius:20px;background:linear-gradient(170deg,var(--accent-a16),rgba(246,244,238,.03));padding:1.4rem;display:flex;flex-direction:column;gap:1rem}.result-heads{display:flex;gap:.25rem;align-items:flex-end}.result-heads svg{filter:drop-shadow(0 10px 22px rgba(0,0,0,.4))}.btn-linkedin{background:#0a66c2;color:#fff}.btn-linkedin:hover{background:#0b5cb0}.result-title{font-family:var(--display);font-weight:700;font-size:clamp(2rem,9.5vw,2.7rem);line-height:1.02;letter-spacing:-.02em;margin:0;text-transform:uppercase}.result-title .plus{color:var(--accent)}.superpowers{display:flex;flex-direction:column;gap:.9rem}.superpower{display:flex;flex-direction:column;gap:.15rem;border-top:1px solid var(--line);padding-top:.9rem;margin:0}.superpower dt{font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.superpower dd{margin:0;font-size:1rem;color:var(--paper)}.cta-stack{display:flex;flex-direction:column;gap:.7rem}.status{font-size:.85rem;color:var(--accent);min-height:1.2rem}.caption-box{border:1px solid var(--line);border-radius:var(--radius);padding:.9rem;background:#070b1080}.caption-box pre{margin:0 0 .75rem;white-space:pre-wrap;word-break:break-word;font-family:var(--body);font-size:.86rem;color:var(--paper-dim)}.steps{counter-reset:step;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.steps li{counter-increment:step;display:flex;gap:.9rem;align-items:flex-start}.steps li:before{content:counter(step);font-family:var(--mono);font-size:.75rem;width:26px;height:26px;flex:none;border-radius:50%;border:1px solid var(--accent);color:var(--accent);display:grid;place-items:center}.quote-card{border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem;font-family:var(--display);font-size:1.15rem;line-height:1.25;text-transform:uppercase;letter-spacing:.01em}.lead{border:1px solid var(--line);border-radius:var(--radius);padding:1rem;background:#f6f4ee08}.lead summary{cursor:pointer;font-size:.9rem;color:var(--paper-dim);list-style:none;min-height:28px;display:flex;align-items:center;gap:.5rem}.lead summary::-webkit-details-marker{display:none}.lead summary:after{content:"+";margin-left:auto;color:var(--accent);font-size:1.1rem}.lead[open] summary:after{content:"−"}.field{display:flex;flex-direction:column;gap:.35rem;margin-top:.85rem}.field label{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--paper-faint)}.field label .optional{color:#f6f4ee47;letter-spacing:.1em}.field input{min-height:48px;padding:.7rem .85rem;border-radius:12px;border:1px solid var(--line);background:#070b108c;color:var(--paper);font-family:var(--body);font-size:16px}.field input:focus{outline:none;border-color:var(--accent)}.consent{display:flex;gap:.6rem;align-items:flex-start;margin-top:.9rem;font-size:.82rem;color:var(--paper-dim)}.consent input{width:20px;height:20px;accent-color:var(--accent);flex:none;margin-top:.1rem}.sheet-nav{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.data-table{width:100%;border-collapse:collapse;font-size:.88rem}.data-table th,.data-table td{text-align:left;padding:.6rem .4rem;border-bottom:1px solid var(--line)}.data-table th{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--paper-faint)}.print-sheet{background:var(--paper);color:var(--ink-soft);border-radius:14px;padding:1.5rem;margin-bottom:1.25rem;break-inside:avoid}.print-sheet.dark{background:var(--ink-soft);color:var(--paper)}.sheet-label{font-family:var(--mono);font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;opacity:.6}.sheet-line{font-family:var(--display);font-weight:700;font-size:clamp(1.6rem,7vw,2.2rem);line-height:1.06;margin:.75rem 0 0;text-transform:uppercase}.sheet-name{font-family:var(--mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;margin:0 0 .2rem}.qr-slot{background:var(--paper);border-radius:12px;padding:.75rem;display:inline-flex;margin:1rem 0}.qr-slot img{display:block;width:200px;height:200px}@media print{.stage:before,.stage:after,.sheet-nav,.no-print{display:none!important}body{background:#fff;color:#000}.shell{max-width:none}.print-sheet{page-break-after:always;border-radius:0;min-height:90vh;display:flex;flex-direction:column;justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.stack{display:flex;flex-direction:column}.gap-sm{gap:.6rem}.gap-md{gap:1rem}.gap-lg{gap:1.5rem}.grow{flex:1}.center{justify-content:center}