@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");:root{--bg-base:#08080f;--bg-surface:#0f0f1a;--bg-elevated:#161624;--bg-card:#12121e;--bg-card-hover:#181828;--accent-blue:#00d4ff;--accent-blue-dim:rgba(0,212,255,.15);--accent-blue-glow:rgba(0,212,255,.08);--accent-orange:#ff6b35;--accent-orange-dim:rgba(255,107,53,.12);--text-primary:#f0f0f8;--text-secondary:#9090a8;--text-muted:#54546a;--text-accent:#00d4ff;--border-subtle:hsla(0,0%,100%,.06);--border-card:hsla(0,0%,100%,.08);--border-accent:rgba(0,212,255,.25);--shadow-card:0 4px 32px rgba(0,0,0,.4);--shadow-hover:0 16px 48px rgba(0,0,0,.5);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--header-h:72px;--container:1240px;--container-px:clamp(20px,5vw,48px);--ease-out-expo:cubic-bezier(0.22,1,0.36,1);--ease-inout:cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,system-ui,sans-serif;background:var(--bg-base);color:var(--text-primary);font-size:17px;line-height:1.7;overflow-x:hidden}body.menu-open{overflow:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;border:none;background:none}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--container-px)}.grid-tech{display:grid}.overline{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.btn,.overline{font-weight:600}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:var(--radius-sm);font-size:15px;letter-spacing:.02em;transition:background-color .18s ease-out,transform .14s ease-out,box-shadow .18s ease-out,border-color .18s ease-out;cursor:pointer;white-space:nowrap}.btn-primary{background:var(--accent-blue);color:#08080f}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,212,255,.35)}.btn-primary:active{transform:scale(.98)}.btn-ghost{background:transparent;color:var(--text-primary);border:1px solid var(--border-card)}.btn-ghost:hover{border-color:var(--accent-blue);color:var(--accent-blue);transform:translateY(-2px)}.btn-ghost:active{transform:scale(.98)}.btn-outline-accent{background:transparent;color:var(--accent-blue);border:1px solid var(--border-accent);position:relative;overflow:hidden}.btn-outline-accent:after{content:"";position:absolute;inset:0;background:var(--accent-blue-dim);opacity:0;transition:opacity .2s ease-out}.btn-outline-accent:hover:after{opacity:1}.btn-outline-accent:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,212,255,.2)}.tech-grid-bg{background-image:linear-gradient(rgba(0,212,255,.04) 1px,transparent 0),linear-gradient(90deg,rgba(0,212,255,.04) 1px,transparent 0);background-size:48px 48px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .5s var(--ease-inout),transform .5s var(--ease-inout)}.reveal.revealed{opacity:1;transform:none}.reveal-left{opacity:0;transform:translateX(-32px);transition:opacity .55s var(--ease-inout),transform .55s var(--ease-inout)}.reveal-left.revealed{opacity:1;transform:none}.reveal-scale{opacity:0;transform:scale(.96);transition:opacity .5s var(--ease-inout),transform .5s var(--ease-out-expo)}.reveal-scale.revealed{opacity:1;transform:scale(1)}.reveal-right{opacity:0;transform:translateX(32px);transition:opacity .55s var(--ease-inout),transform .55s var(--ease-inout)}.reveal-right.revealed{opacity:1;transform:none}.delay-1{transition-delay:80ms}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}.delay-4{transition-delay:.32s}.delay-5{transition-delay:.4s}.delay-6{transition-delay:.48s}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal,.reveal-left,.reveal-right,.reveal-scale{opacity:1;transform:none;transition:none}}.frame-draw-line{stroke-dasharray:800;stroke-dashoffset:800;transition:stroke-dashoffset 1s var(--ease-out-expo)}.frame-draw-line.revealed{stroke-dashoffset:0}.noise-overlay:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");opacity:.025;pointer-events:none;z-index:1}.section-gap{padding:96px 0}.section-gap-lg{padding:120px 0}.section-gap-sm{padding:72px 0}@media (max-width:768px){.section-gap{padding:64px 0}.section-gap-lg{padding:80px 0}.section-gap-sm{padding:48px 0}}.card-tactile{transition:transform .24s ease-out,box-shadow .24s ease-out,border-color .24s ease-out}.card-tactile:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:var(--border-accent)}.section-divider{height:1px;background:var(--border-subtle);margin:0}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:100px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.chip-blue{background:var(--accent-blue-dim);color:var(--accent-blue);border:1px solid rgba(0,212,255,.2)}.chip-orange{background:var(--accent-orange-dim);color:var(--accent-orange);border:1px solid rgba(255,107,53,.2)}