/* Site theme layer: dark theme, depth and motion, eligibility form. Loads after the base files. */
/* Dark theme, active only when <html data-theme="dark"> */
html[data-theme=dark]{color-scheme:dark;--ink:#eef7fb;--text:#a9bfce;--muted:#8aa6b8;--teal:#2cc6cf;--teal-dark:#6fe3e8;--line:#ffffff1a;--ice:#071626;--shadow:0 30px 70px -30px #000c;--bg:#050f1a;--panel:#0c2133;--panel2:#0e2a3d;--edge:#ffffff1a;--glow:#2cc6cf;--grad:linear-gradient(135deg,#7df0dc,#2cc6cf 55%,#1b8fb4);--sg-ease:cubic-bezier(.16,1,.3,1)}
html[data-theme=dark] body{background:var(--bg);color:var(--text)}
html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] h4{color:var(--ink)}
html[data-theme=dark] ::selection{background:#2cc6cf55}
html[data-theme=dark] :focus-visible{outline-color:#6fe3e8}
html[data-theme=dark] .invoice-visual,html[data-theme=dark] .calendar{--ink:#102a4c;--text:#43596a;--muted:#516b7b;--teal:#007e80;--teal-dark:#006b6e;--line:#d5e8ee}
html[data-theme=dark] .site-header{background:#050f1ab8;border-bottom:1px solid #ffffff14;backdrop-filter:blur(18px) saturate(1.4)}
html[data-theme=dark] .wordmark,html[data-theme=dark] nav a{color:var(--ink)}
html[data-theme=dark] .wordmark>.icon{color:var(--teal)}
html[data-theme=dark] nav .nav-cta{background:#2cc6cf1f;border:1px solid #2cc6cf55;color:#8ff0f0;border-radius:999px;padding:10px 16px}
html[data-theme=dark] nav .nav-cta:hover{background:#2cc6cf33;text-decoration:none}
html[data-theme=dark] .eyebrow,html[data-theme=dark] legend{color:#6fe3e8;letter-spacing:.12em}
html[data-theme=dark] .teal,html[data-theme=dark] h1>span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
html[data-theme=dark] .button{background:var(--grad);color:#04202b;border:0;border-radius:999px;box-shadow:0 0 0 1px #7df0dc55,0 14px 40px -14px #2cc6cfaa;font-weight:600}
html[data-theme=dark] .button:hover{background:var(--grad);filter:brightness(1.1);box-shadow:0 0 0 1px #7df0dc99,0 18px 50px -12px #2cc6cfcc}
html[data-theme=dark] .button.secondary{background:#ffffff0d;border:1px solid #ffffff2e;color:var(--ink);box-shadow:none;backdrop-filter:blur(8px)}
html[data-theme=dark] .button.secondary:hover{background:#ffffff1a;filter:none}
html[data-theme=dark] .text-button{color:#8ff0f0}
html[data-theme=dark] .badge{background:#2cc6cf1f;color:#8ff0f0;border:1px solid #2cc6cf40}
html[data-theme=dark] .section{background:transparent}
html[data-theme=dark] .ice{background:linear-gradient(180deg,#071a2a,#061320)}
html[data-theme=dark] .patterned:before{background:radial-gradient(circle,#2cc6cf26,transparent 68%)}
html[data-theme=dark] .patterned:after{background:radial-gradient(circle,#3b6cf21f,transparent 68%);background-image:none}
html[data-theme=dark] .hero{background:radial-gradient(900px 520px at 12% -10%,#1fb6c940,transparent 62%),radial-gradient(700px 480px at 100% 25%,#3b6cf229,transparent 62%),linear-gradient(180deg,#0a1c2c,#050f1a)}
html[data-theme=dark] .hero:before{border-color:#2cc6cf0f;animation:orbit 28s linear infinite}
html[data-theme=dark] .hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000,transparent 72%);mask-image:radial-gradient(ellipse at 50% 30%,#000,transparent 72%);pointer-events:none}
html[data-theme=dark] .hero .container{position:relative;z-index:1}

html[data-theme=dark] .deadline-badge{background:#ff5c6a1a;border:1px solid #ff7a8648;color:#ffb3b9;border-radius:999px;padding:8px 14px}
html[data-theme=dark] .deadline-badge strong{color:#fff}
html[data-theme=dark] .countdown{margin-left:4px;padding:2px 10px;border-radius:999px;background:#ff5c6a33;color:#fff;font-size:12px;font-weight:700}
html[data-theme=dark] .platform{color:var(--ink)}
html[data-theme=dark] .hero .platform,html[data-theme=dark] .art-orbit .platform,html[data-theme=dark] .final-section .platform{background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;padding:7px 12px}
html[data-theme=dark] .owner-strip{background:#0c2233;border-color:#ffffff1a;box-shadow:0 30px 70px -30px #000}
html[data-theme=dark] .owner-strip:after{background:linear-gradient(90deg,#0a1c2c 0,#0a1c2cf2 30%,#0a1c2c80 60%,transparent 88%)}
html[data-theme=dark] .owner-strip .hero-photo{opacity:.85;filter:saturate(.9) contrast(1.05)}
html[data-theme=dark] .owner-chip{background:#2cc6cf26;color:#8ff0f0;border:1px solid #2cc6cf40}
html[data-theme=dark] .story-scene{background:linear-gradient(180deg,#0d2336,#08182a);border-color:#ffffff1a;box-shadow:0 40px 90px -40px #000,inset 0 1px 0 #ffffff12}
html[data-theme=dark] .story-hero{border-top:0}
html[data-theme=dark] .scene-canvas{background-image:radial-gradient(#ffffff12 1px,transparent 1px)}
html[data-theme=dark] .scene-node{background:var(--panel2);border-color:#ffffff1a;box-shadow:none}
html[data-theme=dark] .scene-node.is-active{background:#0f3347;border-color:#2cc6cf;box-shadow:0 0 0 4px #2cc6cf14,0 24px 60px -24px #2cc6cfbb}
html[data-theme=dark] .node-icon{background:#12384b;border-color:#ffffff14;color:#6fe3e8}
html[data-theme=dark] .scene-node:nth-child(5) .node-icon{background:#1d2250;color:#a5b0ff}
html[data-theme=dark] .node-icon .icon path,html[data-theme=dark] .node-icon .icon ellipse{stroke:currentColor}
html[data-theme=dark] .scene-route{background:#ffffff24}
html[data-theme=dark] .scene-route b{color:#6fe3e8}
html[data-theme=dark] .scene-route i{background:#7df0dc;box-shadow:0 0 0 4px #2cc6cf2a,0 0 16px #2cc6cf}
html[data-theme=dark] .scene-bottom{background:#ffffff05;border-top:1px solid #ffffff12}
html[data-theme=dark] .scene-steps button{color:#9db7c7}
html[data-theme=dark] .scene-steps button span{background:#ffffff14;color:#cfe3ee}
html[data-theme=dark] .scene-steps button[aria-pressed=true]{background:#2cc6cf1f;border-color:#2cc6cf55;color:#8ff0f0}
html[data-theme=dark] .scene-steps button[aria-pressed=true] span{background:var(--grad);color:#04202b}
html[data-theme=dark] .scene-play{background:#ffffff0d;border-color:#ffffff2a;color:var(--ink)}
html[data-theme=dark] .scene-indicator i{background:#7df0dc;box-shadow:0 0 10px #2cc6cf}
html[data-theme=dark] .mini-invoice,html[data-theme=dark] .mini-json{background:#07182a;border-color:#ffffff1a;color:var(--ink)}
html[data-theme=dark] .mini-json{color:#9fd4e8}
html[data-theme=dark] .mini-invoice span{border-color:#ffffff14}
html[data-theme=dark] .mini-invoice b{color:#8ff0f0}
html[data-theme=dark] .field-chips span{background:#2cc6cf14;border-color:#2cc6cf40;color:#8ff0f0}
html[data-theme=dark] .channel-pills span{background:#ffffff12;color:#c4d8e4}
html[data-theme=dark] .mini-ledger span{border-color:#ffffff14}
html[data-theme=dark] .mini-ledger b{color:#8ff0f0}
html[data-theme=dark] .scan-line{background:#7df0dc;box-shadow:0 0 16px #2cc6cf}
html[data-theme=dark] .demo-board{background:#ffffff08;border-color:#ffffff14;box-shadow:none}
html[data-theme=dark] .invoice-form,html[data-theme=dark] .json-panel,html[data-theme=dark] .card,html[data-theme=dark] .overview-panel,html[data-theme=dark] .video-feature,html[data-theme=dark] .resource-link,html[data-theme=dark] .checker,html[data-theme=dark] .after-card,html[data-theme=dark] details{background:var(--panel);border-color:var(--edge)}
html[data-theme=dark] .field{color:var(--ink)}
html[data-theme=dark] .field input,html[data-theme=dark] .field select{background:#071a2a;border:1px solid #ffffff26;color:var(--ink);border-radius:12px}
html[data-theme=dark] .field input:focus,html[data-theme=dark] .field select:focus{background:#08202f;border-color:var(--teal);outline:0;box-shadow:0 0 0 4px #2cc6cf26}
html[data-theme=dark] .code-window{background:#050f1a;border:1px solid #ffffff14}
html[data-theme=dark] .code-window pre{color:#9fe8ec}
html[data-theme=dark] .window-bar{background:#0a1c2c;color:#9db7c7}
html[data-theme=dark] .window-bar>span{color:#2cc6cf}
html[data-theme=dark] .conversion-stages span{background:#ffffff0d;color:#9db7c7}
html[data-theme=dark] .conversion-stages .active{background:#2cc6cf26;color:#8ff0f0;box-shadow:inset 0 0 0 1px #2cc6cf66}
html[data-theme=dark] .overview-steps{background:#ffffff08;border-color:#ffffff14}
html[data-theme=dark] .overview-steps button{color:#a9bfce}
html[data-theme=dark] .overview-steps button[aria-pressed=true]{background:var(--grad);color:#04202b;box-shadow:0 10px 30px -10px #2cc6cfaa}
html[data-theme=dark] .overview-panel{box-shadow:0 30px 70px -40px #000}
html[data-theme=dark] .checks .icon{background:#2cc6cf26;color:#6fe3e8}
html[data-theme=dark] .note{background:#2cc6cf14;border-color:#2cc6cf38;color:#c3f1f3}
html[data-theme=dark] .note.warning{background:#ff5c6a14;border-color:#ff7a8640;color:#ffb8bd}
html[data-theme=dark] .card.positive{background:linear-gradient(160deg,#2cc6cf1f,#0c2133);border-color:#2cc6cf55}
html[data-theme=dark] .icon-bubble{background:#2cc6cf1f;color:#6fe3e8}
html[data-theme=dark] .icon-bubble.muted{background:#ffffff12;color:#9db7c7}
html[data-theme=dark] .eis-flow>div,html[data-theme=dark] .preparation li{background:var(--panel2);border-color:var(--edge)}
html[data-theme=dark] .packet-line{background:#ffffff26}
html[data-theme=dark] .packet-line:before{background:#7df0dc;box-shadow:0 0 12px #2cc6cf}
html[data-theme=dark] .packet-line:after{border-color:#6fe3e8}
html[data-theme=dark] .preparation li>span{background:#2cc6cf1f;color:#8ff0f0}
html[data-theme=dark] .deadline-date{color:#ff9aa2}
html[data-theme=dark] .who-art{background:radial-gradient(ellipse,#2cc6cf2e 0,transparent 68%)}
html[data-theme=dark] .who-art:before{border-color:#2cc6cf44}
html[data-theme=dark] .flow-card{background:#0c213399}
html[data-theme=dark] .downstream{background:#2cc6cf14;border:1px solid #2cc6cf2e}
html[data-theme=dark] .stage-label{color:#6fe3e8}
html[data-theme=dark] .order-rows span{border-color:#ffffff1a}
html[data-theme=dark] .order-rows i{background:#2cc6cf26;color:#8ff0f0}
html[data-theme=dark] .resource-art{background:radial-gradient(circle at 50% 40%,#2cc6cf33,transparent 70%),#0a1c2c;border-color:#ffffff14}
html[data-theme=dark] .institution{background:#12384b}
html[data-theme=dark] .institution .icon{color:#4aa9bd}
html[data-theme=dark] .resource-paper{background:#0e2a3df2;border-color:#ffffff1f}
html[data-theme=dark] .resource-paper .icon{color:#6fe3e8}
html[data-theme=dark] .play-button{background:var(--grad);border-color:#ffffff40;color:#04202b;box-shadow:0 0 40px #2cc6cf88}
html[data-theme=dark] .resource-link .icon-bubble{background:#12384b}
html[data-theme=dark] .video-caption>span:last-child,html[data-theme=dark] .official-link{color:#8ff0f0}
html[data-theme=dark] .checker{box-shadow:0 40px 90px -40px #000}
html[data-theme=dark] .checker-progress{background:#0a1c2c}
html[data-theme=dark] .checker-progress li>span{background:#ffffff14;color:#cfe3ee}
html[data-theme=dark] .checker-progress li.current{color:#8ff0f0}
html[data-theme=dark] .checker-progress li.current>span,html[data-theme=dark] .checker-progress li.complete>span{background:var(--grad);color:#04202b}
html[data-theme=dark] progress,html[data-theme=dark] progress::-webkit-progress-bar{background:#ffffff14}
html[data-theme=dark] progress::-webkit-progress-value{background:var(--grad)}
html[data-theme=dark] progress::-moz-progress-bar{background:#2cc6cf}
html[data-theme=dark] .checker-aside{background:linear-gradient(160deg,#0f3347,#0b2433);border-left:1px solid #ffffff14}
html[data-theme=dark] .aside-divider{background:#2cc6cf66}
html[data-theme=dark] .choice{background:#071a2a;border-color:#ffffff1f;color:var(--ink);border-radius:12px}
html[data-theme=dark] .choice:hover{border-color:#2cc6cf66}
html[data-theme=dark] .choice:has(input:checked){background:#2cc6cf1c;border-color:var(--teal);box-shadow:0 0 0 1px var(--teal),0 10px 30px -14px #2cc6cf88}
html[data-theme=dark] .form-disclosure{background:#ffffff08}
html[data-theme=dark] .error{color:#ff9aa2}
html[data-theme=dark] .step-number{background:#2cc6cf1f;color:#8ff0f0}
html[data-theme=dark] .after-illustration{background:#e8f5fa!important;border-radius:24px;padding:10px;box-shadow:0 20px 50px -24px #000}
html[data-theme=dark] details[open]{border-color:#2cc6cf66}
html[data-theme=dark] summary{color:var(--ink)}
html[data-theme=dark] .final-cta{background:radial-gradient(ellipse at 100% 0,#2cc6cf44,transparent 60%),radial-gradient(ellipse at 0 100%,#3b6cf233,transparent 60%),#0a2233;border:1px solid #2cc6cf33;box-shadow:0 50px 100px -50px #2cc6cf66}
html[data-theme=dark] .final-cta:after{border-color:#2cc6cf1a}
html[data-theme=dark] .final-cta .button{background:var(--grad);color:#04202b}
html[data-theme=dark] .final-cta .button.secondary{background:#ffffff12;color:#fff}
html[data-theme=dark] .final-cta p{color:#c3d6e2}
html[data-theme=dark] .footer{border-top:1px solid #ffffff14;color:#8aa6b8}
html[data-theme=dark] .footer a{color:#8ff0f0}
html[data-theme=dark] .toast{background:var(--panel2);border:1px solid #2cc6cf55}
/* was @media(prefers-reduced-motion:reduce) — now only for motion-off (see motion.js) */html.motion-off .hero:before{animation:none}

/* Theme toggle, depth, glow and motion for both themes. Patterns borrowed from the SiteGiant pages: floating glow orbs, bobbing chips, pointer spotlight, 3D tilt, orbiting conic glow border. */
@property --ang{syntax:'<angle>';inherits:false;initial-value:0deg}
html[data-theme=light]{color-scheme:light;--c1:#12b5bf;--glowc:#12b5bf;--bgrad:linear-gradient(135deg,#19bcc3,#008487 55%,#0a5f86);--btnsh:0 0 0 1px #ffffff55 inset,0 14px 32px -12px #008487aa;--tg:linear-gradient(100deg,#007e80,#1597c7 40%,#5b6cf0 70%,#007e80);--card-sh:0 1px 0 #fff inset,0 28px 56px -30px #1c6b8a66,0 6px 14px -8px #1c6b8a26;--fxbg:#ffffffd9;--fxbd:#fff}
html[data-theme=dark]{--c1:#7df0dc;--glowc:#2cc6cf;--bgrad:var(--grad);--btnsh:0 0 0 1px #7df0dc55,0 14px 40px -12px #2cc6cfcc;--tg:linear-gradient(100deg,#7df0dc,#2cc6cf 40%,#5aa8ff 70%,#7df0dc);--card-sh:0 30px 60px -34px #000,inset 0 1px 0 #ffffff12;--fxbg:#0e2a3dcc;--fxbd:#ffffff24}
html.theming *,html.theming *:before,html.theming *:after{transition:background-color .45s,color .45s,border-color .45s,box-shadow .45s!important}
/* toggle */
.wordmark{margin-right:auto}.theme-toggle{order:2;margin-left:16px;padding:4px;background:none;border:0;border-radius:999px}
.tt-track{position:relative;display:flex;align-items:center;justify-content:space-between;width:66px;height:34px;padding:0 9px;border-radius:999px;border:1px solid #0a6a8040;background:linear-gradient(180deg,#dff4f8,#f4fcff);color:#5d7f8c;box-shadow:inset 0 2px 5px #0a4a6030}
html[data-theme=dark] .tt-track{background:linear-gradient(180deg,#071a2a,#0e2a3d);border-color:#ffffff24;color:#7fa3b5}
.tt-knob{position:absolute;left:3px;top:3px;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#fff,#cfeff3);box-shadow:0 4px 10px -2px #0a5a7a66,0 0 0 1px #fff;transition:transform .5s var(--sg-ease,cubic-bezier(.16,1,.3,1)),background .4s}
html[data-theme=dark] .tt-knob{transform:translateX(32px);background:linear-gradient(135deg,#7df0dc,#2cc6cf);box-shadow:0 0 18px #2cc6cf,0 0 0 1px #ffffff55}
.tt-track svg{position:relative;z-index:1;transition:color .3s}
html[data-theme=light] .tt-track svg:first-of-type{color:#d98a00}html[data-theme=dark] .tt-track svg:last-of-type{color:#04202b}
.theme-toggle:hover .tt-knob{filter:brightness(1.08)}
@media(max-width:850px){.theme-toggle{order:0;margin-left:8px}.wordmark{margin-right:auto}}
/* ambient glow orbs + grid (light) */
.orb{position:absolute;z-index:0;border-radius:50%;pointer-events:none;background:radial-gradient(circle,var(--glowc) 0,transparent 66%);opacity:.32;will-change:transform;animation:bir-drift 18s ease-in-out infinite}
.orb-a{width:480px;height:480px;top:-170px;left:-130px}.orb-b{width:420px;height:420px;bottom:-190px;right:-90px;background:#5b6cf0;opacity:.2;animation-direction:reverse;animation-duration:20s}
html[data-theme=dark] .orb{opacity:.45}html[data-theme=dark] .orb-b{opacity:.28}
@keyframes bir-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(46px,32px)}}
html[data-theme] .hero:before{animation:none}
html[data-theme=light] .hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(#0a7a8a2e 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse at 55% 35%,#000,transparent 70%);mask-image:radial-gradient(ellipse at 55% 35%,#000,transparent 70%);pointer-events:none}
/* gradient headline, shimmer */
html[data-theme] .teal,html[data-theme] h1>span{background:var(--tg);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:bir-shine 9s linear infinite}
@keyframes bir-shine{to{background-position:200% 0}}
/* buttons */
html[data-theme] .button:not(.secondary){background:var(--bgrad);background-size:150% 100%;box-shadow:var(--btnsh);border:0}
.button{position:relative;overflow:hidden;isolation:isolate}
.button:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,#ffffff66 50%,transparent 70%);transform:translateX(-130%);transition:transform .8s var(--sg-ease,ease)}
.button:hover:after{transform:translateX(130%)}.button .icon{transition:transform .35s var(--sg-ease,ease)}.button:hover .icon{transform:translateX(4px)}


/* marketplace logos */
.plat-logo{width:26px;height:26px;border-radius:8px;flex-shrink:0;box-shadow:0 5px 12px -4px #0a2a4a66}
.platform{align-items:center}.flow-card .platform .plat-logo{width:42px;height:42px;border-radius:12px}.art-orbit .plat-logo{width:30px;height:30px}
.hero .platform,.final-section .platform{padding:6px 12px 6px 6px;border-radius:999px;background:#ffffffcc;border:1px solid #d6edf2;box-shadow:0 8px 18px -12px #1c6b8a66;font-weight:600}
html[data-theme=dark] .hero .platform,html[data-theme=dark] .final-section .platform{background:#ffffff0d;border-color:#ffffff1f;box-shadow:none}
.hero .platforms .platform,.final-section .platforms .platform{transition:transform .4s var(--sg-ease,ease)}.hero .platform:hover,.final-section .platform:hover{transform:translateY(-4px) scale(1.04)}
.channel-pills span{display:inline-flex;align-items:center;gap:5px}.channel-pills .plat-logo{width:15px;height:15px;border-radius:4px;box-shadow:none}
.choice .plat-logo{width:24px;height:24px;border-radius:7px;box-shadow:none}
/* floating chips (injected by JS) */
.has-fx{position:relative}
.fx{position:absolute;z-index:4;pointer-events:none;transform:translate3d(calc(var(--px,0)*var(--d,12)*-1px),calc(var(--py,0)*var(--d,12)*-1px),var(--z,0px));transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.fx-in{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:16px;font:600 12px/1.2 Poppins,sans-serif;color:var(--ink);background:var(--fxbg);border:1px solid var(--fxbd);box-shadow:var(--card-sh);animation:bir-bob 6.5s ease-in-out infinite;animation-delay:var(--dl,0s)}
.fx-in small{display:block;font:500 10px Inter,sans-serif;color:var(--muted)}
.fx-in .g{font:700 17px Poppins,sans-serif;background:var(--tg);-webkit-background-clip:text;background-clip:text;color:transparent}
.fx-in .ok{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--bgrad);color:#fff;font-style:normal;font-size:12px}
html[data-theme=dark] .fx-in .ok{color:#04202b}
.fx-logo{padding:0;background:none;border:0;backdrop-filter:none;box-shadow:none}
.fx-logo img{width:58px;height:58px;border-radius:17px;box-shadow:0 22px 40px -14px #0009,0 0 0 1px #ffffff40,0 0 38px -8px var(--glowc)}
@keyframes bir-bob{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-13px) rotate(calc(var(--r,0deg)*-1))}}
@media(max-width:1240px){.has-fx>.fx.sec{display:none}}@media(max-width:650px){.fx-logo img{width:40px;height:40px;border-radius:12px}.fx-in:not(.fx-logo){display:none}.fx{--d:6}}
/* 3D tilt on hero workspace */
[data-tilt]{transform:perspective(1500px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .6s var(--sg-ease,ease)}[data-tilt].tilting{transition:transform .12s linear}
.owner-strip,.story-hero{transform:translateZ(0)}
/* depth + hover */
html[data-theme=light] :is(.card,.overview-panel,.after-card,.flow-card,.invoice-form,.json-panel,.preparation li,.resource-link,.video-feature,.checker,.scene-node,.demo-board){box-shadow:var(--card-sh)}
.fx-spot{position:relative}
.fx-spot:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .45s;background:radial-gradient(340px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--glowc) 13%,transparent),transparent 62%)}
.fx-spot:hover:after{opacity:1}
.card,.after-card,.resource-link,.video-feature,.flow-card,.preparation li,details{transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s,border-color .45s,opacity .65s}
html[data-theme] :is(.card,.resource-link,.video-feature,.flow-card,.preparation li,details,.after-card.is-visible,.after-card:not(.reveal-ready)):hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--glowc) 42%,transparent);box-shadow:0 24px 46px -26px color-mix(in srgb,var(--glowc) 60%,transparent),var(--card-sh)}
html[data-theme] .overview-panel:hover,html[data-theme] .invoice-form:hover,html[data-theme] .json-panel:hover{transform:none}
/* gradient edge: static (cheap); the final CTA alone orbits */
.story-scene,.checker,.demo-board,.final-cta{position:relative}
:is(.story-scene,.checker,.demo-board,.final-cta):before{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;padding:1.5px;pointer-events:none;background:linear-gradient(135deg,color-mix(in srgb,var(--glowc) 70%,transparent),transparent 38%,transparent 62%,color-mix(in srgb,#5b6cf0 55%,transparent));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.final-cta:before{background:conic-gradient(from var(--ang),transparent 0 60%,var(--glowc) 80%,transparent 100%);animation:bir-ang 9s linear infinite}
@keyframes bir-ang{to{--ang:360deg}}
html[data-theme=light] .story-scene{box-shadow:0 40px 80px -40px #1c6b8a66,0 0 0 1px #c8e3ed}
/* flow lines: glowing line + one smooth comet (transform-free, no overshoot) */
.scene-node.is-active{box-shadow:0 0 0 4px color-mix(in srgb,var(--glowc) 13%,transparent),0 26px 56px -24px var(--glowc)}
html[data-theme] .packet-line{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--c1) 70%,transparent) 22%,color-mix(in srgb,var(--c1) 70%,transparent) 78%,transparent)}
html[data-theme] .packet-line:before{width:8px;height:8px;top:-3px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--c1),0 0 12px 2px var(--c1),-14px 0 12px -3px var(--c1)}
html[data-theme] [data-motion].in-view .packet-line:before,html[data-theme] .downstream .packet-line:before{animation:bir-run 1.7s cubic-bezier(.5,0,.25,1) infinite}
html[data-theme] [data-motion].in-view .packet-line:nth-of-type(2):before{animation-delay:.55s}
html[data-theme] .packet-line:after{border-color:var(--c1);animation:none}
@keyframes bir-run{0%{left:0;opacity:0}14%,86%{opacity:1}100%{left:calc(100% - 8px);opacity:0}}
@media(min-width:651px){
.story-scene .scene-route{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--c1) 70%,transparent) 20%,color-mix(in srgb,var(--c1) 70%,transparent) 80%,transparent)}
html[data-theme] .is-running .scene-route i{width:8px;height:8px;top:-3px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--c1),0 0 12px 2px var(--c1),-14px 0 12px -3px var(--c1);animation:bir-run 1.5s cubic-bezier(.5,0,.25,1) infinite;animation-delay:var(--dl,0s)}
.story-scene .scene-route:nth-child(4){--dl:.5s}.story-scene .scene-route:nth-child(6){--dl:1s}
.scene-route b{color:var(--c1);text-shadow:0 0 10px var(--c1)}}
@media(max-width:650px){html[data-theme] [data-motion].in-view .packet-line:before{animation-name:downpacket;animation-duration:1.7s;box-shadow:0 0 0 2px var(--c1),0 0 10px var(--c1)}html[data-theme] .packet-line{background:color-mix(in srgb,var(--c1) 55%,transparent)}}
/* floating documents, calendar, scan */
.who-art .invoice-visual{animation:bir-inv 7s ease-in-out infinite}
@keyframes bir-inv{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-14px)}}
.final-art .invoice-visual{animation:bir-inv2 7s ease-in-out infinite}
@keyframes bir-inv2{0%,100%{transform:translateY(0) rotateY(0)}50%{transform:translateY(-14px) rotateY(-10deg)}}
.invoice-visual{box-shadow:0 30px 60px -26px #0a4a6a88,0 0 0 1px #ffffffaa;overflow:visible}
.invoice-visual:after{content:"";position:absolute;left:8px;right:8px;top:12%;height:2px;border-radius:2px;background:#19bcc3;box-shadow:0 0 14px #19bcc3;opacity:0;animation:bir-scan 4.5s ease-in-out infinite;pointer-events:none}
@keyframes bir-scan{0%{top:10%;opacity:0}20%,70%{opacity:.8}100%{top:88%;opacity:0}}
.final-cta .calendar,.deadline-layout .calendar{animation:bir-cal 6s ease-in-out infinite}
@keyframes bir-cal{0%,100%{transform:rotate(3deg) translateY(0)}50%{transform:rotate(1deg) translateY(-9px)}}
.deadline-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:#ff5c6a;animation:bir-ping 1.8s infinite;flex-shrink:0}
@keyframes bir-ping{0%{box-shadow:0 0 0 0 #ff5c6a99}100%{box-shadow:0 0 0 10px #ff5c6a00}}
/* was @media(prefers-reduced-motion:reduce) — now only for motion-off (see motion.js) */html.motion-off [data-tilt]{transform:none}html.motion-off .fx{transform:none}

/* readable marketplace labels */
html[data-theme] .platform b{font:600 14px/1.2 Poppins,sans-serif;letter-spacing:-.01em;color:var(--ink)}
html[data-theme] .hero .platform,html[data-theme] .final-section .platform{gap:9px;padding:7px 15px 7px 7px;font-size:14px}
html[data-theme] .hero .platforms{gap:10px}
.hero .plat-logo,.final-section .plat-logo{width:30px;height:30px;border-radius:9px}
html[data-theme] .art-orbit .platform b{font-size:13px}
html[data-theme] .flow-card .platform b{font-size:14px}
.channel-pills span{font:500 12px/1.2 Inter,sans-serif;padding:6px 10px;gap:6px}.channel-pills .plat-logo{width:18px;height:18px}
@media(max-width:650px){html[data-theme] .platform b{font-size:13px}}
/* centred headings */
.section-head,.demo-heading{text-align:center}
.demo-heading>div{text-align:center}
.section-head h2,.demo-heading h2{margin-left:auto;margin-right:auto;max-width:820px;text-wrap:balance}
.demo-heading p,.section-head p{margin-left:auto;margin-right:auto;text-wrap:pretty}
/* hero top room */
.hero{padding-top:clamp(64px,9vw,118px)}
/* calmer hover on controls */
.choice,.scene-steps button,.overview-steps button,.scene-play,summary{transition:background-color .3s,border-color .3s,color .3s,box-shadow .3s,transform .3s var(--sg-ease,ease)}
.choice:hover{transform:translateY(-1px)}.scene-steps button:hover:not([aria-pressed=true]),.overview-steps button:hover:not([aria-pressed=true]){background:color-mix(in srgb,var(--glowc) 10%,transparent)}
nav a:not(.nav-cta){position:relative;padding:4px 0}nav a:not(.nav-cta):after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:2px;background:var(--bgrad);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--sg-ease,ease)}
nav a:not(.nav-cta):hover{text-decoration:none}nav a:not(.nav-cta):hover:after{transform:scaleX(1)}

/* Eligibility check: the page's lead form. Loaded last so it can override earlier files. */

/* ---------- Section: the one dark, high-contrast block on the page ---------- */
#eligibility.eligibility-section{
  padding:104px 0 112px;color:#cfe6ef;overflow:hidden;
  background:
    radial-gradient(820px 420px at 12% 0%,#22b6d14d,transparent 66%),
    radial-gradient(760px 460px at 100% 100%,#5b6cf03d,transparent 62%),
    linear-gradient(160deg,#0a2a4a 0%,#0a4766 52%,#07768a 100%);
}
#eligibility.eligibility-section:before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);
  background-size:56px 56px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 20%,#000,transparent 75%);mask-image:radial-gradient(ellipse at 50% 20%,#000,transparent 75%);
}
#eligibility.eligibility-section:after{display:none}
#eligibility .section-head{margin-bottom:30px}
#eligibility .section-head .eyebrow{color:#9ff0e6}
#eligibility .section-head h2{color:#fff;outline:none}
#eligibility .section-head p{color:#cfe6ef;font-size:17px}

.elig-chips{list-style:none;margin:0 0 34px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.elig-chips li{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border-radius:999px;background:#ffffff17;border:1px solid #ffffff38;color:#fff;font-size:13px;font-weight:600;line-height:1.3}
.elig-chips svg{color:#7df0dc}

/* The card itself */
#eligibility .checker{
  max-width:1080px;margin:0 auto;border:0;border-radius:30px;background:#fff;color:var(--text);
  box-shadow:0 0 0 1px #ffffff55,0 0 0 9px #ffffff1a,0 0 90px -10px #22d3ee88,0 60px 110px -34px #010d1f;
}
#eligibility .checker:before{background:linear-gradient(135deg,#7df0dc,transparent 34%,transparent 66%,#8c9bff);padding:2px}
#eligibility .checker-progress{padding-top:30px;background:linear-gradient(#f3fbfe,#fff)}
#eligibility progress{height:6px}
#eligibility .checker form{padding:40px}
#eligibility .checker-controls #checker-next{
  min-height:54px;padding:14px 28px;font-size:14px;border-radius:12px;
  box-shadow:0 14px 30px -10px #007e80aa;
}
#eligibility .checker-controls .button.secondary{font-size:13px}

/* Consent + honeypot */
.consent{display:flex;align-items:flex-start;gap:12px;margin-top:22px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:#f1f7fb;font-size:12.5px;line-height:1.6;color:var(--text);cursor:pointer}
.consent input{width:18px;height:18px;flex-shrink:0;margin:2px 0 0;accent-color:var(--teal)}
.consent:has(input:focus-visible){outline:3px solid #0876c5;outline-offset:3px}
.consent:has(input:checked){border-color:var(--teal);background:#e6f7f2}
.hp-field{position:absolute!important;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
#submit-status{margin:10px 0 0;font-weight:650;color:var(--teal-dark)}
#submit-status:empty{display:none}

/* Eligibility is the primary action everywhere it appears */
.button.cta-primary{box-shadow:0 12px 28px -8px #007e80aa}

/* ---------- Success dialog ("what happens next") ---------- */
.success-modal{border:0;padding:0;background:transparent;width:min(900px,calc(100% - 32px));max-width:none;max-height:none;overflow:visible;color:var(--text)}
.success-modal::backdrop{background:#04142ad9;backdrop-filter:blur(6px)}
.modal-card{position:relative;max-height:calc(100dvh - 32px);overflow:auto;background:var(--panel,#fff);border-radius:28px;padding:48px 40px 40px;text-align:center;box-shadow:0 0 0 1px #ffffff40,0 60px 120px -30px #000}
.modal-close{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink)}
.modal-close:hover{background:#e6f6f7}
.modal-tick{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 20px;border-radius:50%;background:linear-gradient(135deg,#12a59b,#007e80);color:#fff;box-shadow:0 0 0 9px #12a59b26}
.modal-card h2{font-size:clamp(24px,3vw,32px);max-width:640px;margin:0 auto .4em;outline:none}
.modal-card h2 span{color:var(--teal)}
.modal-lead{font-size:16px;color:var(--muted);margin-bottom:28px}
.modal-steps{list-style:none;margin:0 0 32px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:center}
.modal-steps li{position:relative;padding:26px 20px 22px;border:1px solid var(--line);border-radius:20px;background:var(--ice,#effaff)}
.modal-steps img{width:120px;height:90px;margin:0 auto 12px}
.modal-steps h3{font-size:17px;letter-spacing:-.02em}
.modal-steps p{margin:0;font-size:13px}
.modal-num{position:absolute;top:14px;left:14px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--teal);color:#fff;font-size:12px;font-weight:700}
.modal-card>.button{min-width:180px}
html:has(dialog[open]){overflow:hidden}
/* was @media(prefers-reduced-motion:no-preference) */html:not(.motion-off) .success-modal[open]{animation:elig-pop .35s var(--ease,ease)}html:not(.motion-off) .success-modal[open]::backdrop{animation:elig-fade .35s ease}html:not(.motion-off) @keyframes elig-pop{html:not(.motion-off) from{opacity:0;transform:translateY(18px) scale(.97)}html:not(.motion-off) to{opacity:1;transform:none}}html:not(.motion-off) @keyframes elig-fade{html:not(.motion-off) from{opacity:0}html:not(.motion-off) to{opacity:1}}


/* ---------- Mobile sticky CTA ---------- */
.sticky-cta{display:none}
@media(max-width:850px){
  .sticky-cta{
    display:flex;align-items:center;justify-content:center;position:fixed;z-index:40;
    left:16px;right:16px;bottom:calc(14px + env(safe-area-inset-bottom,0px));min-height:52px;border-radius:14px;
    background:var(--teal);color:#fff;font-weight:700;font-size:15px;text-decoration:none;
    box-shadow:0 18px 40px -10px #007e80cc,0 0 0 1px #ffffff55;
    transform:translateY(160%);opacity:0;pointer-events:none;transition:transform .35s var(--ease,ease),opacity .25s;
  }
  .sticky-cta.is-shown{transform:none;opacity:1;pointer-events:auto}
  .sticky-cta:hover{text-decoration:none;background:var(--teal-dark)}
  .footer{padding-bottom:90px}
}
/* was @media(prefers-reduced-motion:reduce) — now only for motion-off (see motion.js) */html.motion-off .sticky-cta{transition:none}

/* ---------- Responsive ---------- */
@media(max-width:850px){
  #eligibility.eligibility-section{padding:72px 0 80px}
  #eligibility .checker form{padding:30px}
  .modal-steps{grid-template-columns:1fr;gap:12px}
  .modal-steps li{display:grid;grid-template-columns:90px 1fr;column-gap:14px;text-align:left;padding:16px 16px 16px 44px;align-items:center}
  .modal-steps img{grid-row:1/3;width:90px;height:68px;margin:0}
  .modal-steps h3{margin:0 0 4px;font-size:15px}
  .modal-num{top:50%;transform:translateY(-50%)}
}
@media(max-width:650px){
  #eligibility.eligibility-section{padding:56px 0 64px}
  #eligibility .section-head p{font-size:15px}
  #eligibility .checker{border-radius:22px;box-shadow:0 0 0 1px #ffffff55,0 0 0 5px #ffffff1a,0 0 60px -10px #22d3ee77,0 40px 80px -30px #010d1f}
  #eligibility .checker form{padding:24px 18px}
  .modal-card{padding:40px 20px 24px;border-radius:22px}
  .modal-card>.button{width:100%}
}

/* ---------- Dark theme ---------- */
html[data-theme=dark] #eligibility.eligibility-section{
  background:
    radial-gradient(820px 460px at 12% 0%,#22d3ee38,transparent 66%),
    radial-gradient(760px 460px at 100% 100%,#5b6cf033,transparent 62%),
    linear-gradient(160deg,#07243a 0%,#0a3a52 55%,#0b5568 100%);
  border-top:1px solid #2cc6cf55;border-bottom:1px solid #2cc6cf33;
}
html[data-theme=dark] #eligibility .checker{background:var(--panel);box-shadow:0 0 0 1px #2cc6cf66,0 0 0 9px #2cc6cf14,0 0 100px -10px #2cc6cf77,0 60px 110px -34px #000}
html[data-theme=dark] #eligibility .checker-progress{background:#0a1c2c}
html[data-theme=dark] .elig-chips li{background:#ffffff10;border-color:#2cc6cf55}
html[data-theme=dark] .consent{background:#ffffff0d;border-color:#ffffff22}
html[data-theme=dark] .consent:has(input:checked){background:#2cc6cf1f;border-color:var(--teal)}
html[data-theme=dark] #eligibility .checker-controls #checker-next{box-shadow:0 0 0 1px #7df0dc55,0 14px 40px -14px #2cc6cfaa}
html[data-theme=dark] .modal-card{background:var(--panel);box-shadow:0 0 0 1px #2cc6cf55,0 60px 120px -30px #000}
html[data-theme=dark] .modal-steps li{background:#ffffff0a}
html[data-theme=dark] .modal-steps img{background:#e8f5fa;border-radius:18px;padding:6px}
html[data-theme=dark] .modal-close:hover{background:#ffffff14}
html[data-theme=dark] .modal-card h2 span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
html[data-theme=dark] .sticky-cta{background:var(--grad);color:#04202b}


/* ---------- light/dark compatibility: final CTA ---------- */
html[data-theme=light] .final-cta h2{color:var(--ink)}
html[data-theme=light] .final-cta p{color:#3f5a6b}
html[data-theme=light] .final-cta .eyebrow{color:#007e80}
html[data-theme=light] .final-cta .button.secondary{background:#ffffffcc;border:1px solid #0a6a8040;color:#0b3b5a}
html[data-theme=light] .final-cta .button.secondary:hover{background:#fff}
/* ---------- answers summary in the form side panel ---------- */
.aside-summary{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.aside-summary:empty{display:none}
.aside-summary li{padding:5px 11px;border-radius:999px;font:600 12px/1.3 Inter,sans-serif;color:var(--teal-dark);background:color-mix(in srgb,var(--teal) 12%,transparent);border:1px solid color-mix(in srgb,var(--teal) 30%,transparent)}
.next-hint{margin:12px 0 0;font-size:13px;color:var(--muted);text-align:right}.next-hint[hidden]{display:none}
/* ---------- mobile hero: no floating tiles, tidy platform grid, full-width actions ---------- */
@media(max-width:900px){.fx{display:none}}
@media(max-width:650px){
.hero-copy .button{width:100%;justify-content:center}
.hero .platforms,.final-section .platforms{display:grid;grid-template-columns:1fr 1fr;gap:10px}
html[data-theme] .hero .platform,html[data-theme] .final-section .platform{justify-content:flex-start;width:100%;margin:0}
.hero .platform:last-child,.final-section .platform:last-child{grid-column:1/-1;justify-content:center}
.next-hint{text-align:left}}
/* ---------- contrast fixes found in the light/dark scan ---------- */
html[data-theme=light]{--bgrad:linear-gradient(135deg,#08868c,#00767a 55%,#0a5578)}
html[data-theme=light] .final-cta .button:not(.secondary){color:#fff}
html[data-theme=dark] .art-orbit .platform{background:#0e2a3d;border:1px solid #ffffff26;box-shadow:0 10px 24px -12px #000}
html[data-theme=dark] .art-caption{display:inline-block;padding:5px 10px;border-radius:10px;background:#0a1c2cd9;color:#8ff0f0}

/* ================= v7 fixes ================= */
/* 1. centre the last marketplace logo in the sales-channels card */
.flow-card .platforms .platform:last-child{grid-column:1/-1;justify-self:center}
/* 2. hero frame: one unified gradient border, soft outer ring and glow */
.hero-workspace{border-radius:28px;box-shadow:0 50px 90px -42px color-mix(in srgb,var(--glowc) 55%,transparent),0 20px 44px -26px #0a2a4a66}
.hero-workspace:before{content:"";position:absolute;inset:0;z-index:3;border-radius:28px;padding:1.5px;pointer-events:none;background:linear-gradient(140deg,#fff 0,var(--glowc) 20%,transparent 46%,transparent 58%,#5b6cf0 86%,#fff 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.hero-workspace:after{content:"";position:absolute;inset:-10px;z-index:-1;border-radius:38px;pointer-events:none;border:1px solid color-mix(in srgb,var(--glowc) 24%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--glowc) 8%,transparent),transparent 45%)}
html[data-theme] .owner-strip{border-color:transparent;box-shadow:none}
html[data-theme] .story-hero{border-color:transparent;box-shadow:none}
.story-hero:before{display:none}
/* 3. connectors: glowing line, one comet, a round chevron badge (replaces the text arrow) */
:root{--rs:26px}.story-hero{--rs:22px}.packet-line{--rs:24px}
@media(min-width:901px){.scene-route{width:56px;flex-basis:56px}.story-hero .scene-route{width:38px;flex-basis:38px}.story-sales .scene-route{width:44px;flex-basis:44px}}
@media(max-width:900px){:root{--rs:22px}.story-hero{--rs:20px}}
@media(max-width:650px){.story-hero{--rs:18px}}
html[data-theme] .scene-route b,html[data-theme] .packet-line:after{content:"";position:absolute;left:50%;top:50%;right:auto;bottom:auto;z-index:1;width:var(--rs);height:var(--rs);margin:calc(var(--rs)/-2) 0 0 calc(var(--rs)/-2);border:0;border-radius:50%;transform:none;font-size:0;line-height:0;color:transparent;text-shadow:none;animation:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E") center/48% no-repeat,var(--bgrad);box-shadow:0 0 0 4px color-mix(in srgb,var(--glowc) 14%,transparent),0 8px 16px -6px color-mix(in srgb,var(--glowc) 70%,transparent)}
html[data-theme=dark] .scene-route b,html[data-theme=dark] .packet-line:after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2304202b' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E") center/48% no-repeat,var(--bgrad)}
html[data-theme] .is-running .scene-route b{animation:bir-hit 1.5s ease-in-out infinite;animation-delay:var(--dl,0s)}
@keyframes bir-hit{0%,30%,70%,100%{scale:1}50%{scale:1.16}}
@media(max-width:650px){html[data-theme] .story-scene:not(.story-hero) .scene-route b,html[data-theme] .packet-line:after{transform:rotate(90deg)}}
/* 4. JSON demo: stages share one height and the status line reserves its space, so nothing jumps */
.conversion-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.conversion-stages span{display:flex;align-items:center;justify-content:center;min-height:44px;line-height:1.25}
#json-status{min-height:3.4em}
@media(max-width:900px){#json-status{min-height:5.4em}}