/* CTRL+R Growth Diagnostic™ — page styles. Builds on the site design system (tokens from the page's inline styles:
   --bg --bg2 --surface --text --text-soft --text-muted --border --yellow --blue --blue-deep --radius).
   Every animation is decorative and switched off for prefers-reduced-motion. */
.gd-page{--gd-card:color-mix(in srgb,var(--surface) 92%,transparent);--gd-line:var(--border);--gd-ease:cubic-bezier(.2,.7,.2,1)}
.gd-page main{overflow:clip}

/* ---------- preview bar ---------- */
.gd-preview-bar{position:relative;z-index:5;display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center;align-items:center;padding:.55rem 1rem;background:var(--yellow);color:#0a0a0a;font-weight:800;font-size:.82rem}
.gd-preview-bar a{color:#0a0a0a;text-decoration:underline}

/* ---------- hero ---------- */
.gd-hero{width:min(96vw,1680px);margin:clamp(.6rem,1.6vw,1.4rem) auto 0}
.gd-hero-media{position:relative;border-radius:calc(var(--radius) + 6px);overflow:hidden;border:1px solid var(--gd-line);background:#0a0a0a;aspect-ratio:1734/907;max-height:min(78vh,860px);width:100%;box-shadow:0 40px 90px -50px rgba(0,0,0,.8)}
.gd-hero-media img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;transform-origin:60% 45%;animation:gd-kenburns 22s ease-in-out infinite alternate;will-change:transform}
.gd-hero-sheen{position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.18) 45%,transparent 60%);transform:translateX(-120%);animation:gd-sheen 7s 1.2s ease-in-out infinite;pointer-events:none;mix-blend-mode:soft-light}
.gd-spark{position:absolute;width:14px;height:14px;pointer-events:none}
.gd-spark::before,.gd-spark::after{content:"";position:absolute;left:50%;top:50%;width:100%;height:3px;border-radius:3px;background:var(--yellow);transform:translate(-50%,-50%);box-shadow:0 0 14px var(--yellow)}
.gd-spark::after{transform:translate(-50%,-50%) rotate(90deg)}
.gd-spark.s1{left:48%;top:43%;animation:gd-twinkle 2.6s .2s ease-in-out infinite}
.gd-spark.s2{left:92%;top:20%;animation:gd-twinkle 3.1s 1s ease-in-out infinite}
.gd-spark.s3{left:72%;top:63%;width:10px;height:10px;animation:gd-twinkle 2.2s 1.7s ease-in-out infinite}
.gd-spark.s3::before,.gd-spark.s3::after{background:var(--blue);box-shadow:0 0 14px var(--blue)}
.gd-hero-cue{position:absolute;right:clamp(.8rem,2.4vw,2rem);bottom:clamp(.8rem,2.4vw,2rem);display:inline-flex;align-items:center;gap:.55rem;padding:.75rem 1.1rem .75rem 1.25rem;border-radius:999px;background:#0a0a0a;color:#fff;font-weight:850;font-size:.86rem;border:2px solid var(--yellow);box-shadow:0 16px 36px -14px rgba(0,0,0,.7);transition:transform .2s var(--gd-ease),background .2s}
.gd-hero-cue:hover{transform:translateY(-2px);background:#141414}
.gd-hero-cue svg{width:18px;height:18px;fill:none;stroke:var(--yellow);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;animation:gd-nudge 1.6s ease-in-out infinite}

/* ---------- ticker ---------- */
.gd-ticker{overflow:hidden;border-block:1px solid var(--gd-line);margin:clamp(1rem,2vw,1.6rem) 0 0;padding:.75rem 0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.gd-ticker-track{display:flex;width:max-content;animation:gd-marquee 46s linear infinite}
.gd-ticker-track span{display:flex;white-space:nowrap;font-weight:850;font-size:clamp(.82rem,1.1vw,.98rem);letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft)}
.gd-ticker-track i{font-style:normal;color:var(--yellow);margin:0 1.2rem}
.gd-ticker:hover .gd-ticker-track{animation-play-state:paused}

/* ---------- ambient orbs ---------- */
.gd-orbs{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.gd-orbs span{position:absolute;border-radius:50%;filter:blur(70px);opacity:.22}
.gd-orbs span:nth-child(1){width:420px;height:420px;background:var(--yellow);left:-140px;top:780px;animation:gd-float 18s ease-in-out infinite alternate}
.gd-orbs span:nth-child(2){width:520px;height:520px;background:var(--blue);right:-200px;top:1000px;animation:gd-float 22s 2s ease-in-out infinite alternate-reverse}
.gd-orbs span:nth-child(3){width:300px;height:300px;background:#a259ff;left:40%;top:1700px;opacity:.12;animation:gd-float 26s 1s ease-in-out infinite alternate}
[data-theme="light"] .gd-orbs span{opacity:.14}

/* ---------- two-column shell ---------- */
.gd-shell{position:relative;z-index:1;width:min(94vw,1320px);margin:clamp(2rem,4vw,3.6rem) auto 0;display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);gap:clamp(1.6rem,3.6vw,3.6rem);align-items:start}
.gd-left{position:sticky;top:96px;display:grid;gap:1.5rem}
.gd-right{min-width:0}
.gd-intro .eyebrow{margin-bottom:.9rem}
.gd-pulse{width:8px;height:8px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 0 rgba(255,212,0,.6);animation:gd-ping 2s infinite}
.gd-h1{font-size:clamp(2.1rem,3.7vw,3.6rem);line-height:1.02;letter-spacing:-.035em;margin:0 0 1rem}
.gd-h1 em{font-style:normal;position:relative;white-space:normal;background:linear-gradient(transparent 62%,color-mix(in srgb,var(--yellow) 70%,transparent) 62%,color-mix(in srgb,var(--yellow) 70%,transparent) 90%,transparent 90%);background-size:0 100%;background-repeat:no-repeat;animation:gd-mark 1.1s .9s var(--gd-ease) forwards}
.gd-sub{color:var(--text-soft);font-size:clamp(1rem,1.2vw,1.12rem);margin:0 0 1.1rem;max-width:56ch}
.gd-chips{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}
.gd-chips li{padding:.38rem .8rem;border-radius:999px;border:1px solid var(--gd-line);font-size:.78rem;font-weight:800;background:var(--surface);animation:gd-rise .6s calc(.5s + var(--i) * .12s) var(--gd-ease) both}
.gd-chips li:first-child{background:var(--yellow);color:#0a0a0a;border-color:var(--yellow)}
.gd-trust{margin:0;font-size:.82rem;font-weight:800;letter-spacing:.02em;color:var(--text-muted)}

/* VSL */
.gd-vsl{margin:0;display:grid;gap:.7rem}
.gd-vsl-frame{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--gd-line);background:#000;aspect-ratio:16/9}
.gd-vsl-frame video{width:100%;height:100%;display:block;object-fit:cover;background:#000}
.gd-vsl-ring{position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--yellow) 0%,transparent);transition:box-shadow .3s}
.gd-vsl:hover .gd-vsl-ring{box-shadow:inset 0 0 0 2px var(--yellow)}
.gd-vsl figcaption{display:grid;gap:.15rem}
.gd-vsl figcaption b{font-size:1.05rem;letter-spacing:-.01em}
.gd-vsl figcaption span{color:var(--text-muted);font-size:.84rem}
.gd-transcript{margin-top:.3rem;font-size:.84rem}
.gd-transcript summary{cursor:pointer;color:var(--blue-deep);font-weight:800}
.gd-transcript div{margin-top:.5rem;color:var(--text-soft);max-height:220px;overflow:auto;padding-right:.4rem}

/* proof */
.gd-kicker{margin:0 0 .7rem;font-size:.7rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-deep)}
.gd-proof{border:1px solid var(--gd-line);border-radius:var(--radius);padding:1.1rem 1.2rem;background:var(--surface)}
.gd-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 1rem}
.gd-stat{display:grid;gap:.1rem}
.gd-stat b{font-size:clamp(1.5rem,2.2vw,2rem);letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.gd-stat:nth-child(odd) b{color:var(--yellow)}
[data-theme="light"] .gd-stat:nth-child(odd) b{color:#0a0a0a;text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:.18em;text-underline-offset:.12em}
.gd-stat span{font-size:.78rem;color:var(--text-soft);line-height:1.35}
.gd-disclosure{margin:.9rem 0 0;font-size:.7rem;line-height:1.45;color:var(--text-muted)}

/* method */
.gd-method{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}
.gd-method li{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem .4rem .45rem;border-radius:999px;border:1px solid var(--gd-line);font-size:.78rem;font-weight:800;color:var(--text-soft);animation:gd-glow 6s calc(var(--i) * 1s) ease-in-out infinite}
.gd-method li span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--bg2);font-size:.62rem;color:var(--text-muted)}

/* ---------- card ---------- */
.gd-card{position:relative;border-radius:calc(var(--radius) + 4px);background:var(--surface);border:1px solid var(--gd-line);padding:clamp(1.1rem,2.6vw,2.2rem);box-shadow:0 40px 90px -50px rgba(0,0,0,.75);isolation:isolate;outline:none;animation:gd-rise .8s .2s var(--gd-ease) both;scroll-margin-top:96px}
.gd-card-glow{position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--gd-a,0deg),transparent 0 70%,var(--yellow) 80%,var(--blue) 90%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gd-spin 6s linear infinite;pointer-events:none;z-index:-1;opacity:.9}
@property --gd-a{syntax:"<angle>";initial-value:0deg;inherits:false}
.gd-card-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.8rem}
.gd-label{font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.gd-stepno{font-size:.78rem;font-weight:850;color:var(--text-muted);font-variant-numeric:tabular-nums}
.gd-progress{position:relative;padding-top:20px}
.gd-bar{height:8px;border-radius:999px;background:var(--bg2);overflow:hidden;border:1px solid var(--gd-line)}
.gd-fill{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--yellow),#ffe866,var(--yellow));background-size:200% 100%;transition:width .6s var(--gd-ease);animation:gd-shimmer 2.4s linear infinite}
.gd-coqui{position:absolute;top:-14px;left:0;width:40px;height:auto;transform:translateX(-50%);transition:left .6s var(--gd-ease);filter:drop-shadow(0 6px 8px rgba(0,0,0,.45));pointer-events:none}
.gd-coqui.hop{animation:gd-hop .6s var(--gd-ease)}
.gd-steps{list-style:none;margin:.85rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem}
.gd-steps li{display:flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:800;color:var(--text-muted);min-width:0}
.gd-steps li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gd-steps i{flex:none;font-style:normal;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--gd-line);font-size:.68rem;transition:.3s}
.gd-steps li.on{color:var(--text)}.gd-steps li.on i{background:var(--yellow);border-color:var(--yellow);color:#0a0a0a;transform:scale(1.08)}
.gd-steps li.done i{background:var(--text);border-color:var(--text);color:var(--bg)}
.gd-stage{margin-top:clamp(1.2rem,2.4vw,1.8rem);min-height:360px;position:relative}
.gd-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* welcome */
.gd-q-kicker{margin:0 0 .4rem;font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-deep)}
.gd-q{font-size:clamp(1.35rem,2.2vw,1.9rem);font-weight:850;line-height:1.12;letter-spacing:-.025em;margin:0 0 .5rem;outline:none;display:block;width:100%}
.gd-help{margin:0 0 1rem;color:var(--text-muted);font-size:.88rem}
.gd-what{list-style:none;margin:1.2rem 0 1.4rem;padding:0;display:grid;gap:.55rem}
.gd-what li{display:flex;align-items:center;gap:.8rem;padding:.75rem .9rem;border:1px solid var(--gd-line);border-radius:14px;background:var(--bg2);font-weight:750;animation:gd-rise .55s calc(.3s + var(--i) * .1s) var(--gd-ease) both}
.gd-what b{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--yellow);color:#0a0a0a;font-size:.8rem}
.gd-micro{margin:.8rem 0 0;font-size:.8rem;color:var(--text-muted)}
.gd-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:54px;padding:0 1.5rem;border-radius:999px;border:0;background:var(--yellow);color:#0a0a0a;font:inherit;font-weight:900;font-size:.95rem;cursor:pointer;position:relative;overflow:hidden;transition:transform .15s var(--gd-ease),box-shadow .2s}
.gd-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);animation:gd-sheen 3.6s 1s ease-in-out infinite}
.gd-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -12px rgba(255,212,0,.6)}
.gd-btn:active{transform:translateY(0) scale(.98)}
.gd-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.gd-btn:hover svg{transform:translateX(3px)}
.gd-btn[disabled]{opacity:.55;cursor:wait}
.gd-btn.ghost{background:transparent;color:var(--text);border:2px solid var(--gd-line)}
.gd-btn.ghost::after{display:none}
.gd-btn.ghost:hover{border-color:var(--text);box-shadow:none}

/* question screen */
.gd-screen{animation:gd-in .45s var(--gd-ease) both}
.gd-screen.back{animation-name:gd-in-back}
.gd-screen.out{animation:gd-out .22s ease forwards}
.gd-qmeta{display:flex;justify-content:space-between;gap:1rem;font-size:.74rem;font-weight:850;color:var(--text-muted);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.1em}
.gd-qmeta b{color:var(--blue-deep)}
.gd-opt{border:0;padding:0;margin:0;min-width:0}
.gd-opt legend{padding:0}
.gd-choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:.6rem;margin-top:1rem}
.gd-choice{position:relative;display:flex;align-items:center;gap:.75rem;min-height:56px;padding:.8rem .95rem;border:1.5px solid var(--gd-line);border-radius:16px;background:var(--bg2);cursor:pointer;font-weight:750;font-size:.93rem;line-height:1.25;transition:border-color .18s,transform .18s var(--gd-ease),background .18s,box-shadow .2s;animation:gd-rise .45s calc(var(--i) * 45ms) var(--gd-ease) both;user-select:none}
.gd-choice:hover{border-color:color-mix(in srgb,var(--yellow) 70%,var(--gd-line));transform:translateY(-2px)}
.gd-choice input{position:absolute;opacity:0;pointer-events:none}
.gd-choice .gd-tick{flex:none;width:22px;height:22px;border-radius:50%;border:2px solid var(--gd-line);display:grid;place-items:center;transition:.2s}
.gd-choice.multi .gd-tick{border-radius:7px}
.gd-choice .gd-tick svg{width:14px;height:14px;fill:none;stroke:#0a0a0a;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .3s .05s}
.gd-choice:has(input:checked){border-color:var(--yellow);background:color-mix(in srgb,var(--yellow) 12%,var(--bg2));box-shadow:0 10px 26px -18px var(--yellow)}
.gd-choice:has(input:checked) .gd-tick{background:var(--yellow);border-color:var(--yellow);animation:gd-pop .35s var(--gd-ease)}
.gd-choice:has(input:checked) .gd-tick svg{stroke-dashoffset:0}
.gd-choice:has(input:focus-visible){outline:3px solid var(--blue);outline-offset:2px}
.gd-other{margin-top:.7rem}
.gd-nav{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-top:1.4rem;flex-wrap:wrap}
.gd-back{background:none;border:0;color:var(--text-soft);font:inherit;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;min-height:44px;padding:0 .3rem;border-radius:10px}
.gd-back:hover{color:var(--text)}
.gd-back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.gd-skip{font-size:.8rem;color:var(--text-muted);font-weight:700}
.gd-err{color:#ff7a7a;font-size:.84rem;font-weight:750;margin:.6rem 0 0}
[data-theme="light"] .gd-err{color:#c62828}

/* fields */
.gd-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem 1rem;margin-top:1rem}
.gd-fields .full{grid-column:1/-1}
.gd-field{display:grid;gap:.35rem;min-width:0}
.gd-field>span{font-size:.78rem;font-weight:850;color:var(--text-soft)}
.gd-field>span small{font-weight:600;color:var(--text-muted)}
.gd-in,.gd-field input:not([type=checkbox]),.gd-field select,.gd-field textarea{width:100%;min-height:48px;padding:.7rem .85rem;border-radius:12px;border:1.5px solid var(--gd-line);background:var(--bg2);color:var(--text);font:inherit;font-size:.95rem;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}
.gd-field textarea{min-height:88px;resize:vertical}
.gd-field input:focus,.gd-field select:focus,.gd-field textarea:focus,.gd-in:focus{outline:none;border-color:var(--yellow);box-shadow:0 0 0 3px color-mix(in srgb,var(--yellow) 30%,transparent)}
.gd-field.bad input,.gd-field.bad select{border-color:#ff7a7a}
.gd-field .gd-err{margin:0}
.gd-phone{display:grid;grid-template-columns:118px 1fr;gap:.5rem}
.gd-group{border:1px solid var(--gd-line);border-radius:16px;padding:.9rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.gd-group legend{font-size:.78rem;font-weight:850;color:var(--text-soft);padding:0 .3rem}
.gd-check{display:flex;gap:.65rem;align-items:flex-start;font-size:.86rem;line-height:1.45;color:var(--text-soft);cursor:pointer}
.gd-check input{flex:none;width:20px;height:20px;margin:.1rem 0 0;accent-color:var(--yellow)}
.gd-check a{color:var(--blue-deep)}
.gd-consents{display:grid;gap:.7rem;margin-top:1.2rem;padding-top:1rem;border-top:1px dashed var(--gd-line)}
.gd-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* results */
.gd-result{text-align:center;padding:clamp(.6rem,2vw,1.4rem) 0;animation:gd-in .5s var(--gd-ease) both}
.gd-result .gd-q{margin-inline:auto;max-width:24ch}
.gd-result p{color:var(--text-soft);max-width:46ch;margin:.4rem auto 0}
.gd-check-anim{width:84px;height:84px;margin:0 auto 1rem;border-radius:50%;background:color-mix(in srgb,var(--yellow) 16%,transparent);display:grid;place-items:center;animation:gd-pop .5s var(--gd-ease)}
.gd-check-anim svg{width:44px;height:44px;fill:none;stroke:var(--yellow);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:gd-draw .6s .25s var(--gd-ease) forwards}
.gd-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.gd-confetti i{position:absolute;top:30%;left:50%;width:8px;height:12px;border-radius:2px;opacity:0;animation:gd-burst 1.3s var(--gd-ease) forwards}

/* scheduler */
.gd-sched{text-align:left;margin-top:1.4rem}
.gd-tzrow{display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap;font-size:.8rem;color:var(--text-muted);margin-bottom:.7rem}
.gd-tzrow button{background:none;border:0;color:var(--blue-deep);font:inherit;font-weight:800;cursor:pointer;padding:.3rem 0}
.gd-days{display:flex;gap:.5rem;overflow-x:auto;padding:.2rem .1rem .6rem;scroll-snap-type:x proximity;scrollbar-width:thin}
.gd-day{flex:none;scroll-snap-align:start;display:grid;gap:.05rem;justify-items:center;min-width:76px;padding:.6rem .5rem;border-radius:14px;border:1.5px solid var(--gd-line);background:var(--bg2);color:var(--text);font:inherit;cursor:pointer;transition:.18s;animation:gd-rise .4s calc(var(--i) * 40ms) var(--gd-ease) both}
.gd-day small{font-size:.66rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}
.gd-day b{font-size:1.15rem}
.gd-day[aria-pressed="true"]{border-color:var(--yellow);background:var(--yellow);color:#0a0a0a}
.gd-day[aria-pressed="true"] small{color:#0a0a0a}
.gd-times{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:.5rem;margin-top:.4rem}
.gd-time{min-height:46px;border-radius:12px;border:1.5px solid var(--gd-line);background:var(--bg2);color:var(--text);font:inherit;font-weight:800;cursor:pointer;transition:.15s;animation:gd-rise .35s calc(var(--i) * 25ms) var(--gd-ease) both}
.gd-time:hover{border-color:var(--yellow)}
.gd-time[aria-pressed="true"]{background:var(--text);color:var(--bg);border-color:var(--text)}
.gd-confirm{margin-top:1.1rem;display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;justify-content:space-between;padding:.9rem 1rem;border-radius:16px;border:1px solid var(--gd-line);background:var(--bg2);animation:gd-in .35s var(--gd-ease) both}
.gd-confirm span{font-weight:800}

/* capabilities */
.gd-caps{position:relative;z-index:1;width:min(94vw,1320px);margin:clamp(3rem,6vw,5.5rem) auto clamp(3rem,6vw,5rem);text-align:center}
.gd-cap-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.8rem;margin-top:.6rem}
.gd-cap{display:grid;justify-items:center;gap:.6rem;padding:1.2rem .8rem;border:1px solid var(--gd-line);border-radius:var(--radius);background:var(--surface);font-weight:850;font-size:.86rem;transition:transform .25s var(--gd-ease),border-color .25s;transition-delay:calc(var(--i) * 60ms)}
.gd-cap:hover{transform:translateY(-4px);border-color:var(--yellow)}
.gd-cap svg{width:34px;height:34px;fill:none;stroke:var(--yellow);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:90;stroke-dashoffset:90;transition:stroke-dashoffset 1.2s var(--gd-ease)}
.gd-cap.visible svg,html:not(.mo) .gd-cap svg{stroke-dashoffset:0}
.gd-cap:nth-child(even) svg{stroke:var(--blue)}
.gd-cloak{margin:1.6rem 0 0;font-size:.86rem}
.gd-cloak a{color:var(--text-muted);font-weight:750}
.gd-cloak a:hover{color:var(--text)}
.gd-privacy{display:flex;gap:.6rem;align-items:flex-start;margin:1rem .3rem 0;font-size:.76rem;color:var(--text-muted);line-height:1.5}
.gd-privacy svg{flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;margin-top:.1rem}
.gd-privacy a{color:var(--blue-deep)}
.gd-noscript{padding:1rem;border-radius:12px;background:var(--bg2)}
.gd-404{width:var(--shell);margin:auto;padding:clamp(4rem,10vw,8rem) 0;min-height:50vh}

/* ---------- responsive ---------- */
/* tablet & phone: one column — headline → video → diagnostic card → proof → method */
@media (max-width:1080px){
  .gd-shell{display:flex;flex-direction:column;align-items:stretch;gap:1.4rem}
  .gd-left{display:contents}
  .gd-intro{order:1}.gd-vsl{order:2}.gd-right{order:3;width:100%}.gd-proof{order:4}.gd-method{order:5}
  .gd-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .gd-cap-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:700px){.gd-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){
  .gd-hero{width:100%;margin-top:0}
  .gd-hero-media{border-radius:0;border-inline:0;max-height:none}
  .gd-hero-cue{left:50%;right:auto;transform:translateX(-50%);bottom:.7rem;font-size:.8rem;padding:.6rem .9rem .6rem 1rem}
  .gd-hero-cue:hover{transform:translateX(-50%)}
  .gd-shell{width:auto;margin:1.4rem 16px 0}
  .gd-caps{width:auto;margin-inline:16px}
  .gd-card{padding:1.1rem 1rem 1.2rem;border-radius:20px}
  .gd-steps li span{display:none}
  .gd-steps{grid-template-columns:repeat(4,auto);justify-content:space-between}
  .gd-fields,.gd-group{grid-template-columns:1fr}
  .gd-choices{grid-template-columns:1fr}
  .gd-stage{min-height:0}
  .gd-cap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gd-nav{position:sticky;bottom:0;background:linear-gradient(transparent,var(--surface) 30%);padding:.8rem 0 .2rem;margin-bottom:-.2rem;z-index:2}
  .gd-nav .gd-btn{flex:1}
  .gd-form .gd-nav{position:static;background:none;padding:.4rem 0 0}
  .gd-phone{grid-template-columns:104px 1fr}
}

/* ---------- keyframes ---------- */
@keyframes gd-kenburns{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.08) translate3d(-1%,-1%,0)}}
@keyframes gd-sheen{0%{transform:translateX(-120%)}55%,100%{transform:translateX(120%)}}
@keyframes gd-twinkle{0%,100%{transform:scale(.4) rotate(0);opacity:0}45%{transform:scale(1) rotate(45deg);opacity:1}}
@keyframes gd-nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}
@keyframes gd-marquee{to{transform:translateX(-50%)}}
@keyframes gd-float{to{transform:translate3d(60px,-80px,0) scale(1.15)}}
@keyframes gd-ping{0%{box-shadow:0 0 0 0 rgba(255,212,0,.55)}80%,100%{box-shadow:0 0 0 10px rgba(255,212,0,0)}}
@keyframes gd-mark{to{background-size:100% 100%}}
@keyframes gd-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes gd-in{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
@keyframes gd-in-back{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}
@keyframes gd-out{to{opacity:0;transform:translateY(-8px)}}
@keyframes gd-spin{to{--gd-a:360deg}}
@keyframes gd-shimmer{to{background-position:-200% 0}}
@keyframes gd-hop{0%{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-14px) rotate(-6deg)}70%{transform:translateX(-50%) translateY(0) scale(1.08,.92)}100%{transform:translateX(-50%)}}
@keyframes gd-pop{0%{transform:scale(.6)}60%{transform:scale(1.15)}100%{transform:scale(1)}}
@keyframes gd-draw{to{stroke-dashoffset:0}}
@keyframes gd-glow{0%,12%,100%{border-color:var(--gd-line);color:var(--text-soft)}5%{border-color:var(--yellow);color:var(--text)}}
@keyframes gd-burst{0%{opacity:1;transform:translate(-50%,0) rotate(0)}100%{opacity:0;transform:translate(calc(-50% + var(--x)),var(--y)) rotate(var(--r))}}

@media (prefers-reduced-motion:reduce){
  .gd-page *,.gd-page *::before,.gd-page *::after{animation:none!important;transition:none!important}
  .gd-h1 em{background-size:100% 100%}
  .gd-cap svg,.gd-choice .gd-tick svg,.gd-check-anim svg{stroke-dashoffset:0}
  .gd-ticker-track{transform:none}
}