:root { --ink:#0d1d1b; --muted:#5d6e6b; --teal:#0f766e; --teal-dark:#0a4f4a; --mint:#d8f5ec; --paper:#f5f7f3; --line:#dfe7e2; --orange:#e36f34; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:inherit; }
.site-header { width:min(1180px,calc(100% - 48px)); height:82px; display:flex; align-items:center; justify-content:space-between; margin:auto; }
.brand { display:inline-flex; align-items:center; gap:11px; color:var(--ink); font-size:16px; font-weight:850; letter-spacing:-.3px; text-decoration:none; }
.brand-mark { width:36px; height:36px; display:grid; place-items:center; border-radius:10px; background:var(--teal); color:white; font-size:13px; font-weight:900; }
nav { display:flex; align-items:center; gap:26px; }
nav a { color:#465854; font-size:13px; font-weight:700; text-decoration:none; }
nav a:hover { color:var(--teal); }
.nav-cta { border:1px solid #bdccc6; border-radius:9px; padding:10px 14px; background:#fff; }
.hero { width:min(1180px,calc(100% - 48px)); min-height:650px; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(440px,.95fr); align-items:center; gap:70px; margin:0 auto; padding:64px 0 86px; }
.eyebrow { color:var(--teal); font-size:11px; font-weight:850; letter-spacing:1.3px; text-transform:uppercase; }
h1 { max-width:700px; margin:18px 0 22px; font-size:clamp(48px,6vw,78px); line-height:.98; letter-spacing:-4px; }
.hero-copy>p { max-width:610px; margin:0; color:var(--muted); font-size:18px; line-height:1.65; }
.hero-actions { display:flex; align-items:center; gap:12px; margin-top:34px; }
.button { min-height:48px; display:inline-flex; align-items:center; justify-content:center; gap:10px; border-radius:11px; padding:0 19px; font-size:14px; font-weight:800; text-decoration:none; }
.button.primary { background:var(--teal); color:#fff; box-shadow:0 10px 28px rgba(15,118,110,.22); }
.button.primary:hover { background:var(--teal-dark); }
.button.quiet { color:#40514e; }
.button.quiet:hover { background:#e9eeea; }
.trust-row { display:flex; flex-wrap:wrap; gap:18px; margin-top:31px; color:#6d7d79; font-size:11px; font-weight:700; }
.trust-row span { display:flex; align-items:center; gap:7px; }
.trust-row i { width:6px; height:6px; border-radius:50%; background:#3cb59b; }
.product-scene { position:relative; min-height:500px; }
.glow { position:absolute; inset:14% 5% 8%; border-radius:50%; background:radial-gradient(circle,#b8ebdc 0,rgba(184,235,220,.15) 56%,transparent 72%); filter:blur(15px); }
.terminal-card,.dashboard-card { position:absolute; border:1px solid rgba(255,255,255,.75); background:rgba(255,255,255,.91); box-shadow:0 28px 70px rgba(21,55,49,.16); backdrop-filter:blur(14px); }
.terminal-card { z-index:2; top:28px; left:4px; width:270px; min-height:360px; display:flex; flex-direction:column; align-items:center; border-radius:30px; padding:22px; transform:rotate(-4deg); }
.terminal-top { width:100%; display:flex; align-items:center; justify-content:space-between; }
.mini-brand { width:28px; height:28px; display:grid; place-items:center; border-radius:8px; background:var(--teal); color:#fff; font-size:9px; font-weight:900; }
.online { display:flex; align-items:center; gap:6px; color:#71817e; font-size:10px; font-weight:750; }
.online i { width:6px; height:6px; border-radius:50%; background:#22b788; }
.tap-icon { width:118px; height:118px; display:grid; place-items:center; margin:55px 0 26px; border-radius:50%; background:var(--mint); color:var(--teal); }
.tap-icon svg { width:68px; height:68px; }
.terminal-card strong { font-size:21px; letter-spacing:-.5px; }
.terminal-card>span { margin-top:7px; color:#71817e; font-size:12px; }
.dashboard-card { z-index:3; right:0; bottom:26px; width:340px; min-height:300px; border-radius:22px; padding:22px; transform:rotate(3deg); }
.dash-head { display:flex; align-items:flex-start; justify-content:space-between; }
.dash-head small { display:block; margin-bottom:6px; color:#84928f; font-size:8px; font-weight:850; letter-spacing:1px; }
.dash-head strong { font-size:15px; }
.dash-head>span { border-radius:99px; padding:5px 8px; background:#e6f8f1; color:var(--teal); font-size:9px; font-weight:800; }
.dash-stat { margin-top:24px; }
.dash-stat strong { font-size:34px; letter-spacing:-1.5px; }
.dash-stat span { display:block; margin-top:2px; color:#7a8986; font-size:10px; }
.dash-bars { height:62px; display:flex; align-items:flex-end; gap:8px; margin:18px 0 20px; border-bottom:1px solid var(--line); }
.dash-bars i { width:100%; height:var(--h); border-radius:4px 4px 0 0; background:#65c5af; }
.dash-bars i:nth-last-child(-n+2) { background:#d8e3df; }
.dash-row { display:flex; align-items:center; justify-content:space-between; border-top:1px solid #edf1ee; padding:11px 0 0; margin-top:11px; font-size:10px; }
.dash-row span { display:flex; align-items:center; gap:7px; color:#687875; }
.dot { width:7px; height:7px; border-radius:50%; }.dot.green{background:#21aa80}.dot.orange{background:var(--orange)}
.benefits { width:min(1180px,calc(100% - 48px)); display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); margin:0 auto; }
.benefits article { padding:44px 38px 48px; }
.benefits article+article { border-left:1px solid var(--line); }
.feature-number { color:#91a09c; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:11px; }
.benefits h2 { margin:26px 0 12px; font-size:20px; letter-spacing:-.5px; }
.benefits p { margin:0; color:var(--muted); font-size:14px; line-height:1.7; }
.workflow { width:min(1080px,calc(100% - 48px)); display:grid; grid-template-columns:.8fr 1.2fr; gap:110px; margin:0 auto; padding:130px 0; }
.workflow-copy { position:sticky; top:50px; align-self:start; }
.workflow h2 { margin:16px 0; font-size:42px; line-height:1.05; letter-spacing:-2px; }
.workflow-copy p { color:var(--muted); line-height:1.7; }
.workflow ol { margin:0; padding:0; list-style:none; }
.workflow li { display:grid; grid-template-columns:44px 1fr; gap:18px; border-top:1px solid var(--line); padding:25px 0; }
.workflow li:last-child { border-bottom:1px solid var(--line); }
.workflow li>span { width:34px; height:34px; display:grid; place-items:center; border-radius:50%; background:var(--mint); color:var(--teal); font-size:12px; font-weight:850; }
.workflow li strong { font-size:16px; }
.workflow li p { margin:7px 0 0; color:var(--muted); font-size:13px; line-height:1.6; }
.final-cta { width:min(1180px,calc(100% - 48px)); display:flex; align-items:center; justify-content:space-between; gap:30px; margin:0 auto 34px; border-radius:24px; padding:50px 54px; background:var(--teal-dark); color:white; }
.final-cta .eyebrow { color:#8bd4c2; }
.final-cta h2 { margin:10px 0 0; font-size:34px; letter-spacing:-1.5px; }
.button.light { background:#fff; color:var(--teal-dark); }
.button.light:hover { background:var(--mint); }
footer { width:min(1180px,calc(100% - 48px)); display:flex; align-items:center; justify-content:space-between; gap:24px; margin:auto; padding:36px 0 48px; color:#75837f; font-size:12px; }
footer .brand { color:var(--ink); }
.footer-links { display:flex; gap:18px; }
.footer-links a { text-decoration:none; }
.footer-links a:hover { color:var(--teal); }
.policy-main { width:min(760px,calc(100% - 48px)); margin:56px auto 100px; }
.policy-main h1 { margin-bottom:18px; font-size:clamp(38px,6vw,58px); letter-spacing:-2px; }
.policy-main h2 { margin:42px 0 12px; font-size:21px; }
.policy-main p,.policy-main li { color:var(--muted); font-size:15px; line-height:1.75; }
.policy-main ul { padding-left:22px; }
.policy-meta { border-bottom:1px solid var(--line); padding-bottom:28px; }
.policy-contact { border-radius:16px; margin-top:36px; padding:22px; background:#fff; border:1px solid var(--line); }
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:48px}.product-scene{width:min(560px,100%);margin:auto}.benefits{grid-template-columns:1fr}.benefits article+article{border-left:0;border-top:1px solid var(--line)}.workflow{grid-template-columns:1fr;gap:50px}.workflow-copy{position:static}.final-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.site-header,.hero,.benefits,.workflow,.final-cta,footer{width:min(100% - 30px,1180px)}.site-header nav>a:first-child{display:none}nav{gap:8px}h1{font-size:47px;letter-spacing:-2.5px}.hero{gap:28px;padding:48px 0 60px}.hero-copy>p{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column}.trust-row{gap:10px 16px}.product-scene{min-height:430px}.terminal-card{width:230px;min-height:315px}.tap-icon{width:96px;height:96px;margin:42px 0 23px}.dashboard-card{width:270px;min-height:270px;padding:18px}.benefits article{padding:35px 24px}.workflow{padding:90px 0}.workflow h2{font-size:36px}.final-cta{padding:36px 28px}.final-cta .button{width:100%}footer{align-items:flex-start;flex-direction:column}}