:root{--bg:#111026;--panel:#181631;--ink:#fbfaf7;--muted:#bdb8cc;--accent:#cbb7fb;--warm:#e9e5dd;--green:#97deb5;--line:rgba(255,255,255,.13);--radius:17px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink)}body{font-family:"Segoe UI Variable",Aptos,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}.app{min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;position:relative}.sky{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 82% 14%,rgba(203,183,251,.17),transparent 30%),radial-gradient(circle at 8% 90%,rgba(151,222,181,.08),transparent 28%)}.sky i{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px var(--accent);animation:float 5s ease-in-out infinite}.sky i:nth-child(1){left:13%;top:22%}.sky i:nth-child(2){right:18%;top:65%;animation-delay:-2s}.sky i:nth-child(3){left:42%;bottom:9%;animation-delay:-4s}@keyframes float{50%{transform:translateY(-18px) scale(1.3);opacity:.35}}.topbar{height:70px;padding:14px clamp(16px,4vw,42px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-size:13px;font-weight:750}.brand b{width:38px;height:38px;border-radius:11px;background:var(--warm);color:#29263e;display:grid;place-items:center}.voice{height:36px;border:1px solid var(--line);border-radius:9px;background:rgba(203,183,251,.08);color:var(--ink);padding:0 12px;display:flex;align-items:center;gap:7px;font:inherit;font-size:12px;cursor:pointer}.voice[aria-pressed=false]{color:var(--muted)}.voice.play-intro{border-color:rgba(203,183,251,.42);background:rgba(203,183,251,.14);box-shadow:0 0 18px rgba(203,183,251,.12)}main{width:min(100%,1040px);margin:auto;padding:clamp(25px,6vh,66px) clamp(18px,5vw,44px);position:relative}.screen{display:none}.screen.active{display:block;animation:enter .35s ease both}@keyframes enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}.hero{position:relative;min-height:500px;padding-right:370px;align-items:center}.hero.active{display:flex}.copy{width:100%}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:800;margin:0 0 14px}.hero h1,.panel h2{font-size:clamp(40px,7vw,68px);line-height:.98;letter-spacing:-.05em;margin:0;text-wrap:balance}.hero h1 em{font-style:normal;color:var(--accent)}.hero-title{min-height:2.2em;max-width:660px}.hero-highlight{background:linear-gradient(100deg,#fff 5%,var(--accent) 48%,var(--green));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 24px rgba(203,183,251,.2)}#heroTypewriter{display:inline}.message-enter{animation:heroMessageIn .46s cubic-bezier(.2,.8,.2,1) both}@keyframes heroMessageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.type-cursor{display:inline-block;width:3px;height:.85em;margin-left:6px;vertical-align:-.04em;border-radius:3px;background:linear-gradient(var(--accent),var(--green));box-shadow:0 0 8px rgba(203,183,251,.9),0 0 18px rgba(151,222,181,.45);animation:cursorBlink .82s steps(1,end) infinite}#heroHeadline[data-hero-sync="awaiting-audio"] .type-cursor{display:none}@keyframes cursorBlink{0%,46%{opacity:1}47%,100%{opacity:.18}}.hero p,.short{color:var(--muted);font-size:18px;line-height:1.5;max-width:570px}.primary,.secondary{min-height:52px;border-radius:10px;padding:0 21px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;font:inherit;font-weight:780;cursor:pointer;text-decoration:none}.primary{background:var(--warm);color:#29263e;box-shadow:0 12px 34px rgba(0,0,0,.2);margin-top:18px}.secondary{border:1px solid var(--line);color:var(--ink);background:transparent}.primary:hover,.secondary:hover{transform:translateY(-2px)}.engine{position:absolute;right:10px;width:315px;height:315px;display:grid;place-items:center}.ring{position:absolute;border:1px solid rgba(203,183,251,.3);border-radius:50%;animation:spin 15s linear infinite}.r1{inset:18%}.r2{inset:4%;border-style:dashed;animation-direction:reverse;animation-duration:24s}.r3{inset:32%;border-color:rgba(151,222,181,.45);animation-duration:9s}@keyframes spin{to{transform:rotate(360deg)}}.core{width:94px;height:94px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#fff,var(--accent) 34%,#5d4a90 75%);color:#231e3d;font-size:22px;font-weight:900;box-shadow:0 0 65px rgba(203,183,251,.35);animation:pulse 3s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 90px rgba(203,183,251,.55)}}.node{position:absolute;padding:8px 9px;border:1px solid var(--line);border-radius:8px;background:rgba(24,22,49,.9);font-size:9px;letter-spacing:.08em}.n1{left:5%;top:15%}.n2{right:-2%;top:35%}.n3{left:0;bottom:22%}.n4{right:10%;bottom:4%}.panel{max-width:760px;margin:auto}.panel h2{font-size:clamp(34px,6vw,52px)}.progress{height:4px;background:rgba(255,255,255,.09);border-radius:5px;margin-bottom:28px}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#fff);border-radius:5px;box-shadow:0 0 14px rgba(203,183,251,.45);transition:width .3s}.step{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-bottom:8px}.options{display:grid;gap:10px;margin-top:27px}.option{min-height:62px;width:100%;padding:14px 17px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.035);color:var(--ink);font:inherit;text-align:left;display:flex;align-items:center;gap:13px;cursor:pointer;transition:.18s}.option:hover{border-color:rgba(203,183,251,.65);background:rgba(203,183,251,.09);transform:translateX(5px)}.option b{width:29px;height:29px;border-radius:7px;background:rgba(255,255,255,.07);display:grid;place-items:center;color:var(--muted);flex:none}.option strong{font-size:16px}.option small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.back,.text-button{border:0;background:transparent;color:var(--muted);font:inherit;padding:12px 0;margin-top:16px;cursor:pointer}.hidden{display:none!important}.spoken-word{display:inline-block}.speaking-words .spoken-word{opacity:.16;transform:translateY(.24em) scale(.96);filter:blur(2px);transition:opacity .2s ease,transform .24s cubic-bezier(.2,.8,.2,1),filter .2s ease,color .18s ease}.speaking-words .word-revealed{opacity:1;transform:none;filter:none}.speaking-words .word-current{position:relative;z-index:1;color:#fff;text-shadow:0 2px 0 rgba(72,52,122,.9),0 0 12px rgba(203,183,251,.9),0 0 27px rgba(151,222,181,.4);animation:wordPop .34s cubic-bezier(.2,.9,.25,1) both}@keyframes wordPop{0%{transform:translateY(.2em) scale(.94)}65%{transform:translateY(-.06em) scale(1.09)}100%{transform:none}}.result-head{display:flex;align-items:center;gap:21px}.score{width:108px;height:108px;border-radius:50%;border:8px solid var(--accent);display:grid;place-items:center;align-content:center;flex:none}.score strong{font-size:27px}.score small{font-size:9px;text-transform:uppercase;color:var(--muted)}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}.result-grid article{border-top:1px solid var(--line);padding-top:15px}.result-grid span{display:block;color:var(--accent);font-size:10px;text-transform:uppercase;letter-spacing:.11em;margin-bottom:7px}.reasons{color:var(--muted);line-height:1.5;padding-left:20px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.actions .primary{margin-top:0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:22px}.fields label{display:grid;gap:7px;color:var(--muted);font-size:12px}.fields input,.notes textarea{border:1px solid var(--line);border-radius:9px;background:#0d0c1d;color:var(--ink);padding:0 13px;font:inherit}.fields input{height:50px}.notes{display:grid;gap:8px;margin:18px 0;color:var(--ink);font-size:14px;font-weight:700}.notes span{color:var(--muted);font-size:12px;font-weight:400}.notes textarea{min-height:110px;padding:12px 13px;resize:vertical}.check{display:flex;align-items:flex-start;gap:9px;color:var(--muted);font-size:12px;line-height:1.4;margin-top:15px}.check input{margin-top:2px;accent-color:var(--accent)}.trap{position:absolute!important;left:-10000px!important}.form-status{min-height:20px;color:var(--green);font-size:13px}footer{text-align:center;padding:17px;border-top:1px solid var(--line);color:#817c92;font-size:10px}footer a{color:#bdb8cc}@media(max-width:760px){.hero{padding-right:0;min-height:auto}.hero.active{display:block!important}.engine{position:relative;right:auto;width:200px;height:200px;margin:24px auto 8px}.hero h1{font-size:42px}.hero p{font-size:16px}.primary{width:100%}.result-head{display:block}.score{margin-bottom:20px}.result-grid,.fields{grid-template-columns:1fr}.actions{display:grid}.topbar{height:58px}.voice span:last-child{display:none}.voice{padding:0 9px}.brand span{font-size:11px}.hero-title{min-height:3em}.voice.play-intro span:last-child{display:inline}.voice.play-intro{padding:0 10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.type-cursor{display:none}.speaking-words .spoken-word{transform:none;filter:none;opacity:.55}.speaking-words .word-revealed{opacity:1}.speaking-words .word-current{color:var(--accent);text-shadow:none}}

/* Dedicated post-submit confirmation */
.submission-success{text-align:center;max-width:680px;overflow:hidden}.success-mark{width:96px;height:96px;margin:0 auto 24px;border-radius:50%;display:grid;place-items:center;background:rgba(151,222,181,.12);border:2px solid rgba(151,222,181,.55);box-shadow:0 0 0 12px rgba(151,222,181,.05),0 0 50px rgba(151,222,181,.2);animation:success-pop .55s cubic-bezier(.2,.9,.25,1.25) both}.success-mark span{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:var(--green);color:#10251a;font-size:2.75rem;font-weight:900;line-height:1}.submission-success h2{font-size:clamp(2rem,6vw,3.25rem);margin:.25rem 0 .6rem;outline:none}.success-lead{max-width:520px;margin:0 auto 1.7rem;color:var(--muted);font-size:1.08rem;line-height:1.6}.success-next{padding:1.25rem;text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.035)}.success-next>strong{display:block;margin-bottom:.9rem;color:var(--accent);font-size:.83rem;text-transform:uppercase;letter-spacing:.12em}.success-next>div{display:flex;gap:.9rem;align-items:flex-start;padding:.75rem 0}.success-next>div+div{border-top:1px solid var(--line)}.success-next>div>span{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(203,183,251,.15);color:var(--accent);font-weight:800}.success-next p{margin:0}.success-next b{display:block;margin:.05rem 0 .25rem}.success-next small{display:block;color:var(--muted);font-size:.92rem;line-height:1.45}.success-note{display:flex;justify-content:center;align-items:center;gap:.45rem;color:var(--muted);font-size:.9rem;margin:1.15rem 0 0}.success-actions{justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.secondary{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:999px;padding:.95rem 1.25rem;font:inherit;font-weight:700;cursor:pointer}.secondary:hover{border-color:var(--accent);color:var(--accent)}@keyframes success-pop{0%{opacity:0;transform:scale(.45) rotate(-10deg)}70%{transform:scale(1.08) rotate(2deg)}100%{opacity:1;transform:scale(1) rotate(0)}}@media(max-width:520px){.submission-success{padding:1.35rem}.success-mark{width:82px;height:82px;margin-bottom:18px}.success-mark span{width:58px;height:58px;font-size:2.25rem}.success-next{padding:1rem}.success-actions{display:grid}.success-actions button{width:100%}}@media(prefers-reduced-motion:reduce){.success-mark{animation:none}}

/* Layered motion for the Growth Engine */
.engine{isolation:isolate;transform-style:preserve-3d;animation:engineHover 7s ease-in-out infinite;will-change:transform}.ring{transition:border-color .35s,filter .35s}.ring::after{content:"";position:absolute;left:50%;top:-3px;width:6px;height:6px;border-radius:50%;background:#f8f4ff;box-shadow:0 0 9px var(--accent),0 0 20px rgba(203,183,251,.8)}.engine:hover .ring{border-color:rgba(203,183,251,.55);filter:drop-shadow(0 0 7px rgba(203,183,251,.22))}.orbit-track{position:absolute;border-radius:50%;pointer-events:none;animation:orbitSweep 11s linear infinite;will-change:transform}.orbit-track i{position:absolute;left:50%;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent),0 0 24px rgba(203,183,251,.9)}.orbit-a{inset:-4%;border:1px dashed rgba(203,183,251,.13)}.orbit-b{inset:14%;animation-duration:7.5s;animation-direction:reverse}.orbit-b i{width:5px;height:5px;top:-2px;background:var(--green);box-shadow:0 0 8px var(--green),0 0 18px rgba(151,222,181,.75)}.core{position:relative;overflow:hidden;z-index:2}.core::before{content:"";position:absolute;inset:-45%;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.48) 49%,transparent 60%);transform:translateX(-70%) rotate(12deg);animation:coreShimmer 4.8s ease-in-out infinite;pointer-events:none}.node{z-index:3;animation:nodeFloat 4.6s ease-in-out infinite;box-shadow:0 8px 25px rgba(0,0,0,.18),inset 0 0 18px rgba(203,183,251,.025)}.n2{animation-delay:-1.15s}.n3{animation-delay:-2.3s}.n4{animation-delay:-3.45s}@keyframes engineHover{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes orbitSweep{to{transform:rotate(360deg)}}@keyframes nodeFloat{0%,100%{transform:translateY(0);border-color:var(--line)}50%{transform:translateY(-7px);border-color:rgba(203,183,251,.38)}}@keyframes coreShimmer{0%,30%{transform:translateX(-75%) rotate(12deg);opacity:0}48%{opacity:.9}66%,100%{transform:translateX(75%) rotate(12deg);opacity:0}}

/* Spectacular synchronized energy sequence */
.energy-field{position:absolute;inset:3%;z-index:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 12%,rgba(151,222,181,.32) 17%,transparent 24% 45%,rgba(203,183,251,.38) 52%,transparent 60% 80%,rgba(255,255,255,.18) 86%,transparent 94%);-webkit-mask:radial-gradient(circle,transparent 0 37%,#000 49%,transparent 72%);mask:radial-gradient(circle,transparent 0 37%,#000 49%,transparent 72%);filter:blur(5px) drop-shadow(0 0 20px rgba(203,183,251,.2));animation:energySweep 8s linear infinite}.energy-links{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible}.energy-links line{fill:none;stroke:rgba(203,183,251,.7);stroke-width:1.2;stroke-linecap:round;stroke-dasharray:.08 .14;filter:drop-shadow(0 0 4px var(--accent));animation:dashFlow 2.4s linear infinite}.energy-links .link-b{animation-delay:-.6s}.energy-links .link-c{animation-delay:-1.2s}.energy-links .link-d{animation-delay:-1.8s}.ring{z-index:2}.orbit-track{z-index:3}.energy-wave{position:absolute;left:50%;top:50%;z-index:3;width:94px;height:94px;margin:-47px;border:1px solid rgba(203,183,251,.65);border-radius:50%;box-shadow:0 0 18px rgba(203,183,251,.18),inset 0 0 18px rgba(151,222,181,.12);animation:energyWave 3.2s cubic-bezier(.15,.65,.25,1) infinite}.wave-b{animation-delay:-1.6s;border-color:rgba(151,222,181,.58)}.spark{--spark-distance:122px;position:absolute;left:50%;top:50%;z-index:3;width:0;height:0;animation:sparkOrbit 4.2s linear infinite}.spark i{position:absolute;left:var(--spark-distance);top:-2px;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:-7px 0 8px var(--accent),-17px 0 15px rgba(203,183,251,.45),0 0 13px #fff}.spark-b{--spark-distance:86px;animation-duration:6.8s;animation-direction:reverse;animation-delay:-2.4s}.spark-b i{width:5px;height:5px;background:var(--green);box-shadow:7px 0 8px var(--green),17px 0 14px rgba(151,222,181,.35),0 0 11px #fff}.core{z-index:4}.core::after{content:"";position:absolute;inset:-42%;border-radius:50%;background:linear-gradient(90deg,transparent 47%,rgba(255,255,255,.75) 49%,rgba(255,255,255,.75) 51%,transparent 53%),linear-gradient(transparent 47%,rgba(203,183,251,.65) 49%,rgba(203,183,251,.65) 51%,transparent 53%);mix-blend-mode:screen;animation:coreFlare 4.5s ease-in-out infinite;pointer-events:none}.node{z-index:5;animation:nodeFloat 4.6s ease-in-out infinite,labelSurge 6s ease-in-out infinite}.engine .n1{animation-delay:0s,0s}.engine .n2{animation-delay:-1.15s,-1.5s}.engine .n3{animation-delay:-2.3s,-3s}.engine .n4{animation-delay:-3.45s,-4.5s}@keyframes energySweep{to{transform:rotate(360deg)}}@keyframes dashFlow{to{stroke-dashoffset:-.44}}@keyframes energyWave{0%{opacity:0;transform:scale(.55)}18%{opacity:.85}100%{opacity:0;transform:scale(2.65)}}@keyframes sparkOrbit{to{transform:rotate(360deg)}}@keyframes labelSurge{0%,18%,100%{color:var(--ink);text-shadow:none;box-shadow:0 8px 25px rgba(0,0,0,.18),inset 0 0 18px rgba(203,183,251,.025)}30%{color:#fff;text-shadow:0 0 9px var(--accent);box-shadow:0 0 9px rgba(203,183,251,.55),0 0 28px rgba(151,222,181,.17),inset 0 0 18px rgba(203,183,251,.14)}}@keyframes coreFlare{0%,32%,100%{opacity:0;transform:scale(.7) rotate(0)}48%{opacity:.9;transform:scale(1.1) rotate(35deg)}67%{opacity:0;transform:scale(1.45) rotate(70deg)}}@media(max-width:760px){.spark{--spark-distance:78px}.spark-b{--spark-distance:54px}.energy-links line{stroke-width:1.65}.energy-wave{width:64px;height:64px;margin:-32px}}