:root{--bg:#f5f5f7;--surface:#ffffff73;--surface-hover:#ffffffa6;--text-primary:#1d1d1f;--text-secondary:#86868b;--accent:#0071e3;--accent-hover:#0077ed;--glass-border:#ffffff80;--glass-shadow:0 8px 32px #0000000f, 0 1px 3px #0000000a;--glass-shadow-hover:0 24px 64px #0000001f, 0 4px 12px #0000000f;--radius:28px;--radius-sm:18px;--code-bg:#1c1c1e;--code-text:#f5f5f7;--success:#34c759;--warning:#ff9500;--danger:#ff3b30}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}img,svg{max-width:100%;display:block}.ambient-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-texture{opacity:.5;pointer-events:none;background-image:radial-gradient(circle,#0000000a 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.blob{filter:blur(100px);opacity:.35;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.blob-1{background:linear-gradient(135deg,#a8c6fa,#d4e4ff);width:600px;height:600px;top:-10%;left:-5%}.blob-2{background:linear-gradient(225deg,#ffd1dc,#ffe4e1);width:500px;height:500px;animation-delay:-7s;top:30%;right:-10%}.blob-3{background:linear-gradient(45deg,#e0e0e0,#f0f0f0);width:400px;height:400px;animation-delay:-14s;bottom:10%;left:30%}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-40px)scale(1.05)}66%{transform:translate(-20px,20px)scale(.95)}}@media (prefers-reduced-motion:reduce){.blob{animation:none}html{scroll-behavior:auto}}.nav-wrapper{z-index:1000;pointer-events:none;justify-content:center;padding:16px 24px;display:flex;position:fixed;top:0;left:0;right:0}.nav-liquid{pointer-events:auto;-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffff8c;border:1px solid #ffffff73;border-radius:100px;align-items:center;gap:8px;height:48px;padding:0 10px;transition:all .5s cubic-bezier(.25,.46,.45,.94);display:flex;position:relative;box-shadow:inset 0 1px #fff6,0 4px 24px #0000000f,0 1px 2px #0000000a}.nav-liquid:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:.7;background:linear-gradient(#fff9 0%,#ffffff1a 40%,#ffffff0d 60%,#ffffff4d 100%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.nav-liquid:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#fff3 0%,#0000 50%);position:absolute;inset:1px}.nav-liquid.scrolled{-webkit-backdrop-filter:blur(28px)saturate(200%);background:#ffffffc7;box-shadow:inset 0 1px #ffffff80,0 8px 32px #00000014,0 2px 4px #0000000a}.nav-logo{letter-spacing:-.5px;color:var(--text-primary);z-index:2;padding:0 12px 0 6px;font-size:14px;font-weight:800;text-decoration:none;transition:opacity .2s;position:relative}.nav-logo:hover{opacity:.7}.nav-divider{z-index:2;background:#00000014;width:1px;height:20px;margin:0 4px;position:relative}.nav-links{z-index:2;gap:2px;display:flex;position:relative}.nav-links a{z-index:2;color:var(--text-secondary);letter-spacing:-.1px;border-radius:100px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:color .3s,background .3s;position:relative}.nav-links a:hover{color:var(--text-primary);background:#0000000a}.nav-links a.active{color:var(--text-primary)}.nav-links a.active:hover{background:0 0}.nav-pill{z-index:1;opacity:0;pointer-events:none;background:#0000000f;border-radius:100px;transition:transform .45s cubic-bezier(.25,.46,.45,.94),width .45s cubic-bezier(.25,.46,.45,.94),height .45s cubic-bezier(.25,.46,.45,.94),opacity .3s;position:absolute;top:0;left:0}@media (prefers-reduced-motion:reduce){.nav-pill{transition:opacity .2s}}.nav-toggle{width:34px;height:34px;color:var(--text-primary);cursor:pointer;z-index:2;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:none;position:relative}@media (width<=768px){.nav-wrapper{padding:12px 16px}.nav-liquid{height:44px;padding:0 6px}.nav-toggle{display:flex}.nav-divider,.nav-links,.nav-pill{display:none}}.mobile-nav-overlay{display:none}@media (width<=768px){.mobile-nav-overlay{z-index:999;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:none;position:fixed;inset:0}.mobile-nav-overlay.open{display:flex}.mobile-nav-overlay a{text-align:center;width:100%;max-width:320px;color:var(--text-primary);letter-spacing:-.2px;border-radius:14px;padding:16px 24px;font-size:22px;font-weight:600;text-decoration:none;transition:background .3s}.mobile-nav-overlay a:hover,.mobile-nav-overlay a.active{background:#0000000b}}.section{z-index:1;max-width:980px;margin:0 auto;padding:100px 24px;position:relative}.section-header{opacity:0;margin-bottom:56px;transition:all .8s cubic-bezier(.25,.46,.45,.94);transform:translateY(30px)}.section-header.visible{opacity:1;transform:translateY(0)}.section-header h2{letter-spacing:-.04em;margin:0 0 16px;font-size:clamp(32px,4vw,48px);font-weight:800;line-height:1.1}.section-header p{color:var(--text-secondary);max-width:560px;margin:0;font-size:20px;font-weight:400;line-height:1.45}.section-divider{max-width:980px;margin:0 auto;padding:0 24px}.section-divider-line{background:linear-gradient(90deg,#0000,#00000014,#0000);height:1px}@media (width<=768px){.section{padding:70px 24px}.section-header{margin-bottom:36px}}.glass-card{background:var(--surface);-webkit-backdrop-filter:blur(32px)saturate(160%);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--glass-shadow);opacity:0;padding:36px;transition:all .5s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;transform:translateY(40px)}.glass-card.visible{opacity:1;transform:translateY(0)}.glass-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:.6;background:linear-gradient(135deg,#fffc,#ffffff1a,#fff9);padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.glass-card:hover{box-shadow:var(--glass-shadow-hover);background:var(--surface-hover);transform:translateY(-6px)}.footer{z-index:1;text-align:center;color:var(--text-secondary);opacity:.5;padding:40px 24px 60px;font-size:13px;font-weight:400;position:relative}.footer a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.footer a:hover{color:var(--text-primary)}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.stagger-5{transition-delay:.5s}.stagger-6{transition-delay:.6s}.stagger-7{transition-delay:.7s}.stagger-8{transition-delay:.8s}.back-to-top{z-index:999;-webkit-backdrop-filter:blur(20px)saturate(180%);width:52px;height:52px;color:var(--text-primary);cursor:pointer;opacity:0;pointer-events:none;background:#ffffff59;border:1px solid #ffffff73;border-radius:50%;justify-content:center;align-items:center;font-size:20px;text-decoration:none;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:flex;position:fixed;bottom:28px;right:28px;transform:translateY(20px)scale(.9);box-shadow:inset 0 1px #ffffff80,0 4px 24px #00000014,0 2px 6px #0000000a}.back-to-top:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:.8;background:linear-gradient(#ffffffb3 0%,#ffffff1a 50%,#fff6 100%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.back-to-top:hover{background:#fff9;transform:translateY(-3px)scale(1.08);box-shadow:inset 0 1px #fff9,0 8px 32px #0000001f,0 4px 12px #0000000f}.back-to-top svg{z-index:2;width:22px;height:22px;position:relative}.skip-link{z-index:2000;background:var(--text-primary);color:#fff;border-radius:0 0 10px;padding:12px 20px;font-size:14px;font-weight:600;text-decoration:none;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}@media (width<=480px){.back-to-top{width:46px;height:46px;bottom:18px;right:18px}}