:root{--bg: #09090b;--bg-elevated: #111113;--surface: rgba(24, 24, 27, .55);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--text: #fafafa;--text-muted: #a1a1aa;--text-subtle: #71717a;--accent: #38bdf8;--accent-muted: rgba(56, 189, 248, .12);--accent-rose: #fb7185;--font-sans: "Outfit", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-2xl: 2.5rem;--ease-out: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background-color:var(--bg);color:var(--text);font-family:var(--font-sans);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:#38bdf840;color:var(--text)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#52525b}.mesh-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;pointer-events:none;background:radial-gradient(ellipse 95% 58% at 8% -8%,rgba(56,189,248,.18),transparent 58%),radial-gradient(ellipse 72% 48% at 92% 12%,rgba(168,85,247,.11),transparent 52%),radial-gradient(ellipse 58% 42% at 76% 84%,rgba(45,212,191,.08),transparent 55%),radial-gradient(ellipse 48% 34% at 18% 76%,rgba(251,113,133,.07),transparent 50%),radial-gradient(ellipse 50% 30% at 50% 100%,rgba(39,39,42,.95),transparent 60%);animation:mesh-shift 18s ease-in-out infinite alternate}@keyframes mesh-shift{0%{filter:hue-rotate(0deg) brightness(1);transform:scale(1) translate(0)}50%{filter:hue-rotate(8deg) brightness(1.04);transform:scale(1.02) translate(.5%,-.3%)}to{filter:hue-rotate(-5deg) brightness(1.02);transform:scale(1.01) translate(-.3%,.5%)}}.noise-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;opacity:.045;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.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.grid-lines{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;opacity:.035;background-image:linear-gradient(to right,#fff 1px,transparent 1px),linear-gradient(to bottom,#fff 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,black,transparent);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,black,transparent)}.font-mono{font-family:var(--font-mono)}.text-gradient{background:linear-gradient(135deg,#f4f4f5,#a1a1aa 45%,#38bdf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-accent{background:linear-gradient(135deg,#38bdf8,#2dd4bf,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.25) 30%,rgba(255,255,255,.08) 50%,rgba(45,212,191,.2) 70%,transparent);margin:0 auto 2.5rem;max-width:12rem}.liquid-glass{background:linear-gradient(145deg,#fff1,#ffffff05),var(--surface);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border:1px solid var(--border);box-shadow:inset 0 1px #ffffff0f,0 24px 48px -24px #00000080}.card-interactive{transition:border-color .35s var(--ease-out),box-shadow .35s var(--ease-out),transform .35s var(--ease-out)}.card-interactive:hover{border-color:#38bdf838;box-shadow:inset 0 1px #ffffff1a,inset 0 0 0 1px #38bdf80f,0 0 32px -8px #38bdf82e,0 24px 48px -24px #0000008c}.project-card{--project-rgb: 56, 189, 248;--project-rgb-secondary: 45, 212, 191;--project-glow: rgba(var(--project-rgb), .16);isolation:isolate;background:radial-gradient(circle at 8% 0%,rgba(var(--project-rgb),.18),transparent 30%),radial-gradient(circle at 92% 18%,rgba(var(--project-rgb-secondary),.11),transparent 32%),linear-gradient(145deg,#ffffff12,#ffffff05),var(--surface);box-shadow:inset 0 1px #ffffff13,0 28px 58px -38px var(--project-glow),0 24px 48px -24px #0000008c}.project-card:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:0;border-radius:inherit;pointer-events:none;opacity:.24;background:linear-gradient(108deg,transparent 0 34%,rgba(255,255,255,.18) 45%,transparent 58%),repeating-linear-gradient(135deg,rgba(255,255,255,.028) 0 1px,transparent 1px 9px);-webkit-mask-image:linear-gradient(120deg,transparent,black 18%,black 82%,transparent);mask-image:linear-gradient(120deg,transparent,black 18%,black 82%,transparent);transform:translate(-18%) skew(-10deg);transition:opacity .45s var(--ease-out),transform .7s var(--ease-out)}.project-card>*{position:relative;z-index:1}.project-card:hover{border-color:rgba(var(--project-rgb),.24);box-shadow:inset 0 1px #ffffff1f,inset 0 0 0 1px rgba(var(--project-rgb),.07),0 0 38px -14px rgba(var(--project-rgb),.28),0 30px 62px -36px #000000a8}.project-card:hover:after{opacity:.48;transform:translate(18%) skew(-10deg)}.project-card-word{--project-rgb: 251, 113, 133;--project-rgb-secondary: 168, 85, 247}.project-card-cacho{--project-rgb: 16, 185, 129;--project-rgb-secondary: 45, 212, 191}.project-card-codtr{--project-rgb: 56, 189, 248;--project-rgb-secondary: 129, 140, 248}.project-emblem{box-shadow:inset 0 1px #ffffff14,0 14px 28px -18px rgba(var(--project-rgb),.8)}.accent-stripe:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:3px 0 0 3px;pointer-events:none}.section-kicker{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.btn-primary{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem 1.125rem;border-radius:9999px;font-weight:600;font-size:.9375rem;color:var(--bg);background:var(--text);border:none;cursor:pointer;overflow:hidden;transition:transform .25s var(--ease-out),opacity .25s var(--ease-out)}.btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%);transform:translate(-120%);transition:transform .55s var(--ease-out)}.btn-primary:hover:after{transform:translate(120%)}.btn-primary:hover{opacity:.92}.btn-primary:active{transform:scale(.98) translateY(1px)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem 1.125rem;border-radius:9999px;font-weight:600;font-size:.9375rem;color:var(--text);background:#ffffff0a;border:1px solid var(--border);cursor:pointer;transition:transform .25s var(--ease-out),background .25s var(--ease-out),border-color .25s var(--ease-out)}.btn-ghost:hover{background:#ffffff14;border-color:var(--border-strong)}.btn-ghost:active{transform:scale(.98)}.link-underline{text-decoration:none;background-image:linear-gradient(var(--accent),var(--accent));background-size:0% 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .3s var(--ease-out),color .2s}.link-underline:hover{background-size:100% 1px;color:var(--text)}.timeline-line{position:absolute;left:1.25rem;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,var(--accent),transparent);opacity:.35}.tag-pill{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.6875rem;font-weight:500;font-family:var(--font-mono);letter-spacing:.02em;color:var(--text-muted);background:#ffffff0a;border:1px solid var(--border);transition:transform .2s var(--ease-out),border-color .2s var(--ease-out),background .2s var(--ease-out),color .2s var(--ease-out)}.tag-pill:hover{transform:translateY(-1px);border-color:#38bdf840;background:#38bdf80f;color:var(--text)}.hero-accent-line{width:3rem;height:2px;background:linear-gradient(90deg,var(--accent),transparent);border-radius:1px;margin-bottom:1rem}.hero-shell{position:relative}.hero-shell:before{content:"";position:absolute;inset:-2rem -1rem auto auto;width:min(24rem,55vw);height:min(24rem,55vw);border-radius:999px;background:radial-gradient(circle,rgba(56,189,248,.12),transparent 68%);filter:blur(10px);pointer-events:none;z-index:-1}.hero-copy{position:relative;z-index:1}.proof-ribbon{display:flex;gap:.625rem;overflow-x:auto;padding:.25rem .25rem .5rem;margin-inline:-.25rem;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,black 0%,black 88%,transparent 100%);mask-image:linear-gradient(90deg,black 0%,black 88%,transparent 100%)}.proof-ribbon::-webkit-scrollbar{display:none}.proof-chip{position:relative;min-width:min(15.5rem,78vw);scroll-snap-align:start;padding:.875rem .95rem;border-radius:1.25rem;background:linear-gradient(135deg,#ffffff13,#ffffff05),#09090b9e;border:1px solid rgba(255,255,255,.075);box-shadow:inset 0 1px #ffffff14,0 18px 36px -28px #000c}.proof-chip:before{content:"";position:absolute;inset:.55rem auto .55rem -1px;width:2px;border-radius:999px;background:linear-gradient(to bottom,#38bdf8cc,#2dd4bf1a)}.proof-chip span{display:block;margin-bottom:.4rem;font-family:var(--font-mono);font-size:.625rem;letter-spacing:.14em;text-transform:uppercase;color:#38bdf8bf}.proof-chip strong{display:block;color:var(--text);font-size:.8125rem;line-height:1.2}.proof-chip p{margin:.35rem 0 0;color:var(--text-subtle);font-size:.75rem;line-height:1.5}.product-deck{position:relative;border-radius:var(--radius-2xl);padding:clamp(1rem,2.6vw,1.4rem);overflow:hidden;background:linear-gradient(145deg,#ffffff17,#ffffff05),#0c0c0fb8;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff14,0 36px 72px -42px #0ea5e96b,0 40px 80px -48px #000000e6;perspective:1400px;isolation:isolate;display:flex;flex-direction:column;gap:1rem}.product-deck:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 0 34%,rgba(255,255,255,.08) 44%,transparent 55%),radial-gradient(circle at 26% 18%,rgba(56,189,248,.18),transparent 34%);opacity:.65;pointer-events:none;z-index:-1}.product-deck-glow{position:absolute;inset:18% 8% auto auto;width:58%;height:58%;border-radius:999px;background:radial-gradient(circle,rgba(45,212,191,.2),transparent 68%);filter:blur(34px);pointer-events:none}.product-deck-stage{position:relative;display:grid;grid-template-columns:minmax(8.5rem,.78fr) minmax(0,1.22fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(.85rem,2vw,1.1rem);min-height:24.5rem;transform-style:preserve-3d;align-items:stretch}.deck-surface{position:relative;margin:0;display:flex;flex-direction:column;justify-content:center;gap:.6rem;filter:drop-shadow(0 28px 28px rgba(0,0,0,.38));transform-style:preserve-3d;color:inherit;text-decoration:none;cursor:pointer;transition:filter .28s var(--ease-out)}.deck-surface:hover{filter:drop-shadow(0 32px 34px rgba(0,0,0,.48))}.deck-surface:hover .deck-frame,.deck-surface:focus-visible .deck-frame{border-color:#38bdf847}.deck-surface:hover .deck-caption-rail,.deck-surface:focus-visible .deck-caption-rail{background:#0ea5e91a;border-color:#38bdf833}.deck-frame{position:relative;overflow:hidden;background:#09090b;border:1px solid rgba(255,255,255,.11);transition:border-color .28s var(--ease-out),box-shadow .28s var(--ease-out);box-shadow:inset 0 1px #ffffff1f,inset 0 -20px 32px #0000003d}.deck-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.deck-frame-phone{width:clamp(8.8rem,18vw,10.8rem);aspect-ratio:9 / 19.5;padding:.38rem;border-radius:1.55rem;margin-inline:auto}.deck-frame-phone img{border-radius:1.15rem}.deck-frame-desktop{width:100%;aspect-ratio:16 / 10;padding:.38rem;border-radius:1.05rem}.deck-frame-desktop img{border-radius:.72rem}.deck-preview-strip{position:absolute;right:.68rem;bottom:.68rem;display:flex;gap:.42rem;align-items:flex-end;padding:.35rem;border-radius:.78rem;background:#09090bb8;border:1px solid rgba(255,255,255,.09);box-shadow:0 16px 34px -22px #000000f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.deck-preview-card{display:block;width:clamp(3.1rem,7vw,4.65rem)}.deck-preview-card img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:top;border-radius:.42rem;border:1px solid rgba(255,255,255,.12)}.deck-preview-card small{display:block;margin-top:.18rem;color:#f4f4f5b8;font-family:var(--font-mono);font-size:.5rem;line-height:1;text-align:center}.deck-caption-rail{display:flex;align-items:center;gap:.65rem;width:100%;padding:.58rem .65rem;border-radius:1rem;background:#09090b94;border:1px solid rgba(255,255,255,.075);box-shadow:inset 0 1px #ffffff0e;color:#f4f4f5e0;transition:background .28s var(--ease-out),border-color .28s var(--ease-out)}.deck-caption-index{display:inline-flex;align-items:center;justify-content:center;width:1.65rem;height:1.65rem;border-radius:999px;color:#7dd3fce6;background:#38bdf814;border:1px solid rgba(56,189,248,.12);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.04em;flex:0 0 auto}.deck-caption-copy{min-width:0}.deck-caption-copy strong{display:block;color:#f4f4f5f0;font-size:.76rem;font-weight:650;line-height:1.15}.deck-caption-copy small{display:block;margin-top:.12rem;color:var(--text-subtle);font-family:var(--font-mono);font-size:.625rem;font-weight:500;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-caption-action{margin-left:auto;color:#38bdf8db;font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.deck-surface-phone{grid-row:1 / 3;grid-column:1;align-self:center;justify-self:center;z-index:4;width:min-content;max-width:100%;transform:rotate(-4deg) translateZ(82px)}.deck-surface-codtr{grid-row:1;grid-column:2;z-index:3;transform:rotate(1.35deg) translateZ(42px)}.deck-surface-cacho{grid-row:2;grid-column:2;z-index:2;transform:rotate(-1.2deg) translateZ(24px)}.product-deck-caption{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.075)}.product-deck-caption h2{margin:.15rem 0 0;max-width:22rem;color:var(--text);font-size:1rem;font-weight:600;line-height:1.25}.deck-link{display:inline-flex;align-items:center;gap:.25rem;color:#38bdf8e6;font-size:.75rem;font-weight:600;white-space:nowrap}.screenshot-gallery{min-width:0;--project-rgb: 56, 189, 248}.screenshot-track{scroll-padding-inline:.25rem;-webkit-mask-image:linear-gradient(90deg,black 0%,black 92%,transparent 100%);mask-image:linear-gradient(90deg,black 0%,black 92%,transparent 100%)}.screenshot-frame{position:relative;background:linear-gradient(145deg,#ffffff14,#ffffff05),#09090b;box-shadow:inset 0 1px #ffffff14,0 18px 42px -28px #000000e6;transition:border-color .25s var(--ease-out),box-shadow .25s var(--ease-out)}.screenshot-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 26%)}.screenshot-frame:hover{border-color:rgba(var(--project-rgb),.24);box-shadow:inset 0 1px #ffffff1a,0 20px 46px -28px rgba(var(--project-rgb),.3),0 18px 42px -30px #000000e6}.story-panel{background:linear-gradient(145deg,#38bdf80e,#ffffff05),var(--surface)}.built-strip{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border-radius:1.25rem;background:linear-gradient(135deg,#ffffff0e,#ffffff05),#09090b7a;border:1px solid rgba(255,255,255,.075);box-shadow:inset 0 1px #ffffff0e}.built-strip-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem}@media(min-width:768px){.proof-chip{min-width:13.6rem}}@media(min-width:1024px){.proof-ribbon{flex-wrap:wrap;overflow:visible;-webkit-mask-image:none;mask-image:none}.proof-chip{flex:1 1 14rem;min-width:12.75rem}}@media(max-width:767px){.product-deck{margin-top:.5rem}.product-deck-stage{grid-template-columns:1fr;grid-template-rows:none;min-height:0;gap:.9rem}.deck-frame-phone{width:8.75rem}.deck-frame-desktop{width:100%}.deck-surface-phone{grid-row:auto;grid-column:auto;justify-self:center}.deck-surface-codtr,.deck-surface-cacho{grid-row:auto;grid-column:auto}.product-deck-caption{align-items:start;flex-direction:column;gap:.5rem}.built-strip{align-items:flex-start;flex-direction:column}.built-strip-tags{justify-content:flex-start}}.status-dot{position:relative;display:flex;height:.375rem;width:.375rem}.status-dot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9999px;background:#38bdf8;animation:status-pulse 2s ease-in-out infinite}.status-dot:after{content:"";position:relative;border-radius:9999px;height:.375rem;width:.375rem;background:#38bdf8}@keyframes status-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(2.2);opacity:0}}.scrollbar-hide::-webkit-scrollbar{display:none}.bento-card{transition:transform .4s var(--ease-out),border-color .4s var(--ease-out)}.bento-card:hover{transform:translateY(-2px)}.dock-pulse{animation:dock-glow 4s ease-in-out infinite}@keyframes dock-glow{0%,to{box-shadow:inset 0 1px #ffffff0f,0 24px 48px -24px #00000080}50%{box-shadow:inset 0 1px #ffffff14,0 0 40px -12px #38bdf81f,0 24px 48px -24px #00000080}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mesh-bg{animation:none;transform:none;filter:none}.status-dot:before{animation:none}.dock-pulse{animation:none}.deck-surface,.product-deck,.product-deck-stage{transform:none!important}.btn-primary:after{display:none}.project-card:after,.screenshot-frame:after{display:none}.project-card:hover:after{transform:none}.tag-pill:hover{transform:none}.card-interactive,.bento-card{transition:border-color .2s}}