:root{--bg: #0b1220;--bg-alt: #0f1729;--surface: #131c30;--border: #1f2b45;--text: #e6edf7;--muted: #94a3b8;--accent: #38bdf8;--accent-2: #6366f1;--accent-grad: linear-gradient(135deg, #38bdf8, #6366f1);--radius: 16px;--maxw: 1140px;--shadow: 0 20px 50px -20px rgba(0, 0, 0, .6);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px;background:var(--bg)}body{font-family:var(--font);background:transparent;color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}.site-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:var(--bg);pointer-events:none}.site-bg__blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;will-change:transform}.site-bg__blob--1{width:620px;height:620px;top:-180px;left:-140px;background:radial-gradient(circle at 30% 30%,rgba(56,189,248,.55),transparent 70%);animation:drift-1 26s ease-in-out infinite}.site-bg__blob--2{width:680px;height:680px;top:20%;right:-220px;background:radial-gradient(circle at 50% 50%,rgba(99,102,241,.5),transparent 70%);animation:drift-2 32s ease-in-out infinite}.site-bg__blob--3{width:560px;height:560px;bottom:-200px;left:25%;background:radial-gradient(circle at 50% 50%,rgba(168,85,247,.4),transparent 70%);animation:drift-3 38s ease-in-out infinite}.site-bg__grid{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background-image:linear-gradient(rgba(148,163,184,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.05) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);animation:grid-pan 40s linear infinite}@keyframes drift-1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(120px,80px) scale(1.12)}66%{transform:translate(60px,180px) scale(.95)}}@keyframes drift-2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-140px,100px) scale(1.1)}66%{transform:translate(-80px,-60px) scale(.9)}}@keyframes drift-3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-120px,-120px) scale(1.15)}}@keyframes grid-pan{0%{transform:translate(0)}to{transform:translate(56px,56px)}}@media (prefers-reduced-motion: reduce){.site-bg__blob,.site-bg__grid{animation:none}}a{color:inherit;text-decoration:none}img,svg{display:block}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.accent{background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:999px;font-weight:600;font-size:.95rem;cursor:pointer;border:1px solid transparent;transition:transform .15s ease,box-shadow .2s ease,background .2s ease;white-space:nowrap}.btn--primary{background:var(--accent-grad);color:#05080f;box-shadow:0 10px 30px -10px #38bdf899}.btn--primary:hover{transform:translateY(-2px)}.btn--ghost{background:transparent;border-color:var(--border);color:var(--text)}.btn--ghost:hover{border-color:var(--accent);color:var(--accent)}.btn--block{width:100%}.logo{display:inline-flex;align-items:center;gap:10px}.logo__mark{flex-shrink:0}.logo__text{font-weight:700;font-size:1.05rem;letter-spacing:-.02em}.logo__text-accent{color:var(--accent)}.navbar{position:fixed;inset:0 0 auto 0;z-index:50;transition:background .3s ease,border-color .3s ease,backdrop-filter .3s ease;border-bottom:1px solid transparent}.navbar--scrolled{background:#0b1220d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:var(--border)}.navbar__inner{display:flex;align-items:center;justify-content:space-between;height:72px}.navbar__links{display:flex;align-items:center;gap:28px}.navbar__links>a{color:var(--muted);font-weight:500;transition:color .2s ease}.navbar__links>a:hover{color:var(--text)}.navbar__cta{color:#05080f!important}.navbar__toggle{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}.navbar__toggle span{width:24px;height:2px;background:var(--text);border-radius:2px}.hero-v{position:relative;height:100vh;min-height:640px;background:#000;overflow:hidden}.hero-v__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-v__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#0000008c,#00000026 30%,#0000008c),radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.45) 100%)}.hero-v__inner{position:relative;z-index:10;height:100%;display:flex;flex-direction:column;justify-content:flex-start;padding-top:104px;padding-bottom:56px}.hero-v__intro{display:flex;justify-content:space-between;align-items:flex-start;gap:32px}.hero-v__intro-lead{max-width:460px;color:#fffc;font-size:.875rem}.hero-v__intro-stat{color:#fffc;font-size:.875rem;text-align:right;white-space:nowrap}.hero-v__center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.hero-v__kicker{text-transform:uppercase;letter-spacing:-.01em;color:#fffc;font-size:.75rem;margin-bottom:22px}.hero-v__title{display:flex;flex-direction:column;font-size:clamp(3rem,12vw,8rem);line-height:.85;letter-spacing:-.045em;font-weight:500;margin-bottom:40px}.hero-v__line--plain{color:#fff}.shiny-text{background:linear-gradient(100deg,#64cefb 42%,#fff,#64cefb 58%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:shine 3s linear infinite}@keyframes shine{0%{background-position:220% center}to{background-position:-120% center}}.hero-v__cta{display:inline-flex;align-items:center;gap:10px;background:#000;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:12px 24px;font-weight:600;font-size:.95rem;transition:background .25s ease,transform .2s ease}.hero-v__cta:hover{background:#111827}.hero-v__cta-arrow{transition:transform .25s ease}.hero-v__cta:hover .hero-v__cta-arrow{transform:translate(4px)}@media (min-width: 768px){.hero-v__intro-lead,.hero-v__intro-stat{font-size:1rem}.hero-v__kicker{font-size:.875rem}.hero-v__cta{padding:16px 32px}}@media (max-width: 640px){.hero-v__intro{flex-direction:column}.hero-v__intro-stat{text-align:left;white-space:normal}}@media (prefers-reduced-motion: reduce){.shiny-text{animation:none}}.section{padding:90px 0}.section--alt{background:#0f172999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.section__head{text-align:center;max-width:640px;margin:0 auto 56px}.section__eyebrow{display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}.section__title{font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-bottom:16px}.section__lead{color:var(--muted);font-size:1.05rem}.grid{display:grid;gap:24px}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--2{grid-template-columns:repeat(2,1fr)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:30px;transition:transform .2s ease,border-color .2s ease}.card:hover{transform:translateY(-4px);border-color:var(--accent)}.card__icon{width:52px;height:52px;display:grid;place-items:center;font-size:1.5rem;border-radius:12px;background:#38bdf81a;margin-bottom:18px}.card__title{font-size:1.2rem;margin-bottom:10px}.card__desc{color:var(--muted);font-size:.95rem}.about__inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}.about__visual{position:relative}.about__panel{position:relative;aspect-ratio:4 / 3;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);display:grid;place-items:center;overflow:hidden}.about__panel-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-grad);opacity:.12}.about__panel-label{color:var(--muted);font-size:.85rem;letter-spacing:.05em}.about__content p{color:var(--muted);margin-bottom:16px}.about__values{list-style:none;margin-top:24px;display:grid;gap:12px}.about__values li{padding-left:26px;position:relative;color:var(--muted)}.about__values li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}.about__values strong{color:var(--text)}.reason{display:flex;gap:18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px}.reason__num{font-size:1.4rem;font-weight:800;background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;flex-shrink:0}.reason__title{font-size:1.15rem;margin-bottom:6px}.reason__desc{color:var(--muted);font-size:.95rem}.contact__inner{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}.contact__info p{color:var(--muted);margin-bottom:28px;max-width:440px}.contact__details{list-style:none;display:grid;gap:18px}.contact__details li{display:grid;gap:2px}.contact__details strong{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.contact__details a:hover{color:var(--accent)}.contact__form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px}.field{margin-bottom:18px;display:grid;gap:8px}.field label{font-size:.85rem;font-weight:600;color:var(--muted)}.field input,.field textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-family:inherit;font-size:.95rem;resize:vertical}.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #38bdf826}.contact__note{margin-top:14px;color:#22c55e;font-size:.9rem;text-align:center}.footer{background:#0f1729b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-top:1px solid var(--border);padding:56px 0 28px}.footer__inner{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px}.footer__tagline{color:var(--muted);font-size:.92rem;margin-top:14px;max-width:280px}.footer__col h4{font-size:.95rem;margin-bottom:14px}.footer__col a,.footer__col span{display:block;color:var(--muted);font-size:.92rem;margin-bottom:10px}.footer__col a:hover{color:var(--accent)}.footer__muted{color:#64748b}.footer__bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-top:40px;padding-top:24px;border-top:1px solid var(--border);font-size:.85rem;color:var(--muted)}@media (max-width: 900px){.about__inner,.contact__inner{grid-template-columns:1fr}.grid--3{grid-template-columns:repeat(2,1fr)}.footer__inner{grid-template-columns:1fr 1fr}.navbar__toggle{display:flex}.navbar__links{position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--bg-alt);border-bottom:1px solid var(--border);padding:12px 24px 20px;transform:translateY(-120%);opacity:0;pointer-events:none;transition:transform .25s ease,opacity .25s ease}.navbar__links--open{transform:translateY(0);opacity:1;pointer-events:auto}.navbar__links>a{padding:12px 0}.navbar__cta{margin-top:8px;text-align:center}}@media (max-width: 560px){.grid--3,.grid--2,.footer__inner{grid-template-columns:1fr}}.x12{--mono: "SF Mono", ui-monospace, Menlo, Consolas, "Liberation Mono", monospace}.x12-hero{padding-top:132px}.x12-hero__grid{display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center}.x12-hero__title{font-size:clamp(2.1rem,4.6vw,3.4rem);line-height:1.06;letter-spacing:-.03em;font-weight:800;margin:16px 0 20px}.x12-hero__lead{color:var(--muted);font-size:1.1rem;max-width:48ch}.x12-hero__lead strong{color:var(--text);font-weight:600}.x12-hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.x12-wire{background:#0a0e17;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.x12-wire__bar{display:flex;align-items:center;gap:8px;padding:11px 16px;border-bottom:1px solid var(--border);background:#ffffff05}.x12-wire__dot{width:10px;height:10px;border-radius:50%;background:#2a3342}.x12-wire__label{margin-left:8px;font-family:var(--mono);font-size:.72rem;color:#5c6675;letter-spacing:.03em}.x12-wire__pass{margin-left:auto;font-family:var(--mono);font-size:.7rem;color:#4ade80;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.x12-wire__pass:before{content:"";width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80}.x12-wire__body{overflow-x:auto;position:relative}.x12-wire pre{margin:0;padding:18px 18px 20px;font-family:var(--mono);font-size:.76rem;line-height:1.75;color:#c9d3e0;white-space:pre;min-width:max-content}.x12-wire .tag{color:var(--accent)}.x12-wire .dim{color:#5c6675}.x12-wire .term{color:var(--accent);font-weight:700}.x12-wire .ln{display:block;opacity:0;animation:x12LineIn .5s ease forwards}.x12-wire .ln:nth-child(1){animation-delay:.1s}.x12-wire .ln:nth-child(2){animation-delay:.19s}.x12-wire .ln:nth-child(3){animation-delay:.28s}.x12-wire .ln:nth-child(4){animation-delay:.37s}.x12-wire .ln:nth-child(5){animation-delay:.46s}.x12-wire .ln:nth-child(6){animation-delay:.55s}.x12-wire .ln:nth-child(7){animation-delay:.64s}.x12-wire .ln:nth-child(8){animation-delay:.73s}.x12-wire .ln:nth-child(9){animation-delay:.82s}.x12-wire .ln:nth-child(10){animation-delay:.91s}.x12-wire .ln:nth-child(11){animation-delay:1s}.x12-wire .ln:nth-child(12){animation-delay:1.09s}.x12-wire__scan{position:absolute;left:0;right:0;top:-46px;height:46px;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(56,189,248,.12),transparent);animation:x12Scan 4.8s ease-in-out 1.3s infinite}@keyframes x12LineIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes x12Scan{0%{top:-46px}55%,to{top:100%}}.x12-pipe{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:18px;align-items:stretch;margin-top:44px}.x12-panel__k{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.x12-pipe__arrow{align-self:center;color:var(--muted);font-family:var(--mono);font-size:1.15rem;text-align:center}.x12-note{margin-top:26px;font-size:.95rem;color:var(--muted);border-left:2px solid var(--accent);background:#38bdf80f;padding:12px 18px;border-radius:0 8px 8px 0}.x12-note strong{color:var(--text);font-weight:600}.x12-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.x12-stat__n{font-family:var(--mono);font-weight:700;letter-spacing:-.02em;font-size:clamp(2rem,4.4vw,2.9rem);line-height:1;font-variant-numeric:tabular-nums;background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.x12-stat__l{margin-top:12px;color:var(--muted);font-size:.92rem}.x12-stat__l strong{color:var(--text);font-weight:600}.x12-cov{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px}.x12-cov__group{padding:22px 22px 24px}.x12-cov__title{margin:0;font-family:var(--mono);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text);display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.x12-cov__title span{color:var(--muted);font-size:.7rem;letter-spacing:.03em;text-transform:none}.x12-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.x12-chip{font-family:var(--mono);font-size:.78rem;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:5px 10px;font-variant-numeric:tabular-nums}.x12-flow{margin-top:42px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--border);display:grid;gap:1px}.x12-step{background:var(--surface);display:grid;grid-template-columns:56px 1fr;gap:20px;padding:22px 26px;align-items:baseline}.x12-step__n{font-family:var(--mono);font-size:1.15rem;font-weight:800;font-variant-numeric:tabular-nums;background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.x12-step__title{margin:0 0 5px;font-size:1.08rem}.x12-step__desc{margin:0;color:var(--muted);font-size:.96rem}.x12-step__desc code,.x12-note code{font-family:var(--mono);font-size:.86em;color:var(--accent);background:#38bdf81a;padding:1px 6px;border-radius:4px}.x12-tablewrap{margin-top:40px;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}.x12-api{width:100%;border-collapse:collapse;min-width:640px}.x12-api th,.x12-api td{text-align:left;padding:15px 20px;border-bottom:1px solid var(--border);vertical-align:top}.x12-api thead th{font-family:var(--mono);font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-weight:600;background:var(--bg-alt)}.x12-api tbody tr:last-child td{border-bottom:0}.x12-api td.route{font-family:var(--mono);font-size:.82rem;white-space:nowrap;color:var(--text)}.x12-api td.route .verb{color:var(--accent);font-weight:700;margin-right:8px}.x12-api td.desc{color:var(--muted);font-size:.94rem}.x12-api td.desc strong{color:var(--text);font-weight:600}.x12-api td.desc code{font-family:var(--mono);font-size:.85em;color:var(--accent);background:#38bdf81a;padding:1px 5px;border-radius:4px}.x12-feature__k{font-family:var(--mono);font-size:.74rem;letter-spacing:.02em;color:var(--accent);margin-bottom:12px;font-weight:600}.x12-feature .card__desc code{font-family:var(--mono);font-size:.85em;color:var(--accent);background:#38bdf81a;padding:1px 5px;border-radius:4px}.x12-more{margin-top:28px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-top:24px;border-top:1px solid var(--border)}.x12-more__label{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.x12-principle__k{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.x12-run{margin-top:40px;display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}.x12-run__cmd{font-family:var(--mono);font-size:.82rem;line-height:1.9;color:#c9d3e0;background:#0a0e17;border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;overflow-x:auto;white-space:pre;flex:1;min-width:280px}.x12-run__cmd .p{color:#5c6675}.x12-run__cmd .a{color:var(--accent)}@media (max-width: 900px){.x12-hero__grid{grid-template-columns:1fr;gap:36px}.x12-pipe{grid-template-columns:1fr}.x12-pipe__arrow{transform:rotate(90deg);padding:2px 0}.x12-stats{grid-template-columns:repeat(2,1fr);gap:28px}.x12-cov{grid-template-columns:1fr}}@media (max-width: 560px){.x12-stats{grid-template-columns:1fr}.x12-step{grid-template-columns:40px 1fr;gap:14px;padding:20px}}.x12 .reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-d, 0s)}.x12 .reveal--in{opacity:1;transform:none}.x12-shine{background:linear-gradient(100deg,#38bdf8 38%,#e6edf7,#6366f1 62%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:x12Shine 3.4s linear infinite}@keyframes x12Shine{0%{background-position:220% center}to{background-position:-120% center}}.featured{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:40px 44px;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.featured:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:var(--shadow)}.featured__glow{position:absolute;top:-140px;right:-120px;width:460px;height:460px;background:radial-gradient(circle,rgba(99,102,241,.22),transparent 62%);filter:blur(20px);pointer-events:none;z-index:0}.featured__body{position:relative;z-index:1}.featured__title{font-size:clamp(1.7rem,3.2vw,2.4rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:12px 0 14px}.featured__lead{color:var(--muted);font-size:1.02rem;max-width:48ch}.featured__stats{display:flex;flex-wrap:wrap;gap:28px;margin:26px 0 30px}.featured__stats strong{display:block;font-family:var(--mono);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.featured__stats span{color:var(--muted);font-size:.85rem}.featured__cta{pointer-events:none}.featured:hover .featured__cta{transform:translateY(-2px)}.featured__wire{position:relative;z-index:1;background:#0a0e17;border:1px solid var(--border);border-radius:12px;overflow:hidden}.featured__wire-bar{display:flex;align-items:center;gap:7px;padding:10px 14px;border-bottom:1px solid var(--border)}.featured__wire-bar span{width:9px;height:9px;border-radius:50%;background:#2a3342}.featured__wire-bar em{margin-left:6px;font-family:var(--mono);font-style:normal;font-size:.68rem;color:#5c6675}.featured__wire pre{margin:0;padding:16px;overflow-x:auto;font-family:var(--mono);font-size:.74rem;line-height:1.85;color:#c9d3e0;white-space:pre}.featured__wire .tag{color:var(--accent)}.featured__wire .term{color:var(--accent);font-weight:700}@media (max-width: 820px){.featured{grid-template-columns:1fr;gap:30px;padding:32px 28px}.featured__wire{order:-1}}.demo{margin-top:40px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}.demo__bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 18px;border-bottom:1px solid var(--border);background:#0a0e17;font-family:var(--mono, monospace);font-size:.74rem}.demo__live{color:var(--accent);letter-spacing:.04em}.demo__file{color:#5c6675}.demo__snip{margin-left:auto;padding:4px 11px;border-radius:999px;color:#fbbf24;border:1px solid rgba(251,191,36,.4);background:#fbbf241a;transition:color .3s ease,border-color .3s ease,background .3s ease;white-space:nowrap}.demo__snip.is-pass{color:#4ade80;border-color:#4ade8073;background:#4ade801f}.demo__panes{display:grid;grid-template-columns:1fr 1fr 1.08fr;min-height:380px}.demo__pane{padding:16px 18px;border-right:1px solid var(--border);min-width:0}.demo__pane:last-child{border-right:0}.demo__pane--code{background:#0a0e17}.demo__ptitle{font-family:var(--mono, monospace);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.demo-src{margin:0;font-family:var(--mono, monospace);font-size:.74rem;line-height:1.9;white-space:pre;overflow-x:auto}.demo-src__row{display:block;border-radius:5px;padding:0 6px;margin:0 -6px;transition:background .25s ease,opacity .25s ease}.demo-src__row--plain,.demo-src__row .k{color:#6b7688}.demo-src__row .v{color:#c9d3e0}.demo-src__row .tick{color:#4ade80;margin-left:8px;opacity:0;transition:opacity .25s ease}.demo-src__row.is-active{background:#38bdf829;box-shadow:inset 2px 0 0 var(--accent);animation:demoPulse .7s ease}.demo-src__row.is-active .v{color:#fff}.demo-src__row.is-done{opacity:.5}.demo-src__row.is-done .tick{opacity:1}.demo-con{display:grid;gap:14px}.demo-con__group{display:grid;gap:6px}.demo-con__glabel{font-family:var(--mono, monospace);font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;color:var(--faint, #64748b)}.demo-con__slot{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 10px;padding:7px 11px;border-radius:8px;border:1px dashed var(--border);background:var(--bg);transition:border .25s ease,background .25s ease,transform .2s ease}.demo-con__label{font-size:.82rem;color:var(--muted)}.demo-con__seg{font-family:var(--mono, monospace);font-size:.66rem;color:var(--faint, #64748b);justify-self:end}.demo-con__val{grid-column:1 / -1;font-family:var(--mono, monospace);font-size:.78rem;color:var(--faint, #64748b);font-style:italic}.demo-con__slot.is-mapped{border-style:solid;border-color:var(--border);background:var(--surface)}.demo-con__slot.is-mapped .demo-con__label{color:var(--text)}.demo-con__slot.is-mapped .demo-con__val{color:var(--accent);font-style:normal}.demo-con__slot.is-active{border-color:var(--accent);box-shadow:0 0 0 3px #38bdf824;transform:translate(2px);animation:demoPulse .7s ease}.demo-wire{margin:0;font-family:var(--mono, monospace);font-size:.74rem;line-height:1.95;white-space:pre;overflow-x:auto;color:#c9d3e0}.demo-wire__ln{display:block;animation:demoLineIn .4s ease}.demo-wire__ln.is-struct{color:#6b7688}.demo-wire__ln .tag{color:var(--accent)}.demo-wire__ln .term{color:var(--accent);font-weight:700}.demo-wire__cursor{color:var(--accent);animation:demoBlink 1s step-end infinite}@keyframes demoLineIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@keyframes demoPulse{0%{background-color:#38bdf852}}@keyframes demoBlink{50%{opacity:0}}@media (max-width: 880px){.demo__panes{grid-template-columns:1fr;min-height:0}.demo__pane{border-right:0;border-bottom:1px solid var(--border)}.demo__pane:last-child{border-bottom:0}}@media (prefers-reduced-motion: reduce){.x12 .reveal{opacity:1;transform:none;transition:none}.x12-wire .ln{opacity:1;animation:none}.x12-wire__scan{display:none}.x12-shine{animation:none}.featured:hover{transform:none}.demo-src__row.is-active,.demo-con__slot.is-active,.demo-wire__ln{animation:none}.demo-wire__cursor{display:none}}