/* AI Relay Labs Design Tokens v1 - Black Suite (Facet) remap: palette aliases resolve to tokens.css; layout/spacing/radii/motion untouched. */
:root{
 --violet-50:var(--y-50);--violet-100:var(--y-100);--violet-200:var(--y-200);--violet-300:var(--y-300);--violet-400:var(--y-400);
 --violet-500:var(--y-500);--violet-600:var(--y-600);--violet-700:var(--y-700);--violet-800:var(--y-800);
 --cyan-50:var(--success-tint);--cyan-400:var(--facet-g-hi);--cyan-500:var(--sec-500);--cyan-600:var(--sec-600);
 --night-950:var(--n-950);--night-900:var(--n-900);--night-800:var(--n-800);--night-700:var(--surface-3);
 /* --n-0..--n-900 deleted: neutrals owned by tokens.css (Facet scale). */
 --success-50:#E7F7EF;--success-400:#3DDC97;--success-600:#0F7B53;
 --warning-50:#FEF5E2;--warning-400:#F5B83D;--warning-600:#A15C07;
 --danger-50:#FDECEE;--danger-400:#FF6B7A;--danger-600:#C42838;
 --on-dark-1:var(--text-primary);--on-dark-2:var(--text-secondary);--on-dark-3:var(--text-muted);
 --tier-1:#8A8F98;--tier-1-bg:#F1F2F4;--tier-2:#6B7686;--tier-2-bg:#EEF1F5;--tier-3:#8C6A10;--tier-3-bg:#FBF5E3;--tier-4:#D4AF37;--tier-4-bg:#1F1A17;
 --color-primary:var(--violet-600);--color-primary-hover:var(--violet-700);--color-brand:var(--violet-500);
 --color-accent:var(--cyan-600);--color-accent-dark:var(--cyan-400);
 /* --text-1/2/3/disabled, --border/--border-strong, --surface, --bg deleted: unused on this page; tokens.css owns --border/--surface/--bg. */
 --grad-brand:var(--btn-primary-bg);
 --grad-signal:linear-gradient(90deg,var(--facet-y-hi) 0%,var(--facet-y) 45%,var(--facet-g-hi) 100%);
 --grad-night:radial-gradient(1000px 560px at 85% -10%,rgba(232,197,71,.14),transparent 60%),radial-gradient(800px 480px at 0% 110%,rgba(77,212,164,.10),transparent 60%),linear-gradient(180deg,#101014,#08080C);
 --font-sans:"Geist","Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;
 --font-mono:"Geist Mono","JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
 --fs-72:72px; /* --fs-12..--fs-56 deleted: identical values owned by tokens.css. */
 --lh-tight:1.2;--lh-snug:1.4;--lh-body:1.6;
 --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:40px;--sp-8:48px;--sp-9:64px;--sp-10:80px;--sp-11:96px;--sp-12:128px;
 --r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-pill:999px;
 --sh-1:0 1px 2px rgba(8,8,12,.06),0 1px 3px rgba(8,8,12,.08);--sh-2:0 4px 14px rgba(8,8,12,.08);--sh-3:0 16px 40px rgba(8,8,12,.14);--sh-glow:0 8px 28px rgba(232,197,71,.35);--sh-dark:0 24px 64px rgba(0,0,0,.55);
 --ease:cubic-bezier(.2,.7,.2,1);--dur-1:120ms;--dur-2:200ms;--dur-3:320ms;--dur-4:600ms;--touch:44px;
 /* Semantic surfaces (dark defaults; light values in the override block below). */
 --ink:#fff;--veil-rgb:8,8,12;
 --nav-solid:rgba(8,8,12,.82);--section-bg:rgba(8,8,12,.7);--section-bg-alt:rgba(16,16,20,.74);
 --card-bg:rgba(28,28,32,.54);--card-bg-soft:rgba(28,28,32,.5);--card-bg-firm:rgba(28,28,32,.52);
 --ladder-bg:linear-gradient(145deg,rgba(28,28,32,.68),rgba(16,16,20,.78));--flow-bg:rgba(16,16,20,.72);
 --popup-bg:linear-gradient(145deg,rgba(28,28,32,.97),rgba(16,16,20,.97));--overlay:rgba(0,0,0,.62);
 --footer-bg:rgba(0,0,0,.92);--dropdown-bg:rgba(8,8,12,.97);--lang-bg:rgba(8,8,12,.35);
 --ghost-bg:rgba(255,255,255,.06);--ghost-bg-hover:rgba(255,255,255,.1);
 --track-bg:rgba(255,255,255,.09);--chip-bg:rgba(255,255,255,.055);--code-bg:rgba(8,8,12,.52);
 --hairline:rgba(255,255,255,.06);--tile-border:rgba(255,255,255,.9);--badge-ink:#FFD681;
 --metrics-line:rgba(245,245,247,.08);--metrics-div:rgba(245,245,247,.10);
 --amb-static:radial-gradient(520px 520px at 84% 5%,rgba(232,197,71,.32),transparent 70%),radial-gradient(420px 420px at 12% 85%,rgba(77,212,164,.15),transparent 72%),var(--grad-night);
 --veil-bg:linear-gradient(180deg,transparent 0%,rgba(8,8,12,.05) 50%,rgba(8,8,12,.78) 100%);
}
:root{font-family:var(--font-sans);color:var(--on-dark-1);background:var(--night-950);scroll-behavior:smooth;color-scheme:light dark} /* Theme follows tokens.css: no data-theme = OS preference via light-dark(); data-theme="light"/"dark" pins the branch. Light surfaces come from the override block at the end of this file. */
*{box-sizing:border-box}
html,body{margin:0;min-width:320px;min-height:100%}
body{overflow-x:hidden;background:var(--night-950);font-family:var(--font-sans);color:var(--on-dark-1)}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
.site-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}
:focus-visible{outline:3px solid var(--violet-200);outline-offset:3px}
.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:clamp(20px,4vw,48px);min-width:0}
.site-page,.site-footer{position:relative;z-index:1}

.amb{--dim:0;position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--night-950)}
.amb>*{position:absolute;inset:0;pointer-events:none}
.amb-static{background:var(--amb-static)}
.amb canvas{width:100%;height:100%;opacity:.96}
.amb-grid{background-image:linear-gradient(rgba(232,197,71,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(232,197,71,.09) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 82% 66% at 50% 34%,#000 20%,transparent 78%);opacity:.72}
.amb-veil{background:var(--veil-bg)}
.amb-dim{background:rgba(var(--veil-rgb),var(--dim));transition:background .2s linear}
.amb.is-static canvas{display:none}
.amb.is-drift .amb-static{animation:amb-drift 16s ease-in-out infinite alternate}

.site-nav{position:fixed;z-index:50;top:0;left:0;right:0;height:72px;display:flex;align-items:center;gap:34px;padding:0 40px;color:var(--on-dark-1);border-bottom:1px solid transparent;background:transparent;transition:background var(--dur-3),border-color var(--dur-3),box-shadow var(--dur-3)}
.site-nav.is-solid{background:var(--nav-solid);border-color:rgba(232,197,71,.15);box-shadow:0 12px 36px rgba(0,0,0,.2);backdrop-filter:blur(18px)}
.site-logo{flex:none;display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:900;letter-spacing:-.02em;white-space:nowrap;min-width:0;max-width:100%}
.site-logo-mark{width:28px;height:28px;flex-shrink:0;display:block}
.site-logo-text{min-width:0}
.site-logo span,.site-hero-brand{color:transparent;background:var(--grad-signal);-webkit-background-clip:text;background-clip:text}
.site-menu-button{display:none;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(232,197,71,.34);border-radius:10px;background:rgba(232,197,71,.12);color:var(--ink);font-size:20px;cursor:pointer}.site-links{min-width:0;flex:1;display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.7vw,28px);font-size:var(--fs-14);font-weight:650}
.site-links a{color:var(--on-dark-2);white-space:nowrap;transition:color var(--dur-2)}
.site-links a:hover{color:var(--ink)}
.site-nav-actions{flex:none;margin-left:auto}
.site-console-button,.site-button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch);border:1px solid transparent;border-radius:var(--r-sm);font-weight:800;transition:transform var(--dur-1) var(--ease),box-shadow var(--dur-2) var(--ease),background var(--dur-2)}
.site-console-button{padding:0 24px;color:var(--btn-primary-fg);background:var(--grad-brand);box-shadow:0 8px 24px rgba(232,197,71,.28)}
.site-console-button:hover,.site-button-primary:hover{transform:translateY(-1px);box-shadow:var(--sh-glow)}
.site-console-button:active,.site-button:active{transform:scale(.97)}

.site-hero{position:relative;min-height:100svh;display:grid;place-items:center;padding:120px 0 92px;overflow:hidden;text-align:center}
.site-hero-inner{position:relative;z-index:2;display:flex;max-width:1040px;flex-direction:column;align-items:center}
.site-kicker,.site-section-heading>span,.site-ladder-copy>span{display:inline-flex;align-items:center;min-height:30px;padding:0 14px;border:1px solid rgba(232,197,71,.34);border-radius:var(--r-pill);color:var(--violet-200);background:rgba(232,197,71,.12);font-size:var(--fs-12);font-weight:800;letter-spacing:.13em}
.site-hero-brand{margin:28px 0 0;font-size:clamp(64px,10vw,124px);line-height:.94;font-weight:950;letter-spacing:-.065em;filter:none;opacity:1;transform:none}
.site-hero h2{max-width:900px;margin:28px 0 0;font-size:clamp(30px,4.4vw,58px);line-height:1.12;letter-spacing:-.045em}
.site-hero-inner>p{max-width:770px;margin:24px 0 0;color:var(--on-dark-2);font-size:clamp(15px,1.7vw,18px);line-height:1.8}
.site-hero-actions{display:flex;gap:14px;margin-top:36px}
.site-button{min-height:52px;padding:0 30px}
.site-button-primary{color:var(--btn-primary-fg);background:var(--grad-brand);box-shadow:0 15px 36px rgba(232,197,71,.35)}
.site-button-ghost{color:var(--on-dark-1);border-color:rgba(232,197,71,.4);background:var(--ghost-bg);backdrop-filter:blur(12px)}
.site-button-ghost:hover{background:var(--ghost-bg-hover);border-color:var(--violet-300)}
.site-scroll-cue{position:absolute;z-index:2;left:50%;bottom:28px;width:44px;height:44px;display:grid;place-items:center;transform:translateX(-50%)}
.site-scroll-cue span{width:12px;height:12px;border-right:2px solid var(--violet-200);border-bottom:2px solid var(--violet-200);transform:rotate(45deg);animation:cue 1.8s ease-in-out infinite}

.site-section{position:relative;z-index:1;padding:96px 0;background:var(--section-bg);border-top:1px solid rgba(232,197,71,.08);backdrop-filter:blur(2px)}
.site-section:nth-of-type(odd){background:var(--section-bg-alt)}
.site-section-heading{margin-bottom:34px;text-align:center}
.site-section-heading>span{padding:0;border:0;background:none;color:var(--cyan-400)}
.site-section-heading h2{margin:12px 0 0;font-size:clamp(30px,4vw,48px);line-height:1.12;letter-spacing:-.04em}
.site-section-heading p{max-width:710px;margin:14px auto 0;color:var(--on-dark-2);font-size:var(--fs-16);line-height:1.75}
.site-data-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}
.site-data-grid>div{padding:26px 20px;border:1px solid rgba(232,197,71,.18);border-radius:var(--r-lg);background:var(--card-bg-soft);box-shadow:0 18px 50px rgba(0,0,0,.2);text-align:center}
.site-data-grid dt{font-size:clamp(28px,3vw,42px);font-weight:900;color:var(--ink)}.site-data-grid dd{margin:7px 0 0;color:var(--on-dark-2);font-size:var(--fs-14)}
.site-ladder{padding:32px;border:1px solid rgba(232,197,71,.2);border-radius:var(--r-xl);background:var(--ladder-bg);box-shadow:var(--sh-dark)}
.site-hero-inner>p,.site-section-heading p,.site-about-copy p,.site-ladder-copy p{text-wrap:pretty}.site-ladder-copy{text-align:center}.site-ladder-copy>span{padding:0;border:0;background:none;color:var(--violet-300)}
.site-ladder h3{margin:8px 0 0;font-size:clamp(22px,2.6vw,34px)}.site-ladder-copy p{margin:9px 0 0;color:var(--on-dark-2)}
.site-ladder-list{display:grid;gap:15px;margin-top:30px}
.site-ladder-row{display:grid;grid-template-columns:225px minmax(100px,1fr) 112px;align-items:center;gap:16px;min-width:0}
.site-ladder-label{display:flex;min-width:0;align-items:center;gap:11px}.site-ladder-label strong{font-size:var(--fs-14);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.logo-tile{width:36px;height:36px;display:grid;place-items:center;flex:none;border:1px solid var(--tile-border);border-radius:10px;background:#fff}.logo-tile img{display:block;width:22px;height:22px;object-fit:contain}
.site-ladder-row>i{height:9px;overflow:hidden;border-radius:var(--r-pill);background:var(--track-bg)}.site-ladder-row>i>em{display:block;width:var(--ladder-width,12%);height:100%;border-radius:inherit;background:var(--grad-signal);box-shadow:0 0 20px rgba(232,197,71,.55);transition:width 900ms var(--ease)}
.site-ladder-row output{color:var(--on-dark-1);font-size:var(--fs-14);font-weight:800;text-align:right}.site-ladder>small{display:block;margin-top:22px;color:var(--on-dark-3);font-size:var(--fs-12);text-align:center}

.site-model-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.site-model-card{min-width:0;padding:22px;border:1px solid rgba(232,197,71,.18);border-radius:var(--r-lg);background:var(--card-bg);box-shadow:0 16px 40px rgba(0,0,0,.18);transition:transform var(--dur-2),border-color var(--dur-2)}
.site-model-card:hover{transform:translateY(-3px);border-color:rgba(232,197,71,.46)}
.site-model-head{display:flex;align-items:center;gap:12px}.site-model-head span{display:flex;min-width:0;flex-direction:column;gap:4px}.site-model-head strong{font-size:var(--fs-16);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-model-head small{color:var(--on-dark-2);font-size:var(--fs-12)}
.site-model-tiers{white-space:nowrap}.site-model-meta{display:flex;justify-content:space-between;gap:10px;margin-top:18px;padding-top:15px;border-top:1px solid rgba(232,197,71,.12);color:var(--on-dark-2);font-size:var(--fs-12)}.site-model-meta b{color:var(--cyan-400);font-size:var(--fs-14)}
.site-section-action{margin-top:28px;text-align:center}.site-text-link{display:inline-flex;align-items:center;gap:9px;min-height:44px;color:var(--violet-200);font-weight:800}.site-text-link:hover{color:var(--ink)}.site-text-link b{font-size:20px}

.site-token-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.site-token-grid article{position:relative;min-width:0;padding:26px;border:1px solid rgba(232,197,71,.2);border-radius:var(--r-lg);background:var(--card-bg);box-shadow:0 16px 44px rgba(0,0,0,.18)}
.site-token-grid article>em{display:block;color:var(--violet-300);font-family:var(--font-mono);font-size:var(--fs-14);font-style:normal;font-weight:800}.site-token-grid h3{margin:12px 0 0;font-size:var(--fs-20)}.site-token-grid p{margin:10px 0 0;color:var(--on-dark-2);font-size:var(--fs-14);line-height:1.75}
.site-token-sample{display:flex;flex-wrap:wrap;gap:5px;margin-top:16px}.site-token-sample span{padding:5px 8px;border-radius:7px;background:rgba(232,197,71,.16);color:var(--violet-200);font-size:var(--fs-12)}
.site-token-grid dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 0}.site-token-grid dl div{padding:10px;border-radius:10px;background:var(--chip-bg)}.site-token-grid dt{color:var(--on-dark-3);font-size:var(--fs-12)}.site-token-grid dd{margin:4px 0 0;color:var(--cyan-400);font-size:var(--fs-20);font-weight:900}.site-token-grid code{display:block;margin-top:20px;padding:12px;border-radius:10px;background:var(--code-bg);color:var(--cyan-400);font-size:var(--fs-14);white-space:normal}.badge-example{display:inline-flex;margin-top:16px;padding:5px 9px;border:1px dashed rgba(245,184,61,.62);border-radius:var(--r-pill);background:rgba(245,184,61,.12);color:var(--badge-ink);font-size:var(--fs-12);font-weight:700}
.site-token-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:28px;padding-top:2px;list-style:none;counter-reset:flow}
.site-token-flow li{position:relative;display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 20px;border:1px solid rgba(232,197,71,.16);background:var(--flow-bg)}.site-token-flow li:first-child{border-radius:var(--r-md) 0 0 var(--r-md)}.site-token-flow li:last-child{border-radius:0 var(--r-md) var(--r-md) 0}.site-token-flow li+li{border-left:0}.site-token-flow li:not(:last-child):after{content:"";position:absolute;z-index:2;right:-6px;width:11px;height:11px;border-top:1px solid var(--violet-300);border-right:1px solid var(--violet-300);transform:rotate(45deg);background:var(--night-900)}.site-token-flow b{width:30px;height:30px;display:grid;place-items:center;flex:none;border-radius:50%;background:var(--grad-brand);color:var(--btn-primary-fg);font-size:var(--fs-12)}.site-token-flow span{font-size:var(--fs-14);font-weight:700}

.site-pack-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.site-pack-grid article{position:relative;min-width:0;min-height:190px;padding:25px 21px;border:1px solid rgba(232,197,71,.18);border-radius:var(--r-lg);background:var(--card-bg-soft);box-shadow:0 16px 40px rgba(0,0,0,.16)}
.site-pack-grid article>small{color:var(--on-dark-2);font-weight:800}.site-pack-grid article>strong{display:block;margin-top:12px;color:var(--ink);font-size:clamp(21px,2vw,28px);white-space:normal;overflow-wrap:break-word;line-height:1.25}.site-pack-grid article>p{margin:12px 0 0;color:var(--on-dark-2);font-size:var(--fs-14);line-height:1.65}.site-pack-grid .is-popular{border:2px solid var(--violet-400);box-shadow:0 18px 46px rgba(232,197,71,.22)}.site-pack-grid article>em{position:absolute;top:-13px;right:14px;padding:5px 10px;border-radius:var(--r-pill);background:var(--grad-signal);color:var(--night-950);font-size:var(--fs-12);font-style:normal;font-weight:900}

.site-about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.site-about-copy,.site-advantage-grid article{border:1px solid rgba(232,197,71,.18);border-radius:var(--r-lg);background:var(--card-bg-firm);box-shadow:0 16px 44px rgba(0,0,0,.18)}.site-about-copy{padding:32px}.site-about-copy p{margin:0;color:var(--on-dark-2);font-size:var(--fs-16);line-height:1.85}.site-about-copy p+p{margin-top:13px}.site-about-copy .site-button{margin-top:25px}.site-advantage-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.site-advantage-grid article{padding:23px}.site-advantage-grid b{font-size:var(--fs-16)}.site-advantage-grid p{margin:9px 0 0;color:var(--on-dark-2);font-size:var(--fs-14);line-height:1.65}
.site-footer{padding:30px 0;color:var(--on-dark-2);background:var(--footer-bg);border-top:1px solid rgba(232,197,71,.12)}.site-footer-inner{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.site-footer-inner>p{margin:0;font-size:var(--fs-14)}.site-footer nav{display:flex;flex-wrap:nowrap;justify-content:center;gap:20px;margin-left:auto;font-size:var(--fs-14)}.site-footer nav a{white-space:nowrap}.site-footer nav a:hover{color:var(--ink)}.site-footer small{color:var(--on-dark-3);font-size:var(--fs-12);white-space:nowrap}

.reveal{opacity:1;transform:none;transition:opacity 700ms var(--ease),transform 700ms var(--ease)}.reveal.is-in{opacity:1;transform:none}

@keyframes cue{0%,100%{opacity:.35;transform:translateY(-3px) rotate(45deg)}50%{opacity:1;transform:translateY(4px) rotate(45deg)}}
@keyframes amb-drift{from{transform:translate3d(-2%,-1%,0) scale(1.04)}to{transform:translate3d(2%,1%,0) scale(1.08)}}

@media(max-width:1050px){.site-links{display:none}.site-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-token-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-pack-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.site-pack-grid article:last-child{grid-column:2}.site-about-grid{grid-template-columns:1fr}}
@media(max-width:1050px){.site-menu-button{display:inline-flex}.site-nav.site-nav-open .site-links{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:6px 18px 14px;background:var(--dropdown-bg);border-bottom:1px solid rgba(232,197,71,.2);box-shadow:0 18px 40px rgba(0,0,0,.5)}.site-nav.site-nav-open .site-links a{padding:12px 4px;border-top:1px solid var(--hairline)}}
@media(max-width:700px){
 .container{padding-inline:18px}.site-nav{height:60px;padding:0 18px}.site-logo{font-size:19px;gap:8px}.site-logo-mark{width:26px;height:26px}.site-console-button{min-height:40px;padding:0 17px}
 .site-hero{min-height:100svh;padding:96px 0 82px}.site-kicker{font-size:11px}.site-hero-brand{margin-top:24px;font-size:clamp(58px,18vw,72px)}.site-hero h2{margin-top:23px;font-size:clamp(29px,8.2vw,37px)}.site-hero-inner>p{margin-top:18px;font-size:var(--fs-14);line-height:1.72}.site-hero-actions{width:100%;display:grid;grid-template-columns:1fr;margin-top:28px}.site-button{width:100%;min-height:50px;padding-inline:16px}.site-scroll-cue{bottom:18px}
 .site-section{padding:72px 0}.site-section-heading{margin-bottom:26px}.site-section-heading h2{font-size:30px}.site-section-heading p{font-size:var(--fs-14)}
 .site-data-grid{grid-template-columns:1fr 1fr;gap:10px}.site-data-grid>div{padding:20px 10px}.site-data-grid dt{font-size:28px}.site-data-grid dd{font-size:var(--fs-12)}
 .site-ladder{padding:24px 20px;border-radius:var(--r-lg)}.site-ladder h3{font-size:22px}.site-ladder-list{gap:18px}.site-ladder-row{grid-template-columns:minmax(0,1fr) auto;gap:7px 10px}.site-ladder-label{gap:8px}.site-ladder-label strong{font-size:12px}.logo-tile{width:30px;height:30px;border-radius:8px}.logo-tile img{width:19px;height:19px}.site-ladder-row>i{grid-column:1/-1;grid-row:2}.site-ladder-row output{font-size:12px}.site-ladder>small{line-height:1.55}
 .site-model-grid{grid-template-columns:1fr 1fr;gap:10px}.site-model-card{padding:14px}.site-model-head{align-items:flex-start;flex-direction:column;gap:9px}.site-model-head strong{font-size:var(--fs-14)}.site-model-meta{display:grid;gap:5px}.site-model-meta b{font-size:var(--fs-12)}
 .site-token-grid{grid-template-columns:1fr;gap:12px}.site-token-grid article{padding:22px}.site-token-flow{grid-template-columns:1fr;gap:0;margin-top:22px}.site-token-flow li{border-radius:0!important}.site-token-flow li:first-child{border-radius:var(--r-md) var(--r-md) 0 0!important}.site-token-flow li:last-child{border-radius:0 0 var(--r-md) var(--r-md)!important}.site-token-flow li+li{border-left:1px solid rgba(232,197,71,.16);border-top:0}.site-token-flow li:not(:last-child):after{right:auto;left:28px;bottom:-6px;transform:rotate(135deg)}
 .site-pack-grid{grid-template-columns:1fr 1fr;gap:10px}.site-pack-grid article{min-height:168px;padding:22px 16px}.site-pack-grid article:last-child{grid-column:1/-1}.site-pack-grid article>strong{font-size:22px}.site-about-copy{padding:22px}.site-about-copy p{font-size:var(--fs-14)}.site-advantage-grid{grid-template-columns:1fr}.site-footer-inner{flex-direction:column;align-items:flex-start}.site-footer nav{margin-left:0;justify-content:flex-start;flex-wrap:wrap}.site-footer small{white-space:normal}
 .amb-grid{background-size:44px 44px}.amb.is-drift .amb-static{animation-duration:16s}
}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.amb.is-drift .amb-static,.site-hero-brand,.site-scroll-cue span{animation:none!important}.site-hero-brand{opacity:1;filter:none;transform:none}.reveal{opacity:1;transform:none;transition:none}.site-ladder-row>i>em,.site-button,.site-console-button,.site-model-card{transition:none}}
[data-hero-content]{position:relative;z-index:2}

.site-bulletin{position:relative;z-index:1;padding:86px 0 0}
.site-bulletin-item{border:1px solid rgba(232,197,71,.2);border-radius:var(--r-lg);background:var(--card-bg-soft);overflow:hidden}
.site-bulletin-item+.site-bulletin-item{margin-top:10px}
.site-bulletin-title{display:flex;width:100%;align-items:center;gap:10px;padding:12px 16px;background:none;border:0;color:var(--ink);text-align:left;cursor:pointer}
.site-bulletin-label{flex:none;padding:2px 8px;border:1px solid rgba(232,197,71,.34);border-radius:var(--r-pill);color:var(--violet-200);font-size:var(--fs-12);font-weight:800;white-space:nowrap}
.site-bulletin-title-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}
@media(max-width:700px){.site-bulletin-title-text{white-space:normal;overflow:visible;text-overflow:clip}}
@media(max-width:700px){.site-model-head strong,.site-ladder-label strong{white-space:normal;overflow:visible;text-overflow:clip}}
.site-bulletin-chevron{flex:none;color:var(--on-dark-2)}
.site-bulletin-content{padding:0 16px 14px;color:var(--on-dark-1);font-size:var(--fs-14);line-height:1.7;overflow-wrap:anywhere}
.site-bulletin-content img{max-width:100%;height:auto}

@media(max-width:700px){.site-bulletin{padding-top:74px}}

.site-nav-actions{display:flex;align-items:center;gap:10px}
.site-lang{display:flex;gap:2px;padding:2px;border:1px solid rgba(232,197,71,.25);border-radius:var(--r-pill);background:var(--lang-bg)}
.site-lang button{min-height:34px;padding:0 11px;border:0;border-radius:var(--r-pill);background:transparent;color:var(--on-dark-2);font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}
.site-lang button.is-active{background:var(--grad-signal);color:var(--primary-fg)}
@media(max-width:700px){.site-lang button{min-height:32px;padding:0 8px;font-size:12px}.site-nav-actions{gap:8px}}

#partner.site-section{padding:40px 0}
#partner .site-section-heading{margin-bottom:0}

.site-hero-inner>p{text-wrap:balance}
#partner .site-section-heading p{text-wrap:balance}
.site-pack-grid article>p{text-wrap:balance}
.site-model-meta{min-height:56px}
.site-token-grid article{padding:22px}
.site-token-sample{margin-top:12px}
.site-token-grid dl{margin-top:14px}
.site-token-grid code{margin-top:16px}
.badge-example{margin-top:12px}
.site-advantage-grid{align-content:start}
.site-advantage-grid article{align-self:start}
@media(max-width:700px){.site-token-flow li:not(:last-child):after{left:29.5px}.site-token-flow li{padding-top:16px;padding-bottom:16px}.site-token-flow span{line-height:1.6}}

.site-token-grid{align-items:start}
@media(max-width:700px){.site-advantage-grid p{text-wrap:balance;word-break:keep-all}}
@media(max-width:360px){.site-bulletin-title{gap:8px;padding:12px 10px}.site-bulletin-label{padding:2px 6px}}
@media(max-width:380px){.site-nav{gap:8px;padding:0 10px}.site-logo{font-size:16px;gap:6px;max-width:min(100%,200px)}.site-logo-mark{width:24px;height:24px}.site-logo-text{overflow:hidden;text-overflow:ellipsis}.site-nav-actions{gap:6px}.site-lang button{padding:0 5px}.site-console-button{padding:0 10px}}
.site-popup-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--overlay);backdrop-filter:blur(4px)}
.site-popup{position:relative;width:100%;max-width:560px;max-height:min(80vh,640px);overflow:auto;padding:28px 28px 24px;border:1px solid rgba(232,197,71,.25);border-radius:var(--r-lg);background:var(--popup-bg);box-shadow:var(--sh-dark);color:var(--on-dark-1)}
.site-popup-close{position:absolute;top:10px;right:10px;width:var(--touch);height:var(--touch);display:flex;align-items:center;justify-content:center;border:0;border-radius:var(--r-pill);background:transparent;color:var(--on-dark-2);font-size:24px;line-height:1;cursor:pointer}
.site-popup-close:hover{color:var(--ink);background:var(--ghost-bg)}
.site-popup-close:focus-visible{outline:2px solid var(--violet-400);outline-offset:2px}
.site-popup-title{margin:0;padding-right:44px;color:var(--ink);font-size:var(--fs-20);line-height:var(--lh-tight)}
.site-popup-body{margin-top:12px;color:var(--on-dark-2);font-size:var(--fs-16);line-height:1.7;overflow-wrap:break-word}
.site-popup-body p{margin:0}.site-popup-body p+p{margin-top:10px}
.site-popup-body a{color:var(--cyan-400)}
@media(max-width:480px){.site-popup{padding:24px 20px 20px;max-height:82vh}.site-popup-title{font-size:var(--fs-18)}}
.site-service-float{position:fixed;right:20px;bottom:20px;z-index:60;display:inline-flex;align-items:center;gap:8px;min-height:var(--touch);padding:0 20px;border-radius:var(--r-pill);background:var(--grad-brand);color:var(--btn-primary-fg);font-size:var(--fs-14);font-weight:800;letter-spacing:.01em;text-decoration:none;box-shadow:0 10px 28px rgba(232,197,71,.38);transition:transform var(--dur-1) var(--ease),box-shadow var(--dur-2) var(--ease)}
.site-service-float:hover{transform:translateY(-2px);box-shadow:var(--sh-glow);color:var(--btn-primary-fg)}
.site-service-float:focus-visible{outline:2px solid var(--violet-300);outline-offset:2px}
.site-service-float-icon{display:inline-flex;flex:none}
.site-service-float-icon svg{width:18px;height:18px;display:block}
@media(max-width:480px){.site-service-float{right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));min-height:42px;padding:0 16px;font-size:var(--fs-14)}}
/* Footer clearance for the floating service button: only when the button is
   injected (html.has-service-float) and only at narrow widths; the copyright
   line then clears the 42px button + its 14px bottom offset + 12px gap. */
@media(max-width:480px){.has-service-float .site-footer{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}}

/* Homepage metrics bar (Boss 16:16/16:17; spec C-1629). */
.metrics{display:grid;grid-template-columns:repeat(4,1fr);width:100%;max-width:1100px;margin:0 auto;padding:28px 0 40px;border-top:1px solid var(--metrics-line)}           /* 浅色主题用 rgba(10,10,14,.08) */
.metric{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 16px;text-align:center;position:relative}
.metric:not(:last-child)::after{content:"";position:absolute;right:0;top:20%;height:60%;width:1px;background:var(--metrics-div)}                                         /* 浅色 rgba(10,10,14,.10) */
.metric-value{font-size:clamp(1.5rem,2.8vw,2rem);font-weight:600;letter-spacing:-.035em;line-height:1.15;font-variant-numeric:tabular-nums;white-space:nowrap}
.metric-label{font-size:12.5px;font-weight:500;letter-spacing:.01em;opacity:.55}  /* 或用站内次级文字色 */
.metric--hours .metric-value{font-size:clamp(1.05rem,2.05vw,1.45rem);letter-spacing:-.02em}
.metric-et{font-size:.68em;font-weight:500;opacity:.75;letter-spacing:.04em;margin-left:.18em;vertical-align:.05em}
@media (max-width:860px){
 .metrics{grid-template-columns:1fr 1fr;gap:22px 0;padding:22px 0 36px}
 .metric:nth-child(2)::after{display:none}
}
@media (max-width:480px){
 .metric-value{font-size:1.35rem}
 .metric--hours .metric-value{font-size:1.02rem}
}
@media (max-width:360px){
 .metric{padding:8px 4px}
 .metric-value{font-size:1.25rem}
 .metric--hours .metric-value{font-size:.92rem}
 .metric-label{font-size:11.5px}
}

/* Floating service button rendered as <button> for the script-embed branch (SaleSmartly v2). */
button.site-service-float{border:0;cursor:pointer;font:inherit}

/* Theme toggle button (in .site-nav-actions, before the menu button). */
.site-theme-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(232,197,71,.34);border-radius:10px;background:rgba(232,197,71,.12);color:var(--ink);cursor:pointer}
.site-theme-button svg{display:none;width:20px;height:20px}
.site-theme-button .ic-auto{display:block}
.site-theme-button[data-mode="light"] .ic-sun{display:block}
.site-theme-button[data-mode="light"] .ic-auto,.site-theme-button[data-mode="light"] .ic-moon{display:none}
.site-theme-button[data-mode="dark"] .ic-moon{display:block}
.site-theme-button[data-mode="dark"] .ic-auto,.site-theme-button[data-mode="dark"] .ic-sun{display:none}
@media(max-width:700px){.site-theme-button{width:36px;height:36px}}

/* Light theme (tokens.css mechanism: explicit data-theme="light", or OS light
   with no data-theme). Only variable values change here; dark rules above are
   untouched. Gold text uses #8B6914 (AA) and green text #1A7A5C per tokens. */
:root[data-theme="light"]{
--night-950:#F7F6F2;--night-900:#FFFFFF;--night-800:#F1F0EA;
 --violet-200:#8B6914;--violet-300:#8B6914;--cyan-400:#1A7A5C;
 --grad-signal:linear-gradient(90deg,#8B6914 0%,#C9A63A 45%,#1F9470 100%);
 --grad-night:radial-gradient(1000px 560px at 85% -10%,rgba(232,197,71,.10),transparent 60%),radial-gradient(800px 480px at 0% 110%,rgba(77,212,164,.08),transparent 60%),linear-gradient(180deg,#F7F6F2,#FBFAF6);
 --amb-static:radial-gradient(520px 520px at 84% 5%,rgba(232,197,71,.28),transparent 70%),radial-gradient(420px 420px at 12% 85%,rgba(45,184,138,.14),transparent 72%),var(--grad-night);
 --veil-bg:linear-gradient(180deg,transparent 0%,rgba(247,246,242,.05) 50%,rgba(247,246,242,.78) 100%);--veil-rgb:247,246,242;
 --ink:#0A0A0E;--nav-solid:rgba(251,250,246,.85);--section-bg:rgba(247,246,242,.72);--section-bg-alt:rgba(255,255,255,.75);
 --card-bg:rgba(255,255,255,.75);--card-bg-soft:rgba(255,255,255,.72);--card-bg-firm:rgba(255,255,255,.72);
 --ladder-bg:linear-gradient(145deg,rgba(255,255,255,.78),rgba(247,246,242,.82));--flow-bg:rgba(255,255,255,.75);
 --popup-bg:linear-gradient(145deg,#FFFFFF,#F7F6F2);--overlay:rgba(10,10,14,.28);
 --footer-bg:rgba(251,250,246,.95);--dropdown-bg:rgba(251,250,246,.97);--lang-bg:rgba(255,255,255,.6);
 --ghost-bg:rgba(10,10,14,.05);--ghost-bg-hover:rgba(10,10,14,.08);
 --track-bg:rgba(10,10,14,.09);--chip-bg:rgba(10,10,14,.05);--code-bg:rgba(10,10,14,.05);
 --hairline:rgba(10,10,14,.08);--tile-border:rgba(10,10,14,.12);--badge-ink:#8B6914;
 --metrics-line:rgba(10,10,14,.08);--metrics-div:rgba(10,10,14,.10);
 --sh-dark:0 24px 64px -16px rgba(10,10,14,.28),0 4px 12px rgba(10,10,14,.08);
}
@media (prefers-color-scheme:light){:root:not([data-theme]){
--night-950:#F7F6F2;--night-900:#FFFFFF;--night-800:#F1F0EA;
 --violet-200:#8B6914;--violet-300:#8B6914;--cyan-400:#1A7A5C;
 --grad-signal:linear-gradient(90deg,#8B6914 0%,#C9A63A 45%,#1F9470 100%);
 --grad-night:radial-gradient(1000px 560px at 85% -10%,rgba(232,197,71,.10),transparent 60%),radial-gradient(800px 480px at 0% 110%,rgba(77,212,164,.08),transparent 60%),linear-gradient(180deg,#F7F6F2,#FBFAF6);
 --amb-static:radial-gradient(520px 520px at 84% 5%,rgba(232,197,71,.28),transparent 70%),radial-gradient(420px 420px at 12% 85%,rgba(45,184,138,.14),transparent 72%),var(--grad-night);
 --veil-bg:linear-gradient(180deg,transparent 0%,rgba(247,246,242,.05) 50%,rgba(247,246,242,.78) 100%);--veil-rgb:247,246,242;
 --ink:#0A0A0E;--nav-solid:rgba(251,250,246,.85);--section-bg:rgba(247,246,242,.72);--section-bg-alt:rgba(255,255,255,.75);
 --card-bg:rgba(255,255,255,.75);--card-bg-soft:rgba(255,255,255,.72);--card-bg-firm:rgba(255,255,255,.72);
 --ladder-bg:linear-gradient(145deg,rgba(255,255,255,.78),rgba(247,246,242,.82));--flow-bg:rgba(255,255,255,.75);
 --popup-bg:linear-gradient(145deg,#FFFFFF,#F7F6F2);--overlay:rgba(10,10,14,.28);
 --footer-bg:rgba(251,250,246,.95);--dropdown-bg:rgba(251,250,246,.97);--lang-bg:rgba(255,255,255,.6);
 --ghost-bg:rgba(10,10,14,.05);--ghost-bg-hover:rgba(10,10,14,.08);
 --track-bg:rgba(10,10,14,.09);--chip-bg:rgba(10,10,14,.05);--code-bg:rgba(10,10,14,.05);
 --hairline:rgba(10,10,14,.08);--tile-border:rgba(10,10,14,.12);--badge-ink:#8B6914;
 --metrics-line:rgba(10,10,14,.08);--metrics-div:rgba(10,10,14,.10);
 --sh-dark:0 24px 64px -16px rgba(10,10,14,.28),0 4px 12px rgba(10,10,14,.08);
}}