:root{--bg:#0a1010;--surface:#121b1a;--surface2:#172220;--line:#293532;--text:#f0f3ed;--muted:#9ca9a3;--accent:#c7fa6b;--accent-dark:#193022}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.glow{position:absolute;pointer-events:none;filter:blur(100px);border-radius:50%;opacity:.25}.glow-one{top:80px;right:-210px;width:680px;height:600px;background:#427a49}.glow-two{top:620px;left:-340px;width:650px;height:400px;background:#224c42}.header{height:96px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.brand{display:inline-flex;align-items:center;gap:13px;font:700 22px 'Space Grotesk',sans-serif;letter-spacing:-1.3px}.brand-sub{color:#879991;font-weight:500}.brand-mark{width:32px;height:32px;display:grid;grid-template-columns:repeat(2,1fr);gap:4px;transform:rotate(-10deg)}.brand-mark span{border-radius:3px;background:var(--accent)}.brand-mark span:nth-child(2){opacity:.45}.brand-mark span:nth-child(3){opacity:.7}.nav{display:flex;align-items:center;gap:34px;color:#c2cdc6;font-size:13px;font-weight:700}.nav a:hover,.footer a:hover{color:var(--accent)}.nav-github{border:1px solid #52605a;border-radius:100px;padding:12px 18px}.menu{display:none}.hero{min-height:650px;padding:76px 0 108px;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:30px;position:relative}.eyebrow,.kicker,.mini-label{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--accent)}.eyebrow{display:inline-flex;align-items:center;gap:12px;border:1px solid #34483a;background:#14221c;border-radius:100px;padding:10px 15px}.pulse{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #c7fa6b20}.eyebrow-sep{opacity:.4}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk',sans-serif}h1{font-size:clamp(56px,5.9vw,88px);letter-spacing:-6px;line-height:1.02;margin:26px 0}h1 em,.footer-cta h2 em{font-style:normal;color:var(--accent)}.lead{font-size:17px;line-height:1.8;color:#b5c1b9;max-width:460px}.hero-actions,.open-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:17px 24px;border-radius:9px;font-weight:800;font-size:13px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--accent);color:#142015}.btn-primary:hover{background:#dbff9d}.btn-outline{border:1px solid #53645c;color:#e2eae4}.btn-outline:hover{background:#18231d}.hero-foot{display:flex;flex-wrap:wrap;gap:20px;margin-top:40px;font-size:11px;color:#98a79d}.tiny-dot{display:inline-block;background:#7da384;width:5px;height:5px;border-radius:50%;margin-right:7px;vertical-align:middle}.hero-art{position:relative;min-width:0;padding:35px 0 20px}.art-halo{position:absolute;inset:10% 3%;background:radial-gradient(circle,#4b7652 0,transparent 65%);filter:blur(40px);opacity:.5}.browser{position:relative;border:1px solid #52665b;border-radius:15px;overflow:hidden;background:#1d2925;box-shadow:0 35px 90px #0009;transform:rotate(1.5deg)}.browser-top{height:45px;background:#23312b;display:flex;align-items:center;gap:16px;padding:0 14px;border-bottom:1px solid #405047}.dots{display:flex;gap:5px}.dots i{width:7px;height:7px;border-radius:50%;background:#72847b}.dots i:first-child{background:#e5a39c}.dots i:nth-child(2){background:#edcb80}.dots i:nth-child(3){background:#a7ce9b}.address{flex:1;text-align:center;background:#16221e;border:1px solid #34443b;border-radius:5px;color:#8da198;padding:6px;font-size:10px}.lock{color:#9cc7a1}.browser-more{font-size:20px;color:#a0ada6}.browser-body{height:390px;display:grid;grid-template-columns:40% 60%;overflow:hidden}.map-background{position:relative;background:linear-gradient(135deg,#243c34,#3e5847);overflow:hidden}.road{position:absolute;background:#82938240;border:2px solid #a2b3a040;width:150%;height:27px;transform:rotate(-35deg)}.road-a{top:25%;left:-30%}.road-b{top:80%;left:-15%;transform:rotate(35deg)}.road-c{top:50%;left:-30%;transform:rotate(70deg)}.road-d{top:20%;left:10%;transform:rotate(10deg)}.map-pin{position:absolute;top:40%;left:43%;width:35px;height:35px;border-radius:50% 50% 50% 0;background:var(--accent);color:#244527;transform:rotate(-45deg);display:grid;place-items:center;font-size:22px;box-shadow:0 10px 30px #0007}.map-pin::first-letter{transform:rotate(45deg)}.map-label{position:absolute;top:59%;left:10%;font-size:10px;color:#e1eadf;background:#1a2b24bb;padding:8px;border-radius:5px}.sidepanel{background:#111a18;display:flex;flex-direction:column;padding:14px;gap:14px;min-width:0}.panel-head{display:flex;align-items:center;gap:8px;border-bottom:1px solid #304039;padding-bottom:12px}.panel-logo{background:var(--accent);color:#20351c;border-radius:7px;padding:7px;font-size:19px}.panel-head strong{display:block;font-size:11px}.panel-head small,.panel-summary small{display:block;color:#82988c;font-size:9px;margin-top:4px}.panel-menu{margin-left:auto;color:#8fa197}.panel-summary{display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-summary b{font-size:12px}.count{color:var(--accent);font-size:9px;border:1px solid #426044;border-radius:20px;padding:5px}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.photo{height:78px;border-radius:5px;position:relative;background-size:cover;background-position:center}.p1,.mini-photo.a{background:linear-gradient(135deg,#6d937c 0%,#365448 35%,#d8b68a 36%,#9b674b 75%)}.p2,.mini-photo.b{background:linear-gradient(25deg,#253f38 0%,#608875 45%,#e4c8a5 46%,#c39168 70%)}.p3,.mini-photo.c{background:linear-gradient(140deg,#a9b5a1 0%,#537265 50%,#2b433b 51%,#192b25 80%)}.p4,.mini-photo.d{background:linear-gradient(40deg,#a46b48 0%,#d4a97c 35%,#567d6d 36%,#2e4a42 90%)}.p5{background:linear-gradient(140deg,#a3a790,#6a856f 55%,#dbbd91 56%)}.p6{background:linear-gradient(140deg,#d2b48a,#7c9a83 55%,#36534a 56%)}.check{position:absolute;right:5px;top:5px;width:15px;height:15px;border:1px solid #d5e4d9;border-radius:4px;background:#0004;font-size:10px;text-align:center;line-height:14px}.check.selected{background:var(--accent);border-color:var(--accent);color:#1e321b}.panel-bottom{margin-top:auto;border-top:1px solid #304039;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:9px}.panel-bottom b{color:var(--accent)}.download-mock{background:var(--accent);border-radius:4px;color:#20301e;padding:9px 7px;font-size:9px;font-weight:800}.floating-note{position:absolute;bottom:0;left:-30px;background:#f2f4e8;color:#243129;border-radius:12px;padding:14px 19px;display:flex;gap:12px;align-items:center;box-shadow:0 20px 50px #0005;transform:rotate(-4deg)}.floating-note>span{font-size:28px;color:#638e32}.floating-note strong,.floating-note small{display:block}.floating-note strong{font-size:12px}.floating-note small{font-size:10px;margin-top:4px;color:#66766c}.mock-caption{position:absolute;bottom:-28px;right:0;color:#819087;font-size:9px}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.ticker-inner{width:max-content;display:flex;align-items:center;gap:38px;padding:23px 20px;color:#80978b;font:700 12px 'Space Grotesk';letter-spacing:2px}.ticker-inner b{color:var(--accent)}.section{padding-top:125px;padding-bottom:125px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:50px}.section-head h2,.open-card h2,.footer-cta h2{font-size:clamp(40px,4.8vw,66px);line-height:1.12;letter-spacing:-3.5px;margin:20px 0 0}.section-head h2 span,.open-card h2 span{color:#84978b}.section-head>p{color:var(--muted);line-height:1.8;max-width:300px;font-size:14px;margin-bottom:4px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature{min-height:265px;border:1px solid var(--line);background:linear-gradient(140deg,#182320,#101816);border-radius:15px;padding:27px;display:flex;flex-direction:column;position:relative;overflow:hidden}.feature-large{grid-column:span 2;grid-row:span 2;min-height:544px;justify-content:space-between}.feature-num{font:700 11px 'Space Grotesk';color:#6f8e78;letter-spacing:1px}.feature h3{font-size:23px;letter-spacing:-.9px;margin:12px 0}.feature p{font-size:13px;line-height:1.75;color:#9eb0a4;margin:0;max-width:360px}.feature-icon{font:500 52px 'Space Grotesk';color:var(--accent);margin-top:auto}.feature-large h3{font-size:31px}.feature-graphic{height:230px;width:80%;margin:auto;position:relative}.gallery-graphic{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:center;transform:rotate(-7deg)}.mini-photo{height:145px;border-radius:9px;box-shadow:0 15px 30px #0007}.mini-photo:nth-child(2){transform:translateY(-20px)}.mini-photo:nth-child(3){transform:translateY(15px)}.graphic-pill{position:absolute;bottom:12px;left:30%;background:var(--accent);color:#1c331d;padding:12px 18px;border-radius:40px;font-size:12px;font-weight:800;box-shadow:0 10px 20px #0004}.process{background:#111b18;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.step-number{font:600 52px 'Space Grotesk';letter-spacing:-3px;color:var(--accent)}.step-line{height:1px;background:#506457;margin:24px 0}.step h3{font-size:22px;letter-spacing:-.7px}.step p{font-size:13px;line-height:1.8;color:#9bad9f;max-width:290px}.process-cta{margin-top:65px;border:1px solid #465b4a;background:#1b2a22;border-radius:14px;padding:25px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px}.process-cta strong{display:block;font:600 23px 'Space Grotesk';margin-top:8px}.open-card{background:var(--accent);border-radius:22px;color:#17251a;padding:65px;display:grid;grid-template-columns:1fr 1fr;gap:30px;overflow:hidden}.open-card .kicker{color:#4d7231}.open-card h2 span{color:#6e934a}.open-card p{line-height:1.8;font-size:14px;max-width:400px;margin:25px 0 0}.btn-light{background:#14231b;color:#fff}.text-link{align-self:center;font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:5px}.code-decoration{align-self:center;justify-self:center;transform:rotate(-7deg);display:flex;flex-direction:column;gap:22px}.code-decoration>span{font:600 16px 'Space Grotesk';opacity:.45}.code-decoration strong{font:700 clamp(40px,5vw,72px)/1.05 'Space Grotesk';letter-spacing:-4px}.code-decoration strong span{color:#668c46}.faq{padding-top:30px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:24px 0}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px;font:600 19px 'Space Grotesk'}summary::-webkit-details-marker{display:none}summary span{color:var(--accent);font-size:24px;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details p{color:#a6b5ab;max-width:750px;line-height:1.8;font-size:14px;margin:15px 0 0}.footer-cta{border-top:1px solid var(--line);padding:85px 0 110px;display:flex;justify-content:space-between;align-items:end;gap:30px}.footer-cta h2{margin:15px 0}.footer-cta p{color:var(--muted);font-size:14px}.footer{background:#0d1513;border-top:1px solid var(--line)}.footer-top{padding:55px 0;display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-links{display:flex;gap:30px;font-size:13px;color:#b4c2b7}.footer-bottom{border-top:1px solid var(--line);padding:25px 0 35px;display:flex;justify-content:space-between;gap:20px;color:#74877b;font-size:11px}@media(max-width:1000px){.hero{grid-template-columns:1fr;padding-top:45px}.hero-copy{max-width:690px}.hero-art{max-width:680px;width:100%;margin:20px auto 0}.browser-body{height:420px}.section{padding-top:95px;padding-bottom:95px}}@media(max-width:700px){.wrap{width:min(100% - 36px,1180px)}.header{height:74px}.brand{font-size:19px}.brand-mark{width:27px;height:27px}.menu{display:flex;width:38px;height:38px;border:1px solid #405349;border-radius:8px;background:#17221b;flex-direction:column;align-items:center;justify-content:center;gap:5px}.menu span{width:17px;height:2px;background:#d5e7d5}.nav{display:none;position:absolute;top:65px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:12px;background:#14201a;border:1px solid #344b3c;border-radius:12px;box-shadow:0 20px 30px #0008}.nav.open{display:flex}.nav a{padding:14px}.nav-github{border:0}.hero{padding:50px 0 90px;gap:10px;min-height:0}h1{font-size:clamp(48px,12vw,72px);letter-spacing:-3.8px}.lead{font-size:15px}.hero-foot{gap:12px}.browser-body{height:300px}.sidepanel{padding:8px;gap:8px}.photo{height:58px}.panel-head strong{font-size:9px}.panel-logo{font-size:13px;padding:5px}.panel-summary b{font-size:10px}.floating-note{left:-5px;bottom:5px;padding:10px}.floating-note>span{font-size:19px}.floating-note strong{font-size:10px}.floating-note small{font-size:8px}.mock-caption{bottom:-24px}.section{padding-top:75px;padding-bottom:75px}.section-head{display:block}.section-head h2,.open-card h2,.footer-cta h2{font-size:clamp(36px,9vw,52px);letter-spacing:-2px}.section-head>p{margin-top:20px}.features{grid-template-columns:1fr}.feature-large{grid-column:auto;grid-row:auto;min-height:410px}.feature{min-height:220px}.feature-graphic{width:90%;height:150px}.mini-photo{height:105px}.feature h3{font-size:23px}.steps{grid-template-columns:1fr;gap:24px}.step-line{margin:10px 0 16px}.step-number{font-size:40px}.process-cta{flex-direction:column;align-items:start}.open-card{grid-template-columns:1fr;padding:34px 25px}.code-decoration{display:none}.faq{padding-top:20px}.footer-cta{display:block}.footer-cta .btn{margin-top:20px}.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-links{flex-wrap:wrap;gap:18px}summary{font-size:16px}}@media(max-width:390px){.eyebrow{font-size:9px;gap:7px}.hero-actions .btn{width:100%}.browser-body{height:270px}.photo{height:48px}.map-label{display:none}.panel-bottom{font-size:8px}.download-mock{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Real product screenshot replaces the illustrative mockup. */
.hero-art{padding:20px 0 32px}
.real-screenshot{position:relative;margin:0;border:1px solid #50665a;border-radius:16px;overflow:hidden;background:#202825;box-shadow:0 30px 90px #0009;transform:rotate(1deg)}
.real-screenshot img{display:block;width:100%;height:auto;object-fit:contain}
.real-screenshot figcaption{padding:10px 14px;color:#aab9ad;background:#121b19;font-size:11px;line-height:1.5}
@media(max-width:700px){.real-screenshot{transform:none;border-radius:10px}.real-screenshot figcaption{font-size:10px}}