:root{--bg: #07080c;--bg-elevated: #111219;--bg-muted: #0b0c11;--surface: rgba(255, 255, 255, .035);--surface-hover: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .15);--text: #f4f5f7;--text-muted: #a4a8b3;--text-dim: #6d7280;--accent: #7c6cf6;--accent-2: #2fd6d9;--accent-soft: rgba(124, 108, 246, .14);--gradient: linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);--tok-kw: #b3a7ff;--tok-prop: #7fe3e5;--tok-str: #f0c890;--tok-num: #ff9e85;--tok-fn: #8db7ff;--font-display: "Space Grotesk", "Inter", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--shadow-lg: 0 30px 60px -25px rgba(0, 0, 0, .6);--container: 1160px;--ease: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}::selection{background:#7c6cf659}:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.12;margin:0 0 .5em;letter-spacing:-.02em}p{margin:0 0 1em;color:var(--text-muted)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}ul,ol{padding:0;margin:0;list-style:none}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.text-gradient{background:linear-gradient(110deg,var(--accent) 0%,var(--accent-2) 50%,var(--accent) 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 9s linear infinite}@keyframes shimmer{to{background-position:-200% center}}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.74rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-2);margin-bottom:16px}.eyebrow:before{content:"";width:20px;height:1px;background:currentColor;opacity:.7}@keyframes rise-in{0%{opacity:0;translate:0 26px}to{opacity:1;translate:0 0}}@keyframes spin{to{transform:rotate(360deg)}}.spotlight{position:relative;isolation:isolate}.spotlight:before,.spotlight:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s var(--ease)}.spotlight:before{background:radial-gradient(420px circle at var(--mx, 50%) var(--my, 0%),rgba(124,108,246,.12),transparent 45%)}.spotlight:after{padding:1px;background:radial-gradient(240px circle at var(--mx, 50%) var(--my, 0%),rgba(47,214,217,.55),transparent 60%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.spotlight:hover:before,.spotlight:hover:after{opacity:1}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 26px;border-radius:999px;font-weight:600;font-size:.95rem;transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease);border:1px solid transparent;white-space:nowrap}.btn__icon{transition:transform .35s var(--ease)}.btn:hover .btn__icon{transform:translate(3px)}.btn--primary{overflow:hidden;background:var(--gradient);color:#07070a;box-shadow:inset 0 1px #ffffff59}.btn--primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translate(-120%);transition:transform .9s var(--ease);pointer-events:none}.btn--primary:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff59,0 18px 36px -14px #7c6cf699}.btn--primary:hover:after{transform:translate(120%)}.btn--ghost{border-color:var(--border-strong);color:var(--text);background:#ffffff08;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.btn--ghost:hover{background:var(--surface-hover);border-color:#2fd6d999}.btn--outline{border-color:var(--border-strong);color:var(--text)}.btn--outline:hover{border-color:var(--accent-2);color:var(--accent-2)}.btn--small{padding:9px 18px;font-size:.85rem}.btn--block{width:100%}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(7,7,10,.25);border-top-color:#07070a;animation:spin .8s linear infinite}.navbar{position:fixed;top:0;left:0;right:0;z-index:60;padding:18px 0;transition:background .3s var(--ease),padding .3s var(--ease),border-color .3s var(--ease);border-bottom:1px solid transparent}.navbar--scrolled{padding:10px 0;background:#07080c99;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-bottom-color:var(--border)}.scroll-progress{display:none;position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient);transform-origin:0 50%;transform:scaleX(0)}@supports (animation-timeline: scroll()){.scroll-progress{display:block;animation:scroll-progress linear both;animation-timeline:scroll(root)}}@keyframes scroll-progress{to{transform:scaleX(1)}}.navbar__inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.navbar__brand{display:inline-flex;align-items:center}.navbar__logo{display:block;height:30px;width:auto;transition:height .3s var(--ease)}.navbar--scrolled .navbar__logo{height:26px}.navbar__links{display:flex;gap:2px;padding:5px;border-radius:999px;border:1px solid var(--border);background:#1112198c;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)}.navbar__links a{padding:7px 16px;border-radius:999px;font-size:.88rem;font-weight:500;color:var(--text-muted);transition:color .25s,background .35s var(--ease),box-shadow .35s var(--ease)}.navbar__links a:hover{color:var(--text)}.navbar__links a.is-active{color:var(--text);background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff0f}.navbar__actions{display:flex;align-items:center;gap:8px}.navbar__toggle{display:none}@media (max-width: 760px){.navbar__toggle{display:flex}.navbar__cta{display:none}.navbar__links{position:fixed;inset:68px 16px auto 16px;flex-direction:column;gap:4px;background:#111219eb;border-radius:var(--radius);padding:10px;transform:translateY(-12px);opacity:0;pointer-events:none;transition:all .25s var(--ease);box-shadow:var(--shadow-lg)}.navbar__links.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.navbar__links a{padding:12px 14px;border-radius:var(--radius-sm)}.navbar__links a:hover{background:var(--surface)}}.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;overflow:hidden;isolation:isolate}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:saturate(.6) brightness(.45);transform:scale(1.05);z-index:-3}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(7,8,12,.6) 0%,rgba(7,8,12,.9) 65%,var(--bg) 100%);z-index:-2}.hero__grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 20%,transparent 75%)}.hero__spot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(560px circle at var(--mx, 70%) var(--my, 35%),rgba(124,108,246,.14),transparent 60%);pointer-events:none}.hero__glow{position:absolute;width:60vw;height:60vw;max-width:640px;max-height:640px;z-index:-1;filter:blur(10px);pointer-events:none;animation:drift 18s ease-in-out infinite alternate}.hero__glow--violet{top:-20%;right:-10%;background:radial-gradient(circle,rgba(124,108,246,.32),transparent 65%)}.hero__glow--cyan{bottom:-30%;left:-15%;background:radial-gradient(circle,rgba(47,214,217,.16),transparent 65%);animation-delay:-9s}@keyframes drift{to{transform:translate3d(-6%,8%,0) scale(1.1)}}.hero__layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center;padding-top:110px;padding-bottom:110px}.hero-in{animation:hero-in 1s var(--ease) both;animation-delay:var(--d, 0ms)}@keyframes hero-in{0%{opacity:0;transform:translateY(20px);filter:blur(6px)}}.hero__eyebrow{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 12px;border:1px solid var(--border);border-radius:999px;background:#ffffff08;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-muted);font-size:.82rem;font-weight:500;margin-bottom:26px}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-2);animation:pulse 2.4s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 #2fd6d999}70%,to{box-shadow:0 0 0 9px #2fd6d900}}.hero__title{font-size:clamp(2.6rem,6vw,4.5rem);letter-spacing:-.035em;max-width:14ch;margin-bottom:22px}.hero__lead{font-size:clamp(1.05rem,1.8vw,1.2rem);max-width:44ch;color:var(--text-muted);margin-bottom:38px}.hero__cta{display:flex;gap:14px;flex-wrap:wrap}.hero__visual{position:relative}.hero__visual:before{content:"";position:absolute;top:10%;right:5%;bottom:10%;left:5%;background:var(--gradient);filter:blur(60px);opacity:.22;z-index:-1}.code-window{border-radius:16px;border:1px solid var(--border-strong);background:linear-gradient(180deg,#181922d1,#0c0d12e0);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 40px 80px -30px #000000bf,inset 0 1px #ffffff0d;overflow:hidden;font-family:var(--font-mono);font-size:clamp(11px,1.05vw,13px);animation:float 8s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-10px) rotate(.4deg)}}.code-window__bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--border)}.code-window__bar i{width:10px;height:10px;border-radius:50%;background:#ffffff1f}.code-window__bar i:nth-child(1){background:#ff5f57b3}.code-window__bar i:nth-child(2){background:#febc2eb3}.code-window__bar i:nth-child(3){background:#28c840b3}.code-window__bar em{margin:0 auto;padding-right:44px;font-style:normal;font-size:.88em;color:var(--text-dim)}.code-window__body{margin:0;padding:18px 20px 16px 0;line-height:1.9;overflow:hidden}.code-line{display:flex;align-items:center;white-space:pre}.code-line__no{flex:none;width:3.4em;padding-right:1.4em;text-align:right;color:var(--text-dim);opacity:.55;-webkit-user-select:none;user-select:none}.code-line__text{display:inline-block;overflow:hidden;vertical-align:bottom;width:calc(var(--ch) * 1ch + 2px);animation:type var(--dur) steps(var(--ch)) var(--delay) both}@keyframes type{0%{width:0}}.code-caret{display:inline-block;width:.55em;height:1.15em;margin-left:2px;background:var(--accent-2);opacity:0;animation:blink 1.1s step-end var(--done) infinite}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.tok-kw{color:var(--tok-kw)}.tok-var{color:var(--text)}.tok-prop{color:var(--tok-prop)}.tok-str{color:var(--tok-str)}.tok-num{color:var(--tok-num)}.tok-op{color:var(--text-muted)}.tok-cm{color:var(--text-dim);font-style:italic}.code-window__status{display:grid;padding:10px 16px;border-top:1px solid var(--border);font-size:.85em;color:var(--text-dim)}.code-window__status>span{grid-area:1 / 1;display:inline-flex;align-items:center;gap:8px}.code-window__status i{width:7px;height:7px;border-radius:50%}.status-pending i{background:#febc2e;animation:blink .9s step-end infinite}.status-pending{animation:fade-out .3s var(--done) both}.status-done{color:var(--text-muted);animation:fade-in .5s var(--done) both}.status-done i{background:#28c840;box-shadow:0 0 10px #28c840b3}@keyframes fade-out{to{opacity:0}}.hero__scroll{position:absolute;bottom:30px;left:50%;translate:-50% 0;width:24px;height:38px;border-radius:999px;border:1.5px solid var(--border-strong);display:flex;justify-content:center;padding-top:7px;transition:border-color .25s}.hero__scroll:hover{border-color:var(--accent-2)}.hero__scroll-wheel{width:3px;height:7px;border-radius:3px;background:var(--accent-2);animation:wheel 2s var(--ease) infinite}@keyframes wheel{0%{opacity:0;transform:translateY(-2px)}30%{opacity:1}to{opacity:0;transform:translateY(12px)}}.section{padding:128px 0;position:relative;overflow-x:clip}.section--muted{background:var(--bg-muted)}.section--muted:before,.section--muted:after{content:"";position:absolute;left:50%;width:min(900px,90%);height:1px;transform:translate(-50%);background:linear-gradient(90deg,transparent,var(--border-strong),transparent)}.section--muted:before{top:0}.section--muted:after{bottom:0}.section__head{text-align:center;max-width:640px;margin:0 auto 64px}.section__head--left{text-align:left;margin:0 0 36px;max-width:460px}.section__head h2{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.03em}.section__note{text-align:center;max-width:640px;margin:64px auto 0;padding-top:40px;border-top:1px solid var(--border)}.reveal{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.is-visible{opacity:1;transform:translateY(0)}.process__rail{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;height:14px;margin-bottom:28px}.process__rail:before,.process__rail:after{content:"";position:absolute;top:50%;left:calc((100% - 56px) / 6);right:calc((100% - 56px) / 6);height:1px;background:var(--border-strong)}.process__rail:after{height:2px;margin-top:-.5px;background:var(--gradient);transform:scaleX(0);transform-origin:left;transition:transform 1.6s var(--ease-in-out) .2s}.process.is-visible .process__rail:after{transform:scaleX(1)}.process__node{justify-self:center;position:relative;z-index:1;width:14px;height:14px;border-radius:50%;background:var(--bg);border:1px solid var(--border-strong);transition:background .4s,border-color .4s,box-shadow .4s;transition-delay:calc(var(--i) * .7s + .2s)}.process.is-visible .process__node{background:var(--accent-2);border-color:transparent;box-shadow:0 0 0 5px #2fd6d91f,0 0 18px #2fd6d999}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.step-card{opacity:0;padding:30px 28px 32px;border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(180deg,#ffffff09,#ffffff03);transition:transform .45s var(--ease),border-color .3s var(--ease)}.process.is-visible .step-card{opacity:1;animation:rise-in .9s var(--ease) backwards;animation-delay:calc(var(--i) * .14s + .1s)}.step-card:hover{transform:translateY(-4px);border-color:var(--border-strong)}.step-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.step-card__art{width:64px;height:64px;display:grid;place-items:center;border-radius:16px;background:radial-gradient(circle at 30% 20%,#7c6cf642,#7c6cf60d);border:1px solid rgba(124,108,246,.22);color:var(--accent-2)}.step-card__art svg{width:40px;height:40px;overflow:visible;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.step-card__number{font-family:var(--font-mono);font-size:.78rem;color:var(--text-dim)}.step-card h3{font-size:1.25rem;margin-bottom:10px}.step-card p{font-size:.95rem;margin:0}.art-rays path{opacity:.2;animation:ray 3.4s ease-in-out infinite}.art-rays path:nth-child(2),.art-rays path:nth-child(3){animation-delay:.12s}.art-rays path:nth-child(4),.art-rays path:nth-child(5){animation-delay:.24s}@keyframes ray{0%,to{opacity:.2}40%,62%{opacity:1}}.art-bulb{animation:bulb 3.4s ease-in-out infinite}@keyframes bulb{0%,to{fill:#2fd6d900}45%,62%{fill:#2fd6d933}}.art-block{fill:#2fd6d91f;animation:stack 4.8s var(--ease) infinite both;animation-delay:calc(var(--i) * .35s)}@keyframes stack{0%{opacity:0;transform:translateY(-14px)}14%,80%{opacity:1;transform:translateY(0)}94%,to{opacity:0;transform:translateY(0)}}.art-rocket{animation:lift 3s ease-in-out infinite}@keyframes lift{0%,to{transform:translateY(1px)}50%{transform:translateY(-3px)}}.art-flame{stroke:var(--accent);transform-box:fill-box;transform-origin:50% 0;animation:flame .35s ease-in-out infinite alternate}@keyframes flame{0%{transform:scaleY(.7)}to{transform:scaleY(1.15)}}.art-trail path{animation:trail 1.3s linear infinite;animation-delay:calc(var(--i) * .45s)}@keyframes trail{0%{opacity:0;transform:translateY(-4px)}50%{opacity:.7}to{opacity:0;transform:translateY(6px)}}.bento{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);grid-template-areas:"design dev" "architecture dev";gap:24px}.bento__card{opacity:0;display:flex;flex-direction:column;border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(180deg,#ffffff09,#ffffff03);overflow:hidden;transition:transform .45s var(--ease),border-color .3s var(--ease)}.bento.is-visible .bento__card{opacity:1;animation:rise-in .9s var(--ease) backwards;animation-delay:calc(var(--i) * .14s)}.bento__card:hover{transform:translateY(-4px);border-color:var(--border-strong)}.bento__card--design{grid-area:design}.bento__card--dev{grid-area:dev}.bento__card--architecture{grid-area:architecture}.bento__visual{position:relative;height:180px;display:grid;place-items:center;padding:20px;border-bottom:1px solid var(--border);background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:16px 16px;overflow:hidden}.bento__card--dev .bento__visual{height:auto;flex:1;min-height:280px;padding:32px}.bento__body{padding:24px 28px 28px}.bento__title{display:flex;align-items:center;gap:12px;margin-bottom:10px}.bento__title h3{font-size:1.2rem;margin:0}.bento__icon{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--accent-2)}.bento__body p{font-size:.95rem;max-width:48ch;margin:0}.viz{width:100%;max-width:280px;height:auto;overflow:visible}.viz-curve{fill:none;stroke:var(--accent-2);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:1;animation:draw 5.5s var(--ease-in-out) infinite both}@keyframes draw{0%{stroke-dashoffset:1;opacity:1}45%,85%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.viz-handle{stroke:var(--border-strong);stroke-width:1;stroke-dasharray:3 3}.viz-handle,.viz-knob{animation:handles 5.5s var(--ease) infinite both}@keyframes handles{0%,35%{opacity:0}50%,85%{opacity:1}to{opacity:0}}.viz-knob{fill:var(--bg);stroke:var(--accent);stroke-width:1.5}.viz-anchor{fill:var(--bg);stroke:var(--text);stroke-width:1.5}.viz-shape{fill:#7c6cf629;stroke:#7c6cf699;stroke-width:1.5;transform-box:fill-box;transform-origin:center}.viz-shape--square{animation:tilt 7s ease-in-out infinite}.viz-shape--circle{animation:bob 6s ease-in-out infinite}@keyframes tilt{0%,to{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(10deg) translateY(4px)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.viz-browser{width:100%;max-width:460px;border-radius:12px;border:1px solid var(--border-strong);background:#0a0b10d9;box-shadow:var(--shadow-lg);overflow:hidden}.viz-browser__bar{display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid var(--border)}.viz-browser__bar i{width:8px;height:8px;border-radius:50%;background:#ffffff24}.viz-browser__url{flex:1;margin-left:10px;padding:3px 10px;border-radius:999px;background:#ffffff0a;font-family:var(--font-mono);font-size:10.5px;color:var(--text-dim)}.viz-browser__body{display:grid;grid-template-columns:1fr 1fr;min-height:190px}.viz-code{display:flex;flex-direction:column;gap:10px;padding:18px 14px;border-right:1px solid var(--border);background:#ffffff04}.viz-code span{display:block;height:6px;width:var(--w);margin-left:calc(var(--indent) * 10px);border-radius:3px;background:var(--c);opacity:.75;transform-origin:left;animation:code-grow 6s var(--ease) infinite both;animation-delay:calc(var(--i) * .16s)}@keyframes code-grow{0%{transform:scaleX(0);opacity:0}10%,84%{transform:scaleX(1);opacity:.75}94%,to{transform:scaleX(1);opacity:0}}.viz-ui{display:flex;flex-direction:column;gap:8px;padding:16px 14px}.viz-ui>span{display:block;animation:ui-in 6s var(--ease) infinite both;animation-delay:calc(1.4s + var(--i) * .14s)}@keyframes ui-in{0%{opacity:0;transform:translateY(8px)}12%,62%{opacity:1;transform:translateY(0)}72%,to{opacity:0;transform:translateY(0)}}.viz-ui__hero{height:46px;border-radius:8px;background:linear-gradient(135deg,#7c6cf673,#2fd6d94d)}.viz-ui__line{height:6px;width:80%;border-radius:3px;background:#ffffff2e}.viz-ui__line--short{width:55%;background:#ffffff1a}.viz-ui__cards{display:grid!important;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:4px}.viz-ui__cards i{height:34px;border-radius:6px;border:1px solid var(--border);background:#ffffff0a}.viz-ui__button{width:42%;height:14px;margin-top:2px;border-radius:999px;background:var(--gradient)}.viz-arch{display:flex;align-items:center;gap:28px}.viz-tree{width:150px;height:auto;overflow:visible}.viz-edge{fill:none;stroke:var(--border-strong);stroke-width:1;stroke-dasharray:1;animation:edge-draw 6s var(--ease) infinite both;animation-delay:calc((var(--lvl) - 1) * .5s + .1s)}@keyframes edge-draw{0%{stroke-dashoffset:1;opacity:1}7%,85%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.viz-pulse{fill:none;stroke:var(--accent-2);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:.14 2;opacity:0;filter:drop-shadow(0 0 3px rgba(47,214,217,.8));animation:edge-pulse 6s linear infinite both;animation-delay:calc(1.6s + (var(--lvl) - 1) * .55s)}@keyframes edge-pulse{0%{stroke-dashoffset:.2;opacity:1}9%{stroke-dashoffset:-1.06;opacity:1}9.01%,40%{stroke-dashoffset:.2;opacity:1}49%,to{stroke-dashoffset:-1.06;opacity:1}}.viz-node{fill:var(--bg);stroke:var(--border-strong);stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:node-in 6s var(--ease) infinite both;animation-delay:calc(var(--lvl) * .5s)}.viz-node--root{fill:#7c6cf629;stroke:url(#viz-arch-grad)}.viz-node--leaf{fill:#ffffff0a}@keyframes node-in{0%{opacity:0;transform:scale(.6)}8%,85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.viz-metrics{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.viz-metric{display:flex;align-items:center;gap:10px;animation:ui-in 6s var(--ease) infinite both;animation-delay:calc(1.2s + var(--i) * .14s)}.viz-ring{width:28px;height:28px;flex:none;transform:rotate(-90deg)}.viz-ring circle{fill:none;stroke-width:3}.viz-ring__track{stroke:#ffffff14}.viz-ring__arc{stroke:var(--c);stroke-linecap:round;stroke-dasharray:1;animation:ring-fill 6s var(--ease) infinite both;animation-delay:calc(1.5s + var(--i) * .16s)}@keyframes ring-fill{0%{stroke-dashoffset:1}22%,to{stroke-dashoffset:0}}.viz-metric__text{display:flex;flex-direction:column;line-height:1}.viz-metric__text b{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--text)}.viz-metric__text small{margin-top:3px;font-family:var(--font-mono);font-size:9px;color:var(--text-dim)}@media (max-width: 400px){.viz-arch{gap:18px}.viz-tree{width:128px}}.filter-bar{position:relative;display:flex;gap:2px;width:fit-content;max-width:100%;margin:0 auto 48px;padding:5px;border-radius:999px;border:1px solid var(--border);background:#ffffff06;overflow-x:auto;scrollbar-width:none}.filter-bar__indicator{position:absolute;top:5px;bottom:5px;left:0;border-radius:999px;background:var(--gradient);box-shadow:0 8px 20px -8px #7c6cf699;transition:transform .5s var(--ease),width .5s var(--ease)}.filter-btn{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;color:var(--text-muted);font-size:.88rem;font-weight:500;white-space:nowrap;transition:color .35s var(--ease)}.filter-btn:hover{color:var(--text)}.filter-btn.is-active{color:#07070a}.filter-btn__count{font-family:var(--font-mono);font-size:.72rem;opacity:.6}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-card{opacity:0;width:100%;padding:0;text-align:left;display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);background:#ffffff05;transition:transform .45s var(--ease),border-color .35s var(--ease),box-shadow .45s var(--ease)}.project-card.is-in{opacity:1;animation:rise-in .8s var(--ease) backwards;animation-delay:calc(var(--i) * 70ms)}.project-card:hover{transform:translateY(-6px);border-color:var(--border-strong);box-shadow:0 30px 60px -30px #000000d9}.project-card__media{position:relative;display:block;margin:8px 8px 0;aspect-ratio:4 / 3;border-radius:14px;overflow:hidden;background:#05060a}.project-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}.project-card:hover .project-card__media img{transform:scale(1.05)}.project-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;padding:16px;background:linear-gradient(180deg,transparent 45%,rgba(5,6,10,.85) 100%);opacity:0;transition:opacity .35s var(--ease)}.project-card:hover .project-card__overlay{opacity:1}.project-card__view{padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#0a0a0f80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:.78rem;font-weight:600;color:#fff;transform:translateY(8px);transition:transform .45s var(--ease)}.project-card:hover .project-card__view{transform:translateY(0)}.project-card__body{display:flex;align-items:center;gap:12px;padding:16px 18px 18px}.project-card__text{display:flex;flex-direction:column;gap:3px;min-width:0}.project-card__title{font-family:var(--font-display);font-weight:600;font-size:1rem}.project-card__meta{font-size:.8rem;color:var(--text-dim)}.project-card__arrow{flex:none;margin-left:auto;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--border);color:var(--text-muted);transition:transform .45s var(--ease),background .3s,color .3s,border-color .3s}.project-card:hover .project-card__arrow{transform:rotate(-45deg);background:var(--gradient);border-color:transparent;color:#07070a}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#06060adb;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;animation:fade-in .25s var(--ease)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.lightbox__dialog{width:100%;max-width:980px;max-height:92vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);position:relative;box-shadow:var(--shadow-lg);animation:pop-in .3s var(--ease)}.lightbox__dialog::-webkit-scrollbar{width:10px}.lightbox__dialog::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid var(--bg-elevated);border-radius:999px}@keyframes pop-in{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.lightbox__close{position:absolute;top:16px;right:16px;z-index:5;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0a0a0f99;border:1px solid var(--border);color:var(--text);transition:background .2s,border-color .2s}.lightbox__close:hover{background:#0a0a0fe6;border-color:var(--border-strong)}.lightbox__slider{position:relative;background:#05060a}.lightbox__frame{aspect-ratio:16 / 10;max-height:56vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.lightbox__frame img{width:100%;height:100%;object-fit:contain;animation:fade-in .25s var(--ease)}.lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#0a0a0f8c;border:1px solid var(--border);color:#fff;display:flex;align-items:center;justify-content:center;z-index:4;transition:background .2s,border-color .2s}.lightbox__nav:hover{background:#0a0a0fd9;border-color:var(--border-strong)}.lightbox__nav--prev{left:14px}.lightbox__nav--next{right:14px}.lightbox__counter{position:absolute;bottom:14px;right:16px;font-size:.78rem;padding:5px 12px;border-radius:999px;background:#0a0a0f99;border:1px solid var(--border);color:var(--text-muted)}.lightbox__dots{display:flex;justify-content:center;gap:8px;padding:14px 0;background:var(--bg-elevated)}.lightbox__dot{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:0 0 auto;padding:0;line-height:0;width:7px;height:7px;border-radius:50%;background:var(--border-strong);transition:background .2s,transform .2s}.lightbox__dot.is-active{background:var(--accent-2);transform:scale(1.3)}.lightbox__info{display:grid;grid-template-columns:1fr 240px;gap:36px;padding:34px 36px 40px}.lightbox__info-main h3{font-size:1.4rem;margin-bottom:4px}.lightbox__tagline{color:var(--accent-2);font-size:.9rem;font-weight:500;margin-bottom:14px}.lightbox__desc{font-size:.96rem}.lightbox__bullets li{position:relative;padding-left:20px;margin-bottom:10px;font-size:.92rem;color:var(--text-muted)}.lightbox__bullets li:before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--gradient)}.lightbox__info-aside{border-left:1px solid var(--border);padding-left:28px;display:flex;flex-direction:column;gap:20px}.lightbox__aside-block{display:flex;flex-direction:column;gap:8px}.lightbox__aside-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);font-weight:600}.lightbox__tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:.74rem;padding:4px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--text-muted)}.about{display:grid;grid-template-columns:320px 1fr;gap:80px;align-items:center}.about__media{position:relative;width:100%;max-width:280px;aspect-ratio:1;margin:0 auto}.about__halo{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border-radius:50%;background:var(--gradient);opacity:.25;filter:blur(40px)}.about__ring{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;background:conic-gradient(from 0deg,var(--accent),var(--accent-2),transparent 35%,transparent 55%,var(--accent) 80%,var(--accent));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));animation:spin 14s linear infinite}.about__media img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;border-radius:50%;border:6px solid var(--bg-muted)}.about__badge{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;border:1px solid var(--border-strong);background:#111219bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-lg);font-family:var(--font-mono);font-size:.74rem;color:var(--text);animation:badge-bob 5s ease-in-out infinite}.about__badge i{width:7px;height:7px;border-radius:2px;background:var(--accent)}.about__badge--design{top:10%;left:-12%}.about__badge--code{bottom:10%;right:-10%;animation-delay:-2.5s}.about__badge--code i{border-radius:50%;background:var(--accent-2)}@keyframes badge-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.about__body h2{font-size:clamp(2rem,3.6vw,2.8rem);letter-spacing:-.03em}.about__body p{max-width:60ch}.about__stats{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:44px;margin:30px 0 34px;padding:22px 0;border-block:1px solid var(--border)}.stat{display:flex;flex-direction:column}.stat__value{font-family:var(--font-display);font-size:clamp(1.9rem,3vw,2.5rem);font-weight:600;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.stat__label{margin-top:8px;font-size:.8rem;color:var(--text-dim)}.stack{margin-top:88px}.stack__label{text-align:center;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:20px}.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.marquee__track{display:flex;gap:12px;width:max-content;animation:marquee 45s linear infinite}.marquee:hover .marquee__track{animation-play-state:paused}.marquee__group{display:flex;gap:12px}.marquee__item{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:999px;border:1px solid var(--border);background:#ffffff06;font-size:.88rem;color:var(--text-muted);white-space:nowrap;transition:color .25s,border-color .25s}.marquee__item:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent-2);opacity:.7}.marquee__item:hover{color:var(--text);border-color:var(--border-strong)}@keyframes marquee{to{transform:translate(calc(-50% - 6px))}}.contact{display:grid;grid-template-columns:360px 1fr;gap:72px;align-items:start}.contact__flight{position:relative;width:280px;height:120px;max-width:100%;margin:4px 0 32px}.contact__flight svg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible}.flight-path{fill:none;stroke:var(--border-strong);stroke-width:1.5;stroke-linecap:round;stroke-dasharray:4 6;animation:dash-march 1.6s linear infinite;transition:stroke .5s}@keyframes dash-march{to{stroke-dashoffset:-20}}.flight-plane{position:absolute;top:0;left:0;display:grid;place-items:center;color:var(--accent-2);filter:drop-shadow(0 0 8px rgba(47,214,217,.5));offset-path:path("M8 104 C 70 104, 96 34, 158 52 S 244 78, 266 22");offset-rotate:auto;animation:glide 6.5s var(--ease-in-out) infinite}@keyframes glide{0%{offset-distance:0%;opacity:0}10%,86%{opacity:1}to{offset-distance:100%;opacity:0}}@supports not (offset-path: path("M0 0")){.flight-plane{display:none}}.contact__flight.is-sending .flight-plane{animation-duration:1.4s}.contact__flight.is-sent .flight-plane{animation:none;opacity:0}.contact__flight.is-sent .flight-path{stroke:#2fd6d98c}.flight-target{position:absolute;left:266px;top:22px;translate:-50% -50%;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px dashed var(--border-strong);background:var(--bg);color:var(--text-muted);transition:background .4s,color .4s,border-color .4s,box-shadow .4s}.contact__flight.is-sent .flight-target{background:var(--gradient);border-color:transparent;color:#07070a;box-shadow:0 0 24px #2fd6d980;animation:pop .6s var(--ease)}@keyframes pop{0%{scale:.6}60%{scale:1.15}to{scale:1}}.contact__alt{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;color:var(--text-dim)}.contact__alt span{color:var(--text);border-bottom:1px solid var(--border-strong);transition:border-color .25s,color .25s}.contact__alt svg{color:var(--text);transition:transform .35s var(--ease)}.contact__alt:hover span{color:var(--accent-2);border-color:var(--accent-2)}.contact__alt:hover svg{transform:translate(3px)}.contact-form{background:linear-gradient(180deg,#ffffff0a,#ffffff04);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 40px 80px -40px #0009,inset 0 1px #ffffff0a;padding:36px;display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.82rem;font-weight:500;color:var(--text-muted);transition:color .2s}.form-group:focus-within label{color:var(--text)}.form-group input,.form-group select,.form-group textarea{background-color:#07080c8c;border:1px solid var(--border);border-radius:10px;padding:13px 14px;color:var(--text);font:inherit;transition:border-color .25s,background-color .25s,box-shadow .3s var(--ease);resize:vertical}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--border-strong)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#2fd6d999;background-color:#07080ccc;box-shadow:0 0 0 4px #2fd6d91f}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23a4a8b3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.form-group select option{background:var(--bg-elevated)}.contact-form__status{display:flex;align-items:center;gap:8px;color:var(--accent-2);font-size:.9rem;margin:0;animation:fade-in .4s var(--ease)}.contact-form__status--error{color:#ff8b8b}.contact-form .btn[disabled]{opacity:.7;pointer-events:none}.contact-form__captcha{min-height:78px}.footer{border-top:1px solid var(--border);padding:28px 0}.footer__inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer__inner p{margin:0;font-size:.85rem;color:var(--text-dim)}.footer__links{display:flex;gap:24px}.footer__links a{font-size:.85rem;font-weight:500;color:var(--text-muted);transition:color .2s}.footer__links a:hover{color:var(--accent-2)}@media (max-width: 960px){.hero__layout{grid-template-columns:1fr}.hero__visual,.process__rail{display:none}.step-grid{grid-template-columns:1fr 1fr}.bento{grid-template-columns:1fr 1fr;grid-template-areas:"dev dev" "design architecture"}.project-grid{grid-template-columns:1fr 1fr}.about,.contact{grid-template-columns:1fr;gap:56px}.about{text-align:center}.about__body p{margin-left:auto;margin-right:auto}.about__stats{justify-content:center}.lightbox__info{grid-template-columns:1fr}.lightbox__info-aside{border-left:none;border-top:1px solid var(--border);padding-left:0;padding-top:24px}}@media (max-width: 640px){.section{padding:88px 0}.step-grid,.project-grid{grid-template-columns:1fr}.bento{grid-template-columns:1fr;grid-template-areas:"design" "dev" "architecture"}.bento__card--dev .bento__visual{min-height:0;padding:20px}.form-row{grid-template-columns:1fr}.contact-form{padding:24px 20px}.about__stats{grid-template-columns:repeat(3,1fr);gap:12px}.about__badge--design{left:-4%}.about__badge--code{right:-4%}.lightbox__info{padding:26px 22px 30px}.hero__cta{flex-direction:column;align-items:flex-start}.hero__scroll{display:none}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;transition-delay:0s!important}.marquee{-webkit-mask-image:none;mask-image:none}.marquee__track,.marquee__group{flex-wrap:wrap;justify-content:center;width:auto}.marquee__group[aria-hidden]{display:none}.status-pending{opacity:0}.flight-plane{display:none}}