:root{--bg:#071a12;--bg2:#0b2419;--card:#0f2e20cc;--line:#ffffff1f;--mint:#35f0a1;--mint2:#7cf7c4;--violet:#9b7bff;--amber:#ffd166;--text:#eafff5;--muted:#a8c9b8;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:radial-gradient(900px 500px at 15% -5%,#14532d 0,transparent 60%),radial-gradient(800px 500px at 90% 0,#3b2a6e55 0,transparent 55%),var(--bg);color:var(--text)}
a{color:var(--mint2)}h1,h2,h3{font-family:Sora,Inter,sans-serif;line-height:1.08}h1{font-size:clamp(2.6rem,6vw,4.6rem);margin:.2em 0}h2{font-size:clamp(1.6rem,3.5vw,2.4rem)}code{background:#ffffff1a;padding:.1em .4em;border-radius:6px;font-size:.85em}
.grad{background:linear-gradient(90deg,var(--mint),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}
.center{text-align:center}.sub{color:var(--muted);max-width:680px;margin:0 auto}.micro{color:var(--muted);font-size:.82rem}.hidden{display:none!important}.full{width:100%}
.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:var(--mint);color:#04240f;padding:.5rem 1rem;border-radius:8px;z-index:99}
.eyebrow{color:var(--mint);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:.75rem}
.btn{border:1px solid var(--line);background:#ffffff10;color:var(--text);padding:.65rem 1.1rem;border-radius:999px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;transition:.2s;font-size:.95rem}
.btn:hover{transform:translateY(-2px);border-color:var(--mint)}.btn-primary{background:linear-gradient(90deg,var(--mint),#1fd48c);color:#04240f;border:none}.btn-primary:hover{box-shadow:0 10px 30px #35f0a155}.btn-glass{background:#ffffff12}.btn-lg{padding:.9rem 1.5rem;font-size:1.02rem}.linklike{background:none;border:none;color:var(--mint);font-weight:800;cursor:pointer;font-size:1rem;padding:0}
input,select,textarea{width:100%;background:#071a12;border:1px solid var(--line);color:var(--text);border-radius:12px;padding:.7rem .9rem;margin:.35rem 0;font:inherit}input:focus,textarea:focus,select:focus{outline:2px solid var(--mint)}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;backdrop-filter:blur(8px)}
/* Nav */
.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:1rem;justify-content:space-between;padding:.8rem 1.2rem;background:#071a12e6;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.logo{font-family:Sora;font-size:1.25rem;text-decoration:none;color:var(--text)}.logo strong{color:var(--mint)}
.navlinks{display:flex;gap:1.2rem}.navlinks a{color:var(--text);text-decoration:none;font-weight:600}.navlinks a:hover{color:var(--mint)}
.nav-actions{display:flex;gap:.6rem;align-items:center}.burger{display:none;background:none;border:1px solid var(--line);color:#fff;border-radius:10px;padding:.45rem .7rem;font-size:1.1rem}.mobilemenu{display:none;flex-direction:column;padding:1rem;gap:.8rem;background:var(--bg2)}.mobilemenu.open{display:flex}.mobilemenu a{color:#fff;text-decoration:none;font-weight:700}
.owner-toggle{font-size:.8rem;color:var(--amber);display:flex;gap:.3rem;align-items:center;cursor:pointer}.owner-toggle input{width:auto;margin:0}
/* Ticker */
.ticker{overflow:hidden;background:linear-gradient(90deg,var(--mint),var(--violet));color:#08130d;font-weight:800;font-size:.85rem;padding:.4rem 0;white-space:nowrap}
.ticker-track{display:inline-block;animation:tick 28s linear infinite}@keyframes tick{to{transform:translateX(-50%)}}
/* Hero */
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:2.2rem;align-items:center;max-width:1180px;margin:0 auto;padding:3rem 1.2rem 2rem}
.lede{font-size:1.15rem;color:var(--muted);max-width:56ch}.lede b{color:var(--text)}
.typedline{font-weight:700}#typed{color:var(--mint)}.caret{animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}
.hero-cta{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.2rem 0}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin:1.2rem 0}.stats div{background:#ffffff0d;border:1px solid var(--line);border-radius:14px;padding:.8rem;text-align:center}.stats b{font-size:1.4rem;display:block;color:var(--mint)}.stats small{color:var(--muted)}
.hero-media{position:relative}.hero-media img{width:100%;border-radius:24px;border:1px solid var(--line);box-shadow:0 30px 80px #000a;aspect-ratio:4/3;object-fit:cover}
.float-card{position:absolute;background:#0b2419f0;border:1px solid var(--mint);border-radius:14px;padding:.6rem .9rem;font-size:.9rem;box-shadow:0 12px 30px #0009;animation:floaty 5s ease-in-out infinite}.float-card small{display:block;color:var(--muted)}
.fc1{top:6%;left:-4%}.fc2{bottom:12%;right:-3%;animation-delay:1.2s}.fc3{bottom:-4%;left:8%;animation-delay:2s}@keyframes floaty{50%{transform:translateY(-10px)}}
/* Sections */
.section{max-width:1180px;margin:0 auto;padding:2.6rem 1.2rem}.narrow{max-width:780px}
.calc-band{max-width:1180px;margin:1rem auto;display:grid;grid-template-columns:1fr 1.2fr auto;gap:1.6rem;align-items:center}
.sliders label{display:block;font-weight:600;margin:.5rem 0}.sliders output{color:var(--mint);float:right}.sliders input[type=range]{accent-color:var(--mint);padding:0}
.calc-result{text-align:center;background:#35f0a11a;border:1px dashed var(--mint);border-radius:16px;padding:1rem 1.4rem}.calc-result b{font-size:2rem;color:var(--mint);display:block}.calc-result small{color:var(--muted)}
/* Quiz */
.quiz-card{max-width:720px;margin:1.2rem auto}.quiz-card h3{margin-top:0}.quiz-opts{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.quiz-opts button{padding:1rem;border-radius:14px;border:1px solid var(--line);background:#ffffff0d;color:#fff;font-weight:700;cursor:pointer;text-align:left}.quiz-opts button:hover{border-color:var(--mint);background:#35f0a11f}
.quiz-progress{height:8px;background:#ffffff1a;border-radius:99px;margin-top:1.1rem;overflow:hidden}.quiz-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--mint),var(--violet));transition:.4s}
/* Tools */
.tabs{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin:1.4rem 0}.tab{border:1px solid var(--line);background:#ffffff0d;color:#fff;padding:.6rem 1rem;border-radius:999px;font-weight:700;cursor:pointer}.tab.active{background:var(--mint);color:#04240f}
.tool-panel{max-width:920px;margin:0 auto}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.row{display:flex;align-items:center}.gap{gap:.7rem;flex-wrap:wrap}.center-row{justify-content:center}
.scorewrap{display:flex;gap:1rem;align-items:flex-start;margin-top:.8rem}.score{font-size:2.4rem;font-weight:900;color:var(--mint);background:#35f0a11a;border:1px dashed var(--mint);border-radius:16px;padding:.6rem 1rem;min-width:110px;text-align:center}.tips{margin:0;padding-left:1.1rem;color:var(--muted)}.upsell{margin-top:.8rem}
.ringwrap{position:relative;width:210px;margin:0 auto}.ring{width:210px;height:210px;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#ffffff1f;stroke-width:10}.ring-fg{fill:none;stroke:var(--mint);stroke-width:10;stroke-linecap:round;stroke-dasharray:327;stroke-dashoffset:0}.ring-time{position:absolute;inset:0;display:grid;place-items:center;font-size:2.6rem;font-weight:900}
.margin-out{background:#35f0a11a;border:1px dashed var(--mint);border-radius:12px;padding:.8rem;align-self:end}
.chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.namechip{border:1px solid var(--violet);background:#9b7bff22;color:#fff;border-radius:999px;padding:.55rem 1rem;font-weight:800;cursor:pointer}.namechip:hover{background:var(--violet)}
.gpa-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:.6rem;align-items:center}
/* Services & products */
.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.svc{position:relative;overflow:hidden}.svc .price{font-size:1.8rem;font-weight:900;color:var(--mint)}.svc ul{color:var(--muted);padding-left:1.1rem;min-height:96px}.badge{position:absolute;top:12px;right:12px;background:var(--amber);color:#221a00;font-size:.7rem;font-weight:900;padding:.25rem .6rem;border-radius:999px}
.shopbar{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center;margin-bottom:1.2rem}.filters{display:flex;gap:.4rem;flex-wrap:wrap}.chip{border:1px solid var(--line);background:#ffffff0d;color:#fff;border-radius:999px;padding:.5rem .9rem;font-weight:700;cursor:pointer}.chip.active{background:var(--mint);color:#04240f}
.products{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.prod{display:flex;flex-direction:column;transition:.2s}.prod:hover{transform:translateY(-4px);border-color:var(--mint)}.prod .emoji{font-size:2.6rem;background:linear-gradient(135deg,#35f0a133,#9b7bff33);border-radius:14px;text-align:center;padding:1.1rem}.prod h3{margin:.7rem 0 .3rem}.prod p{color:var(--muted);flex:1}.prod .meta{display:flex;justify-content:space-between;align-items:center;margin:.6rem 0}.prod .p{font-size:1.3rem;font-weight:900;color:var(--mint)}.prod .was{text-decoration:line-through;color:var(--muted);font-size:.9rem}.prod .tag{font-size:.72rem;font-weight:800;background:#ffffff14;padding:.25rem .6rem;border-radius:999px}.owner-line{color:var(--amber);font-size:.82rem;border-top:1px dashed var(--amber);padding-top:.5rem}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;text-align:center}.step b{font-size:1.6rem;background:var(--mint);color:#04240f;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;margin:0 auto}
.quote{font-size:1.05rem;line-height:1.5;margin:0}.quote figcaption{color:var(--mint2);margin-top:.8rem;font-weight:700}
.leadmagnet{max-width:1180px;margin:1rem auto;display:grid;grid-template-columns:1.2fr 1fr;gap:1.4rem;align-items:center;background:linear-gradient(120deg,#14532d,#241552)}
/* FAQ */
.faq-item{border:1px solid var(--line);border-radius:14px;margin:.6rem 0;overflow:hidden}.faq-q{width:100%;text-align:left;background:#ffffff0d;color:#fff;border:none;padding:1rem 1.2rem;font-weight:800;cursor:pointer;font-size:1rem}.faq-a{display:none;padding:0 1.2rem 1rem;color:var(--muted)}.faq-item.open .faq-a{display:block}
/* Footer */
footer{border-top:1px solid var(--line);margin-top:2rem;padding:2rem 1.2rem;background:#051109}.foot-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:1.5rem}.foot-grid a{display:block;color:var(--muted);text-decoration:none;margin:.35rem 0}.foot-grid p{color:var(--muted)}
/* Drawer & modal */
.overlay{position:fixed;inset:0;background:#000a;z-index:60}.drawer{position:fixed;top:0;right:-420px;width:min(400px,92vw);height:100dvh;background:var(--bg2);z-index:70;padding:1.2rem;transition:.3s;overflow:auto;border-left:1px solid var(--line)}.drawer.open{right:0}
.drawer-head{display:flex;justify-content:space-between;align-items:center}.drawer-head button{background:none;border:none;color:#fff;font-size:1.3rem;cursor:pointer}
.cart-item{display:flex;gap:.8rem;align-items:center;border:1px solid var(--line);border-radius:12px;padding:.7rem;margin:.6rem 0}.cart-item b{flex:1}.qty button{width:28px;height:28px;border-radius:8px;border:1px solid var(--line);background:#ffffff14;color:#fff;cursor:pointer}
.promo{display:flex;gap:.5rem;margin-top:1rem}.totals{line-height:1.7;margin:1rem 0}.totals .grand{font-size:1.3rem;color:var(--mint)}
.modal{position:fixed;inset:0;background:#000c;z-index:80;display:grid;place-items:center;padding:1rem}.modal-card{position:relative;background:var(--bg2);border:1px solid var(--mint);border-radius:20px;padding:1.6rem;width:min(480px,94vw);max-height:90dvh;overflow:auto}.modal-x{position:absolute;top:10px;right:14px;background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer}
.toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:var(--mint);color:#04240f;font-weight:800;padding:.8rem 1.3rem;border-radius:999px;z-index:99;box-shadow:0 16px 40px #000a}
@media(max-width:980px){.hero,.calc-band,.grid2,.leadmagnet{grid-template-columns:1fr}.cards4,.products,.cards3,.steps{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:1fr 1fr}.navlinks,.hide-sm{display:none}.burger{display:block}.shopbar{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr 1fr}.float-card{position:static;margin:.5rem 0}}
@media(max-width:560px){.cards4,.products,.cards3,.steps,.grid3,.quiz-opts,.stats{grid-template-columns:1fr}.gpa-row{grid-template-columns:1fr 1fr}}
