.hero{background:radial-gradient(ellipse 120% 60% at 50% 108%, #ffffffd9, transparent 60%), linear-gradient(180deg, var(--sky-top) 0%, var(--sky-mid) 45%, var(--sky-low) 100%);min-height:100vh;padding:28px 20px 120px;position:relative;overflow:hidden}.cloud{filter:blur(18px);pointer-events:none;background:radial-gradient(closest-side,#ffffffe6,#fff0);border-radius:50%;animation:60s linear infinite alternate drift;position:absolute}.cloud.c1{opacity:.5;width:620px;height:220px;top:18%;left:-12%}.cloud.c2{opacity:.45;width:520px;height:190px;animation-duration:80s;top:34%;right:-10%}.cloud.c3{opacity:.7;width:760px;height:260px;animation-duration:70s;bottom:6%;left:12%}.cloud.c4{opacity:.35;width:420px;height:150px;animation-duration:95s;top:8%;right:22%}@keyframes drift{0%{transform:translate(0)}to{transform:translate(70px)}}.nav{z-index:3;background:#fff;border-radius:6px;justify-content:space-between;align-items:center;max-width:680px;margin:0 auto 64px;padding:18px 24px;display:flex;position:relative;box-shadow:0 8px 30px #081e3c40}.logo{font-family:var(--font-mono), monospace;letter-spacing:-1px;text-transform:lowercase;align-items:center;gap:10px;font-size:22px;font-weight:700;display:inline-flex}.logo .tick{color:var(--accent)}.logo-mark{object-fit:cover;border-radius:8px;width:34px;height:34px;display:block;box-shadow:0 2px 10px #2882d273}.nav a.nav-cta{font-family:var(--font-mono), monospace;color:var(--ink);border-bottom:2px solid var(--accent);padding-bottom:2px;font-size:13px;text-decoration:none}.nav a.nav-login{font-family:var(--font-mono), monospace;color:var(--ink);opacity:.65;font-size:13px;text-decoration:none;transition:opacity .18s}.nav a.nav-login:hover{opacity:1}.hero-inner{z-index:2;text-align:center;max-width:900px;margin:0 auto;position:relative}.trustline{font-family:var(--font-mono), monospace;color:#eaf2fb;text-shadow:0 1px 8px #081e3c66;justify-content:center;align-items:center;gap:10px;margin-bottom:28px;font-size:13px;display:flex}.trust-badge{color:var(--ink);background:#fff;border-radius:4px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.trust-badge .dot{background:var(--accent);border-radius:2px;width:8px;height:8px;display:inline-block}h1.chrome{font-family:var(--font-serif), Georgia, serif;letter-spacing:-.5px;background:linear-gradient(#fff 0%,#e8eef4 18%,#9fb2c4 34%,#fff 46%,#6d8299 58%,#dfe8f0 72%,#fff 84%,#8ba0b5 100%);color:#0000;filter:drop-shadow(0 3px 2px #0a23468c)drop-shadow(0 14px 28px #0a234659);-webkit-background-clip:text;background-clip:text;margin-bottom:30px;font-size:clamp(46px,8.4vw,92px);font-weight:400;line-height:1.02}h1.chrome .ital{font-style:italic}.sub{font-family:var(--font-mono), monospace;color:#f0f6fc;text-shadow:0 1px 10px #081e3c80;max-width:560px;margin:0 auto 40px;font-size:clamp(14px,1.9vw,17px);line-height:1.7}.cta{background:var(--pill);color:#fff;font-family:var(--font-inter), sans-serif;border-radius:999px;align-items:center;gap:14px;padding:20px 34px;font-size:19px;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 18px 40px #06140e73}.cta:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 24px 50px #06140e8c}.cta .arrow{width:34px;height:34px;color:var(--pill);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:17px;font-weight:700;display:inline-flex}.crt-wrap{z-index:2;perspective:900px;max-width:640px;margin:84px auto 0;position:relative}.crt{background:linear-gradient(160deg,#b9cec2 0%,#93af9f 55%,#7d9a8a 100%);border-radius:26px;padding:26px 26px 40px;box-shadow:inset 0 2px 6px #ffffff8c,inset 0 -10px 24px #14281e59,0 40px 80px #081e3c73}.crt-screen{text-align:left;background:#0a1410;border-radius:14px;min-height:320px;padding:26px 26px 30px;position:relative;overflow:hidden;box-shadow:inset 0 0 60px #000000d9,inset 0 0 8px #5affaa1f}.crt-screen:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 3px);position:absolute;inset:0}.term{font-family:var(--font-mono), monospace;color:#7dedb0;text-shadow:0 0 8px #5affaa59;white-space:pre-wrap;word-break:break-word;font-size:13.5px;line-height:1.75}.term .dim{color:#4d8f6c}.term .white{color:#d9efe4}.term .ok{color:#7dedb0;font-weight:700}.term .no{color:#ff8d7a;font-weight:700}.term .hold{color:#ffd97a;font-weight:700}.cursor{vertical-align:-2px;background:#7dedb0;width:9px;height:16px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.crt-controls{justify-content:flex-end;align-items:center;gap:10px;margin-top:18px;padding-right:6px;display:flex}.knob{background:radial-gradient(circle at 35% 30%,#d7e6dd,#6d8a7b);border-radius:50%;width:16px;height:16px;box-shadow:inset 0 -2px 4px #14281e66}.vent{background:repeating-linear-gradient(90deg,#14281e59 0 3px,#0000 3px 7px);border-radius:3px;width:60px;height:16px}.intro{z-index:4;text-align:center;background:#fff;border-radius:6px;max-width:720px;margin:-60px auto 0;padding:44px 40px;font-size:clamp(20px,3vw,26px);font-weight:700;line-height:1.5;position:relative;box-shadow:0 24px 60px #081e3c2e}.intro .hl{background:var(--accent);color:#fff;font-family:var(--font-serif), serif;padding:1px 10px 3px;font-style:italic;font-weight:400}.features{max-width:1040px;margin:110px auto;padding:0 20px}.features-label{font-family:var(--font-mono), monospace;text-transform:uppercase;letter-spacing:2px;color:var(--accent);text-align:center;margin-bottom:16px;font-size:13px}.features h2{font-family:var(--font-serif), serif;text-align:center;letter-spacing:-.5px;margin-bottom:64px;font-size:clamp(34px,5vw,54px);font-weight:400}.features h2 em{color:var(--accent)}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.card{background:#fff;border:1px solid #e6e2da;border-radius:10px;padding:34px 30px;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 20px 44px #081e3c1f}.card .tag{font-family:var(--font-mono), monospace;color:var(--accent);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:14px;font-size:12px;display:block}.card h3{letter-spacing:-.3px;margin-bottom:12px;font-size:21px;font-weight:800}.card p{color:#5a5f66;font-size:15px;line-height:1.65}.code-section{grid-template-columns:1fr 1.15fr;align-items:center;gap:56px;max-width:1040px;margin:110px auto;padding:0 20px;display:grid}.code-copy h2{font-family:var(--font-serif), serif;letter-spacing:-.5px;margin-bottom:22px;font-size:clamp(32px,4.4vw,46px);font-weight:400;line-height:1.1}.code-copy h2 em{color:var(--accent)}.code-copy p{color:#5a5f66;margin-bottom:14px;font-size:16px;line-height:1.7}.code-copy .mono-note{font-family:var(--font-mono), monospace;color:var(--ink);font-size:13px}.codeblock{font-family:var(--font-mono), monospace;color:#c8d3dd;background:#101418;border-radius:12px;padding:28px;font-size:13px;line-height:1.8;overflow-x:auto;box-shadow:0 30px 60px #081e3c40}.codeblock .k{color:#7dedb0}.codeblock .s{color:#ffd97a}.codeblock .c{color:#5a6b7a}.enforce{background:var(--ink);padding:110px 20px}.enforce-inner{text-align:center;max-width:1040px;margin:0 auto}.enforce h2{font-family:var(--font-serif), serif;letter-spacing:-.5px;color:#f2f4f6;margin-bottom:22px;font-size:clamp(34px,5vw,54px);font-weight:400}.enforce h2 em{background:linear-gradient(#fff 0%,#e8eef4 20%,#9fb2c4 40%,#fff 52%,#6d8299 64%,#fff 90%);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:italic}.enforce-lead{color:#9aa4ae;max-width:640px;margin:0 auto 56px;font-size:16px;line-height:1.75}.enforce-lead b{color:#f2f4f6;font-weight:600}.enforce-steps{text-align:left;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-bottom:44px;display:grid}.estep{background:#ffffff0b;border:1px solid #ffffff17;border-radius:10px;padding:28px 26px}.estep .enum{background:var(--accent);color:#fff;width:28px;height:28px;font-family:var(--font-mono), monospace;border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;font-size:13px;font-weight:700;display:inline-flex}.estep h4{font-family:var(--font-mono), monospace;text-transform:uppercase;letter-spacing:1.5px;color:#f2f4f6;margin-bottom:10px;font-size:13px}.estep p{color:#9aa4ae;font-size:14px;line-height:1.65}.estep p b{color:#ff8d7a;font-weight:600}.mono-note-dark{font-family:var(--font-mono), monospace;color:#7dedb0;font-size:13px}.enforce-note{font-family:var(--font-mono), monospace;color:#6b7580;letter-spacing:.3px;font-size:12.5px}.connect{text-align:center;max-width:1040px;margin:110px auto;padding:0 20px}.connect .features-label{justify-content:center}.connect h2{font-family:var(--font-serif), serif;letter-spacing:-.5px;margin-bottom:18px;font-size:clamp(34px,5vw,54px);font-weight:400}.connect h2 em{color:var(--accent);font-style:italic}.connect .lead{color:#5a5f66;max-width:560px;margin:0 auto 44px;font-size:16px;line-height:1.7}.clients{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px;display:flex}.client-chip{color:var(--ink);cursor:pointer;background:#fff;border:1px solid #e6e2da;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:transform .18s,box-shadow .18s,border-color .18s,color .18s;display:inline-flex}.client-chip:hover{transform:translateY(-2px);box-shadow:0 10px 24px #081e3c1a}.client-chip .dot{background:#c9c4ba;border-radius:50%;width:7px;height:7px;transition:background .18s}.client-chip.active{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.client-chip.active .dot{background:var(--accent)}.connect .codeblock{text-align:left;max-width:720px;margin:0 auto}.integration-code{position:relative}.integration-code .code-file{color:#5a6b7a;margin-bottom:10px;padding-right:60px;font-size:12px}.integration-code pre{color:#c8d3dd;white-space:pre;margin:0;font-family:inherit;font-size:13px;line-height:1.7;overflow-x:auto}.integration-code .copy-btn{color:#c8d3dd;letter-spacing:.5px;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;padding:5px 12px;font-family:inherit;font-size:11px;transition:background .15s,color .15s;position:absolute;top:16px;right:16px}.integration-code .copy-btn:hover{color:#fff;background:#ffffff29}.footer-cta{background:linear-gradient(180deg, var(--sky-low) 0%, var(--sky-mid) 70%, var(--sky-top) 100%);text-align:center;padding:130px 20px 150px;position:relative;overflow:hidden}.footer-cta h2{font-family:var(--font-serif), serif;background:linear-gradient(#fff 0%,#e8eef4 20%,#9fb2c4 38%,#fff 50%,#6d8299 62%,#fff 88%);color:#0000;filter:drop-shadow(0 3px 2px #0a234680);letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:clamp(38px,6.5vw,68px);font-weight:400}.footer-cta p{font-family:var(--font-mono), monospace;color:#eaf2fb;text-shadow:0 1px 8px #081e3c66;margin-bottom:40px;font-size:15px}footer{background:var(--ink);color:#8b939c;font-family:var(--font-mono), monospace;text-align:center;padding:30px 20px;font-size:13px}footer b{color:#fff}.footer-logo{vertical-align:middle;align-items:center;gap:7px;display:inline-flex}.footer-mark{object-fit:cover;border-radius:5px;width:20px;height:20px;display:block}@media (max-width:860px){.code-section{grid-template-columns:1fr;gap:36px}.nav{margin-bottom:44px}.intro{margin-left:16px;margin-right:16px}}@media (max-width:620px){.grid{grid-template-columns:1fr}}:root{--cursor-glow:#8cbee68c;--cursor-hover-glow:#5aaaf0b3}html[data-cursor-theme=light]{--cursor-glow:#e8412c59;--cursor-hover-glow:#e8412c80}@media (pointer:fine){body.liquid-on,body.liquid-on a,body.liquid-on button{cursor:none}}.liquid-cursor{pointer-events:none;z-index:9999;width:40px;height:40px;box-shadow:0 0 26px 5px var(--cursor-glow), inset 0 0 10px #fff6;mix-blend-mode:difference;will-change:transform, width, height;opacity:0;background:radial-gradient(circle at 32% 28%,#fff 0% 30%,#ffffffeb 48%,#ffffff8c 68%,#fff0 82%);border-radius:50%;margin:-20px 0 0 -20px;transition:opacity .22s,width .16s ease-out,height .16s ease-out,margin .16s ease-out,background .18s,box-shadow .18s;position:fixed;top:0;left:0}.liquid-cursor.visible{opacity:1}.liquid-cursor.hover{width:52px;height:52px;box-shadow:0 0 30px 7px var(--cursor-hover-glow), inset 0 0 10px #ffffff59;background:radial-gradient(circle at 32% 28%,#cfe8ff 0%,#8fc6f2 44%,#8cc3f080 68%,#8cc3f000 82%);margin:-26px 0 0 -26px}.liquid-cursor.press{width:30px;height:30px;margin:-15px 0 0 -15px}@media (pointer:coarse),(prefers-reduced-motion:reduce){.liquid-cursor{display:none}}