:root{color-scheme:dark;--ink: oklch(93% .004 270);--muted: oklch(70% .006 270);--soft: oklch(84% .005 270);--paper: oklch(15% .006 270);--night: oklch(9% .004 270);--panel: oklch(21% .006 270);--panel-soft: oklch(28% .006 270);--line: oklch(92% .004 270 / 13%);--accent: oklch(86% .004 270);--accent-dark: oklch(23% .005 270);--shadow: 0 28px 84px oklch(2% .002 270 / 48%);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--paper);color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 10% 16%,oklch(48% .006 270 / 24%),transparent 27rem),radial-gradient(circle at 84% 18%,oklch(72% .005 270 / 10%),transparent 30rem),radial-gradient(circle at 62% 76%,oklch(36% .006 270 / 20%),transparent 32rem),linear-gradient(135deg,var(--night),var(--paper) 48%,oklch(12% .004 270))}a{color:inherit;text-decoration:none}.hero{min-height:100svh;padding:clamp(.65rem,1.4vw,1rem) clamp(1rem,2vw,1.5rem) clamp(1rem,2vw,1.5rem);background:linear-gradient(90deg,oklch(100% 0 0 / 2%) 1px,transparent 1px),linear-gradient(0deg,oklch(100% 0 0 / 2%) 1px,transparent 1px);background-size:42px 42px}.nav{display:flex;align-items:center;justify-content:space-between;max-width:1160px;margin:0 auto;padding:.55rem 0 .9rem}.brand,.nav-link,.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px}.brand{gap:.8rem;font-size:clamp(1.12rem,1.6vw,1.45rem);font-weight:900;letter-spacing:0;color:var(--ink)}.brand-mark{width:clamp(3.25rem,5vw,4.25rem);height:clamp(3.25rem,5vw,4.25rem);border:1px solid oklch(100% 0 0 / 16%);border-radius:1.15rem;display:grid;place-items:center;color:var(--ink);background:radial-gradient(circle at 24% 18%,oklch(76% .005 270 / 22%),transparent 32%),radial-gradient(circle at 82% 80%,oklch(52% .006 270 / 24%),transparent 34%),linear-gradient(145deg,#191a1d,#010202);box-shadow:0 18px 48px #0000006b,inset 0 1px #ffffff1f;overflow:hidden}.brand-mark svg{width:66%;height:66%;filter:drop-shadow(0 3px 10px oklch(2% .002 270 / 42%))}.brand>span:last-child{text-shadow:0 8px 28px oklch(2% .002 270 / 28%)}.nav-link{padding:0 1rem;border:1px solid oklch(100% 0 0 / 14%);border-radius:999px;background:#ffffff0d;color:var(--soft);font-size:.95rem;font-weight:700;backdrop-filter:blur(16px)}.hero-grid{max-width:1160px;margin:0 auto;min-height:calc(100svh - 7rem);display:grid;grid-template-columns:minmax(0,1fr);align-items:center;align-content:center;gap:clamp(1.25rem,3vw,2.25rem);padding:clamp(1rem,3vw,2rem) 0 clamp(1rem,2.5vw,1.8rem)}.hero-copy{max-width:70rem;justify-self:center;text-align:center}.phone-stage{display:none}.eyebrow{margin:0 0 .85rem;color:var(--soft);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:18ch;margin:0 auto .85rem;font-size:clamp(2.8rem,4.9vw,4.9rem);line-height:.96;letter-spacing:0;color:var(--ink);text-shadow:0 18px 60px oklch(2% .002 270 / 40%)}.lede{max-width:60ch;margin-inline:auto;color:var(--muted);font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.62}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.25rem}.button{border-radius:999px;padding:.85rem 1.2rem;font-weight:800}.button.primary{background:linear-gradient(135deg,#dddee1,#9d9ea2);color:#0a0b0d;box-shadow:0 18px 52px #00000057}.button.secondary{border:1px solid oklch(100% 0 0 / 16%);background:#ffffff12;color:var(--soft);backdrop-filter:blur(16px)}.mockup{--rotate: 0deg;--scale: 1;--lift: 0;position:relative;margin:0;width:min(100%,21.5rem);aspect-ratio:1419 / 2796;filter:drop-shadow(0 28px 70px oklch(2% .002 270 / 46%));transform:translateY(var(--lift)) rotate(var(--rotate)) scale(var(--scale));transition:transform .26s cubic-bezier(.16,1,.3,1),filter .26s cubic-bezier(.16,1,.3,1);will-change:transform}.mockup img{display:block;width:100%;height:100%;object-fit:contain}.hero-mockup{position:absolute;inset:auto;transition:none}.mockup-1{z-index:3;top:0;left:50%;width:min(74%,21.5rem);--rotate: 1deg;transform:translate(-50%) translateY(var(--lift)) rotate(var(--rotate)) scale(var(--scale))}.mockup-2{z-index:2;top:5rem;left:0;width:min(56%,15.75rem);opacity:.86;--rotate: -10deg}.mockup-3{z-index:2;top:5.4rem;right:0;width:min(56%,15.75rem);opacity:.86;--rotate: 10deg}.screen-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2vw,1.75rem);max-width:1160px;margin:0 auto;padding-inline:max(clamp(1rem,2vw,1.5rem),calc((100vw - 1160px)/2))}.hero-screen-row{width:100%;padding-inline:0;align-items:end}.small-mockup{width:100%;max-width:12.75rem;justify-self:center;--lift: 0;--rotate: 0deg}.small-mockup:hover{--rotate: 0deg;--scale: 1.045;filter:drop-shadow(0 34px 86px oklch(2% .002 270 / 58%))}.feature-showcase,.privacy,footer{max-width:1160px;margin:0 auto;padding-inline:clamp(1rem,2vw,1.5rem)}.feature-showcase{padding-top:clamp(3rem,7vw,5.5rem);padding-bottom:clamp(3rem,7vw,5.5rem);border-top:1px solid var(--line)}.feature-heading{max-width:48rem;margin-bottom:clamp(1.5rem,4vw,2.5rem)}h2{max-width:13ch;font-size:clamp(2.3rem,5vw,5.2rem);line-height:.96;letter-spacing:0}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border-top:1px solid var(--line);border-left:1px solid var(--line);background:var(--line)}.feature-card{display:grid;grid-template-columns:3.5rem 1fr;gap:clamp(1rem,2vw,1.4rem);align-items:start;min-height:10.5rem;padding:clamp(1.15rem,2.6vw,1.75rem);background:linear-gradient(145deg,#191a1db8,#08090bf0),var(--paper)}.feature-icon{width:2.4rem;height:2.4rem;padding:.45rem;border:1px solid var(--line);border-radius:.8rem;color:var(--soft);background:#ffffff0a;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;fill:none}.feature-card h3{margin-bottom:.4rem;font-size:clamp(1.05rem,1.5vw,1.25rem);text-transform:uppercase;letter-spacing:.04em}.feature-card p,.privacy>p,footer p{color:var(--muted);line-height:1.7}.privacy{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.25rem,4vw,3rem);align-items:center;padding-top:clamp(2rem,5vw,3.75rem);padding-bottom:clamp(2rem,5vw,3.75rem);border-top:1px solid var(--line);background:radial-gradient(circle at 15% 68%,oklch(60% .006 270 / 9%),transparent 22rem),radial-gradient(circle at 82% 32%,oklch(78% .005 270 / 7%),transparent 24rem)}.privacy>p{max-width:62ch;font-size:clamp(1.05rem,1.6vw,1.25rem)}footer{display:flex;justify-content:space-between;gap:1rem;padding-top:1.5rem;padding-bottom:2rem;border-top:1px solid var(--line)}footer p{margin:0}.footer-links{display:flex;flex-wrap:wrap;gap:.9rem;color:var(--muted);font-size:.95rem}footer a{color:inherit;font-weight:650;text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.18em}footer p a{color:var(--ink);font-weight:800}.legal-header{padding:clamp(.65rem,1.4vw,1rem) clamp(1rem,2vw,1.5rem) 0}.legal-page{max-width:1160px;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1rem,2vw,1.5rem) clamp(3rem,7vw,5rem)}.legal-content{max-width:52rem}.legal-content h1{max-width:none;margin:0 0 .75rem;font-size:clamp(2.4rem,5vw,4.6rem);text-align:left}.legal-content h2{max-width:26ch;margin:2.75rem 0 1rem;font-size:clamp(1.65rem,3.2vw,2.8rem);line-height:1.05}.legal-content h3{margin:2rem 0 .75rem;color:var(--ink);font-size:clamp(1.1rem,1.8vw,1.35rem);line-height:1.25}.legal-content p,.legal-content li{color:var(--muted);font-size:1rem;line-height:1.75}.legal-content p{margin-bottom:1rem}.legal-content strong{color:var(--soft)}.legal-content a{color:var(--ink);font-weight:700;text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.18em}.legal-content hr{height:1px;margin:2rem 0;border:0;background:var(--line)}@media(max-width:820px){.hero{min-height:auto}.hero-grid,.privacy{grid-template-columns:1fr}.hero-grid{min-height:auto}.privacy{gap:1rem;padding-top:2rem;padding-bottom:2rem}h1{max-width:13ch;font-size:clamp(2.8rem,12vw,4.6rem)}.feature-grid{grid-template-columns:1fr}.screen-row{grid-template-columns:1fr;overflow:visible;padding-bottom:0}.hero-screen-row{padding-inline:0}.small-mockup{max-width:min(72vw,15rem)}.small-mockup:nth-child(n+2){display:none}footer{flex-direction:column}}@media(max-width:460px){.nav{align-items:flex-start;gap:.75rem}.nav-link{padding-inline:.8rem}.feature-card{grid-template-columns:1fr}}
