:root{--lime:#c8ef00;--lime-bright:#e6ff16;--lime-deep:#8ed000;--ink:#0b0c0c;--muted:#666;--line:#dce0d9;--paper:#fff;--shadow:0 24px 55px rgba(30,48,0,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,Arial,Helvetica,sans-serif;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.site-header{height:116px;max-width:1510px;margin:auto;padding:0 42px;display:grid;grid-template-columns:220px 1fr 280px;align-items:center;gap:28px;position:relative;z-index:20}.logo,.mini-logo{font-size:48px;font-weight:950;letter-spacing:-4px}.logo span,.mini-logo span{color:var(--lime-deep)}.logo b,.mini-logo b{color:#9bd800}.nav-links{display:flex;justify-content:center;gap:48px;font-weight:750}.nav-links a{position:relative}.nav-links a:after{content:"";height:3px;position:absolute;left:0;right:100%;bottom:-8px;background:var(--lime-deep);transition:.25s}.nav-links a:hover:after{right:0}.auth-actions{display:flex;justify-content:flex-end;gap:18px}.button{min-height:50px;border:1.5px solid #999;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;padding:0 26px;font-weight:850;text-transform:none;background:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s;white-space:nowrap}.button:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.1)}.button-lime{border-color:var(--lime);background:linear-gradient(135deg,var(--lime-bright),var(--lime));}.button-large{text-transform:uppercase;min-height:58px}.button-large span{font-size:26px;margin-left:18px}.play{font-size:15px!important}.menu-button{display:none}
.hero{max-width:1536px;min-height:610px;margin:auto;padding:65px 48px 20px;display:grid;grid-template-columns:38% 62%;position:relative}.hero-copy{z-index:6;align-self:center}.eyebrow{display:none}.hero h1{margin:0;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;text-transform:uppercase;font-size:66px;line-height:1.01;letter-spacing:1px}.hero h1 em{font-style:normal;color:#99da00;text-shadow:0 8px 20px rgba(155,218,0,.14)}.intro{font-size:20px;line-height:1.55;max-width:390px;margin:28px 0 36px}.hero-actions{display:flex;gap:18px}.visual-stage{position:relative;min-height:530px;z-index:2}.mascot{position:absolute;z-index:5;width:410px;height:520px;object-fit:contain;left:-55px;bottom:-24px;filter:drop-shadow(0 22px 14px rgba(72,95,0,.20));transform:rotate(-3deg)}.dashboard-card{position:absolute;z-index:4;right:0;top:8px;width:73%;min-width:670px;height:548px;border:1px solid #d8ddd2;border-radius:30px;background:rgba(255,255,255,.95);box-shadow:var(--shadow);overflow:hidden;transform:rotate(1.25deg);backdrop-filter:blur(12px)}.dash-top{height:75px;border-bottom:1px solid #e2e4df;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.mini-logo{font-size:32px;letter-spacing:-2.5px}.mobile-dots{display:none}.dash-body{height:calc(100% - 75px);display:grid;grid-template-columns:145px 1fr}.sidebar{border-right:1px solid #e2e4df;padding:12px 0}.sidebar a{height:44px;display:flex;align-items:center;gap:13px;padding:0 20px;font-size:12px}.sidebar a i{font-style:normal;font-size:16px}.sidebar a.active{background:linear-gradient(90deg,var(--lime-bright),var(--lime));font-weight:800;border-radius:0 9px 9px 0}.dash-main{padding:18px 18px 22px}.dash-heading{display:flex;align-items:center;justify-content:space-between}.dash-heading h2{font-size:23px;margin:0}.dash-heading button{background:#fff;border:1px solid var(--line);padding:10px 12px;border-radius:9px;font-size:11px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:15px}.metrics article,.chart-card,.domains-card{border:1px solid #dce1d8;border-radius:10px;background:#fff;box-shadow:0 5px 12px rgba(31,40,13,.06)}.metrics article{padding:14px 11px;min-height:115px}.metrics small{text-transform:uppercase;font-size:7px;display:block;height:24px}.metrics strong{font-size:19px;display:block;white-space:nowrap}.metrics span{color:#50a400;font-size:9px;display:block;margin-top:10px}.metrics i{color:#555;font-style:normal;display:block;margin-top:4px}.dashboard-lower{display:grid;grid-template-columns:1.65fr 1fr;gap:12px;margin-top:12px}.chart-card,.domains-card{height:225px;padding:13px}.chart-card h3,.domains-card h3{font-size:12px;margin:0}.chart{height:182px;position:relative;margin-top:6px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 39px,#edf0ea 40px)}.chart-fill{position:absolute;left:28px;right:0;bottom:10px;height:145px;background:linear-gradient(to top,rgba(210,247,0,.65),rgba(210,247,0,.06));clip-path:polygon(0 72%,5% 65%,10% 69%,15% 57%,20% 71%,26% 76%,31% 61%,37% 66%,43% 50%,49% 60%,55% 42%,60% 51%,66% 30%,71% 48%,77% 39%,82% 12%,86% 26%,91% 9%,95% 24%,100% 0,100% 100%,0 100%);border-top:3px solid #92cf00}.chart-label{position:absolute;left:0;font-size:8px}.l1{top:6px}.l2{top:48px}.l3{top:91px}.l4{bottom:10px}.tooltip{position:absolute;right:34px;top:18px;background:#fff;border:1px solid #e0e3dc;border-radius:8px;padding:6px 8px;font-size:9px;box-shadow:0 5px 12px rgba(0,0,0,.08)}.domains-card ul{list-style:none;padding:0;margin:14px 0 9px}.domains-card li{display:flex;justify-content:space-between;font-size:9px;padding:8px 0;border-bottom:1px solid #eff1ec}.domains-card li b{font-size:8px}.domains-card>a{font-size:9px;color:#64a900}.paint{position:absolute;border-radius:50%;filter:blur(.2px);z-index:0}.paint-one{width:490px;height:160px;right:-90px;bottom:-60px;background:var(--lime);transform:rotate(-8deg)}.paint-two{width:300px;height:38px;left:410px;bottom:4px;background:#e3ff20;transform:rotate(-8deg)}.splash{position:absolute;background:var(--lime);border-radius:70% 30% 60% 40%;z-index:1}.splash-a{width:280px;height:38px;left:60px;top:110px;transform:rotate(-55deg)}.splash-b{width:180px;height:25px;left:120px;top:42px;transform:rotate(-65deg)}.splash-c{width:90px;height:18px;right:-20px;top:245px;transform:rotate(60deg)}
.features-strip{position:relative;z-index:8;margin-top:0;min-height:190px;padding:55px max(5vw,55px) 60px;background:linear-gradient(96deg,#dcff25,#bfe800 62%,#ddff30);display:grid;grid-template-columns:repeat(3,1fr);clip-path:polygon(0 12%,8% 0,26% 5%,48% 0,72% 7%,90% 2%,100% 15%,100% 100%,0 100%)}.features-strip article{display:grid;grid-template-columns:82px 1fr;align-items:center;padding:20px 25px;border-right:1px solid rgba(52,75,0,.24)}.features-strip article:nth-child(3n){border-right:0}.feature-icon{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.26);font-size:46px;line-height:1;font-weight:950;font-style:italic;text-shadow:2px 2px 0 #fff}.shield{font-size:48px}.features-strip h3{text-transform:uppercase;font-size:15px;margin:0 0 9px}.features-strip p{font-size:14px;line-height:1.55;margin:0}
dialog{border:0;border-radius:24px;padding:44px;max-width:450px;text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(9,12,6,.65);backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:30px;cursor:pointer}.demo-icon{display:grid;place-items:center;margin:auto;width:72px;height:72px;border-radius:50%;background:var(--lime);font-size:35px}.dialog h2{font-size:32px;margin:20px 0 8px}.dialog p{line-height:1.6;color:#555;margin-bottom:25px}
@media(max-width:1150px){.site-header{grid-template-columns:180px 1fr 250px}.nav-links{gap:22px}.hero{grid-template-columns:43% 57%;padding-left:35px;padding-right:25px}.hero h1{font-size:55px}.dashboard-card{width:85%;min-width:590px}.mascot{width:340px;left:-65px}.features-strip{grid-template-columns:repeat(2,1fr)}.features-strip article:nth-child(2n){border-right:0}.features-strip article:nth-child(3n){border-right:1px solid rgba(52,75,0,.24)}}
@media(max-width:800px){.site-header{height:86px;padding:0 22px;display:flex;justify-content:space-between}.logo{font-size:37px}.menu-button{display:block;border:1px solid #aaa;background:#fff;border-radius:8px;padding:9px 13px;font-weight:800}.nav-links{display:none;position:absolute;top:76px;left:15px;right:15px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow);flex-direction:column;gap:18px}.nav-links.open{display:flex}.auth-actions{display:none}.hero{display:flex;flex-direction:column;padding:48px 23px 0}.hero-copy{text-align:center}.eyebrow{display:block;color:#639600;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:900}.hero h1{font-size:49px}.intro{margin:24px auto 28px;font-size:17px}.hero-actions{justify-content:center;flex-wrap:wrap}.visual-stage{min-height:620px;margin-top:25px}.dashboard-card{width:88%;height:455px;min-width:0;right:-18px;top:65px}.dash-top{height:58px}.dash-body{height:calc(100% - 58px);grid-template-columns:1fr}.sidebar{display:none}.dash-main{padding:13px}.metrics{grid-template-columns:repeat(2,1fr)}.metrics article{min-height:91px;padding:9px}.metrics small{height:16px}.metrics strong{font-size:15px}.metrics i{display:none}.dashboard-lower{grid-template-columns:1fr}.chart-card{height:150px}.chart{height:110px}.domains-card{display:none}.mascot{width:260px;height:390px;left:-65px;bottom:-5px}.features-strip{clip-path:none;grid-template-columns:1fr;padding:30px 20px}.features-strip article{border-right:0;border-bottom:1px solid rgba(52,75,0,.24);padding:22px 10px}.faq{padding:60px 24px 20px}.faq h2,.contact h2{font-size:31px}}
@media(max-width:470px){.hero h1{font-size:41px}.hero-actions .button{width:100%}.visual-stage{min-height:550px}.dashboard-card{width:98%;right:-15px;height:425px}.dash-heading button{display:none}.metrics{gap:6px}.dashboard-lower{margin-top:7px}.mascot{width:220px;height:335px;left:-66px;bottom:0}.features-strip article{grid-template-columns:70px 1fr}.feature-icon{width:60px;height:60px;font-size:38px}}
@media(prefers-reduced-motion:no-preference){.mascot{animation:float 4s ease-in-out infinite}.dashboard-card{animation:drift 6s ease-in-out infinite}@keyframes float{50%{transform:translateY(-9px) rotate(-1deg)}}@keyframes drift{50%{transform:translateY(5px) rotate(.5deg)}}}

.faq{max-width:880px;margin:auto;padding:80px 30px 30px}.faq h2{font-size:40px;font-weight:900;letter-spacing:-1px;margin:0 0 30px}.faq details{border-bottom:1px solid var(--line)}.faq details:first-of-type{border-top:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 4px;font-size:18px;font-weight:800}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";font-size:26px;font-weight:400;color:#9bd800;transition:transform .2s}.faq details[open] summary::after{transform:rotate(45deg)}.faq details p{padding:0 4px 24px;margin:0;color:var(--muted);line-height:1.7;max-width:760px}
.contact{text-align:center;padding:90px 24px 110px}.contact h2{font-size:40px;font-weight:900;letter-spacing:-1px;margin:0 0 14px}.contact p{color:var(--muted);font-size:18px}.contact a{color:var(--lime-ink);font-weight:800;text-decoration:underline;text-underline-offset:3px}

.site-footer{display:flex;justify-content:center;align-items:center;gap:22px;padding:0 24px 70px;color:var(--muted);font-size:13px}.site-footer a{color:var(--lime-ink);font-weight:700}
