@charset "UTF-8";:root{--bg: #000;--bg-raised: #0a0a0a;--text: #fff;--text-70: rgba(255, 255, 255, .7);--text-60: rgba(255, 255, 255, .6);--text-50: rgba(255, 255, 255, .5);--line: rgba(255, 255, 255, .1);--line-soft: rgba(255, 255, 255, .08);--glass: rgba(255, 255, 255, .03);--glass-hover: rgba(255, 255, 255, .05);--brand-1: #667eea;--brand-2: #764ba2;--brand-gradient: linear-gradient(135deg, var(--brand-1) 0%, var(--brand-2) 100%);--radius: 16px;--radius-lg: 24px;--container: 1280px;--ease-out: cubic-bezier(.2, .7, .2, 1);color-scheme:dark}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}img,svg,canvas{display:block;max-width:100%}:focus-visible{outline:2px solid rgba(167,139,250,.8);outline-offset:3px;border-radius:6px}::selection{background:#667eea59}.logo-accent{font-weight:600;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.container{max-width:var(--container);margin:0 auto}.section{position:relative;padding:120px 24px}@media(max-width:768px){.section{padding:88px 20px}}.section-header{max-width:800px;margin:0 auto 64px;text-align:center}.section-label{margin-bottom:16px;font-size:12px;font-weight:300;letter-spacing:.1em;text-transform:uppercase;color:var(--text-50)}.section-title{margin-bottom:24px;font-size:clamp(2rem,4.5vw,2.5rem);font-weight:300;letter-spacing:-.02em;line-height:1.15}.section-description{font-size:1.125rem;font-weight:300;line-height:1.6;color:var(--text-70)}.grid{display:grid;gap:24px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-3,.grid-4{grid-template-columns:1fr}}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;border:1px solid var(--line);background:#ffffff0d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-weight:300}.dot{width:4px;height:4px;border-radius:50%;background:#fff6}.glass-card{position:relative;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--line-soft);background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:background .3s ease,border-color .3s ease,transform .4s var(--ease-out),box-shadow .4s ease}.glass-card:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.glass-card:hover{background:var(--glass-hover);border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 24px 60px -30px #667eea59}.card-title{margin-bottom:12px;font-size:1.2rem;font-weight:400}.card-text{font-size:.9375rem;font-weight:300;line-height:1.6;color:var(--text-60)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius);border:1px solid var(--line);font-size:14px;font-weight:300;letter-spacing:-.01em;white-space:nowrap;transition:background .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-lg{padding:16px 32px;font-size:16px}.btn-glass{background:#ffffff1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.btn-glass:hover{background:#fff3}.btn-ghost{color:#ffffffd9}.btn-ghost:hover{background:#ffffff0f;border-color:#fff3}.btn-primary{border-color:transparent;background:var(--brand-gradient);font-weight:400}.btn-primary:hover{box-shadow:0 12px 40px #667eea73}.reveal{opacity:0}.reveal.is-visible{opacity:1;animation:reveal-up .8s var(--ease-out) var(--reveal-delay, 0ms) backwards}.reveal.reveal-scale.is-visible{animation-name:reveal-scale}.reveal.reveal-left.is-visible{animation-name:reveal-left}.reveal.reveal-right.is-visible{animation-name:reveal-right}.reveal.reveal-blur.is-visible{animation-name:reveal-blur;animation-duration:1s}@keyframes reveal-up{0%{opacity:0;transform:translateY(40px)}}@keyframes reveal-scale{0%{opacity:0;transform:scale(.92)}}@keyframes reveal-left{0%{opacity:0;transform:translate(-48px)}}@keyframes reveal-right{0%{opacity:0;transform:translate(48px)}}@keyframes reveal-blur{0%{opacity:0;filter:blur(12px);transform:translateY(24px)}}.anim-down{animation:fadeInDown .7s ease-out .1s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes blurUp{0%{opacity:0;filter:blur(14px);transform:translateY(24px) scale(1.04)}to{opacity:1;filter:blur(0);transform:none}}@keyframes canvasIn{0%{opacity:.6;filter:blur(20px);transform:scale(1.08)}to{opacity:1;filter:blur(0);transform:none}}@keyframes pulse{0%,to{box-shadow:0 0 0 0 currentColor}50%{box-shadow:0 0 0 4px transparent}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal,.reveal.is-visible{opacity:1;animation:none}}