:root{--bg: #0c111f;--bg-2: #121831;--card: rgba(31, 40, 68, .45);--card-solid: #1a2240;--border: rgba(160, 178, 224, .14);--border-strong: rgba(160, 178, 224, .28);--text: #e9edf7;--muted: #a6afca;--muted-2: #7a83a2;--accent: #93b4ec;--accent-2: #88d4c0;--accent-3: #c3b1ea;--grad: linear-gradient(135deg, #93b4ec 0%, #88d4c0 52%, #c3b1ea 100%);--grad-soft: linear-gradient(135deg, rgba(147,180,236,.12), rgba(136,212,192,.1), rgba(195,177,234,.12));--max: 1140px;--radius: 18px;--radius-lg: 26px;--shadow: 0 26px 60px -30px rgba(0, 0, 0, .6);--shadow-glow: 0 0 0 1px var(--border), 0 32px 70px -34px rgba(147, 180, 236, .28);--sp: 8px;--ease: cubic-bezier(.33, 1, .68, 1);--ease-soft: cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:-20vmax;z-index:-2;background:radial-gradient(40vmax 40vmax at 18% 12%,rgba(110,168,254,.2),transparent 60%),radial-gradient(38vmax 38vmax at 85% 18%,rgba(183,148,246,.16),transparent 60%),radial-gradient(45vmax 45vmax at 60% 95%,rgba(67,231,176,.14),transparent 60%);filter:blur(26px);animation:drift 38s var(--ease-soft) infinite alternate}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 40%,transparent 100%)}@keyframes drift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(2%,-2%,0) scale(1.06)}to{transform:translate3d(-2%,2%,0) scale(1.02)}}a{color:var(--accent);text-decoration:none;transition:color .2s var(--ease)}a:hover{color:var(--accent-2)}img{max-width:100%;display:block}.container{max-width:var(--max);margin:0 auto;padding:0 24px}.center{text-align:center}.gradient-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}header.site{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px) saturate(140%);background:linear-gradient(to bottom,#070b18d9,#070b1866);border-bottom:1px solid var(--border)}.nav{display:flex;align-items:center;justify-content:space-between;height:72px;gap:16px}.brand{font-weight:800;letter-spacing:.2px;display:flex;gap:12px;align-items:center;font-size:17px}.brand .logo{width:34px;height:34px;border-radius:10px;background:var(--grad);display:grid;place-items:center;box-shadow:0 8px 24px -8px #6ea8feb3;animation:pulseGlow 6.5s ease-in-out infinite}.brand .logo svg{width:20px;height:20px}@keyframes pulseGlow{0%,to{box-shadow:0 8px 22px -10px #93b4ec80}50%{box-shadow:0 10px 30px -10px #88d4c08c}}.nav nav{display:flex;align-items:center;gap:28px}.nav nav a{color:var(--muted);font-size:14.5px;font-weight:500;position:relative}.nav nav a:after{content:"";position:absolute;left:0;bottom:-6px;height:2px;width:0;background:var(--grad);transition:width .25s var(--ease)}.nav nav a:hover{color:var(--text)}.nav nav a:hover:after{width:100%}.nav .nav-cta{color:#06122c!important}@media (max-width: 760px){.nav nav a:not(.nav-cta){display:none}}.btn{--b: 1px;display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:12px;font-weight:650;font-size:15px;border:var(--b) solid var(--border-strong);color:var(--text);background:#ffffff08;transition:transform .45s var(--ease-soft),box-shadow .5s var(--ease-soft),border-color .45s,background .45s;will-change:transform}.btn svg{width:18px;height:18px}.btn:hover{transform:translateY(-2px);border-color:var(--accent);color:var(--text)}.btn.primary{background:var(--grad);border:none;color:#06122c;box-shadow:0 14px 34px -14px #6ea8fed9}.btn.primary:hover{box-shadow:0 20px 48px -16px #43e7b0e6;color:#06122c}.btn.ghost{background:transparent}.btn.lg{padding:16px 30px;font-size:16px}section{padding:110px 0;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-2);margin-bottom:18px;padding:6px 14px;border:1px solid var(--border);border-radius:999px;background:var(--card)}h1,h2,h3{line-height:1.12;letter-spacing:-.02em}h2{font-size:clamp(28px,4vw,42px);margin:0 0 18px}.section-intro{color:var(--muted);max-width:640px;margin:0 auto 56px;font-size:17px}.section-head{text-align:center}.hero{padding:120px 0 100px;text-align:center}.hero h1{font-size:clamp(38px,6.4vw,70px);margin:0 0 24px;font-weight:850}.hero p.lead{font-size:clamp(17px,2.2vw,22px);color:var(--muted);max-width:660px;margin:0 auto 38px}.badges{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:30px}.chip{font-size:13px;color:var(--text);border:1px solid var(--border);border-radius:999px;padding:8px 16px;background:var(--card);backdrop-filter:blur(8px);display:inline-flex;align-items:center;gap:8px}.chip .dotg{width:8px;height:8px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 10px #88d4c099;animation:blink 3.6s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.55}}.cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.hero-visual{margin-top:64px;perspective:1400px}.float{animation:floatY 8s ease-in-out infinite}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.cardx{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:32px 28px;backdrop-filter:blur(10px);transition:transform .55s var(--ease-soft),border-color .55s,box-shadow .55s;position:relative;overflow:hidden}.cardx:hover{transform:translateY(-6px);box-shadow:var(--shadow-glow)}.icon-badge{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:var(--grad-soft);border:1px solid var(--border);margin-bottom:22px;color:var(--accent-2);transition:transform .3s var(--ease)}.cardx:hover .icon-badge{transform:scale(1.08) rotate(-4deg)}.icon-badge svg{width:28px;height:28px}.cardx h3{margin:0 0 10px;font-size:19px}.cardx p{margin:0;color:var(--muted);font-size:15.5px}.steps{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.step{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:32px 28px;position:relative;backdrop-filter:blur(10px)}.step .num{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-weight:800;font-size:19px;background:var(--grad);color:#06122c;margin-bottom:20px;box-shadow:0 10px 26px -10px #6ea8feb3}.step h3{margin:0 0 10px;font-size:18px}.step p{margin:0;color:var(--muted);font-size:15px}.downloads{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.dl{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px 32px;backdrop-filter:blur(10px);transition:transform .3s var(--ease),box-shadow .3s}.dl:hover{transform:translateY(-6px);box-shadow:var(--shadow-glow)}.dl .dl-icon{width:60px;height:60px;border-radius:16px;background:var(--grad-soft);border:1px solid var(--border);display:grid;place-items:center;color:var(--accent);margin-bottom:22px}.dl .dl-icon svg{width:30px;height:30px}.dl h3{margin:0 0 8px;font-size:22px}.dl>p{color:var(--muted);margin:0 0 20px}.dl ul{list-style:none;padding:0;margin:0 0 28px}.dl ul li{color:var(--muted);padding:9px 0 9px 28px;position:relative;font-size:15px;border-bottom:1px solid rgba(255,255,255,.04)}.dl ul li:before{content:"";position:absolute;left:4px;top:16px;width:9px;height:9px;border-radius:50%;background:var(--grad)}.terminal{background:linear-gradient(180deg,#0a1230,#0a0f24);border:1px solid var(--border-strong);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);text-align:left;max-width:760px;margin:0 auto}.terminal .bar{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--border);background:#ffffff05}.terminal .bar i{width:12px;height:12px;border-radius:50%;display:inline-block}.terminal .bar .r{background:#ff5f57}.terminal .bar .y{background:#febc2e}.terminal .bar .g{background:#28c840}.terminal .bar span{margin-left:10px;color:var(--muted-2);font-size:13px;font-family:ui-monospace,monospace}.terminal pre{margin:0;padding:22px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px;line-height:1.85;overflow-x:auto;color:#c7d2fe}.terminal .c-prompt{color:var(--accent-2)}.terminal .c-cmd{color:#eaf0ff}.terminal .c-flag{color:var(--accent-3)}.terminal .c-ok{color:var(--accent-2)}.terminal .c-dim{color:var(--muted-2)}.terminal .c-warn{color:#febc2e}.terminal .typing{border-right:2px solid var(--accent-2);animation:caret 1s step-end infinite}@keyframes caret{50%{border-color:transparent}}.flow{display:flex;align-items:stretch;gap:18px;flex-wrap:wrap;justify-content:center}.flow .node{flex:1 1 200px;min-width:200px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:22px;text-align:center;backdrop-filter:blur(8px);position:relative}.flow .node .ic{width:48px;height:48px;margin:0 auto 14px;border-radius:13px;background:var(--grad-soft);border:1px solid var(--border);display:grid;place-items:center;color:var(--accent)}.flow .node h4{margin:0 0 6px;font-size:16px}.flow .node p{margin:0;color:var(--muted);font-size:13.5px}.flow .arrow{align-self:center;color:var(--accent);display:grid;place-items:center}.flow .arrow svg{width:30px;height:30px;animation:nudge 1.8s ease-in-out infinite}@keyframes nudge{0%,to{transform:translate(0)}50%{transform:translate(6px)}}@media (max-width: 720px){.flow .arrow{transform:rotate(90deg)}}.faqs{max-width:820px;margin:0 auto}details.faq{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px 24px;margin-bottom:14px;transition:border-color .25s,background .25s}details.faq[open]{border-color:var(--border-strong)}details.faq summary{cursor:pointer;font-weight:650;font-size:16.5px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}details.faq summary::-webkit-details-marker{display:none}details.faq summary:after{content:"+";color:var(--accent);font-size:24px;transition:transform .25s var(--ease)}details.faq[open] summary:after{transform:rotate(45deg)}details.faq p{color:var(--muted);margin:14px 0 0;font-size:15.5px}.cta-band{background:var(--grad-soft);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:64px 40px;text-align:center;position:relative;overflow:hidden}.cta-band h2{margin-bottom:14px}.cta-band p{color:var(--muted);max-width:540px;margin:0 auto 30px}footer.site{padding:56px 0 48px;border-top:1px solid var(--border);color:var(--muted);font-size:14.5px;margin-top:40px}footer.site .row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;align-items:center}footer.site a{color:var(--muted)}footer.site a:hover{color:var(--text)}.reveal{opacity:0;transform:translateY(18px);transition:opacity 1s var(--ease-soft),transform 1s var(--ease-soft)}.reveal.in{opacity:1;transform:none}.reveal.d1{transition-delay:.1s}.reveal.d2{transition-delay:.2s}.reveal.d3{transition-delay:.3s}.reveal.d4{transition-delay:.4s}@media (prefers-reduced-motion: reduce){.reveal{opacity:1!important;transform:none!important}.float,body:before,.brand .logo,.chip .dotg,.flow .arrow svg{animation:none!important}}.post-grid{display:grid;gap:26px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.post-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s;backdrop-filter:blur(10px)}.post-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-glow)}.post-card .thumb{height:150px;background:var(--grad-soft);display:grid;place-items:center;border-bottom:1px solid var(--border);color:var(--accent)}.post-card .thumb svg{width:56px;height:56px}.post-card .body{padding:26px;display:flex;flex-direction:column;gap:10px;flex:1}.post-card .tag{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-2)}.post-card h3{margin:0;font-size:19px}.post-card p{margin:0;color:var(--muted);font-size:15px;flex:1}.post-card .more{color:var(--accent);font-weight:600;font-size:14.5px;margin-top:6px}.article{max-width:780px;margin:0 auto}.article .meta{color:var(--muted-2);font-size:14px;margin-bottom:10px}.article h1{font-size:clamp(30px,5vw,46px);margin:0 0 20px}.article .lead{font-size:19px;color:var(--muted);margin-bottom:40px}.article h2{font-size:26px;margin:48px 0 16px}.article h3{font-size:20px;margin:32px 0 12px}.article p{color:#d4ddf5;margin:0 0 18px}.article ul,.article ol{color:#d4ddf5;padding-left:22px;margin:0 0 18px}.article li{margin:8px 0}.article code:not(pre code){background:#6ea8fe1f;color:var(--accent);padding:2px 7px;border-radius:6px;font-size:14px;font-family:ui-monospace,monospace}.article .illus{margin:32px 0}.callout{display:flex;gap:14px;padding:18px 22px;border-radius:14px;margin:26px 0;background:var(--card);border:1px solid var(--border);border-left:3px solid var(--accent)}.callout.warn{border-left-color:#febc2e}.callout .ic{color:var(--accent);flex-shrink:0}.callout.warn .ic{color:#febc2e}.callout p{margin:0;font-size:15px;color:var(--muted)}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--muted);margin-bottom:30px;font-size:14.5px}@property --bangle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.cardx,.dl,.post-card,.step{position:relative;--mx: 50%;--my: 50%}.cardx:before,.dl:before,.post-card:before,.step:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.6px;pointer-events:none;z-index:2;opacity:0;transition:opacity .35s var(--ease);background:radial-gradient(180px circle at var(--mx) var(--my),rgba(208,222,248,.5),transparent 62%),conic-gradient(from var(--bangle),#93b4ec,#88d4c0,#c3b1ea,#93b4ec);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.cardx:hover:before,.dl:hover:before,.post-card:hover:before,.step:hover:before{opacity:.9;animation:bspin 9s linear infinite}@keyframes bspin{to{--bangle: 360deg}}.wave-zone{position:relative}.wave-zone>.container{position:relative;z-index:1}.ripple-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;border-radius:inherit}.ripple{position:absolute;width:12px;height:12px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;border:1.5px solid rgba(147,180,236,.38);box-shadow:0 0 26px #88d4c038;animation:rippleWave 1.7s var(--ease-soft) forwards}@keyframes rippleWave{0%{opacity:.55}to{width:300px;height:300px;opacity:0;border-color:#c3b1ea00}}@media (prefers-reduced-motion: reduce){.cardx:hover:before,.dl:hover:before,.post-card:hover:before,.step:hover:before{animation:none}.ripple{display:none}}