:root{--ink:#111714;--muted:#65716c;--green:#075248;--mint:#d9eee9;--sky:#c4eaf6;--bg:#f2f4f1;--line:#d8dfdb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;top:-50px;left:20px;z-index:100;padding:12px;background:#fff}.skip:focus{top:20px}.header{width:min(1400px,calc(100% - 48px));height:74px;margin:20px auto 0;padding:10px 12px 10px 22px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;position:relative;z-index:20;border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 10px 34px #163b3020}.brand img{width:170px;display:block}.desktop{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:650}.desktop.actions{justify-content:flex-end;gap:8px}.btn{min-height:45px;padding:0 21px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:999px;font-size:14px;font-weight:750;transition:.2s}.btn:hover{transform:translateY(-2px)}.primary{color:#fff;background:var(--green)}.secondary{border-color:#bdc8c3;background:#fff}.large{min-height:54px;padding:0 28px}.menu,.mobile-menu{display:none}main{overflow:hidden}.hero{width:min(1440px,calc(100% - 48px));min-height:780px;margin:16px auto 0;padding:90px 6vw 40px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:5vw;border-radius:34px;background:#fff}.eyebrow{margin:0 0 20px;color:#087565;font-size:11px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.eyebrow:before{content:"";display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:#1db7a0}.hero h1,h2,.page-hero h1{margin:0 0 22px;font-size:clamp(45px,5.2vw,78px);line-height:.99;letter-spacing:-.06em}.hero h1 span{color:#9ca5a1}.lead,.heading>p:last-child,.showcase>div>p,.mobile-block>div>p,.page-hero>p{color:var(--muted);font-size:18px;line-height:1.65}.cta{margin-top:30px;display:flex;align-items:center;gap:22px}.explore{font-weight:750}.product{height:590px;position:relative}.desktop-ui{position:absolute;right:0;top:45px;width:95%;height:475px;border:7px solid #16201c;border-radius:26px;background:#fff;overflow:hidden;box-shadow:0 30px 70px #15352a2c;transform:rotate(1.5deg)}.window{height:39px;padding:0 13px;display:flex;align-items:center;gap:6px;background:#edf1ee}.window b{width:7px;height:7px;border-radius:50%;background:#c3cac6}.window small{margin-left:15px;color:#7e8984}.dash{height:100%;display:grid;grid-template-columns:58px 1fr}.dash aside{padding:18px 15px;display:flex;flex-direction:column;align-items:center;gap:22px;background:#f5f7f6}.dash aside img{width:28px}.dash aside i{width:24px;height:10px;border-radius:8px;background:#dbe2de}.dash>div{padding:30px}.dash h3{font-size:26px;margin:0}.metrics{margin:25px 0 15px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metrics article,.panel{padding:16px;border:1px solid #e1e7e3;border-radius:13px}.metrics small{font-size:7px;color:#7f8984}.metrics strong{display:block;margin-top:8px;font-size:23px}.panel p{padding:10px 0;margin:0;border-bottom:1px solid #edf0ee;font-size:11px}.panel p span{float:right;color:#89938e}.phone{position:absolute;z-index:3;left:-25px;bottom:-45px;width:200px;filter:drop-shadow(0 25px 28px #0c241d38);transform:rotate(-5deg)}.note{position:absolute;z-index:4;right:-8px;bottom:45px;padding:17px 20px;border-radius:15px;color:#fff;background:var(--green);box-shadow:0 15px 34px #0a3d3238;font-weight:800}.note span{margin-left:8px}.section{width:min(1280px,calc(100% - 96px));margin:0 auto;padding:135px 0}.heading{max-width:820px;margin:0 auto 60px;text-align:center}.heading h2,.showcase h2,.mobile-block h2,.final h2{font-size:clamp(42px,5vw,66px)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cards article{min-height:475px;padding:30px;display:flex;flex-direction:column;border-radius:28px;background:#fff}.cards .dark{color:#fff;background:var(--green)}.cards article>span{font-size:10px;font-weight:850}.cards h3{margin:auto 0 12px;font-size:28px;letter-spacing:-.04em}.cards p{margin:0;color:var(--muted);line-height:1.6}.cards .dark p{color:#ffffffa8}.art{height:190px;margin-top:38px;position:relative}.circles:before,.circles:after{content:"";position:absolute;border:1px solid #cddbd5;border-radius:50%}.circles:before{inset:10px 70px}.circles:after{inset:48px 108px;background:var(--mint)}.stack:before,.stack:after{content:"";position:absolute;height:70px;left:15px;right:15px;border:1px solid #ffffff3a;border-radius:16px;background:#ffffff10}.stack:after{top:58px;left:40px;right:-5px;background:#fff}.mini{width:130px;height:190px;margin:35px auto;border:5px solid #17211d;border-radius:28px;background:linear-gradient(#fff 0 25%,var(--mint) 25% 55%,#fff 55%)}.showcase{padding:130px max(48px,calc((100% - 1280px)/2));display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:8vw;color:#fff;background:var(--green)}.eyebrow.light{color:#9de0d5}.showcase>div>p{color:#ffffffa8}.show-ui{min-height:500px;padding:20px;display:grid;grid-template-columns:65px 1fr;gap:22px;border-radius:27px;color:var(--ink);background:#f4f7f5;box-shadow:0 30px 65px #0003}.show-ui>img{width:38px}.show-ui h3{font-size:31px}.show-ui article{width:48%;margin-right:2%;padding:20px;display:inline-flex;flex-direction:column;border-radius:14px;background:#fff}.show-ui article span{margin-top:5px;color:var(--muted);font-size:10px}.show-ui section{margin-top:15px;padding:22px;border-radius:14px;background:#fff}.show-ui section em{float:right;padding:5px 9px;border-radius:99px;color:var(--green);background:var(--mint);font-size:9px}.show-ui section p{height:7px;width:80%;border-radius:99px;background:#e8ecea}.steps ol{padding:0;margin:0;list-style:none;border-top:1px solid var(--line)}.steps li{padding:34px 0;display:grid;grid-template-columns:100px 1fr;border-bottom:1px solid var(--line)}.steps li>span{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--green);font-weight:800}.steps h3{margin:3px 0 10px;font-size:30px}.steps li p{color:var(--muted)}.mobile-block{width:min(1280px,calc(100% - 96px));margin:0 auto 135px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:8vw}.phone-art{height:650px;border-radius:34px;background:linear-gradient(145deg,var(--mint),var(--sky));position:relative;overflow:hidden}.phone-art img{position:absolute;left:50%;top:38px;width:315px;transform:translateX(-50%) rotate(-3deg);filter:drop-shadow(0 28px 35px #12352c3b)}.mobile-block .btn{margin-top:18px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;border-top:1px solid var(--line)}.heading.left{text-align:left;margin:0}.faq details{border-bottom:1px solid #c7d0cb}.faq summary{padding:27px 45px 27px 0;position:relative;list-style:none;cursor:pointer;font-size:20px;font-weight:750}.faq summary:after{content:"+";position:absolute;right:3px;top:22px;width:32px;height:32px;display:grid;place-items:center;border:1px solid #b8c5bf;border-radius:50%}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{padding:0 45px 24px 0;color:var(--muted);line-height:1.6}.final{width:min(1440px,calc(100% - 48px));min-height:550px;margin:0 auto 22px;padding:80px 30px;display:grid;place-items:center;align-content:center;text-align:center;color:#fff;border-radius:34px;background:var(--green)}.final img{width:56px;filter:brightness(0) invert(1)}.final p{color:#ffffffab;font-size:18px}.final h2{max-width:820px;margin:25px 0 12px}footer{width:min(1280px,calc(100% - 96px));min-height:210px;margin:auto;padding:48px 0;display:grid;grid-template-columns:1fr auto;gap:30px}footer img{width:180px}footer p{max-width:480px;color:var(--muted);line-height:1.6}footer nav{display:flex;gap:22px;font-size:13px;font-weight:700}footer small{align-self:end;color:#89938e}.page{width:min(1280px,calc(100% - 48px));margin:16px auto 22px}.page-hero{min-height:410px;padding:90px 8vw;display:flex;flex-direction:column;justify-content:center;border-radius:34px;background:#fff}.page-hero h1{max-width:850px}.page-hero>p{max-width:760px}.contact{padding:85px 8vw;display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw}.contact h2{font-size:42px}.contact>div>p{color:var(--muted);line-height:1.6}.form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:750}.field input,.field select,.field textarea{padding:15px;border:1px solid #c7d1cc;border-radius:12px;background:#fff;font:inherit}.field textarea{min-height:130px}.status{grid-column:1/-1;color:var(--green);font-weight:700}.legal{max-width:850px;padding:80px 8vw 120px}.notice{padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--muted);line-height:1.65}.reveal{opacity:0;transform:translateY(20px);transition:.7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.header{grid-template-columns:1fr auto}.desktop{display:none}.menu{width:45px;height:45px;display:grid;place-content:center;gap:6px;border:0;border-radius:50%;background:var(--green)}.menu i{width:18px;height:2px;background:#fff}.header.open{border-radius:28px 28px 0 0}.header.open .mobile-menu{position:absolute;top:72px;left:0;right:0;padding:25px;display:grid;gap:12px;border-radius:0 0 28px 28px;background:#fff}.mobile-menu nav{display:grid;gap:20px;margin-bottom:10px;font-weight:700}.hero,.showcase,.mobile-block,.faq,.contact{grid-template-columns:1fr}.product{margin-top:20px}.cards{grid-template-columns:1fr 1fr}.cards article:last-child{grid-column:1/-1}.mobile-block>div:last-child{grid-row:1}.faq{gap:45px}}
@media(max-width:680px){.header{width:calc(100% - 24px);margin-top:12px}.brand img{width:148px}.hero{width:calc(100% - 24px);padding:70px 24px 20px;grid-template-columns:1fr;border-radius:26px}.hero h1{font-size:49px}.lead{font-size:16px}.cta{align-items:flex-start;flex-direction:column}.product{height:430px}.desktop-ui{width:115%;right:-20%;height:350px}.phone{width:145px;left:-5px}.note{bottom:15px;font-size:11px}.section,.mobile-block,.faq{width:calc(100% - 48px);padding:95px 0}.heading{text-align:left}.heading h2,.showcase h2,.mobile-block h2,.final h2,.page-hero h1{font-size:42px}.cards{grid-template-columns:1fr}.cards article,.cards article:last-child{grid-column:auto}.showcase{padding:95px 24px}.show-ui{grid-template-columns:42px 1fr;padding:12px}.show-ui article{width:100%;margin:6px 0}.show-ui article+article{display:none}.steps li{grid-template-columns:65px 1fr}.phone-art{height:510px}.phone-art img{width:250px}.final{width:calc(100% - 24px);border-radius:26px}.page{width:calc(100% - 24px)}.page-hero{padding:70px 24px;border-radius:26px}.contact{padding:70px 12px}.form{grid-template-columns:1fr}.field.full{grid-column:auto}footer{width:calc(100% - 48px);grid-template-columns:1fr}footer nav{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.reveal{opacity:1;transform:none}}
