:root{--ink:#111612;--muted:#647067;--paper:#f5f5ef;--line:rgba(17,22,18,.12);--green:#8ed3a7;--deep:#173f2c;--night:#07110c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}
.site-header{position:absolute;z-index:20;top:0;left:50%;width:min(1180px,calc(100% - 48px));height:90px;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12);color:#fff}.brand{display:inline-flex;align-items:center;gap:11px;font-size:22px;font-weight:750;letter-spacing:-.03em}.brand img{border-radius:10px}.site-header nav{display:flex;gap:36px;font-size:14px;color:rgba(255,255,255,.7)}.site-header nav a:hover{color:#fff}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 19px;border-radius:999px;background:var(--green);color:#07110c;font-size:14px;font-weight:750;transition:.2s}.button:hover,.store-button:hover{transform:translateY(-2px)}
.hero{position:relative;min-height:790px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);align-items:center;gap:40px;padding:150px max(40px,calc((100vw - 1180px)/2)) 80px;color:#fff;background:radial-gradient(circle at 82% 35%,rgba(76,172,111,.22),transparent 35%),linear-gradient(105deg,#06110b 0%,#091b11 55%,#081c12 100%)}.hero:before{content:"";position:absolute;inset:0;opacity:.12;background-image:radial-gradient(rgba(255,255,255,.7) .4px,transparent .4px);background-size:5px 5px}.hero-copy{position:relative;z-index:2;max-width:670px}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:25px;color:#aedabb;font-size:11px;font-weight:750;letter-spacing:.15em;text-transform:uppercase}.eyebrow i{width:23px;height:1px;background:currentColor}.hero h1{margin:0;font-size:clamp(58px,6.1vw,88px);font-weight:560;line-height:.95;letter-spacing:-.065em}.hero h1 em{color:var(--green);font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.045em}.hero-copy>p{max-width:570px;margin:32px 0 30px;color:rgba(255,255,255,.68);font-size:18px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:28px}.store-button{display:inline-flex;align-items:center;gap:12px;min-height:58px;padding:0 25px;border-radius:999px;color:#07110c;background:var(--green);font-size:15px;font-weight:750;transition:.2s}.store-button b{font-size:20px}.store-button span{display:grid;line-height:1.05}.store-button small{margin-bottom:3px;font-size:8px;letter-spacing:.14em}.text-link{font-size:14px;font-weight:650;color:rgba(255,255,255,.8)}.trust-row{display:flex;flex-wrap:wrap;gap:22px;margin-top:38px;color:rgba(255,255,255,.48);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.trust-row span{display:flex;gap:7px}
.hero-visual{position:relative;z-index:2;height:590px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(153,226,180,.14);border-radius:50%}.orbit-large{width:530px;height:530px}.orbit-small{width:410px;height:410px}.phone{overflow:hidden;padding:8px;border:1px solid rgba(255,255,255,.18);border-radius:42px;background:#0b100d;box-shadow:0 40px 110px rgba(0,0,0,.5)}.phone img{width:100%;height:100%;object-fit:cover;border-radius:34px}.hero-phone{width:310px;height:550px;transform:rotate(4deg)}.status{position:absolute;display:flex;align-items:center;gap:8px;padding:11px 15px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(9,23,15,.8);backdrop-filter:blur(12px);color:rgba(255,255,255,.85);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.status.connected{right:1%;top:26%}.status.local{left:-3%;bottom:22%}.status i{width:7px;height:7px;border-radius:50%;background:#77dda0;box-shadow:0 0 0 4px rgba(119,221,160,.12)}
.compatibility{min-height:92px;padding:20px max(40px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:25px;color:#657068;background:#e9ebe3;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.compatibility>span{color:#899087;font-size:10px}.compatibility i{width:4px;height:4px;border-radius:50%;background:#9da59d}
.section{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:132px 0}.kicker{margin-bottom:28px;color:#718078;font-size:10px;font-weight:750;letter-spacing:.16em}.heading{display:grid;grid-template-columns:1.1fr .65fr;gap:100px;align-items:end;margin-bottom:64px}h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(43px,5vw,66px);font-weight:400;line-height:1.02;letter-spacing:-.045em}.heading p,.compact-copy>p,.showcase-copy>p{margin:0;color:var(--muted);font-size:16px;line-height:1.75}
.feature-grid{display:grid;grid-template-columns:1.08fr .92fr;grid-template-rows:590px 390px;gap:18px}.card{position:relative;overflow:hidden;padding:42px;border-radius:28px;background:#e9ebe4}.card h3{margin:20px 0 10px;font-size:28px;line-height:1.1;letter-spacing:-.04em}.card p{max-width:430px;margin:0;color:#677169;font-size:14px;line-height:1.7}.round-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#183d2a;background:#b8dec5;font-size:20px}.keyboard-card{grid-row:1/span 2;display:grid;grid-template-rows:auto 1fr;color:#fff;background:#102219}.keyboard-card p{color:rgba(255,255,255,.58)}.keyboard-card .round-icon{color:#07110c;background:var(--green)}.keyboard-stack{position:relative;min-height:560px;margin-top:30px}.keyboard-stack img{position:absolute;width:57%;border:7px solid #0a0f0c;border-radius:25px;box-shadow:0 30px 70px rgba(0,0,0,.4)}.keyboard-back{left:5%;bottom:-170px;transform:rotate(-6deg);opacity:.6}.keyboard-front{right:2%;bottom:-118px;transform:rotate(5deg)}.touch-card{display:grid;grid-template-columns:.78fr 1fr;gap:18px;background:#b9dec6}.touch-card p{color:#40594a}.touch-card>img{align-self:end;width:100%;transform:translate(12px,105px) rotate(3deg);border:6px solid #0c110e;border-radius:26px;box-shadow:0 25px 50px rgba(16,45,29,.22)}.privacy-card{background:#e4e6df}.privacy-card h3,.privacy-card p{max-width:55%}.privacy-orb{position:absolute;right:44px;top:50%;width:160px;height:160px;display:grid;place-items:center;transform:translateY(-50%);border:1px solid #bdc4bc;border-radius:50%;color:#173f2c;font-size:28px}.privacy-bars{display:flex;gap:5px;margin-top:32px}.privacy-bars i{width:48px;height:3px;background:#95ad9d}.privacy-bars i:nth-child(2){width:24px;background:#b9c6bb}.privacy-bars i:nth-child(3){width:9px;background:#cad0c9}
.showcase{min-height:750px;display:grid;grid-template-columns:1fr 1fr;color:#fff;background:var(--night)}.showcase-copy{padding:130px max(50px,calc((100vw - 1180px)/2)) 110px;padding-right:8vw}.showcase-copy .kicker{color:#8fb39c}.showcase-copy>p{max-width:500px;margin-top:28px;color:rgba(255,255,255,.55)}.tabs{margin-top:52px;border-top:1px solid rgba(255,255,255,.12)}.tabs button{width:100%;padding:20px 0;display:flex;align-items:center;gap:25px;border:0;border-bottom:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.38);background:transparent;cursor:pointer;text-align:left;transition:.2s}.tabs button small{font-size:10px;letter-spacing:.12em}.tabs button.active{padding-left:14px;color:var(--green)}.showcase-visual{position:relative;overflow:hidden;display:grid;place-items:center;background:#153322}.showcase-ring{position:absolute;width:570px;height:570px;border:1px solid rgba(183,232,200,.18);border-radius:50%}.showcase-phone{z-index:2;width:300px;height:540px}.reveal{animation:reveal .38s ease both}@keyframes reveal{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps article{min-height:320px;padding:40px 35px;border-right:1px solid var(--line)}.steps article:last-child{border:0}.steps article>small{color:#8b948d;font-size:10px;letter-spacing:.12em}.step-icon{display:grid;place-items:center;width:70px;height:70px;margin:48px 0 32px;border-radius:50%;color:var(--deep);background:#dfe9df;font-size:28px}.steps h3{margin:0 0 12px;font-size:20px;letter-spacing:-.03em}.steps p{max-width:290px;margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.compact{display:grid;grid-template-columns:.95fr 1.05fr;gap:120px;align-items:center;border-top:1px solid var(--line)}.compact-visual{position:relative;height:660px;display:grid;place-items:center;overflow:hidden;border-radius:30px;background:#dfe8df}.compact-visual:before{content:"";position:absolute;width:530px;height:530px;border:1px solid #bdcdbf;border-radius:50%}.compact-visual img{position:relative;z-index:2;width:265px;border:7px solid #0d120f;border-radius:34px;box-shadow:0 40px 70px rgba(25,54,35,.25)}.measure{position:absolute;z-index:3;width:78%;color:#476150;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.measure:before{content:"";display:inline-block;width:70%;height:1px;margin-right:10px;vertical-align:middle;background:#82988a}.measure.top{top:31%;left:5%}.measure.bottom{right:5%;bottom:28%;text-align:right}.compact-copy h2{margin-bottom:30px}.compact-copy ul{display:grid;gap:15px;padding:0;margin:35px 0 0;list-style:none;color:#3e4c43;font-size:14px}.compact-copy li{display:flex;align-items:center;gap:12px}.compact-copy li i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#cfe2d3;color:#153d27;font-style:normal}
.faq{display:grid;grid-template-columns:.78fr 1.22fr;gap:120px;border-top:1px solid var(--line)}.faq>div>p{max-width:360px;color:var(--muted);line-height:1.7}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:17px;font-weight:650;letter-spacing:-.02em}summary::-webkit-details-marker{display:none}summary span{font-size:22px;font-weight:300;color:#819187;transition:.2s}details[open] summary span{transform:rotate(45deg)}details p{margin:-5px 40px 24px 0;color:var(--muted);font-size:14px;line-height:1.7}
.download{position:relative;overflow:hidden;width:min(1320px,calc(100% - 48px));min-height:520px;margin:0 auto 24px;padding:85px 9%;display:grid;grid-template-columns:.45fr 1fr;align-items:center;gap:60px;border-radius:34px;color:#fff;background:#0b1d13}.download:after{content:"";position:absolute;width:520px;height:520px;right:-190px;top:-150px;border:1px solid rgba(140,218,168,.15);border-radius:50%;box-shadow:0 0 0 80px rgba(140,218,168,.025),0 0 0 160px rgba(140,218,168,.018)}.download>img{border-radius:38px;box-shadow:0 20px 70px rgba(0,0,0,.25)}.download h2{font-size:clamp(50px,5vw,72px)}.download p{max-width:590px;margin:24px 0 30px;color:rgba(255,255,255,.58);line-height:1.7}.download .store-button{position:relative;z-index:2}
footer{width:min(1180px,calc(100% - 48px));min-height:120px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#778079;font-size:12px}footer .brand{color:var(--ink)}footer p{margin:0}footer>span{text-align:right}.footer-links{display:flex;align-items:center;justify-content:center;gap:24px}.footer-links a{transition:color .2s}.footer-links a:hover,.footer-links a.active{color:var(--ink)}
.legal-page{background:#f2f3ec}.legal-header{width:min(1180px,calc(100% - 48px));height:92px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.legal-header .brand{color:var(--ink)}.back-link{color:#657068;font-size:13px;font-weight:650;transition:color .2s}.back-link:hover{color:var(--ink)}.legal-shell{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:105px 0 120px;display:grid;grid-template-columns:320px minmax(0,720px);justify-content:space-between;gap:100px}.legal-aside{position:sticky;top:55px;align-self:start}.legal-aside h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:70px;font-weight:400;line-height:.92;letter-spacing:-.055em}.legal-aside>p{margin:26px 0 0;color:#7b857e;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.legal-content{min-width:0}.legal-lede{margin:0 0 68px;color:#263029;font-family:Georgia,"Times New Roman",serif;font-size:28px;line-height:1.48;letter-spacing:-.025em}.legal-content section{padding:36px 0;border-top:1px solid var(--line)}.legal-content section:last-child{border-bottom:1px solid var(--line)}.legal-content h2{margin:0 0 18px;font-family:inherit;font-size:19px;font-weight:750;line-height:1.3;letter-spacing:-.025em}.legal-content p,.legal-content li{color:#58635b;font-size:15px;line-height:1.78}.legal-content p{margin:0 0 14px}.legal-content p:last-child{margin-bottom:0}.legal-content ul{margin:12px 0 16px;padding-left:22px}.legal-content li{margin:8px 0}.legal-content strong{color:#273129}.legal-content a{color:#1d5d39;text-decoration:underline;text-underline-offset:3px}.legal-content code{padding:3px 7px;border-radius:6px;background:#e1e6df;color:#334138;font-size:13px}.legal-footer{border-top:1px solid var(--line)}
@media(max-width:980px){.hero{grid-template-columns:1fr .72fr}.hero-phone{width:260px;height:470px}.orbit-large{width:430px;height:430px}.orbit-small{width:340px;height:340px}.feature-grid{grid-template-columns:1fr;grid-template-rows:720px 490px 350px}.keyboard-card{grid-row:auto}.keyboard-stack{min-height:440px}.keyboard-stack img{width:42%}.keyboard-back{bottom:-190px;left:20%}.keyboard-front{right:17%;bottom:-145px}.showcase-copy{padding-left:7vw;padding-right:7vw}.compact,.faq{gap:60px}}
@media(max-width:760px){.site-header{width:calc(100% - 32px);height:74px}.site-header nav,.button-small{display:none}.hero{min-height:auto;grid-template-columns:1fr;padding:122px 24px 68px;text-align:center}.hero-copy{display:flex;flex-direction:column;align-items:center}.hero h1{font-size:clamp(50px,14.5vw,72px)}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column;gap:20px}.trust-row{justify-content:center;gap:14px}.hero-visual{height:540px;margin-top:20px}.status.connected{right:2%}.status.local{left:2%}.compatibility{min-height:76px;justify-content:center;overflow:hidden}.compatibility>span,.compatibility i,.compatibility b:last-child{display:none}.section{width:calc(100% - 32px);padding:90px 0}.heading{grid-template-columns:1fr;gap:22px;margin-bottom:42px}h2{font-size:44px}.feature-grid{grid-template-rows:710px 540px 390px}.card{padding:30px;border-radius:23px}.touch-card{grid-template-columns:1fr}.touch-card>img{width:61%;justify-self:center;transform:translateY(88px)}.privacy-orb{width:125px;height:125px;right:25px;top:auto;bottom:20px;transform:none}.privacy-card h3,.privacy-card p{max-width:76%}.showcase{grid-template-columns:1fr}.showcase-copy{padding:90px 24px 60px}.showcase-visual{min-height:650px}.steps{grid-template-columns:1fr}.steps article{min-height:250px;border-right:0;border-bottom:1px solid var(--line)}.step-icon{margin:30px 0 22px}.compact{grid-template-columns:1fr;gap:50px}.compact-visual{height:580px}.compact-copy{order:-1}.faq{grid-template-columns:1fr;gap:45px}.download{width:calc(100% - 32px);padding:70px 30px;grid-template-columns:1fr;gap:35px;text-align:center}.download>img{width:96px;height:96px;margin:auto;border-radius:27px}.download .eyebrow{justify-content:center}footer{width:calc(100% - 32px);padding:35px 0;grid-template-columns:1fr;justify-items:center;gap:18px}footer>span{text-align:center}.footer-links{flex-wrap:wrap}.legal-header{width:calc(100% - 32px);height:76px}.legal-header .brand{font-size:19px}.legal-shell{width:calc(100% - 32px);padding:70px 0 90px;grid-template-columns:1fr;gap:55px}.legal-aside{position:static}.legal-aside h1{font-size:56px}.legal-lede{margin-bottom:48px;font-size:23px}.legal-content section{padding:30px 0}.legal-content p,.legal-content li{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}