:root{--color-bg: #060606;--color-bg-elevated: #0d0d0d;--color-fg: #f5f5f5;--color-fg-dim: #8a8a8a;--color-silver: #c9c9c9;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", sans-serif;--ease-cinematic: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-fg);font-family:var(--font-sans);overscroll-behavior-y:none}#root{position:relative}h1,h2,h3,p{margin:0}button{font-family:inherit;background:none;border:none;color:inherit;cursor:pointer}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;background:var(--color-bg);opacity:1;transition:opacity .65s var(--ease-cinematic)}.loading-screen--done{opacity:0}.loading-screen__mascot{width:clamp(96px,14vw,148px);opacity:0;transform:scale(.96);animation:loading-mascot-in .7s var(--ease-cinematic) forwards}.loading-screen__mascot-inner{animation:loading-mascot-idle 5s ease-in-out .7s infinite}.loading-screen__tooth-svg{width:100%;height:auto;display:block;overflow:visible}.loading-screen__tooth-highlight{pointer-events:none}.loading-screen__eye-white{fill:#fff;stroke:#14141614;stroke-width:1}.loading-screen__eye-pupil-highlight{fill:#ffffffd9}.loading-screen__mouth{stroke:#2b2e35;stroke-width:4.5;stroke-linecap:round}.loading-screen__bar{position:relative;width:clamp(180px,28vw,320px);height:1px;background:#ffffff1f;opacity:0;animation:loading-screen-in .7s var(--ease-cinematic) .35s forwards}.loading-screen__bar-fill{height:100%;width:0%;background:var(--color-silver)}.loading-screen__bar-dot{position:absolute;top:50%;left:0%;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 5px 1px #ffffff73;transform:translate(-50%,-50%)}@media(max-width:640px){.loading-screen__mascot{width:clamp(78px,22vw,108px)}.loading-screen__bar{width:clamp(160px,62vw,260px)}}@keyframes loading-mascot-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes loading-mascot-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes loading-screen-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.section{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 6vw;pointer-events:none}.section__kicker,.section__heading,.section__body,.navbar__brand,.navbar__links a{text-shadow:0 1px 2px rgba(0,0,0,.8),0 3px 8px rgba(0,0,0,.45)}.section__kicker{font-size:.75rem;letter-spacing:.25em;color:var(--color-fg-dim);text-transform:uppercase;margin-bottom:1.5rem}.section__heading{font-size:clamp(2rem,7vw,5.5rem);line-height:1.05;font-weight:600;letter-spacing:-.02em}.section__body{margin-top:1.5rem;font-size:1rem;color:var(--color-fg-dim)}.section--center{align-items:center;text-align:center}.reveal-line{display:block;overflow:hidden}.reveal-line span{display:inline-block;opacity:0;transform:translateY(24px);filter:blur(6px)}.navbar{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:1.75rem 6vw;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;transition:opacity .4s var(--ease-cinematic),background-color .4s var(--ease-cinematic);pointer-events:none}.navbar *{pointer-events:auto}.navbar--scrolled{background:linear-gradient(to bottom,rgba(6,6,6,.7),transparent)}.navbar__brand{font-weight:600}.navbar__links{display:flex;gap:2rem}.navbar__links a{color:var(--color-fg-dim);text-decoration:none;transition:color .2s ease}.navbar__links a:hover{color:var(--color-fg)}@media(max-width:640px){.section{padding:0 6vw}.navbar__links{gap:1rem}}@media(max-width:768px){.section__heading{font-size:clamp(1.75rem,9vw,3rem)}.section__kicker{font-size:.65rem;letter-spacing:.2em}.section{padding:0 7vw;align-items:center;text-align:center}}.bite-hint{position:fixed;z-index:20;pointer-events:none;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-fg);background:#0009;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:.4rem .9rem;opacity:0;transform:translate(-50%,-50%) scale(.9);transition:opacity .25s var(--ease-cinematic),transform .25s var(--ease-cinematic)}.bite-hint--visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.story-end-marker{height:0}.demos{background:var(--color-bg-elevated)}.demos__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;max-width:1100px;margin-top:3rem}.demos__card{position:relative;display:block;aspect-ratio:16 / 10;border-radius:10px;overflow:hidden;background:#111;border:1px solid rgba(255,255,255,.08);text-decoration:none;color:inherit;pointer-events:auto;transition:transform .4s var(--ease-cinematic),border-color .4s var(--ease-cinematic)}.demos__card:hover{transform:translateY(-4px);border-color:#ffffff40}.demos__thumb{width:100%;height:100%;object-fit:cover;display:block}.demos__placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#161616,#0a0a0a)}.demos__placeholder-number{font-size:2rem;font-weight:600;letter-spacing:.05em;color:var(--color-fg-dim)}.demos__placeholder-label{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-fg-dim)}.demos__caption{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.1rem;background:linear-gradient(to top,rgba(0,0,0,.75),transparent)}.demos__name{font-size:.8rem;letter-spacing:.05em}.demos__arrow{color:var(--color-fg-dim);opacity:.6;transition:transform .3s var(--ease-cinematic),opacity .3s var(--ease-cinematic)}.demos__card:hover .demos__arrow{transform:translate(3px);opacity:1}@media(max-width:900px){.demos__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.demos__grid{grid-template-columns:1fr}}.contact{background:var(--color-bg-elevated)}.contact__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%;max-width:640px;margin-top:3rem}.contact__card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2.75rem 1.5rem;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);text-decoration:none;color:inherit;pointer-events:auto;transition:transform .4s var(--ease-cinematic),border-color .4s var(--ease-cinematic),background .4s var(--ease-cinematic)}.contact__card:hover{transform:translateY(-6px) scale(1.02);border-color:#ffffff40;background:#ffffff0f}.contact__icon{width:40px;height:40px;color:var(--color-silver);transition:transform .4s var(--ease-cinematic)}.contact__card:hover .contact__icon{transform:scale(1.1)}.contact__icon svg{width:100%;height:100%}.contact__label{font-size:.95rem;font-weight:600;letter-spacing:.02em}.contact__value{font-size:.8rem;color:var(--color-fg-dim)}@media(max-width:560px){.contact__grid{grid-template-columns:1fr;max-width:320px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
