/* Belink asset-site theme v1: layers on belink-kit.css (tokens, Inter, footer). English / LTR. Mobile-first. */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--belink-font);background:var(--b-bg);color:var(--b-fg);line-height:1.5;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}
:root{--b-on-accent:#06101A;--b-card:var(--b-panel);--b-glow:rgba(69,136,200,.30);--gap:clamp(14px,3vw,28px)}
[data-theme="pearl"]{--b-card:#fff;--b-glow:rgba(69,136,200,.16)}
[data-theme="cobalt"]{--b-glow:rgba(252,206,45,.14)}
a{color:inherit}
.bg-fx{position:fixed;inset:0;z-index:-1;pointer-events:none;background:
  radial-gradient(900px 520px at 85% -8%,var(--b-glow),transparent 62%),
  radial-gradient(700px 420px at -5% 30%,rgba(252,206,45,.07),transparent 60%)}
.bg-fx:after{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--b-line) 1px,transparent 1px),linear-gradient(90deg,var(--b-line) 1px,transparent 1px);background-size:56px 56px;opacity:.55;-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%)}
.wrap{width:min(1180px,100% - 2*var(--gap));margin-inline:auto}
/* top bar */
.topbar{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--b-bg) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--b-line)}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}
.brand{display:flex;flex-direction:column;gap:3px;min-width:0;text-decoration:none}
.brand .name{font-weight:800;font-size:clamp(18px,4.6vw,24px);letter-spacing:-.01em;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(90deg,var(--b-fg),var(--b-accent));-webkit-background-clip:text;background-clip:text;color:transparent}
[data-theme="cobalt"] .brand .name{background:linear-gradient(90deg,#fff,var(--belink-gold));-webkit-background-clip:text;background-clip:text}
.nav{display:flex;align-items:center;gap:6px}
.nav a.link{display:none;font-size:13px;font-weight:600;text-decoration:none;padding:8px 12px;border-radius:999px;color:var(--b-muted)}
.nav a.link:hover{color:var(--b-fg);background:var(--b-line)}
.themes{display:inline-flex;padding:3px;border:1px solid var(--b-line);border-radius:999px;background:var(--b-panel)}
.themes button{all:unset;cursor:pointer;font:600 12px/1 var(--belink-font);padding:8px 10px;border-radius:999px;color:var(--b-muted);min-height:16px}
.themes button[aria-pressed="true"]{background:var(--b-accent);color:var(--b-on-accent)}
.themes button:focus-visible{outline:2px solid var(--b-signal);outline-offset:1px}
/* hero */
.hero{padding:clamp(28px,7vw,76px) 0 clamp(18px,4vw,36px);display:grid;gap:26px;grid-template-columns:1fr;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font:600 11px/1 var(--belink-font);letter-spacing:.14em;text-transform:uppercase;color:var(--b-muted)}
.eyebrow:before{content:"";width:22px;height:2px;background:linear-gradient(90deg,var(--belink-blue),var(--belink-gold));border-radius:2px}
h1{font-size:clamp(32px,8.4vw,64px);line-height:1.04;letter-spacing:-.025em;margin:14px 0 14px;font-weight:800;text-wrap:balance}
.lead{font-size:clamp(16px,2.4vw,19px);color:var(--b-muted);max-width:56ch;margin:0 0 22px}
.cta{display:flex;flex-wrap:wrap;gap:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:999px;border:1px solid transparent;font:700 15px/1 var(--belink-font);text-decoration:none;cursor:pointer;background:var(--b-accent);color:var(--b-on-accent);transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px var(--b-glow)}
.btn.ghost{background:transparent;color:var(--b-fg);border-color:var(--b-line)}
.btn:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--b-signal);outline-offset:2px}
.orb{position:relative;aspect-ratio:16/10;border-radius:var(--belink-radius-lg);border:1px solid var(--b-line);background:var(--b-card);overflow:hidden;box-shadow:0 20px 60px -30px var(--b-glow)}
.orb svg{position:absolute;inset:0;width:100%;height:100%}
.orb .tag{position:absolute;left:14px;bottom:12px;font:600 11px/1 var(--belink-font);letter-spacing:.12em;text-transform:uppercase;color:var(--b-muted)}
@keyframes drift{from{transform:translateY(0)}to{transform:translateY(-6px)}}
.orb .n{animation:drift 4s ease-in-out infinite alternate}
@media (prefers-reduced-motion:reduce){.orb .n{animation:none}html{scroll-behavior:auto}}
/* capability cards */
.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:34px 0 14px}
.section-title h2{margin:0;font-size:clamp(20px,4vw,28px);letter-spacing:-.015em}
.section-title span{color:var(--b-muted);font-size:13px}
.grid{display:grid;gap:var(--gap);grid-template-columns:1fr}
.card{background:var(--b-card);border:1px solid var(--b-line);border-radius:var(--belink-radius-lg);padding:20px;display:flex;flex-direction:column;gap:12px;min-width:0;position:relative}
[data-theme="night"] .card,[data-theme="cobalt"] .card{background:linear-gradient(180deg,color-mix(in srgb,var(--b-card) 92%,#fff 8%),var(--b-card))}
.card .num{font:700 12px/1 var(--belink-font);letter-spacing:.14em;color:var(--b-signal)}
[data-theme="pearl"] .card .num{color:var(--belink-blue-deep)}
.card h3{margin:0;font-size:19px;letter-spacing:-.01em}
.card .desc{margin:0;color:var(--b-muted);font-size:14px}
.card form{display:grid;gap:8px;margin-top:2px}
.card label{font-size:12px;font-weight:600;color:var(--b-muted)}
.card input,.card textarea{width:100%;font:500 16px/1.3 var(--belink-font);padding:12px 14px;border-radius:12px;border:1px solid var(--b-line);background:var(--b-result);color:var(--b-fg);min-height:46px}
.card .btn{width:100%}
.result{font-size:14px;padding:12px 14px;border-radius:12px;background:var(--b-result);border:1px dashed var(--b-line);color:var(--b-muted);white-space:pre-wrap;overflow-wrap:anywhere}
.result[data-state="success"]{color:var(--b-fg);border-style:solid;border-color:var(--b-accent)}
.result[data-state="error"]{color:var(--belink-red);border-color:var(--belink-red);border-style:solid}
[data-theme="pearl"] .result[data-state="error"]{color:#A63A31}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px;background:var(--b-result);border:1px solid var(--b-line);overflow-wrap:anywhere}
/* status */
.facts{display:grid;gap:10px;grid-template-columns:1fr;margin-top:8px}
.fact{padding:14px 16px;border-radius:var(--belink-radius);border:1px solid var(--b-line);background:var(--b-card)}
.fact b{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--b-muted);margin-bottom:4px}
.pill-live{display:inline-flex;align-items:center;gap:6px}.pill-live:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--belink-gold);box-shadow:0 0 0 3px rgba(252,206,45,.25)}
footer.site{margin-top:48px;border-top:1px solid var(--b-line);padding:22px 0 34px}
footer.site .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}
footer.site .belink-powered{font-size:12px}footer.site .belink-powered img{height:18px}
footer.site small{color:var(--b-muted);font-size:12px}
/* gallery */
.tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:8px 0 18px}
.tools input{flex:1 1 220px;font:500 16px/1.3 var(--belink-font);padding:12px 16px;border-radius:999px;border:1px solid var(--b-line);background:var(--b-card);color:var(--b-fg);min-height:46px}
.fchips{display:flex;gap:6px;flex-wrap:wrap}
.fchips button{all:unset;cursor:pointer;font:600 13px/1 var(--belink-font);padding:11px 14px;border-radius:999px;border:1px solid var(--b-line);color:var(--b-muted);background:var(--b-card)}
.fchips button[aria-pressed="true"]{background:var(--b-accent);color:var(--b-on-accent);border-color:transparent}
.fchips button:focus-visible{outline:2px solid var(--b-signal)}
.tile{text-decoration:none;display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid var(--b-line);border-radius:var(--belink-radius-lg);background:var(--b-card);transition:transform .15s,border-color .15s,box-shadow .15s;min-width:0}
.tile:hover{transform:translateY(-2px);border-color:var(--b-accent);box-shadow:0 14px 34px -18px var(--b-glow)}
.tile .cat{font:600 10px/1 var(--belink-font);letter-spacing:.14em;text-transform:uppercase;color:var(--b-muted)}
.tile .t{font-weight:800;font-size:20px;letter-spacing:-.01em}
.tile .s{font-size:13px;color:var(--b-muted)}
.tile .pb{margin-top:6px;font-size:11px;color:var(--b-muted)}
.tile .pb b{color:var(--b-fg)}
.tile .go{font-size:12px;font-weight:700;color:var(--belink-blue-deep);margin-top:4px}
[data-theme="night"] .tile .go,[data-theme="cobalt"] .tile .go{color:var(--belink-gold)}
.grid.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tile .t{overflow-wrap:anywhere}
.empty{color:var(--b-muted);padding:20px 0;display:none}
@media (min-width:700px){
  .nav a.link{display:inline-block}
  .grid{grid-template-columns:repeat(3,1fr)}
  .grid.tiles{grid-template-columns:repeat(3,1fr);gap:var(--gap)}
  .facts{grid-template-columns:repeat(3,1fr)}
}
@media (min-width:900px){
  .hero{grid-template-columns:1.1fr .9fr}
  .grid.tiles{grid-template-columns:repeat(4,1fr)}
}