:root{color-scheme:dark;--bg-top: #07131d;--bg-bottom: #14323a;--panel: rgba(8, 20, 29, .72);--panel-strong: rgba(10, 18, 27, .82);--line: rgba(192, 233, 231, .16);--text-primary: #f5fffc;--text-secondary: rgba(236, 251, 248, .76);--opal: #9ae6d8;--opal-soft: rgba(154, 230, 216, .18);--moon: #a9c1ff;--ember: #ff9c78;--shadow: 0 28px 80px rgba(2, 8, 13, .45);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Plus Jakarta Sans,Noto Sans SC,sans-serif;color:var(--text-primary);background:radial-gradient(circle at 18% 18%,rgba(154,230,216,.18),transparent 32%),radial-gradient(circle at 82% 10%,rgba(169,193,255,.16),transparent 28%),radial-gradient(circle at 70% 78%,rgba(255,156,120,.14),transparent 30%),linear-gradient(145deg,var(--bg-top),var(--bg-bottom))}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 95%);mask-image:radial-gradient(circle at center,black 40%,transparent 95%);pointer-events:none}a{color:inherit;text-decoration:none}button{font:inherit}code{font-family:SFMono-Regular,ui-monospace,monospace}h1,h2,h3,strong,.brand-copy strong{font-family:Syne,Noto Sans SC,sans-serif;letter-spacing:-.02em}p,h1,h2,h3{margin:0}.page-shell{width:min(1180px,calc(100vw - 32px));margin:0 auto;padding:24px 0 40px}.page-content{display:grid;gap:24px;margin-top:24px}.card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-xl);background:linear-gradient(180deg,#111f2cc7,#09121bb8);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 36%);pointer-events:none}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;position:sticky;top:16px;z-index:10}.brand{display:inline-flex;align-items:center;gap:14px;min-width:0}.brand-copy{display:grid;gap:2px}.brand-copy span{color:var(--text-secondary);font-size:.92rem}.brand-mark{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;position:relative;background:linear-gradient(155deg,#9ae6d838,#a9c1ff24);border:1px solid rgba(216,255,245,.22)}.brand-ring,.brand-core{position:absolute}.brand-ring{width:36px;height:36px;border-radius:999px;border:1px solid rgba(216,255,245,.45);box-shadow:0 0 18px #9ae6d82e}.brand-core{font-weight:800;font-size:.92rem;color:var(--text-primary)}.nav-links{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.nav-link,.locale-switch{border:1px solid rgba(216,255,245,.12);border-radius:999px;color:var(--text-secondary);background:#ffffff0a;padding:10px 14px;transition:.18s ease}.nav-link:hover,.locale-switch:hover,.button:hover{transform:translateY(-1px)}.nav-link.is-active{color:var(--text-primary);background:#9ae6d81f;border-color:#9ae6d847}.locale-switch{cursor:pointer}.hero-grid,.split-grid{display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy,.hero-visual,.page-hero,.stack-card{padding:28px}.hero-copy{display:grid;gap:18px;align-content:end}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;color:var(--opal)}h1{font-size:clamp(2.4rem,5vw,4.9rem);line-height:.94}h2{font-size:clamp(1.35rem,2vw,2rem);line-height:1.02}h3{font-size:1.05rem;line-height:1.15}.lede{color:var(--text-secondary);line-height:1.75;font-size:1.04rem;max-width:62ch}.cta-row,.pill-row,.footer-links{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 18px;border:1px solid transparent;transition:.18s ease}.button-primary{background:linear-gradient(135deg,#9ae6d833,#a9c1ff29);border-color:#9ae6d85c}.button-secondary{background:#ffffff0a;border-color:#d8fff524}.inline-button{width:fit-content}.hero-visual{min-height:420px;display:grid;place-items:center}.device-frame{width:min(100%,340px);aspect-ratio:.72;padding:12px;border-radius:42px;background:linear-gradient(180deg,#f0f8ff2e,#ffffff0a);box-shadow:inset 0 0 0 1px #ffffff24}.device-surface{position:relative;height:100%;border-radius:32px;overflow:hidden;background:radial-gradient(circle at 52% 48%,rgba(216,255,245,.16),transparent 28%),linear-gradient(180deg,#0f2630,#16273a 48%,#2a2f43)}.device-ripple{position:absolute;border-radius:999px;border:1px solid rgba(247,255,253,.74);box-shadow:0 0 22px #d8fff52e;animation:pulse 4.6s ease-in-out infinite;left:50%;top:50%;transform:translate(-50%,-50%)}.ripple-a{width:110px;height:110px}.ripple-b{width:170px;height:170px;animation-delay:.4s;opacity:.84}.ripple-c{width:230px;height:230px;animation-delay:.8s;opacity:.64}.device-glow{position:absolute;inset:auto 18% 8%;height:28%;background:radial-gradient(circle,rgba(255,156,120,.22),transparent 72%);filter:blur(24px)}.device-copy{position:absolute;left:22px;right:22px;bottom:22px;padding:16px 18px;border-radius:24px;background:#060e1680;border:1px solid rgba(216,255,245,.14)}.device-copy strong{display:block;margin-top:8px;margin-bottom:6px}.device-copy p{color:var(--text-secondary);line-height:1.55}.mini-tag,.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:8px 12px;border:1px solid rgba(216,255,245,.16);background:#ffffff0a;color:var(--text-secondary)}.feature-grid{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.info-card{padding:24px;display:grid;gap:14px}.info-card p,.stack-card p,.faq-item p,.footer p,.url-card p,.point-item p{color:var(--text-secondary);line-height:1.7}.section-head{display:grid;gap:10px;margin-bottom:18px}.url-list,.point-list,.faq-list{display:grid;gap:14px}.url-card,.faq-item,.point-item{border:1px solid rgba(216,255,245,.1);border-radius:var(--radius-md);padding:16px 18px;background:#ffffff08}.url-card{display:grid;gap:14px}.url-card code{display:inline-flex;width:fit-content;padding:10px 12px;border-radius:14px;color:#d9fff4;background:#9ae6d814;border:1px solid rgba(154,230,216,.18);word-break:break-all}.point-item{display:grid;grid-template-columns:18px 1fr;align-items:start;gap:12px}.point-index{width:10px;height:10px;margin-top:9px;border-radius:999px;background:linear-gradient(135deg,var(--opal),var(--moon));box-shadow:0 0 20px #9ae6d866}.footer{margin-top:24px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-links a{color:var(--text-secondary)}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(.98);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.04);opacity:1}}@media(max-width:960px){.topbar,.footer{flex-direction:column;align-items:stretch}.nav-links,.footer-links{justify-content:flex-start}.hero-grid,.split-grid,.feature-grid{grid-template-columns:1fr}.hero-visual{min-height:auto}}@media(max-width:640px){.page-shell{width:min(100vw - 20px,100%);padding-top:12px;padding-bottom:24px}.topbar,.hero-copy,.hero-visual,.page-hero,.stack-card,.info-card,.footer{padding:20px}.brand{align-items:flex-start}h1{font-size:2.4rem}.button,.nav-link,.locale-switch{width:100%;justify-content:center}}