@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--ink:#10201d;--paper:#f2f0e9;--chalk:#faf9f5;--lime:#d7ff43;--orange:#ff6b35;--steel:#57706a;--line:#c8cec7;--night:#0c1715;--radius:18px;--max:1240px;--font:"Manrope",sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6}a{color:inherit}img,svg{max-width:100%}.skip{position:absolute;left:-9999px;top:8px;background:var(--lime);padding:10px 16px;border-radius:999px;z-index:100}.skip:focus{left:8px}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}.eyebrow,.kicker{font:500 .73rem var(--mono);letter-spacing:.12em;text-transform:uppercase}.eyebrow{display:inline-flex;gap:10px;align-items:center}.eyebrow:before{content:"";width:18px;height:2px;background:var(--lime)}h1,h2,h3{line-height:1.02;letter-spacing:-.045em;margin:0 0 .7em}h1{font-size:clamp(3rem,7.2vw,7.2rem);max-width:1100px}h2{font-size:clamp(2.2rem,4.5vw,4.8rem)}h3{font-size:clamp(1.2rem,2vw,1.7rem)}p{margin:0 0 1.4em}.lead{font-size:clamp(1.1rem,1.8vw,1.45rem);max-width:760px;color:#38504a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;background:var(--lime);color:var(--night);border:1px solid var(--ink);border-radius:999px;padding:13px 24px;font-weight:800;text-decoration:none;box-shadow:0 7px 18px rgba(12,23,21,.13);transition:transform .2s,box-shadow .2s,background .2s}.btn:after{content:"";width:7px;height:7px;border-top:2px solid;border-right:2px solid;transform:rotate(45deg);transition:transform .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 11px 24px rgba(12,23,21,.2)}.btn:hover:after{transform:translateX(3px) rotate(45deg)}.btn.dark{background:var(--night);color:white;border-color:var(--night)}.btn.ghost{background:transparent;box-shadow:none}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
header{border-bottom:1px solid rgba(87,112,106,.28);background:rgba(242,240,233,.9);position:sticky;top:0;z-index:40;backdrop-filter:blur(16px)}nav{height:76px;display:flex;align-items:center;justify-content:space-between}.logo{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.wordmark{font-weight:800;font-size:1.08rem;letter-spacing:-.055em}.logo-mark{width:37px;height:31px;position:relative;display:inline-block;transform:skewX(-10deg)}.logo-mark i{position:absolute;display:block;background:var(--ink);height:4px;border-radius:4px}.logo-mark i:nth-child(1){width:30px;top:4px;left:1px}.logo-mark i:nth-child(2){width:25px;top:13px;left:7px;background:var(--lime)}.logo-mark i:nth-child(3){width:19px;top:22px;left:13px}footer .logo-mark i{background:white}footer .logo-mark i:nth-child(2){background:var(--lime)}.navlinks{display:flex;align-items:center;gap:26px}.navlinks>a{text-decoration:none;font-size:.9rem;font-weight:700}.navlinks>a:not(.btn){position:relative}.navlinks>a:not(.btn):after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:2px;background:var(--ink);transition:right .2s}.navlinks>a:not(.btn):hover:after{right:0}.menu{display:none;background:transparent;border:1px solid var(--ink);border-radius:999px;padding:8px 14px;font:600 .8rem var(--mono)}
.hero{padding:95px 0 75px;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(87,112,106,.14);border-radius:50%;right:-220px;top:-220px}.hero h1 em{font-style:normal;color:var(--steel)}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:64px;align-items:center}.hero-grid h1{font-size:clamp(3.5rem,6vw,6.7rem)}.proofbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}.proofrow{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.proofrow span{font:500 .78rem var(--mono);text-transform:uppercase;border-left:2px solid var(--line);padding-left:16px}.proofrow b{display:block;font:800 1.25rem var(--font);text-transform:none}.section{padding:110px 0}.section.dark{background:var(--night);color:white}.section.lime{background:var(--lime)}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-bottom:60px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-block:1px solid var(--line)}.panel{background:var(--chalk);padding:34px;min-height:250px}.panel .num{font:500 .75rem var(--mono);color:var(--steel);display:block;margin-bottom:55px}.dark .grid-3{background:#34413e;border-color:#34413e}.dark .panel{background:#14231f}.workflow{display:grid;grid-template-columns:repeat(5,1fr);counter-reset:step;border-top:1px solid currentColor}.workflow div{padding:22px 28px 35px 0;position:relative}.workflow div:before{counter-increment:step;content:"0" counter(step);font:500 .7rem var(--mono);display:block;margin-bottom:35px}.workflow div:not(:last-child):after{content:"";position:absolute;right:17px;top:27px;width:28px;border-top:1px solid currentColor;opacity:.45}.workflow strong{font-size:1.35rem;display:block}
.device{margin:0;position:relative;filter:drop-shadow(0 28px 25px rgba(12,23,21,.2));transform:perspective(1400px) rotateY(-3deg) rotateX(1deg)}.device-screen{position:relative;background:#1b2523;border:7px solid #1b2523;border-bottom-width:12px;border-radius:16px 16px 7px 7px;overflow:hidden}.device-camera{position:absolute;width:4px;height:4px;border-radius:50%;background:#62706d;top:4px;left:50%;z-index:2}.dashboard{background:#0d1917;color:white;overflow:hidden}.device-base{height:15px;width:108%;margin-left:-4%;background:linear-gradient(#aeb5b1,#727c78);border-radius:2px 2px 14px 14px;position:relative}.device-base:after{content:"";position:absolute;left:8%;right:8%;bottom:-4px;height:5px;background:#56615e;border-radius:0 0 50% 50%}.device-base span{display:block;width:65px;height:5px;background:#6e7874;margin:auto;border-radius:0 0 7px 7px}.dashbar{padding:14px 18px;border-bottom:1px solid #30403c;display:flex;justify-content:space-between;font:400 .68rem var(--mono)}.dashbody{display:grid;grid-template-columns:150px 1fr}.dashnav{border-right:1px solid #30403c;padding:20px 12px}.dashnav span{display:block;padding:8px;color:#82918d;font-size:.72rem;border-radius:7px}.dashnav span.active{background:var(--lime);color:var(--ink)}.dashmain{padding:24px}.dashmeta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tag{border:1px solid #51605c;border-radius:999px;padding:4px 9px;font:400 .62rem var(--mono)}.dashmain h3{font-size:1.45rem;letter-spacing:-.03em}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metric{background:#172824;border-radius:8px;padding:12px}.metric small{font:400 .58rem var(--mono);color:#92a09d;text-transform:uppercase}.metric b{display:block;font-size:1rem}.score{display:grid;grid-template-columns:72px 1fr;gap:15px;align-items:center;margin-top:15px;padding-top:15px;border-top:1px solid #30403c}.scoremark{width:65px;height:65px;border:5px solid var(--lime);border-radius:50%;display:grid;place-items:center;font-weight:800}.evidence{margin-top:14px;background:#172824;border-radius:0 8px 8px 0;padding:12px;font-size:.7rem;border-left:3px solid var(--orange)}
.pricebox{display:grid;grid-template-columns:1fr 1fr;background:var(--chalk);border:1px solid var(--ink);border-radius:22px;overflow:hidden;box-shadow:0 22px 50px rgba(12,23,21,.12)}.pricebox>div{padding:45px}.pricebox>div+div{border-left:1px solid var(--ink)}.price{font-size:clamp(3rem,6vw,5.5rem);font-weight:800;letter-spacing:-.07em;line-height:1}.price small{font-size:1rem;letter-spacing:0}.checklist{list-style:none;padding:0}.checklist li{padding:12px 0 12px 38px;position:relative;border-bottom:1px solid rgba(87,112,106,.24)}.checklist li:before{content:"";position:absolute;left:2px;top:21px;width:20px;height:2px;background:var(--lime)}.section.lime .checklist li:before{background:var(--ink)}.compare{width:100%;border-collapse:separate;border-spacing:0;background:var(--chalk);border:1px solid var(--line);border-radius:18px;overflow:hidden}.compare th,.compare td{text-align:left;border-bottom:1px solid var(--line);padding:18px}.compare th{font:500 .73rem var(--mono);text-transform:uppercase;background:#e7e8df}.compare td:first-child{font-weight:700}.compare tr:last-child td{border-bottom:0}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.article-card{border-top:3px solid var(--ink);padding:25px 4px;text-decoration:none;transition:transform .2s}.article-card:hover{transform:translateY(-4px)}.article-card:hover h3{text-decoration:underline}.article-card .kicker{color:var(--steel)}.article-card p{color:#4c615c}.article{max-width:800px;margin:auto}.article h2{font-size:2rem;margin-top:2em}.article h3{margin-top:1.8em}.article li{margin-bottom:.6em}.breadcrumbs{font:400 .7rem var(--mono);margin-bottom:35px}.callout{border-left:5px solid var(--orange);padding:20px 25px;background:#e8e8df;margin:35px 0}.faq details{border-top:1px solid #34413e;padding:22px 0}.faq summary{font-weight:800;font-size:1.1rem;cursor:pointer}.faq details p{max-width:760px;margin-top:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}label{font-weight:700;font-size:.88rem}input,select,textarea{font:inherit;padding:14px 16px;background:var(--chalk);border:1px solid #87958f;border-radius:10px}input:focus,select:focus,textarea:focus{outline:3px solid rgba(215,255,67,.6);border-color:var(--ink)}textarea{min-height:125px}.fine{font-size:.78rem;color:#58706a}.cta-band{background:var(--lime);padding:70px 0}.cta-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}.cta-band h2{max-width:750px;margin:0}footer{background:var(--night);color:white;padding:65px 0 30px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.footer-grid a{display:block;color:#bdc7c4;text-decoration:none;margin:8px 0}.footer-grid .logo{display:inline-flex;color:white;margin:0 0 15px}.footer-bottom{border-top:1px solid #32413e;margin-top:50px;padding-top:20px;font:400 .7rem var(--mono);color:#83908d}.notice{padding:15px 18px;background:#e4e4da;border-left:3px solid var(--orange);font-size:.82rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:850px){.navlinks{display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:25px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--ink)}.navlinks.open{display:flex}.menu{display:block}.hero-grid,.section-head,.pricebox{grid-template-columns:1fr}.hero-grid{gap:55px}.proofrow{grid-template-columns:1fr 1fr}.workflow{grid-template-columns:1fr}.workflow div{padding:18px 0;border-bottom:1px solid rgba(200,206,199,.25)}.workflow div:before{display:inline;margin-right:15px}.workflow div:not(:last-child):after{display:none}.grid-3,.article-grid{grid-template-columns:1fr}.section{padding:75px 0}.pricebox>div+div{border-left:0;border-top:1px solid}.cta-band .wrap{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.dashbody{grid-template-columns:1fr}.dashnav{display:none}.device{width:min(92%,620px);margin-inline:auto;transform:none}}
@media(max-width:520px){.wrap{width:min(calc(100% - 28px),var(--max))}nav{height:66px}.navlinks{top:66px}.hero{padding:55px 0}.hero h1{font-size:3.1rem}.proofrow,.metrics,.form-grid,.footer-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.pricebox>div{padding:28px}.compare{font-size:.78rem}.compare th,.compare td{padding:10px 7px}.device{width:97%}.device-screen{border-width:5px;border-bottom-width:9px}.dashmain{padding:17px}.score{grid-template-columns:58px 1fr}.scoremark{width:52px;height:52px;border-width:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}