:root{--bg: #08101c;--bg-2: #0d1b2a;--panel: rgba(255, 255, 255, .04);--line: rgba(255, 255, 255, .09);--ink: #eaf2ff;--muted: #8ea0b6;--teal: #4fd1c5;--teal-deep: #2bb6ab;--green: #4ade80;--amber: #f6c453;--danger: #e5484d;--radius: 18px;--maxw: 1140px;--sans: "Hanken Grotesk", system-ui, sans-serif;--disp: "Bricolage Grotesque", var(--sans);--mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);background:radial-gradient(1200px 800px at 80% -10%,#12263c 0%,var(--bg) 55%) fixed;color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}code{font-family:var(--mono);font-size:.86em}.ink{color:var(--teal)}.grain{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");mix-blend-mode:overlay}.glow{position:fixed;z-index:0;filter:blur(90px);pointer-events:none;border-radius:50%;opacity:.5}.glow-a{width:460px;height:460px;background:#1f6feb44;top:-120px;right:-80px}.glow-b{width:380px;height:380px;background:#2bb6ab33;bottom:8%;left:-140px}main,.nav,.foot{position:relative;z-index:1}.nav{max-width:var(--maxw);margin:0 auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-family:var(--disp);font-weight:700;font-size:20px;letter-spacing:-.02em;display:flex;align-items:center;gap:10px}.mark{width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,var(--teal),var(--teal-deep));box-shadow:0 0 0 1px #fff2,0 6px 18px #2bb6ab55;position:relative}.mark:after{content:"";position:absolute;inset:6px 6px auto;height:3px;border-radius:3px;background:#08101c99;box-shadow:0 5px #08101c66}.nav-links{display:flex;align-items:center;gap:22px;font-weight:500}.nav-links a{color:var(--muted);transition:color .2s;font-size:15px}.nav-links a:hover,.nav-links .ghost{color:var(--ink)}.nav-links .lang{font-family:var(--mono);font-size:12.5px;letter-spacing:.05em;border:1px solid var(--line);border-radius:8px;padding:5px 10px;color:var(--ink)}.nav-links .lang:hover{border-color:var(--teal)}.btn{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(180deg,var(--teal),var(--teal-deep));color:#04121a;font-weight:700;font-size:16px;padding:13px 22px;border-radius:12px;box-shadow:0 10px 30px -8px #2bb6ab99,inset 0 1px #fff6;transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 16px 40px -10px #2bb6abcc,inset 0 1px #fff6}.btn.btn-sm{padding:9px 16px;font-size:14px}.btn.ghost-btn{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.btn.ghost-btn:hover{box-shadow:inset 0 0 0 1px var(--teal)}.btn-text{color:var(--teal);font-weight:600}.btn-text:hover{text-decoration:underline}.hero{max-width:var(--maxw);margin:0 auto;padding:60px 24px 40px;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.eyebrow{font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);padding:6px 12px;border:1px solid var(--line);border-radius:999px;display:inline-block;margin-bottom:22px}h1{font-family:var(--disp);font-weight:800;letter-spacing:-.035em;font-size:clamp(42px,6.4vw,76px);line-height:.98;margin-bottom:22px}.lede{font-size:19px;color:#c3d1e3;max-width:30em;margin-bottom:30px}.lede code{color:var(--teal);background:#ffffff0d;padding:1px 6px;border-radius:5px}.cta-row{display:flex;align-items:center;gap:22px;margin-bottom:26px;flex-wrap:wrap}.badges{display:flex;flex-wrap:wrap;gap:10px 22px;list-style:none;color:var(--muted);font-size:14px;font-weight:500}.badges li{display:flex;align-items:center;gap:8px}.badges li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.mock-wrap{perspective:1400px}.mock{transform:rotateY(-13deg) rotateX(5deg);background:linear-gradient(180deg,#101d2ef2,#0b1626f2);border:1px solid var(--line);border-radius:20px;padding:16px;width:100%;max-width:400px;margin-left:auto;box-shadow:0 40px 80px -20px #000c,inset 0 1px #ffffff1a;backdrop-filter:blur(10px);animation:floaty 7s ease-in-out infinite}@keyframes floaty{0%,to{transform:rotateY(-13deg) rotateX(5deg) translateY(0)}50%{transform:rotateY(-11deg) rotateX(4deg) translateY(-10px)}}.mock-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.mock-drive{width:20px;height:15px;border-radius:4px;border:2px solid var(--muted);position:relative}.mock-drive:after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:var(--muted);right:2px;top:4px}.mock-title{font-family:var(--disp);font-weight:700;font-size:17px}.mock-win{margin-left:auto;width:16px;height:13px;border:1.5px solid var(--muted);border-radius:3px}.mock-bar{height:9px;border-radius:6px;background:#ffffff14;overflow:hidden;margin-bottom:10px}.mock-bar span{display:block;height:100%;background:linear-gradient(90deg,#e5484d,#ff6b6b)}.mock-stats{display:flex;justify-content:space-between;font-size:13px;margin-bottom:14px}.mock-stats .dim{color:var(--muted)}.mock-stats .reclaim{color:var(--green);font-weight:700}.mock-tier{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:8px}.mock-row{display:flex;align-items:center;gap:11px;background:#ffffff06;border-radius:11px;padding:11px 12px;margin-bottom:7px}.mock-row.sel{background:#4fd1c51f;box-shadow:inset 0 0 0 1px #4fd1c544}.mock-row .dot{width:17px;height:17px;border-radius:50%;border:1.6px solid var(--muted);flex:none}.mock-row .dot.on{border-color:var(--teal);background:var(--teal);box-shadow:0 0 0 3px #4fd1c533}.mock-row div{flex:1;min-width:0}.mock-row b{display:block;font-size:14px}.mock-row code{display:block;font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-row .size{font-family:var(--mono);font-size:14px;font-weight:500}.mock-foot{display:flex;gap:8px;margin-top:12px}.pill{flex:1;text-align:center;font-size:12.5px;font-weight:600;padding:9px;border-radius:9px;background:#ffffff0d;color:var(--muted)}.pill.danger{background:#e5484d;color:#fff;box-shadow:0 6px 16px -6px #e5484daa}.strip{max-width:900px;margin:40px auto;padding:0 24px;text-align:center}.strip p{font-family:var(--disp);font-weight:500;font-size:clamp(22px,3.2vw,32px);letter-spacing:-.02em;line-height:1.3}.features{max-width:var(--maxw);margin:90px auto 40px;padding:0 24px}.features h2,.trust h2,.cafe h2{font-family:var(--disp);font-weight:700;letter-spacing:-.03em;font-size:clamp(30px,4.2vw,46px);margin-bottom:40px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;transition:transform .2s ease,border-color .2s ease,background .2s}.card:hover{transform:translateY(-4px);border-color:#4fd1c555;background:#4fd1c50a}.card h3{font-family:var(--disp);font-weight:700;font-size:20px;margin:16px 0 8px;letter-spacing:-.01em}.card p{color:var(--muted);font-size:15px}.card p code{color:var(--teal)}.card p b{color:#d6e2f0}.ic{display:inline-flex;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#4fd1c522,#1f6feb22);box-shadow:inset 0 0 0 1px var(--line)}.ic:before{content:"";margin:auto;width:20px;height:20px;background:var(--teal);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ic-compass:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 100 20 10 10 0 000-20zm3.5 6.5-2 5-5 2 2-5 5-2z'/%3E%3C/svg%3E")}.ic-layers:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2 2 7l10 5 10-5-10-5zM2 12l10 5 10-5M2 17l10 5 10-5'/%3E%3C/svg%3E")}.ic-bolt:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M13 2 3 14h7l-1 8 10-12h-7l1-8z'/%3E%3C/svg%3E")}.ic-menubar:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 4h18v4H3zM3 10h18v10H3z'/%3E%3C/svg%3E")}.ic-shield:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2 4 5v6c0 5 3.4 8.5 8 11 4.6-2.5 8-6 8-11V5l-8-3z'/%3E%3C/svg%3E")}.ic-apple:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M16.4 12.9c0-2.2 1.8-3.3 1.9-3.4-1-1.5-2.6-1.7-3.2-1.7-1.3-.1-2.6.8-3.3.8s-1.7-.8-2.8-.8c-1.4 0-2.8.8-3.5 2.1-1.5 2.6-.4 6.5 1.1 8.6.7 1 1.6 2.2 2.7 2.1 1.1 0 1.5-.7 2.8-.7s1.6.7 2.8.7c1.2 0 1.9-1 2.6-2 .8-1.2 1.2-2.3 1.2-2.4-.1 0-2.3-.9-2.3-3.2Z'/%3E%3C/svg%3E")}.trust{max-width:var(--maxw);margin:90px auto;padding:44px;gap:48px;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;background:linear-gradient(160deg,#0e1d2e,#0a1522);border:1px solid var(--line);border-radius:28px}.trust p{color:var(--muted);font-size:17px;margin-bottom:24px;max-width:34em}.trust b{color:#d6e2f0}.checks{list-style:none;display:grid;gap:12px;margin-bottom:26px}.checks li{position:relative;padding-left:30px;color:#c3d1e3;font-size:15.5px}.checks li:before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:#4ade8022;color:var(--green);display:grid;place-items:center;font-size:12px;font-weight:700}.trust-badge{display:grid;place-items:center;position:relative}.ring{width:200px;height:200px;border-radius:50%;display:grid;place-items:center;text-align:center;background:conic-gradient(var(--teal) 0 100%,#ffffff10 0);-webkit-mask:radial-gradient(circle 78px at center,transparent 98%,#000 100%);mask:radial-gradient(circle 78px at center,transparent 98%,#000 100%);position:relative}.ring-num{font-family:var(--disp);font-weight:800;font-size:80px;line-height:1;color:var(--ink);position:absolute;top:50%;left:50%;transform:translate(-50%,-62%)}.ring-label{position:absolute;top:50%;left:50%;transform:translate(-50%,26px);font-size:13px;color:var(--muted);width:120px}.cafe{max-width:760px;margin:100px auto;padding:0 24px;text-align:center}.cup{font-size:52px;display:block;margin-bottom:14px}.cafe p{color:var(--muted);font-size:18px;max-width:32em;margin:0 auto 28px}.cafe b{color:var(--teal)}.cafe-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.pix-hint{color:var(--green);font-weight:600;margin-top:18px}.foot{max-width:var(--maxw);margin:0 auto;padding:40px 24px 60px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.brand.small{font-size:16px}.brand.small .mark{width:18px;height:18px}.foot-links{display:flex;gap:22px;color:var(--muted);font-weight:500}.foot-links a:hover{color:var(--ink)}.copy{color:#5f7085;font-size:13px;width:100%}.copy code{color:#7f93aa}.hero-copy>*{animation:rise .8s cubic-bezier(.2,.7,.2,1) both}.hero-copy>*:nth-child(1){animation-delay:.05s}.hero-copy>*:nth-child(2){animation-delay:.12s}.hero-copy>*:nth-child(3){animation-delay:.2s}.hero-copy>*:nth-child(4){animation-delay:.28s}.hero-copy>*:nth-child(5){animation-delay:.36s}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:40px;padding-top:30px}.mock{transform:none;animation:none;margin:0 auto}.mock-wrap{perspective:none}.grid{grid-template-columns:1fr}.trust{grid-template-columns:1fr;padding:32px}.nav-links a:not(.btn):not(.ghost):not(.lang){display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto}}