@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,650;9..144,700&family=Karla:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg0: #08110c;--bg1: #0e1a13;--bg2: #15241a;--ink: #e8efe6;--ink-muted: #9aafa0;--ink-dim: #6d8274;--gold: #d4b483;--gold-soft: #b8956a;--moss: #5f8f6a;--moss-bright: #7eb088;--line: rgba(232, 239, 230, .1);--line-strong: rgba(212, 180, 131, .28);--stage: #0a1510;--code-bg: #06100b;--danger: #c45a4a;--warden: #c84a3f;--mage: #4a74d4;--ranger: #7aaa3a;--ninja: #d4b83a;--font-display: "Fraunces", "Times New Roman", serif;--font-body: "Karla", Georgia, sans-serif;--font-mono: "IBM Plex Mono", Consolas, monospace;--max: 1080px;--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--font-body);font-size:1.05rem;line-height:1.55;background:radial-gradient(1200px 700px at 12% -10%,rgba(95,143,106,.18),transparent 55%),radial-gradient(900px 600px at 100% 0%,rgba(212,180,131,.1),transparent 50%),linear-gradient(180deg,var(--bg0),var(--bg1) 40%,#0a140f);background-attachment:fixed}body:before{content:"";pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:0}a{color:var(--gold);text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{color:var(--ink)}img{max-width:100%;display:block}.shell{position:relative;z-index:1;width:min(100% - 2.5rem,var(--max));margin-inline:auto}.site-header{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08110cc7;border-bottom:1px solid var(--line)}.site-header .shell{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.95rem 0}.brand{font-family:var(--font-display);font-weight:650;font-size:1.15rem;letter-spacing:.02em;color:var(--ink);text-decoration:none}.brand span{color:var(--gold-soft);font-weight:500}.nav{display:flex;gap:1.35rem;align-items:center}.nav a{color:var(--ink-muted);text-decoration:none;font-size:.92rem;font-weight:500;letter-spacing:.02em}.nav a:hover,.nav a[aria-current=page]{color:var(--ink)}.nav a[aria-current=page]{box-shadow:inset 0 -2px 0 var(--gold);padding-bottom:.15rem}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:2.5rem;align-items:center;min-height:auto;padding:3.5rem 0 4rem}.eyebrow{margin:0 0 .85rem;color:var(--moss-bright);font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.hero h1,.page-hero h2{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.08;margin:0;font-size:clamp(2.1rem,4vw,3.1rem)}.scroll-target{scroll-margin-top:5rem}#vfx,#systems,#about{padding-bottom:3rem;border-top:1px solid var(--line)}#home{scroll-margin-top:4rem}.sys-block{padding:2.5rem 0;border-top:1px solid var(--line)}.sys-block:first-of-type{border-top:0;padding-top:.5rem}.sys-index{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;margin-bottom:1.75rem}.sys-index h3{margin:0 0 .25rem;font-family:var(--font-display);font-size:1.35rem;font-weight:650}.sys-index p{margin:0;color:var(--ink-muted);font-size:.95rem}.sys-detail{display:flex;flex-direction:column;gap:.85rem;max-width:52rem}.sys-detail h3{margin:0;font-family:var(--font-display);font-size:clamp(1.45rem,2.4vw,1.85rem);font-weight:650}.sys-detail .kicker{margin:0;color:var(--moss-bright);font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.sys-detail p{margin:0;color:var(--ink-muted)}.sys-detail .code-block{margin-top:.35rem}.vfx-detail{padding:2rem 0 1rem;border-top:1px solid var(--line);margin-top:.5rem}.section-note{padding:0 0 2.5rem}.section-note p{margin:0;color:var(--ink-muted);max-width:54ch}[data-meter]{margin:.25rem 0 .5rem}[data-meter] .meter-panel{margin:0}.page-hero h1,.case h2{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.08;margin:0}.hero h1{font-size:clamp(2.6rem,5.2vw,4.1rem);max-width:11ch}.lede{margin:1.15rem 0 0;color:var(--ink-muted);font-size:1.12rem;max-width:34ch}.cta-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.85rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.7rem;padding:.65rem 1.2rem;border-radius:999px;border:1px solid transparent;font-family:var(--font-body);font-size:.95rem;font-weight:600;text-decoration:none;cursor:pointer;transition:transform .25s var(--ease),background .2s ease,border-color .2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--gold);color:#1a140c}.btn-primary:hover{background:#e0c496;color:#1a140c}.btn-ghost{background:transparent;border-color:var(--line-strong);color:var(--ink)}.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}.hero-stage{position:relative;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:linear-gradient(160deg,rgba(95,143,106,.12),transparent 40%),var(--stage);box-shadow:0 30px 80px #00000059;aspect-ratio:5 / 4;display:grid;place-items:center;padding:1rem}.hero-stage svg,.demo-stage svg{width:100%;height:auto;display:block}.page-hero{padding:3.25rem 0 1.5rem}.page-hero h1{font-size:clamp(2.1rem,4vw,3.1rem)}.page-hero .lede{max-width:48ch}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin:1.5rem 0 .5rem}.toolbar label{color:var(--ink-dim);font-size:.85rem;font-weight:500}.seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:#0003}.seg button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--ink-muted);font-family:var(--font-body);font-size:.85rem;font-weight:600;padding:.45rem .9rem;cursor:pointer}.seg button[aria-pressed=true]{background:#d4b4832e;color:var(--ink)}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.35rem;padding:.5rem 0 2rem}.case-card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#15241ad9,#0a140fe6);overflow:hidden;display:flex;flex-direction:column}.case-card .demo-stage{border:0;border-radius:0;border-bottom:1px solid var(--line);aspect-ratio:16 / 9;padding:.75rem}.case-card .body{padding:1.1rem 1.2rem 1.25rem;display:flex;flex-direction:column;gap:.45rem;flex:1}.case-card h3{margin:0;font-family:var(--font-display);font-size:1.2rem;font-weight:650}.case-card p{margin:0;color:var(--ink-muted);font-size:.95rem}.demo-stage{background:var(--stage);border:1px solid var(--line);border-radius:14px;overflow:hidden}.section{padding:2.5rem 0 1rem}.section h2{font-family:var(--font-display);font-size:clamp(1.7rem,3vw,2.2rem);margin:0 0 .6rem}.section>p{margin:0 0 1.5rem;color:var(--ink-muted);max-width:54ch}.systems-index,.sys-link{display:none}.case{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:start;padding:2.75rem 0;border-top:1px solid var(--line)}.case:first-of-type{border-top:0;padding-top:.5rem}.case-copy h2{font-size:clamp(1.55rem,2.6vw,2rem);margin-bottom:.75rem}.case-copy .kicker{margin:0 0 .5rem;color:var(--moss-bright);font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.case-copy p{margin:0 0 .9rem;color:var(--ink-muted)}.case-copy p:last-of-type{margin-bottom:1.15rem}.code-block{margin:0;padding:1rem 1.1rem;border-radius:12px;border:1px solid var(--line);background:var(--code-bg);overflow-x:auto;font-family:var(--font-mono);font-size:.78rem;line-height:1.55;color:#c9dccb}.code-block .cmt{color:#6d8274}.code-block .kw{color:#7eb088}.code-block .fn{color:var(--gold)}.systems-index{display:grid;gap:1rem;padding:.5rem 0 2rem}.sys-link{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:1.15rem 1.25rem;border-radius:14px;border:1px solid var(--line);background:#0e1a13a6;color:inherit;text-decoration:none;transition:border-color .2s ease,transform .25s var(--ease)}.sys-link:hover{border-color:var(--line-strong);transform:translateY(-2px);color:inherit}.sys-num{font-family:var(--font-mono);font-size:.8rem;color:var(--gold-soft)}.sys-link h3{margin:0 0 .2rem;font-family:var(--font-display);font-size:1.2rem}.sys-link p{margin:0;color:var(--ink-muted);font-size:.92rem}.sys-link .go{color:var(--gold);font-size:1.2rem}.meter-panel{width:min(100%,320px);margin:0;border:1px solid #616166;background:#0d0d0ff5;font-family:var(--font-mono);font-size:12px;color:#e6e6d6;box-shadow:0 18px 50px #0006}.meter-head{display:flex;justify-content:space-between;align-items:center;padding:.35rem .55rem;background:#1a1a1f;border-bottom:1px solid #3a3a40}.meter-total,.meter-row{position:relative;display:grid;grid-template-columns:1fr auto auto;gap:.4rem;align-items:center;padding:.28rem .55rem;min-height:22px}.meter-total{border-bottom:1px solid #2c2c32}.meter-fill{position:absolute;inset:2px auto 2px 0;opacity:.35;pointer-events:none}.meter-row .name,.meter-total .name{position:relative;z-index:1}.meter-row .dmg,.meter-row .dps,.meter-total .dmg,.meter-total .dps{position:relative;z-index:1;text-align:right;min-width:3.2rem}.about-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 2rem}.chip{border:1px solid var(--line);border-radius:999px;padding:.35rem .8rem;color:var(--ink-muted);font-size:.85rem}.site-footer{border-top:1px solid var(--line);margin-top:2rem;padding:1.75rem 0 2.5rem;color:var(--ink-dim);font-size:.88rem}.site-footer .shell{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}@media(max-width:860px){.hero,.case,.case-grid{grid-template-columns:1fr}.hero{min-height:auto;padding-top:2.5rem}.hero h1{max-width:none}.nav{gap:.9rem}.nav a{font-size:.85rem}}.mf-sweep{transform-origin:54px 76px;animation:mfSweep .9s steps(8) infinite}@keyframes mfSweep{0%{clip-path:inset(0 100% 0 0);opacity:1}25%{clip-path:inset(0 0 0 0);opacity:1}55%{clip-path:inset(0 0 0 0);opacity:1}80%{opacity:0}to{clip-path:inset(0 100% 0 0);opacity:0}}.mf-dash{stroke-dasharray:180;stroke-dashoffset:180;animation:mfDash .85s linear infinite}.mf-dash-delay{stroke-dasharray:180;stroke-dashoffset:180;animation:mfDash .85s linear infinite;animation-delay:.12s}@keyframes mfDash{0%{stroke-dashoffset:180;opacity:1}45%{stroke-dashoffset:0;opacity:1}75%{opacity:0}to{stroke-dashoffset:180;opacity:0}}.mf-spark{animation:mfPop .55s ease-out infinite}@keyframes mfPop{0%{opacity:1;transform:scale(.4);transform-origin:150px 72px}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}.mf-ring{animation:mfGrow .7s ease-out infinite;transform-origin:150px 72px}@keyframes mfGrow{0%{transform:scale(.4);opacity:1}to{transform:scale(3.2);opacity:0}}.mf-bits rect{animation:mfBit .6s steps(4) infinite}.mf-bits rect:nth-child(2){animation-delay:.05s}.mf-bits rect:nth-child(3){animation-delay:.1s}.mf-bits rect:nth-child(4){animation-delay:.15s}.mf-bits rect:nth-child(5){animation-delay:.08s}.mf-bits rect:nth-child(6){animation-delay:.12s}@keyframes mfBit{0%{opacity:1}to{opacity:0;transform:translate(12px,-10px)}}.mf-bob{animation:mfBob .7s ease-in-out infinite}@keyframes mfBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.mf-squash{animation:mfSq .36s ease-in-out infinite;transform-origin:150px 102px}@keyframes mfSq{0%,to{transform:scale(1)}50%{transform:scale(1.08,.9)}}.mf-flash{animation:mfFlash .45s steps(2) infinite}@keyframes mfFlash{0%,49%{opacity:1;filter:brightness(1)}50%,to{opacity:1;filter:brightness(2.4)}}.mf-f0,.mf-f1,.mf-f2,.mf-f3{opacity:0}.mf-f0{animation:mfHold .8s steps(1) infinite}.mf-f1{animation:mfHold .8s steps(1) infinite;animation-delay:-.6s}.mf-f2{animation:mfHold .8s steps(1) infinite;animation-delay:-.4s}.mf-f3{animation:mfHold .8s steps(1) infinite;animation-delay:-.2s}@keyframes mfHold{0%,24%{opacity:1}25%,to{opacity:0}}