:root{--font: -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif;--radius-xs: 6px;--radius-sm: 10px;--radius: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--apple-blue: #0071E3;--apple-orange: #FF9F0A;--apple-purple: #AF52DE;--apple-gray: #8E8E93}:root,html[data-theme=light]{--bg: #F5F5F7;--bg-subtle: #FFFFFF;--card: #FFFFFF;--card-glass: rgba(255, 255, 255, .85);--card-2: #E5E5EA;--border: rgba(0, 0, 0, .08);--border-hi: rgba(0, 0, 0, .16);--text-main: #1D1D1F;--text-heading: #1D1D1F;--muted: #6E6E73;--muted2: #525257;--nav-bg: rgba(245, 245, 247, .85);--btn-primary-bg: #000000;--btn-primary-text: #FFFFFF;--btn-primary-shadow: 0 4px 18px rgba(0, 0, 0, .14), 0 1px 2px rgba(0, 0, 0, .1);--btn-ghost-bg: rgba(0, 0, 0, .05);--btn-ghost-border: rgba(0, 0, 0, .1);--btn-ghost-text: #1D1D1F;--preview-frame-bg: #F5F5F7;--preview-header-bg: #EBEBED;--preview-tile-bg: #FFFFFF;--input-bg: #FFFFFF;--table-highlight: rgba(0, 0, 0, .035);--card-shadow: 0 4px 20px rgba(0, 0, 0, .05), 0 1px 3px rgba(0, 0, 0, .02);--card-hover-shadow: 0 12px 32px rgba(0, 0, 0, .08), 0 2px 6px rgba(0, 0, 0, .04);--icon-bg: #000000;--icon-text: #FFFFFF;--seg-bg: rgba(0, 0, 0, .06);--seg-pill-bg: #FFFFFF;--seg-pill-text: #000000;--seg-text: #525257;--grain-opacity: .007;--theme-toggle-bg: rgba(0, 0, 0, .06);--theme-toggle-border:rgba(0, 0, 0, .12);--theme-toggle-color: #1D1D1F;--selection-bg: rgba(0, 113, 227, .2)}html[data-theme=dark]{--bg: #000000;--bg-subtle: #0C0D0E;--card: #141416;--card-glass: rgba(255, 255, 255, .04);--card-2: #1D1E22;--border: rgba(255, 255, 255, .08);--border-hi: rgba(255, 255, 255, .16);--text-main: #F5F5F7;--text-heading: #FFFFFF;--muted: #8E8E93;--muted2: #98989D;--nav-bg: rgba(0, 0, 0, .82);--btn-primary-bg: #FFFFFF;--btn-primary-text: #000000;--btn-primary-shadow: 0 4px 18px rgba(255, 255, 255, .12), 0 1px 2px rgba(0, 0, 0, .4);--btn-ghost-bg: rgba(255, 255, 255, .06);--btn-ghost-border: rgba(255, 255, 255, .12);--btn-ghost-text: #FFFFFF;--preview-frame-bg: #090A0C;--preview-header-bg: #141518;--preview-tile-bg: #141518;--input-bg: rgba(0, 0, 0, .5);--table-highlight: rgba(255, 255, 255, .04);--card-shadow: 0 12px 36px rgba(0, 0, 0, .45);--card-hover-shadow: 0 20px 50px rgba(0, 0, 0, .65);--icon-bg: #FFFFFF;--icon-text: #000000;--seg-bg: rgba(255, 255, 255, .05);--seg-pill-bg: #FFFFFF;--seg-pill-text: #000000;--seg-text: #A1A1A6;--grain-opacity: .016;--theme-toggle-bg: rgba(255, 255, 255, .08);--theme-toggle-border:rgba(255, 255, 255, .14);--theme-toggle-color: #FFFFFF;--selection-bg: rgba(0, 113, 227, .35)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;background-color:var(--bg);transition:background-color .3s ease,color .3s ease}body{background:var(--bg);color:var(--text-main);font-family:var(--font);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;transition:background-color .3s ease,color .3s ease}body:after{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:var(--grain-opacity);pointer-events:none;z-index:9998;transition:opacity .3s ease}h1,h2,h3,h4{line-height:1.1;letter-spacing:-.035em;font-weight:700;color:var(--text-heading);transition:color .3s ease}h1{font-size:clamp(3rem,7vw,5.2rem)}h2{font-size:clamp(2rem,4vw,3.2rem)}h3{font-size:1.5rem}p{color:var(--muted);line-height:1.65;transition:color .3s ease}a{color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.section-label{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}.section-label:before{content:"";width:14px;height:1px;background:var(--border-hi)}.gradient-text{background:linear-gradient(180deg,var(--text-heading) 0%,var(--muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:var(--radius-full);font-size:14.5px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);cursor:pointer;border:none;font-family:var(--font);white-space:nowrap}.btn:active{transform:scale(.975);transition:transform .08s cubic-bezier(.16,1,.3,1)}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:var(--btn-primary-shadow)}.btn-primary:hover{opacity:.92;transform:translateY(-1.5px)}.btn-ghost{background:var(--btn-ghost-bg);color:var(--btn-ghost-text);border:1px solid var(--btn-ghost-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn-ghost:hover{background:var(--border-hi);transform:translateY(-1.5px)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--card-shadow);transition:all .3s ease}.card:hover{border-color:var(--border-hi);box-shadow:var(--card-hover-shadow)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-hi);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted2)}::selection{background:var(--selection-bg);color:inherit}:focus-visible{outline:2px solid var(--apple-blue);outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--apple-blue);outline-offset:3px;border-radius:var(--radius-xs)}.btn:focus-visible{outline:2px solid var(--apple-blue);outline-offset:3px;border-radius:var(--radius-full)}.liquid-glass{background:var(--nav-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border);box-shadow:inset 0 1px #ffffff14,0 8px 32px #0000001f}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}