:root{--brand-blue: #0a83c6;--brand-sky: #38bdf8;--brand-ice: #7dd3fc;--brand-amber: #fbbf24;--color-bg: #05070d;--color-bg-elev: #0a0f1c;--color-surface: rgba(255, 255, 255, .04);--color-border: rgba(255, 255, 255, .1);--color-border-hover: rgba(125, 211, 252, .35);--color-text: #eef3f8;--color-text-dim: rgba(238, 243, 248, .62);--color-text-faint: rgba(238, 243, 248, .38);--color-primary: var(--brand-blue);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 12px 32px rgba(0, 0, 0, .35);--shadow-lg: 0 24px 70px rgba(0, 0, 0, .5);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-xl: 28px;--header-h: 64px;--font-display: "Space Grotesk", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;background:#000a14}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;font-family:var(--font-body);color:var(--color-text);background:linear-gradient(180deg,#00b4d8,#0096c7 10%,#0077b6 22%,#023e8a 45%,#032957 65%,#021a36 82%,#000a14);line-height:1.65;font-weight:400;letter-spacing:-.01em;overflow-x:hidden}body:after{content:"";position:fixed;inset:0;z-index:2000;pointer-events:none;opacity:.05;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='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}img,svg,video,canvas{display:block;max-width:100%;height:auto}::selection{background:#38bdf859;color:#fff}h1,h2,h3{font-family:var(--font-display);line-height:1.05;margin:0 0 var(--space-4);font-weight:700;letter-spacing:-.03em}h1{font-size:clamp(var(--text-5xl),9vw + 1rem,7.5rem)}h2{font-size:clamp(var(--text-3xl),4vw + 1rem,var(--text-6xl))}h3{font-size:clamp(var(--text-xl),2vw + .5rem,var(--text-2xl))}p{margin:0 0 var(--space-4);color:var(--color-text-dim)}.lede{color:var(--color-text-dim);font-size:var(--text-xl)}a{color:var(--color-text);text-decoration:none}a:hover{color:var(--brand-sky);transition:color .2s ease}.section{position:relative;padding:var(--space-24) 0;scroll-margin-top:var(--header-h)}.container{max-width:1160px;margin:0 auto;padding:0 var(--space-6)}.section-label{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--brand-sky);margin-bottom:var(--space-6)}.section-label:after{content:"";height:1px;width:64px;background:linear-gradient(90deg,var(--brand-sky),transparent)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);text-decoration:none;font-family:var(--font-display);font-weight:600;font-size:var(--text-base);letter-spacing:.01em;cursor:pointer;backdrop-filter:blur(10px);position:relative;overflow:hidden;transition:border-color .3s ease,background .3s ease,box-shadow .3s ease,transform .15s ease-out}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transition:left .5s ease}.btn:hover:before{left:100%}.btn:hover{background:#ffffff17;border-color:var(--color-border-hover);color:var(--color-text);box-shadow:0 0 24px #38bdf826}.btn.primary{background:#fff;border-color:transparent;color:#023e8a;box-shadow:0 8px 28px #021e3c59}.btn.primary:hover{background:#eefaff;box-shadow:0 10px 36px #ffffff59;color:#023e8a}:focus-visible{outline:2px solid var(--brand-sky);outline-offset:3px;border-radius:6px}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:16px;top:16px;width:auto;height:auto;z-index:200;padding:.5rem .75rem;background:var(--color-bg-elev);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.site-header{position:sticky;top:0;height:var(--header-h);z-index:100;background:transparent;transition:background .35s ease,border-color .35s ease,backdrop-filter .35s ease;border-bottom:1px solid transparent}.site-header.scrolled{background:#ffffff1f;backdrop-filter:blur(18px) saturate(160%);border-bottom-color:#fff3}.scroll-progress{position:absolute;top:0;left:0;height:2px;width:100%;transform-origin:0 50%;transform:scaleX(var(--progress, 0));background:linear-gradient(90deg,var(--brand-blue),var(--brand-sky),var(--brand-ice));z-index:101}.site-nav{max-width:1160px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6)}.brand{display:flex;align-items:center}.brand-logo{height:34px;width:auto;object-fit:contain;transition:transform .3s ease}.brand:hover .brand-logo{transform:rotate(-6deg) scale(1.08)}.brand-logo.spin{animation:logo-spin .9s cubic-bezier(.34,1.4,.64,1)}@keyframes logo-spin{to{transform:rotate(360deg) scale(1)}}.nav-list{list-style:none;display:flex;gap:var(--space-2);margin:0;padding:0}.nav-list a{display:inline-block;padding:var(--space-2) var(--space-3);border-radius:999px;font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);color:#ffffffd9;transition:color .25s ease,background .25s ease}.nav-list a:hover{color:#fff;background:#ffffff1f}.nav-list a.active{color:#fff;background:#ffffff2e}.hero{min-height:100svh;margin-top:calc(-1 * var(--header-h));padding:calc(var(--header-h) + var(--space-12)) 0 var(--space-12);display:flex;align-items:center;text-align:center;position:relative;overflow:hidden}.hero .container{position:relative;z-index:1}.hero-kicker{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;letter-spacing:.04em;color:#ffffffeb;margin-bottom:var(--space-6)}.headline{margin-bottom:var(--space-4);cursor:default;color:#fff}@keyframes gradient-pan{to{background-position:220% center}}.h-letter{display:inline-block;white-space:pre;animation:letter-in .7s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i) * 45ms)}.h-inner{display:inline-block;white-space:pre;background:linear-gradient(110deg,#fff 30%,#d8f4ff 55%,#aee6ff,#fff 95%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-pan 9s linear infinite;animation-delay:calc(var(--i) * -.25s);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.h-letter:hover .h-inner{transform:translateY(-.12em) rotate(-4deg)}@keyframes letter-in{0%{opacity:0;transform:translateY(.6em) rotate(6deg)}to{opacity:1;transform:translateY(0) rotate(0)}}.hero-rotator{font-family:var(--font-display);font-size:clamp(var(--text-xl),2.5vw + .5rem,var(--text-3xl));font-weight:500;color:#ffffffd9;min-height:1.5em;margin-bottom:var(--space-6)}.rotator-word{display:inline-block;color:#fff;font-weight:700;text-decoration:underline wavy rgba(255,255,255,.55) 2px;text-underline-offset:6px;animation:word-in .5s cubic-bezier(.22,1,.36,1) both}@keyframes word-in{0%{opacity:0;transform:translateY(.5em) skewY(3deg)}to{opacity:1;transform:translateY(0) skewY(0)}}.cta-row{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-8);justify-content:center}.scroll-cue{position:absolute;bottom:var(--space-8);left:50%;translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--color-text-faint);font-size:var(--text-xs);font-family:var(--font-display);letter-spacing:.3em;text-transform:uppercase;background:none;border:none;cursor:pointer;z-index:1;transition:color .3s ease}.scroll-cue:hover{color:var(--brand-sky)}.scroll-cue .chevron{width:22px;height:22px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);animation:cue-bob 1.8s ease-in-out infinite}@keyframes cue-bob{0%,to{transform:rotate(45deg) translate(0);opacity:.5}50%{transform:rotate(45deg) translate(6px,6px);opacity:1}}.marquee{overflow:hidden;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);padding:var(--space-4) 0;background:#021e3c40;position:relative}.marquee-track{display:flex;width:max-content;gap:var(--space-8);animation:marquee-scroll 28s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee-scroll{to{transform:translate(-50%)}}.marquee-item{display:flex;align-items:center;gap:var(--space-8);font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#fff9;white-space:nowrap}.marquee-item .star{color:#ffffffd9;font-size:.8em}.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-top:var(--space-8)}.bento-card{position:relative;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);background:linear-gradient(160deg,#ffffff2b,#ffffff12);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);box-shadow:inset 0 1px #ffffff59,0 8px 32px #021e3c40;padding:var(--space-8);overflow:hidden;transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease,background .3s ease}.bento-card:hover{border-color:#ffffff80;background:linear-gradient(160deg,#ffffff38,#ffffff1a);transform:translateY(-4px);box-shadow:inset 0 1px #ffffff73,0 16px 44px #021e3c59}.bento-card:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .4s ease;background:radial-gradient(320px circle at var(--mx, 50%) var(--my, 50%),rgba(56,189,248,.12),transparent 65%)}.bento-card:hover:after{opacity:1}.bento-card h3{font-size:var(--text-xl);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2);color:#fff;text-shadow:0 1px 2px rgba(2,30,60,.35)}.bento-card p{margin-bottom:0;font-size:var(--text-base);color:#ffffffeb;text-shadow:0 1px 2px rgba(2,30,60,.3)}.bento-card p+p{margin-top:var(--space-3)}.bento-card .emoji{font-size:1.2em}.b-span-2{grid-column:span 2}.b-span-2r{grid-row:span 2;grid-column:span 2}.bento-lead p{font-size:var(--text-lg)}.bento-lead .accent{color:#bfeaff;font-weight:600}.bento-watermark{position:absolute;right:-30px;bottom:-36px;width:190px;opacity:.14;filter:invert(1) grayscale(1) brightness(2);pointer-events:none;user-select:none}.stats-row{display:flex;justify-content:space-between;gap:var(--space-4);text-align:center}.stat{flex:1}.stat-num{font-family:var(--font-display);font-size:clamp(var(--text-3xl),3vw,var(--text-5xl));font-weight:700;line-height:1;background:linear-gradient(135deg,#fff 0%,var(--brand-sky) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat-label{margin-top:var(--space-2);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:#ffffffb3}.build-list{list-style:none;margin:0;padding:0}.build-list li{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px dashed rgba(255,255,255,.22);font-size:var(--text-base);color:#fff;transition:padding-left .25s ease,color .25s ease}.build-list li:last-child{border-bottom:none}.build-list li:hover{padding-left:var(--space-2);color:#d8f4ff}.build-list .what{font-weight:600;font-family:var(--font-display)}.build-list .who{color:#ffffffa6;font-size:var(--text-sm);white-space:nowrap}.bento-cta{display:flex;flex-direction:column;justify-content:center;text-decoration:none}.bento-cta .cta-arrow{color:#bfeaff;font-family:var(--font-display);font-weight:700;display:inline-block;transition:transform .25s ease}.bento-cta:hover .cta-arrow{transform:translate(6px)}.bento-cta:hover{border-color:#fff9}.tictactoe{margin-top:var(--space-8);display:flex;justify-content:center;width:100%}.ttt-wrapper{display:grid;gap:var(--space-4);justify-items:center;background:linear-gradient(160deg,#ffffff0d,#ffffff04);padding:var(--space-8);border-radius:var(--radius-xl);border:1px solid var(--color-border);backdrop-filter:blur(10px);box-shadow:var(--shadow-md)}.ttt-wrapper h3{margin-bottom:0}.board{display:grid;grid-template-columns:repeat(3,100px);grid-template-rows:repeat(3,100px);gap:var(--space-2)}.square{width:100px;height:100px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:var(--text-4xl);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:background .2s ease,transform .2s ease,border-color .2s ease,box-shadow .2s ease}.square:hover:not(:disabled){background:#38bdf814;transform:translateY(-3px);border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}.square:active{transform:translateY(0)}.square:disabled{cursor:not-allowed;opacity:.85}.square.filled{animation:square-pop .3s cubic-bezier(.34,1.56,.64,1)}.square.is-x{color:var(--brand-sky)}.square.is-o{color:var(--brand-amber)}@keyframes square-pop{0%{transform:scale(.6)}to{transform:scale(1)}}.status{margin-top:var(--space-2);min-height:24px;color:var(--color-text-dim);font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);text-align:center}.actions{display:flex;gap:var(--space-3)}.playground-note{text-align:center;margin-top:var(--space-6);color:var(--color-text-faint);font-size:var(--text-sm)}#playground .container{display:flex;flex-direction:column;align-items:center}#playground .section-kicker{color:var(--color-text-dim);font-size:var(--text-lg);max-width:620px;text-align:center}#contact{text-align:center}#contact h2{background:linear-gradient(135deg,#fff 0%,var(--brand-sky) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}#contact .lede{max-width:600px;margin-left:auto;margin-right:auto;margin-bottom:var(--space-8)}.business-card-container{display:flex;justify-content:center;margin-top:var(--space-8);perspective:1200px}.business-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),0 0 60px #38bdf81f;cursor:pointer;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.2);transition:transform .1s ease-out,box-shadow .4s ease;width:min(720px,90vw);aspect-ratio:12 / 7}.business-card:hover{box-shadow:var(--shadow-lg),0 0 90px #38bdf840}.business-card:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.5) 50%,transparent 65%);transform:translate(-110%);transition:transform .7s ease;pointer-events:none}.business-card:hover:before{transform:translate(110%)}.card-image{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:var(--radius-lg)}.contact-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-8)}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-8) var(--space-6);text-align:center}.site-footer p{margin:0 0 var(--space-2);color:var(--color-text-faint);font-size:var(--text-sm)}.footer-sub{font-size:var(--text-xs)}.footer-hint{font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:.3em;opacity:.35;transition:opacity .4s ease;cursor:default;user-select:none}.footer-hint:hover{opacity:.9}.cursor-glow{position:fixed;top:0;left:0;width:480px;height:480px;margin:-240px 0 0 -240px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(56,189,248,.07) 0%,transparent 60%);will-change:transform}@media(pointer:coarse){.cursor-glow{display:none}}[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay, 0s)}[data-reveal].revealed{opacity:1;transform:none}.toast{position:fixed;bottom:var(--space-8);left:50%;transform:translate(-50%,120%);z-index:3000;padding:var(--space-4) var(--space-6);border-radius:999px;border:1px solid var(--color-border-hover);background:#0a0f1ceb;backdrop-filter:blur(14px);color:var(--color-text);font-family:var(--font-display);font-weight:600;font-size:var(--text-base);box-shadow:var(--shadow-lg);transition:transform .45s cubic-bezier(.22,1,.36,1)}.toast.show{transform:translate(-50%)}.party .site-main,.party .site-header,.party .site-footer{animation:hue-spin 6s linear infinite}@keyframes hue-spin{to{filter:hue-rotate(360deg)}}.confetti-canvas{position:fixed;inset:0;z-index:2500;pointer-events:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none;transition:none}.marquee-track{animation:none}.cursor-glow{display:none}.h-letter,.rotator-word{animation:none}}@media(max-width:1024px){:root{--header-h: 56px}.bento{grid-template-columns:repeat(2,1fr)}.board{grid-template-columns:repeat(3,84px);grid-template-rows:repeat(3,84px)}.square{width:84px;height:84px;font-size:var(--text-3xl)}}@media(max-width:640px){.section{padding:var(--space-16) 0}.bento{grid-template-columns:1fr}.b-span-2,.b-span-2r{grid-column:span 1;grid-row:span 1}.bento-card{padding:var(--space-6)}.build-list li{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.build-list .who{white-space:normal}.build-list li:hover{padding-left:0}.cta-row{flex-direction:column;align-items:center}.cta-row .btn{width:100%;max-width:320px;justify-content:center}.stats-row{flex-direction:row}.nav-list{gap:0}.nav-list a{padding:var(--space-2);font-size:var(--text-xs)}.scroll-cue{display:none}.business-card{aspect-ratio:3 / 2}.hero{padding-bottom:var(--space-16)}}