@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap";
.matrix-hero{--color-bg:#0b0a12;--color-bg-2:#100e1a;--color-surface:#16131f;--color-surface-2:#1e1a2b;--color-elevated:#251f36;--color-border:#2a2640;--color-border-soft:#211d31;--color-text:#eceaf6;--color-text-muted:#a39db8;--color-text-faint:#6f6a83;--color-primary:#8b5cf6;--color-primary-hover:#7c3aed;--color-primary-soft:#8b5cf624;--color-accent:#c4b5fd;--color-success:#34d399;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Space Grotesk", "Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-xl:1.375rem;--text-5xl:4.5rem;--space-5:20px;--space-6:24px;--space-16:64px;--space-24:96px;--radius-full:9999px;--glow:0 0 50px #8b5cf647;--glow-soft:0 0 28px #8b5cf62e;min-height:100svh;font-family:var(--font-sans);color:var(--color-text);-webkit-font-smoothing:antialiased;background:radial-gradient(70% 50% at 50% -8%, var(--color-primary-soft), transparent 60%), var(--color-bg);flex-direction:column;display:flex;position:relative;overflow:hidden}.matrix-hero #scene-stage{z-index:0;position:absolute;inset:0}.matrix-hero #scene-stage canvas{display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.matrix-hero .veil{z-index:1;pointer-events:none;background:radial-gradient(58% 55% at 50% 42%, transparent 0%, var(--color-bg) 82%);position:absolute;inset:0}.matrix-hero .vignette{z-index:1;pointer-events:none;background:radial-gradient(125% 125% at 50% 48%,#0000 50%,#0000008c 100%);position:absolute;inset:0}.matrix-hero .bloom{z-index:1;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(42% 38% at 50% 45%,#8b5cf62e,#0000 72%);position:absolute;inset:0}.matrix-hero .scene-caption{left:0;right:0;bottom:var(--space-24);z-index:2;text-align:center;pointer-events:none;max-width:660px;line-height:1.7;font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.02em;color:var(--color-text-faint);opacity:0;margin:0 auto;padding:0 24px;transition:opacity .6s;position:absolute}.matrix-hero .scene-caption b{color:var(--color-accent);font-weight:500}.matrix-hero #motion-ctrl{z-index:50;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;background:#16131fb8;align-items:center;gap:8px;padding:8px 13px;transition:all .15s;display:inline-flex;position:absolute;bottom:16px;right:16px}.matrix-hero #motion-ctrl:hover{color:var(--color-text);border-color:var(--color-primary);box-shadow:var(--glow-soft)}.matrix-hero #motion-ctrl:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.matrix-hero #motion-ctrl svg{width:13px;height:13px}.matrix-hero #hero-cta{top:var(--space-6);right:var(--space-6);z-index:3;margin:0;position:absolute}.matrix-hero .btn{cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);letter-spacing:.01em;border-radius:var(--radius-full);align-items:center;gap:9px;padding:11px 24px;font-weight:600;transition:background .18s,border-color .18s,color .18s,transform .15s;display:inline-flex}.matrix-hero .btn-primary{color:var(--color-accent);background:0 0;border:1px solid #8b5cf680}.matrix-hero .btn-primary:hover{background:var(--color-primary-soft);border-color:var(--color-primary);color:#fff;transform:translateY(-1px)}@property --hj-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@media (prefers-reduced-motion:no-preference){:root:not([data-reduce-motion]) .matrix-hero .btn-primary{position:relative}:root:not([data-reduce-motion]) .matrix-hero .btn-primary:before{content:"";border-radius:inherit;background:conic-gradient(from var(--hj-angle), transparent 0deg, transparent 285deg, #c4b5fde6 330deg, transparent 360deg);-webkit-mask-composite:xor;-webkit-mask-composite:xor;pointer-events:none;padding:1px;animation:7s linear infinite hj-orbit;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}}@keyframes hj-orbit{to{--hj-angle:360deg}}.matrix-hero .btn-primary svg{width:16px;height:16px;transition:transform .15s}.matrix-hero .btn-primary:hover svg{transform:translate(3px)}@media (max-width:720px){.matrix-hero{--text-5xl:2.85rem;--text-xl:1.05rem}.matrix-hero .scene-caption{bottom:var(--space-16)}}
.landing-footer{color:#857f96;background:linear-gradient(#0b0a12 0%,#08070f 38%,#000 86%);font-family:JetBrains Mono,ui-monospace,monospace;position:relative;overflow:hidden}.landing-footer *{box-sizing:border-box}.lf-glow{z-index:0;pointer-events:none;background:radial-gradient(58% 120% at 50% 125%,#8b5cf629,#0000 72%);height:260px;position:absolute;bottom:0;left:0;right:0}.lf-inner{z-index:1;max-width:1200px;margin:0 auto;padding:56px 28px 30px;position:relative}.lf-mark{color:#8b5cf6;width:26px;height:26px;margin-bottom:42px;display:block}.lf-cols{grid-template-columns:repeat(5,1fr);gap:28px;display:grid}.fcol{min-width:0}.fhead{color:#d6d2e2;letter-spacing:.12em;text-transform:uppercase;cursor:default;justify-content:space-between;align-items:center;font-size:12px;font-weight:500;list-style:none;display:flex}.fhead::-webkit-details-marker{display:none}.fhead .plus{display:none}.fbody{margin-top:18px}.fbody ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.flink{color:#807a90;align-items:baseline;gap:8px;font-size:13px;line-height:1.2;transition:color .15s;display:inline-flex}.flink .tc{color:#45415a;flex:none}.flink:hover{color:#ece9f6}.flink:hover .tc{color:#8b5cf6}.flink.is-soon{color:#5f5b72;cursor:default;pointer-events:none}.flink .soon{letter-spacing:.08em;text-transform:uppercase;color:#5f5b72;border:1px solid #221f2e;border-radius:4px;margin-left:6px;padding:1px 5px;font-size:9px}.lf-bottom{margin-top:56px}.lf-social{gap:10px;display:flex}.lf-soc{color:#807a90;border:1px solid #221f2e;place-items:center;width:33px;height:33px;transition:color .15s,border-color .15s;display:grid}.lf-soc svg{width:16px;height:16px}.lf-soc:hover{color:#ece9f6;border-color:#8b5cf6}.lf-soc.is-soon{opacity:.45;cursor:default}.lf-soc.is-soon:hover{color:#807a90;border-color:#221f2e}.lf-copy{color:#56536b;margin-top:20px;font-size:12px}@media (min-width:768px){.fbody{display:block!important}.fhead{pointer-events:none}}@media (max-width:767px){.lf-cols{grid-template-columns:1fr;gap:0}.fcol{border-top:1px solid #16141f}.fhead{cursor:pointer;padding:17px 0}.fhead .plus{color:#807a90;flex:none;width:14px;height:14px;display:block;position:relative}.fhead .plus:before{content:"+";place-items:center;font-size:16px;line-height:1;display:grid;position:absolute;inset:0}details[open] .fhead .plus:before{content:"−"}.fbody{margin-top:0;padding-bottom:18px}}