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