:root{
  --bg:#070711;
  --card:rgba(255,255,255,.075);
  --card2:rgba(255,255,255,.105);
  --stroke:rgba(255,255,255,.14);
  --text:#f8f7ff;
  --muted:rgba(248,247,255,.66);
  --muted2:rgba(248,247,255,.46);
  --accent:#b6ff6f;
  --accent2:#8f7cff;
  --danger:#ff6f91;
  --good:#74f5c2;
  --shadow:0 30px 80px rgba(0,0,0,.45);
  --radius:28px;
  --radius2:18px;
  color-scheme:dark;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
[hidden]{display:none !important}
html,body{min-height:100%;margin:0;background:var(--bg);color:var(--text);overflow-x:hidden}
button,input{-webkit-tap-highlight-color:transparent}
body:before,
body:after{
  content:"";
  position:fixed;
  inset:auto;
  width:52vw;
  height:52vw;
  min-width:420px;
  min-height:420px;
  border-radius:999px;
  z-index:-3;
  filter:blur(34px);
  opacity:.55;
  background:radial-gradient(circle at 35% 35%, rgba(182,255,111,.95), rgba(143,124,255,.36) 42%, rgba(7,7,17,0) 72%);
  animation:floatOne 13s ease-in-out infinite alternate;
}
body:before{left:-16vw;top:-18vw}
body:after{
  right:-18vw;
  bottom:-18vw;
  background:radial-gradient(circle at 40% 40%, rgba(255,111,145,.72), rgba(143,124,255,.40) 45%, rgba(7,7,17,0) 72%);
  animation:floatTwo 14s ease-in-out infinite alternate;
}
.noise{
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  opacity:.12;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");
}
.grid-bg{
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.17;
  background-image:linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size:42px 42px;
  mask-image:radial-gradient(circle at 50% 24%, #000, transparent 72%);
}
@keyframes floatOne{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(8vw,9vh,0) scale(1.16)}}
@keyframes floatTwo{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-8vw,-7vh,0) scale(1.12)}}
.app{width:min(1120px,100%);margin:0 auto;padding:24px 18px 42px;min-height:100dvh;display:flex;flex-direction:column}
body.admin-page .app{width:min(1640px,100%)}
header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:11px;font-weight:760;letter-spacing:-.03em}
.logo{width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg, var(--accent), var(--accent2));box-shadow:0 14px 36px rgba(182,255,111,.18);position:relative;overflow:hidden}
.logo:before{content:"";position:absolute;inset:8px;border-radius:10px;border:1px solid rgba(0,0,0,.55);transform:rotate(45deg)}
.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--stroke);color:var(--muted);background:rgba(255,255,255,.055);backdrop-filter:blur(18px);border-radius:999px;padding:10px 13px;font-size:13px;white-space:nowrap}
.dot{width:7px;height:7px;border-radius:99px;background:var(--accent);box-shadow:0 0 22px var(--accent)}
.shell{width:100%;max-width:820px;margin:0 auto;display:block;flex:1}
body.admin-page .shell{max-width:none}
.panel{border:1px solid var(--stroke);background:linear-gradient(180deg, rgba(255,255,255,.105), rgba(255,255,255,.055));box-shadow:var(--shadow);backdrop-filter:blur(22px);border-radius:var(--radius);overflow:hidden;position:relative}
.main{padding:34px;min-height:calc(100dvh - 132px);display:flex;flex-direction:column;justify-content:flex-start}
.kicker{display:inline-flex;gap:8px;align-items:center;color:var(--accent);background:rgba(182,255,111,.09);border:1px solid rgba(182,255,111,.20);border-radius:999px;padding:8px 12px;font-weight:690;font-size:13px;margin-bottom:22px}
h1{font-size:clamp(42px,7.2vw,88px);line-height:.87;letter-spacing:-.075em;margin:0 0 18px;max-width:820px}
h2{font-size:clamp(30px,4.5vw,56px);line-height:.94;letter-spacing:-.06em;margin:0 0 16px}
h3{font-size:22px;letter-spacing:-.03em;margin:0 0 10px}
p{color:var(--muted);font-size:16px;line-height:1.55;margin:0}
.lead{font-size:19px;max-width:720px;color:rgba(248,247,255,.78)}
.micro{font-size:13px;color:var(--muted2);line-height:1.45}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
button,.button{
  appearance:none;
  border:0;
  cursor:pointer;
  color:#0b0b12;
  background:var(--accent);
  padding:16px 20px;
  border-radius:18px;
  font-weight:810;
  font-size:15px;
  letter-spacing:-.01em;
  box-shadow:0 18px 42px rgba(182,255,111,.18);
  transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:54px;
  touch-action:manipulation;
}
button:hover,.button:hover{transform:translateY(-2px);box-shadow:0 22px 54px rgba(182,255,111,.24)}
button:active,.button:active{transform:translateY(0)}
button.secondary,.button.secondary{background:rgba(255,255,255,.08);color:var(--text);border:1px solid var(--stroke);box-shadow:none}
button.ghost{background:transparent;color:var(--muted);border:1px solid transparent;box-shadow:none;padding:10px 12px;min-height:auto}
button.danger{background:rgba(255,111,145,.13);color:#ffd5df;border:1px solid rgba(255,111,145,.25);box-shadow:none}
button:disabled{opacity:.45;cursor:not-allowed;transform:none}
.landing-screen.active{display:flex;flex-direction:column;justify-content:flex-start;gap:22px;text-align:center}
.landing-body{display:grid;gap:18px;width:min(760px,100%);margin:0 auto}
.hero-photo-stage{width:min(760px,100%);margin:0 auto}
.hero-photo-stage img{display:block;width:100%;height:auto}
.landing-body .kicker{justify-self:center;margin-bottom:0}
.headline-rotator{min-height:2.2em;display:grid;place-items:center}
.headline-rotator h1{margin:0;max-width:12ch;font-size:clamp(40px,6vw,72px);line-height:.95;background:linear-gradient(180deg, #f8f7ff 0%, #dffff0 38%, var(--accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.headline-rotator.is-swapping h1{animation:headlineSwap .36s ease}
@keyframes headlineSwap{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.landing-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.landing-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 16px;border-radius:999px;border:1px solid rgba(182,255,111,.18);background:rgba(255,255,255,.06);color:var(--text);font-size:14px;line-height:1.35;letter-spacing:-.01em}
.landing-pill b{color:var(--accent);font-weight:800}
.landing-cta-wrap{display:grid;gap:18px;width:min(760px,100%);margin:0 auto}
.cta-button{width:100%;min-height:72px;padding:20px 28px;font-size:18px;border-radius:22px;box-shadow:0 28px 58px rgba(182,255,111,.2)}
.legal-note{max-width:1120px;margin:0 auto;text-align:center;font-size:12px;line-height:1.5}
.proof-stack,.choice-stack{display:grid;gap:14px}
.proof-card{padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05)}
.proof-card strong{display:block;margin-bottom:6px;font-size:17px;letter-spacing:-.02em}
.choice-stack{margin-top:18px}
.choice-button{width:100%;min-height:74px;padding:16px 18px;align-items:flex-start;justify-content:flex-start;text-align:left;background:rgba(255,255,255,.07);color:var(--text);border:1px solid rgba(255,255,255,.1);box-shadow:none}
.choice-button:hover{box-shadow:none;background:rgba(255,255,255,.11)}
.choice-button span{display:block;width:100%;font-size:17px;line-height:1.25;letter-spacing:-.02em}
.choice-stack.compact{gap:12px}
.choice-stack.compact .choice-button{min-height:68px;align-items:center;justify-content:center;text-align:center;padding:18px}
.choice-stack.compact .choice-button span{font-size:18px}
.steps{display:grid;gap:10px;margin-top:18px}
.step{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}
.num{width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;border-radius:10px;background:rgba(182,255,111,.13);color:var(--accent);font-weight:800;font-size:12px}
.screen{display:none;animation:enter .38s ease both}
.screen.active{display:block}
.screen.landing-screen.active{display:flex}
@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}
.progress{height:11px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;flex:1;border:1px solid rgba(255,255,255,.08)}
.bar{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:inherit;transition:width .32s ease}
.question-card{border-radius:26px;border:1px solid var(--stroke);background:rgba(255,255,255,.065);padding:26px;min-height:330px;display:flex;flex-direction:column;justify-content:space-between}
.q-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;color:var(--muted2);font-size:13px}
.q-title{font-size:clamp(25px,4.4vw,45px);line-height:1.05;letter-spacing:-.052em;margin-bottom:18px;color:var(--text)}
.q-visual{margin:10px 0 18px;min-height:96px;display:flex;align-items:center;justify-content:center;border-radius:22px;background:rgba(7,7,17,.34);border:1px solid rgba(255,255,255,.08);overflow:hidden;padding:16px}
.pattern{display:grid;gap:10px;font-size:30px;letter-spacing:.06em;text-align:center;line-height:1.15}
.sequence{font-size:clamp(32px,6vw,58px);letter-spacing:-.04em;font-weight:860;color:var(--text);text-align:center}
.sequence.symbol-sequence{font-size:36px;line-height:1.05;letter-spacing:0}
.shape-glyph,.shape-question{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin:0 .1em}
.shape-glyph{position:relative;width:34px;height:34px;color:inherit}
.shape-glyph::before,.shape-glyph::after{content:"";position:absolute}
.shape-circle-solid::before{inset:0;border-radius:50%;background:currentColor}
.shape-circle-outline::before{inset:0;border-radius:50%;border:3px solid currentColor}
.shape-square-solid::before{inset:3px;background:currentColor}
.shape-square-outline::before{inset:3px;border:3px solid currentColor}
.shape-diamond-solid::before{inset:4px;background:currentColor;transform:rotate(45deg);border-radius:3px}
.shape-diamond-outline::before{inset:4px;border:3px solid currentColor;transform:rotate(45deg);border-radius:3px}
.shape-triangle-solid::before{inset:2px;background:currentColor;clip-path:polygon(50% 0, 100% 100%, 0 100%)}
.shape-triangle-outline::before{inset:2px;background:currentColor;clip-path:polygon(50% 0, 100% 100%, 0 100%)}
.shape-triangle-outline::after{inset:7px;background:rgba(7,7,17,.34);clip-path:polygon(50% 0, 100% 100%, 0 100%)}
.shape-triangle-solid::before,.shape-triangle-outline::before,.shape-triangle-outline::after{border-radius:0}
.answer .shape-triangle-outline::after{background:rgba(255,255,255,.065)}
.answer.selected .shape-triangle-outline::after{background:rgba(182,255,111,.12)}
.shape-phase-left::before,.shape-phase-top::before,.shape-phase-right::before,.shape-phase-bottom::before{inset:0;border-radius:50%;border:3px solid currentColor}
.shape-phase-left::before{background:linear-gradient(90deg, currentColor 0 50%, transparent 50% 100%)}
.shape-phase-top::before{background:linear-gradient(180deg, currentColor 0 50%, transparent 50% 100%)}
.shape-phase-right::before{background:linear-gradient(90deg, transparent 0 50%, currentColor 50% 100%)}
.shape-phase-bottom::before{background:linear-gradient(180deg, transparent 0 50%, currentColor 50% 100%)}
.shape-question{width:24px;min-height:34px;font-size:34px;font-weight:860;line-height:1}
.answers{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:12px;margin-top:18px}
.answer{padding:18px;min-height:78px;border-radius:18px;border:1px solid var(--stroke);background:rgba(255,255,255,.065);color:var(--text);text-align:left;box-shadow:none;font-weight:720;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;justify-content:flex-start;gap:12px;line-height:1.38;white-space:normal}
.answer:hover{box-shadow:none;background:rgba(255,255,255,.10)}
.answer.selected{border-color:rgba(182,255,111,.72);background:rgba(182,255,111,.12)}
.answer-letter{font-size:14px;line-height:1;font-weight:850;letter-spacing:.04em;color:var(--accent);align-self:center}
.answer-copy{display:flex;align-items:center;min-height:100%;font-size:21px;line-height:1.28;letter-spacing:-.02em}
.answer.visual-answer .answer-copy{justify-content:center;font-size:21px;line-height:1;letter-spacing:0}
.answer.visual-answer{min-height:88px}
.quiz-nav{display:flex;justify-content:space-between;gap:10px;margin-top:18px}
.loading-box{min-height:420px;height:auto;display:grid;place-items:center;text-align:center;padding:12px 0}
.loader{width:114px;height:114px;border-radius:999px;position:relative;margin:0 auto 22px;border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle, rgba(182,255,111,.17), rgba(255,255,255,.04))}
.loader:before,.loader:after{content:"";position:absolute;inset:11px;border-radius:999px;border:2px solid transparent;border-top-color:var(--accent);animation:spinLoad 1.1s linear infinite}
.loader:after{inset:25px;border-top-color:var(--accent2);animation-duration:1.6s;animation-direction:reverse}
@keyframes spinLoad{to{transform:rotate(360deg)}}
.analysis-stack{display:grid;gap:14px;width:min(620px,100%);margin:22px auto 0}
.analysis-overall{display:grid;gap:8px}
.analysis-caption,.analysis-label{display:flex;align-items:center;justify-content:space-between;gap:14px}
.analysis-caption{font-size:13px;color:var(--muted)}
.analysis-label{font-size:12px;color:var(--muted2)}
.analysis-meter{height:12px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}
.analysis-meter span{display:block;height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .3s ease}
.offer-screen{display:grid;gap:16px;align-content:center;min-height:560px;text-align:center}
.offer-burst{width:88px;height:88px;margin:0 auto;border-radius:28px;display:grid;place-items:center;font-size:36px;font-weight:900;color:#0b0b12;background:linear-gradient(135deg, var(--accent), #f7ff96);box-shadow:0 24px 60px rgba(182,255,111,.22)}
.offer-code{display:inline-flex;align-items:center;justify-content:center;padding:16px 22px;border-radius:18px;border:1px dashed rgba(182,255,111,.38);background:rgba(182,255,111,.08);font-size:28px;font-weight:900;letter-spacing:.08em;color:var(--accent)}
.offer-chip{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-size:12px;color:var(--muted)}
.paywall-topline{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}
.paywall-shell{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:18px;align-items:start}
.paywall-preview{position:relative;overflow:hidden}
.paywall-preview:after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(180deg, rgba(7,7,17,0), rgba(7,7,17,.62));pointer-events:none}
.paywall-purchase{display:grid;gap:14px}
.paywall-summary{padding:16px 18px;border-radius:20px;border:1px solid rgba(182,255,111,.16);background:rgba(182,255,111,.06)}
.paywall-summary b{display:block;margin-bottom:6px;font-size:14px;color:var(--accent);text-transform:uppercase;letter-spacing:.06em}
.paywall-summary p{font-size:14px;color:rgba(248,247,255,.82);line-height:1.45}
.paywall-benefits{display:grid;gap:10px}
.paywall-benefits div{padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:var(--muted);font-size:14px;line-height:1.42}
.paywall-microgrid{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:10px}
.paywall-microcard{padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035)}
.paywall-microcard b{display:block;margin-bottom:4px;font-size:13px;color:var(--text)}
.paywall-microcard p{font-size:12px;color:var(--muted2);line-height:1.4}
.preview-teaser{display:grid;gap:14px;padding:24px;border-radius:26px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04))}
.preview-teaser h3{font-size:28px;margin:0}
.preview-teaser p{max-width:640px}
.teaser-list{display:grid;gap:10px;margin-top:4px}
.teaser-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:rgba(7,7,17,.28)}
.teaser-label{font-size:14px;color:var(--muted)}
.teaser-value{font-size:18px;font-weight:800;letter-spacing:-.03em;color:var(--text)}
.blur-value{filter:blur(7px);user-select:none}
.pay-card{width:100%;border:1px solid rgba(255,255,255,.18);border-radius:26px;padding:24px;background:rgba(10,10,22,.9);box-shadow:var(--shadow);backdrop-filter:blur(22px);text-align:center}
.offer-timer{display:grid;gap:6px;justify-items:center;padding:12px 14px;border-radius:18px;border:1px solid rgba(182,255,111,.22);background:rgba(182,255,111,.08)}
.offer-timer b{font-size:12px;color:var(--accent);letter-spacing:.08em;text-transform:uppercase}
.offer-timer span{font-size:30px;line-height:1;letter-spacing:-.06em;font-weight:880;color:var(--text)}
.price{display:flex;align-items:flex-end;justify-content:center;gap:10px;margin:16px 0 18px}
.price strong{font-size:58px;line-height:.85;letter-spacing:-.07em}
.price span{color:var(--muted2);text-decoration:line-through;margin-bottom:7px;font-size:22px}
.badge{display:inline-flex;border-radius:999px;padding:8px 12px;color:#0b0b12;background:var(--accent);font-size:13px;font-weight:850;margin-bottom:14px}
.cta-copy{font-size:17px;color:rgba(248,247,255,.82)}
.cta-note{margin-top:12px;font-size:12px;color:var(--muted2)}
.stripe-shell{margin-top:18px;display:grid;gap:14px;text-align:left}
.stripe-frame{padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04)}
.stripe-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.stripe-field{display:grid;gap:6px}
.stripe-field label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted2);pointer-events:none}
.stripe-field-wide{grid-column:1 / -1}
#cardNumberElement,#cardExpiryElement,#cardCvcElement{min-height:46px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#090913;color:#f8f7ff;position:relative;z-index:2}
#cardNumberElement iframe,#cardExpiryElement iframe,#cardCvcElement iframe{pointer-events:auto !important;z-index:3 !important}
#payBtn:disabled{background:rgba(255,255,255,.2);color:rgba(248,247,255,.72);border:1px solid rgba(255,255,255,.2);box-shadow:none;opacity:1}
.stripe-state{display:grid;gap:8px;text-align:center}
.stripe-status{min-height:20px;font-size:13px;color:var(--muted)}
.stripe-processing{padding:14px;border-radius:16px;background:rgba(182,255,111,.08);border:1px solid rgba(182,255,111,.16);font-size:14px;color:rgba(248,247,255,.82)}
.stripe-warning{padding:14px;border-radius:16px;background:rgba(255,111,145,.12);border:1px solid rgba(255,111,145,.22);font-size:14px;color:#ffd5df}
.result-grid{display:grid;grid-template-columns:280px 1fr;gap:18px;margin-top:22px}
.score-card{border-radius:26px;border:1px solid var(--stroke);background:rgba(255,255,255,.065);padding:22px;text-align:center}
.score{font-size:96px;letter-spacing:-.08em;line-height:.9;font-weight:890;margin:14px 0 4px}
.meter{height:12px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin:18px 0 8px;border:1px solid rgba(255,255,255,.08)}
.meter span{display:block;height:100%;width:50%;background:linear-gradient(90deg,var(--accent2),var(--accent));border-radius:inherit}
.domain{display:grid;gap:8px;margin-top:14px}
.domain-row{display:grid;grid-template-columns:118px 1fr 38px;gap:10px;align-items:center;color:var(--muted);font-size:13px}
.mini-bar{height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.mini-bar span{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--accent2),var(--accent));border-radius:inherit}
.report{display:grid;gap:14px}
.report-card{border-radius:22px;border:1px solid var(--stroke);background:rgba(255,255,255,.055);padding:18px}
.report-card b{display:block;margin-bottom:8px;letter-spacing:-.02em}
.small-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(20px);opacity:0;pointer-events:none;transition:.22s ease;background:rgba(20,20,32,.92);border:1px solid var(--stroke);box-shadow:var(--shadow);border-radius:16px;padding:12px 14px;color:var(--text);z-index:20;font-size:14px}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.confetti{position:fixed;inset:0;pointer-events:none;z-index:10;overflow:hidden}
.piece{position:absolute;width:9px;height:14px;border-radius:3px;background:var(--accent);animation:fall 1.8s ease-in forwards}
@keyframes fall{to{transform:translateY(110vh) rotate(560deg);opacity:0}}
.footer-note{margin-top:auto;padding-top:20px}
.modal-backdrop{position:fixed;inset:0;z-index:30;padding:16px;display:grid;place-items:center;background:rgba(4,4,10,.7);backdrop-filter:blur(10px)}
.modal-card{width:min(540px,100%);padding:26px;border-radius:26px;border:1px solid rgba(255,255,255,.14);background:rgba(12,12,24,.94);box-shadow:var(--shadow);display:grid;gap:20px}
.modal-view{display:grid;gap:18px}
.modal-view[hidden]{display:none !important}
.modal-card h3{font-size:30px;margin:0}
.modal-card p{font-size:16px}
.modal-copy{display:grid;gap:12px}
.modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:2px}
.modal-input{width:100%;min-height:56px;border-radius:18px;border:1px solid var(--stroke);background:rgba(7,7,17,.62);color:var(--text);padding:0 16px;font-size:16px;outline:none}
.modal-input:focus{border-color:rgba(182,255,111,.55);box-shadow:0 0 0 5px rgba(182,255,111,.08)}
.modal-mini{font-size:12px;color:var(--muted2)}
.admin-shell{display:grid;gap:16px}
.admin-login-shell{display:grid;gap:16px;max-width:460px}
.admin-login-form{display:grid;gap:12px}
.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.admin-shell .proof-card{overflow-x:auto}
.admin-table{width:100%;border-collapse:collapse;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.12)}
.admin-shell .admin-table{min-width:1380px}
.admin-table th,.admin-table td{padding:14px 12px;text-align:left;font-size:14px;vertical-align:top;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.08)}
.admin-table th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted2)}
.admin-status{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid rgba(255,255,255,.1)}
.admin-status.good{background:rgba(182,255,111,.12);color:var(--accent)}
.admin-status.warn{background:rgba(255,111,145,.12);color:#ffd5df}
.admin-status.neutral{background:rgba(255,255,255,.06);color:var(--muted)}
@media (max-width:920px){
  .main{min-height:auto}
  .paywall-shell{grid-template-columns:1fr}
  .paywall-microgrid{grid-template-columns:1fr}
  .result-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .app{padding:16px 12px 28px}
  body.admin-page .app{padding:16px 10px 24px}
  header{margin-bottom:14px;align-items:center;justify-content:space-between}
  .brand span{font-size:15px}
  .pill{font-size:12px;padding:8px 10px;max-width:100%;white-space:normal}
  .main{padding:20px 18px;border-radius:22px}
  .landing-screen.active{gap:18px}
  .landing-body{gap:16px}
  .headline-rotator h1{font-size:clamp(34px,10vw,54px);max-width:11ch}
  .landing-pill{width:100%}
  .hero-actions{margin-top:18px}
  .cta-button{width:100%;min-width:0}
  .modal-actions button{width:100%}
  .topline{margin-bottom:14px}
  .answers{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .answer{min-height:60px;padding:10px 12px;gap:8px;border-radius:14px}
  .answer-copy{font-size:16px;line-height:1.18}
  .answer.visual-answer .answer-copy{font-size:16px}
  .shape-glyph{width:22px;height:22px}
  .shape-question{min-height:22px;font-size:22px}
  .question-card{padding:14px;border-radius:18px;min-height:auto}
  .q-title{font-size:clamp(21px,6.5vw,28px);margin-bottom:12px;line-height:1.02}
  .q-visual{min-height:62px;padding:10px;margin:6px 0 12px}
  .sequence{font-size:24px}
  .sequence.symbol-sequence{font-size:22px}
  .quiz-nav{position:sticky;bottom:10px;z-index:5;background:rgba(7,7,17,.70);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px);padding:8px;border-radius:18px}
  .quiz-nav button{flex:1;padding:12px 10px;min-height:48px}
  .topline{align-items:flex-start;flex-direction:column}
  .progress{width:100%}
  .price strong{font-size:48px}
  .score{font-size:78px}
  .loading-box{min-height:auto;padding:4px 0 10px}
  .loader{width:92px;height:92px;margin:0 auto 14px}
  #processTitle{font-size:clamp(23px,6.8vw,30px)}
  #processText{font-size:15px;line-height:1.38}
  .analysis-stack{width:100%;margin:12px auto 0;gap:9px}
  .analysis-caption{font-size:12px}
  .analysis-label{font-size:11px}
  .analysis-meter{height:10px}
  .choice-stack.compact{gap:10px}
  .choice-stack.compact .choice-button{min-height:56px;padding:12px}
  .choice-stack.compact .choice-button span{font-size:16px}
  .offer-screen{min-height:auto;gap:12px}
  .offer-burst{width:68px;height:68px;font-size:28px;border-radius:20px}
  .offer-code{padding:12px 16px;font-size:22px}
  .paywall-topline{margin-bottom:12px}
  .pay-card{padding:16px}
  .cta-copy{font-size:15px;line-height:1.38}
  .price{margin:10px 0 12px}
  .stripe-shell{margin-top:12px;gap:10px}
  .stripe-frame{padding:12px}
  .paywall-purchase{gap:10px}
  .paywall-summary{padding:12px 14px}
  .paywall-summary p,.paywall-benefits div{font-size:13px}
  .stripe-card-grid{grid-template-columns:1fr}
  .stripe-field-wide{grid-column:auto}
}
@media (max-width:480px){
  .app{padding:14px 10px 24px}
  .main{padding:18px 16px}
  h1{font-size:clamp(34px,13vw,54px);line-height:.94}
  h2{font-size:clamp(24px,8.6vw,34px)}
  .lead{font-size:17px}
  .hero-actions button,.small-actions button{width:100%}
  .q-title{font-size:clamp(20px,6.8vw,25px)}
  .sequence{font-size:22px}
  .sequence.symbol-sequence{font-size:20px}
  .preview-teaser,.proof-card,.report-card,.modal-card{padding:16px}
  .pay-card{padding:14px}
  .offer-timer span{font-size:26px}
  .teaser-row{align-items:flex-start;flex-direction:column;gap:8px}
  .teaser-value{font-size:17px}
  .price strong{font-size:42px}
  .price span{font-size:18px}
  .score{font-size:66px}
  .answers{gap:8px}
  .answer{min-height:56px;padding:9px 10px}
  .answer-copy{font-size:15px}
  .answer.visual-answer .answer-copy{font-size:15px}
  .shape-glyph{width:20px;height:20px}
  .shape-question{min-height:20px;font-size:20px}
  .q-visual{min-height:58px;padding:9px}
  .offer-screen{gap:10px}
  .offer-code{font-size:20px}
  #processText{font-size:14px}
  .analysis-stack{gap:8px}
  .domain-row{grid-template-columns:1fr auto;gap:8px}
  .domain-row>span{grid-column:1 / -1}
  .domain-row>.mini-bar{grid-column:1 / 2}
  .domain-row>b{grid-column:2 / 3}
}