@charset "UTF-8";:root{--bg: #0a0c11;--bg-elev: #11141c;--bg-card: #141927;--bg-glass: rgba(10, 12, 17, .6);--border: #232a3d;--border-soft: #1a2030;--text: #e9edf5;--text-muted: #9aa4b8;--text-dim: #6b748a;--accent: #4f8cff;--accent-2: #7c5cff;--accent-3: #27d3a2;--accent-soft: rgba(79, 140, 255, .14);--grad: linear-gradient(120deg, #4f8cff 0%, #7c5cff 55%, #27d3a2 115%);--grad-text: linear-gradient(120deg, #8fb4ff 0%, #b49bff 55%, #68e8c4 115%);--on-accent: #061018;--grid-line: rgba(124, 148, 200, .08);--node: rgba(143, 180, 255, .9);--node-line-rgb: 124, 92, 255;--net-intensity: 1;--mesh-blend: screen;--hero-glow-1: rgba(124, 92, 255, .3);--hero-glow-2: rgba(39, 211, 162, .16);--radius: 16px;--radius-sm: 10px;--maxw: 1140px;--shadow: 0 24px 60px -24px rgba(0, 0, 0, .7);--ring: 0 0 0 3px var(--accent-soft);--ff: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--fm: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;color-scheme:dark}:root[data-theme=light]{--bg: #f4f7fc;--bg-elev: #ffffff;--bg-card: #ffffff;--bg-glass: rgba(255, 255, 255, .72);--border: #e1e7f2;--border-soft: #eef2f8;--text: #0d1324;--text-muted: #51607a;--text-dim: #8a93a8;--accent: #2f6bff;--accent-2: #6b43ff;--accent-3: #06b082;--accent-soft: rgba(47, 107, 255, .1);--grad: linear-gradient(120deg, #2f6bff 0%, #6b43ff 55%, #06b082 115%);--grad-text: linear-gradient(120deg, #2f6bff 0%, #6b43ff 55%, #06b082 115%);--on-accent: #ffffff;--grid-line: rgba(47, 71, 140, .07);--node: rgba(47, 107, 255, .75);--node-line-rgb: 107, 67, 255;--net-intensity: .5;--mesh-blend: normal;--hero-glow-1: rgba(107, 67, 255, .16);--hero-glow-2: rgba(6, 176, 130, .12);--shadow: 0 24px 60px -28px rgba(37, 57, 110, .35);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--ff);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden;transition:background .4s ease,color .4s ease}body.hero-knot-near{cursor:grab}body.hero-grabbing,body.hero-grabbing *{cursor:grabbing!important;-webkit-user-select:none;user-select:none;touch-action:none}@property --xr{syntax: "<length>"; inherits: false; initial-value: 0px;}.xray-host{position:relative;overflow:hidden}.xray-host>*:not(.xray){position:relative;z-index:1}.xray{--xr: 0px;position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;background-image:radial-gradient(circle at var(--mx, 50%) var(--my, 50%),rgba(var(--node-line-rgb),.14),transparent 60%),radial-gradient(rgba(var(--node-line-rgb),.5) 1px,transparent 1.7px),repeating-linear-gradient(60deg,rgba(var(--node-line-rgb),.16) 0 1px,transparent 1px 26px),repeating-linear-gradient(-60deg,rgba(var(--node-line-rgb),.16) 0 1px,transparent 1px 26px),repeating-linear-gradient(0deg,rgba(var(--node-line-rgb),.1) 0 1px,transparent 1px 26px);background-size:auto,26px 45px,auto,auto,auto;-webkit-mask-image:radial-gradient(circle var(--xr) at var(--mx, 50%) var(--my, 50%),#000 0,#000 58%,transparent 100%);mask-image:radial-gradient(circle var(--xr) at var(--mx, 50%) var(--my, 50%),#000 0,#000 58%,transparent 100%);transition:--xr .35s ease}.xray-host.xray-on .xray{--xr: 170px}@media(prefers-reduced-motion:reduce){.xray{transition:none}}a{color:inherit;text-decoration:none}h1,h2,h3,h4{line-height:1.1;letter-spacing:-.02em;margin:0 0 .5em;font-weight:700}p{margin:0 0 1rem}img{max-width:100%;display:block}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.section{padding:96px 0}@media(max-width:720px){.section{padding:64px 0}}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--fm);font-size:.74rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}.eyebrow:before{content:"";width:22px;height:1px;background:var(--accent);opacity:.6}.gradient-text{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{position:relative;display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:999px;font-weight:600;font-size:.95rem;border:1px solid transparent;cursor:pointer;overflow:hidden;isolation:isolate;transition:transform .16s cubic-bezier(.3,1.4,.5,1),box-shadow .2s ease,border-color .2s ease,background .2s ease}.btn:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.45) 50%,transparent 80%);transform:translate(-120%);transition:transform .6s ease}.btn:hover:before{transform:translate(120%)}.btn:active{transform:scale(.95)}.btn-primary{background:var(--grad);background-size:180% 180%;color:var(--on-accent);box-shadow:0 12px 30px -12px #4f8cffb3,inset 0 0 0 1px #ffffff1f;animation:grad-pan 6s ease infinite}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 44px -14px #7c5cffd9,0 0 24px -4px var(--accent-2),inset 0 0 0 1px #fff3}.btn-primary:active{transform:translateY(0) scale(.95);box-shadow:0 6px 16px -8px #7c5cff99,inset 0 3px 10px #0000004d}.btn-ghost{background:var(--bg-glass);color:var(--text);border-color:var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn-ghost:hover{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 22px -6px var(--accent);transform:translateY(-2px)}.card{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.card:hover:after{transform:scaleX(1)}.badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--fm);font-size:.68rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:999px;border:1px solid var(--border);color:var(--text-muted)}.badge-flagship{color:var(--accent-3);border-color:color-mix(in srgb,var(--accent-3) 40%,transparent);background:color-mix(in srgb,var(--accent-3) 9%,transparent)}.badge-production{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 9%,transparent)}.badge-client{color:var(--accent-2);border-color:color-mix(in srgb,var(--accent-2) 40%,transparent);background:color-mix(in srgb,var(--accent-2) 9%,transparent)}.badge-prototype{color:#d99b2b;border-color:#d99b2b66;background:#d99b2b1a}.tag{font-family:var(--fm);font-size:.74rem;color:var(--text-muted);padding:3px 10px;border:1px solid var(--border-soft);border-radius:999px;background:var(--bg-elev);transition:color .15s ease,border-color .15s ease,transform .15s ease}.tag:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-1px)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.grid{display:grid;gap:22px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-2,.grid-3{grid-template-columns:1fr}}.section-alt{background:var(--bg-elev);border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:44px}.section-head.center{justify-content:center;text-align:center}.section-head h2{font-size:clamp(1.7rem,3.4vw,2.3rem);margin:0}.section-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-weight:600;font-size:.95rem;white-space:nowrap;transition:gap .2s ease,color .2s ease}.section-link:hover{color:var(--text);gap:11px}.page-head{padding-top:96px;padding-bottom:8px}.page-head h1{font-size:clamp(2.1rem,5vw,3.1rem)}.page-head p{color:var(--text-muted);max-width:620px;font-size:1.08rem}@media(max-width:640px){.section-head{flex-direction:column;align-items:flex-start}}@keyframes grad-pan{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes drift-1{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-46%,24px) scale(1.08)}}@keyframes drift-2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(28px,-20px) scale(1.12)}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes float-up{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay, 0ms);will-change:opacity,transform}.reveal.in{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.btn-primary,*[class*=drift]{animation:none!important}}