@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(fonts/inter-greek.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(fonts/inter-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(fonts/inter-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url(fonts/inter-tight-greek.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url(fonts/inter-tight-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url(fonts/inter-tight-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter Tight Fallback';
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url(fonts/inter-latin.woff2) format('woff2');
  size-adjust: 92.8%;
  ascent-override: 104.4%;
  descent-override: 26.1%;
  line-gap-override: 0%;
}
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#fafaf8;--paper:#fff;--ink:#0d1328;--soft:#4b5167;--mut:#676c7f;--line:#e6e7ec;--line2:#f0f1f4;
  --accent:#1d4fc4;--tint:#eef2fd;--navy:#0f2a7a;
  --ok:#1f6b45;--okbg:#e5f4ec;--warn:#8a5a00;--warnbg:#fdf3dc;--req:#4b5167;--reqbg:#eef0f4;
  --agent:#0f2a7a;--agentbg:#eef2fd;--blippa:#0d1328;--blippabg:#f4efe6;
  --r:22px;--r2:14px;
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.55;overflow-x:hidden;font-size:16px}
img,video{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:'Inter Tight','Inter Tight Fallback',Inter,sans-serif;font-weight:600;letter-spacing:-.03em;line-height:1.05;overflow-wrap:break-word}
h1{font-size:clamp(38px,5.4vw,64px)}
h2{font-size:clamp(32px,5vw,60px)}
h3{font-size:clamp(20px,2.2vw,24px);letter-spacing:-.02em;line-height:1.2}
p{max-width:68ch}
.wrap{max-width:1200px;margin:0 auto;padding:0 16px}
@media(min-width:700px){.wrap{padding:0 32px}}
svg.i{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.note{background:var(--warnbg);color:#3d2a00;border-bottom:1px solid #f0dfb0;font-size:13.5px}
.note summary{cursor:pointer;padding:10px 0;font-weight:600;list-style:none;display:flex;gap:8px;align-items:center}
.note summary::-webkit-details-marker{display:none}
.note summary::before{content:'';width:8px;height:8px;border-radius:50%;background:#c98a00;flex:none}
.note ol{padding:0 0 14px 20px;display:grid;gap:6px;max-width:90ch}
nav.top{position:sticky;top:0;z-index:30;background:rgba(250,250,248,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
nav.top .wrap{display:flex;align-items:center;gap:24px;height:64px}
.brand{display:flex;align-items:center;gap:9px;font-family:'Inter Tight','Inter Tight Fallback';font-weight:700;font-size:21px;letter-spacing:-.02em;text-decoration:none}
.brand img{width:26px;height:26px}
nav.top .links{display:none;gap:22px;font-size:14.5px;color:var(--soft)}
nav.top .links a{text-decoration:none}
nav.top .links a:hover,nav.top .links a[aria-current]{color:var(--ink)}
nav.top .r{margin-left:auto;display:flex;gap:12px;align-items:center;font-size:14.5px}
nav.top .r .login{display:none;text-decoration:none;color:var(--soft)}
.lang{position:relative;font-size:14px}
.lang summary{list-style:none;cursor:pointer;display:flex;gap:6px;align-items:center;color:var(--soft);padding:6px 4px}
.lang summary::-webkit-details-marker{display:none}
.lang ul{position:absolute;right:0;top:36px;background:var(--paper);border:1px solid var(--line);border-radius:12px;list-style:none;padding:6px;min-width:150px;box-shadow:0 12px 30px rgba(13,19,40,.08)}
.lang li a{display:block;padding:7px 10px;border-radius:8px;text-decoration:none}
.lang li a:hover{background:var(--line2)}
.lang li a[aria-current]{font-weight:600}
.menu{display:block}
.menu summary{list-style:none;cursor:pointer;padding:8px;border-radius:10px;display:flex}
.menu summary::-webkit-details-marker{display:none}
.menu .mpanel{position:absolute;left:0;right:0;top:64px;background:var(--paper);border-bottom:1px solid var(--line);padding:12px 16px 20px;display:grid;gap:2px}
.menu .mpanel a{padding:12px 4px;text-decoration:none;font-size:18px;border-bottom:1px solid var(--line2)}
nav.top .links{align-items:center}
.mm{position:relative}
.mm>button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;display:inline-flex;gap:4px;align-items:center;padding:6px 0}
.mm>button:hover,.mm>button[aria-expanded=true]{color:var(--ink)}
.mm>button svg,.acc summary svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;transition:transform .2s}
.mm>button[aria-expanded=true] svg,.acc[open] summary svg{transform:rotate(180deg)}
.mmp{position:absolute;left:-24px;top:calc(100% + 16px);width:min(760px,90vw);background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 60px -30px rgba(13,19,40,.35);padding:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;z-index:40}
.mmp[hidden]{display:none}
.mmp::before{content:'';position:absolute;left:0;right:0;top:-18px;height:18px}
.mm.end .mmp{left:auto;right:-24px;width:min(620px,90vw)}
.mmp a,.acc-b a{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:12px;text-decoration:none;color:var(--ink)}
.mmp a:hover,.mmp a:focus-visible{background:var(--bg)}
.mmp a b,.acc-b a b{display:block;font-size:14.5px;font-weight:600;color:var(--ink);line-height:1.3}
.mmp a span span,.acc-b a span span{display:block;font-size:13px;color:var(--mut);margin-top:2px;line-height:1.4}
.mmp a svg,.acc-b a svg{flex:none;width:18px;height:18px;margin-top:2px;color:var(--accent);stroke:currentColor;fill:none;stroke-width:1.6}
.acc{border-bottom:1px solid var(--line2)}
.acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:12px 4px;font-size:18px}
.acc summary::-webkit-details-marker{display:none}
.acc-b{display:grid;padding:0 0 10px}
.menu .mpanel .acc-b a{border-bottom:0;font-size:inherit;padding:10px 8px}
.menu .mpanel{max-height:calc(100vh - 64px);overflow-y:auto}
@media(min-width:1000px){nav.top .links{display:flex}nav.top .r .login{display:inline}.menu{display:none}}
.btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:600;font-size:15px;padding:13px 22px;border-radius:999px;border:1px solid transparent;transition:transform .2s,background .2s;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}
.btn.p{background:var(--ink);color:#fff}
.btn.s{border-color:var(--line);background:var(--paper)}
.btn.sm{padding:9px 16px;font-size:14px}
.btns{display:flex;gap:10px;flex-wrap:wrap}
.lnk{font-weight:600;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:1px;font-size:15px;display:inline-flex;gap:6px;align-items:center}
section{padding:72px 0}
@media(min-width:900px){section{padding:120px 0}}
section.tight{padding:56px 0}
.eyebrow{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:18px}
.lead{font-size:clamp(18px,2vw,21px);color:var(--soft);margin-top:22px;max-width:60ch}
.head{margin-bottom:44px}
.head.c{text-align:center}.head.c p{margin-left:auto;margin-right:auto}
.alt{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.dark{background:var(--ink);color:#fff}
.dark .lead,.dark p{color:#c3c8d8}
.dark .eyebrow{color:#9cc2ff}
.hero{padding:56px 0 64px}
@media(min-width:900px){.hero{padding:96px 0 110px}}
.hero .g{display:grid;gap:48px;align-items:center}
@media(min-width:900px){.hero .g{grid-template-columns:1.25fr .75fr}.hero-i .g{grid-template-columns:1.25fr .75fr;gap:48px}}
.hero .btns{margin-top:34px}
.proof{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}
.proof span{font-size:13px;color:var(--soft);border:1px solid var(--line);border-radius:999px;padding:6px 12px;background:var(--paper)}
.phone{border-radius:30px;overflow:hidden;border:1px solid var(--line);background:var(--paper);box-shadow:0 30px 60px -30px rgba(13,19,40,.35)}
.phone img{width:100%;height:auto}
.hero .phone{max-width:340px;margin:0 auto}
.cap{font-size:13px;color:var(--mut);margin-top:12px;text-align:center}
.layers{display:grid;gap:10px;max-width:880px}
.layer{border-radius:var(--r);padding:26px 26px 24px;display:grid;gap:8px}
.layer h3{display:flex;gap:10px;align-items:center}
.layer p{color:var(--soft)}
.layer.top{background:var(--blippabg)}
.layer.mid{background:var(--agentbg)}
.layer.base{background:var(--ink);color:#fff}.layer.base p{color:#c3c8d8}
.layer .tag{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:.7}
.gens{display:grid;gap:56px}
.gen h3{margin-bottom:6px}
.gen .prod{color:var(--soft);margin-bottom:22px}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:760px}
@media(min-width:700px){.pair{gap:28px}}
.pair figure{display:grid;gap:12px;align-content:start}
.pair .lab{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.pair .lab b{color:var(--ink)}
.pair figcaption{font-size:14px;color:var(--soft)}
.pair .phone{border-radius:22px}
.pair .phone img{aspect-ratio:390/600;object-fit:cover;object-position:top}
.pair.tri{max-width:1120px}
.pair.tri .g3{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:12px 14px}
.pair.tri .g3 .lab{grid-column:1/-1}
@media(min-width:700px){.pair.tri .g3{column-gap:28px}}
@media(min-width:900px){.pair.tri{grid-template-columns:repeat(3,1fr)}.pair.tri .g3{grid-column:auto;grid-template-columns:1fr}}
.g3-t{display:grid;gap:10px;align-content:start}
.g3-note{font-size:12.5px;line-height:1.45;color:var(--mut)}
.badge.wip{background:var(--line2);color:var(--soft);border:1px dashed #b4b7c0;padding:3px 10px}
.badge.wip svg.i{width:13px;height:13px}
.phone.sk{--pen:#8b8e98;--pen2:#b4b7c0;--fill:#e4e5e9;aspect-ratio:390/600;container-type:inline-size;box-shadow:none;background:#fcfcfb repeating-linear-gradient(0deg,transparent 0 17px,#f1f1f3 17px 18px);border:1.5px dashed var(--pen2);border-radius:24px 19px 26px 21px/21px 26px 19px 24px;color:var(--pen)}
.sk-in{padding:6cqi 7cqi;display:grid;gap:3.2cqi;font-size:clamp(4px,3.9cqi,12.5px);line-height:1.3}
.sk-in i.b{display:block;height:2.4cqi;border-radius:99px;background:var(--fill)}
.sk-in i.b.t{height:3.8cqi;background:#d6d8dd}
.sk-notch{justify-self:center;width:28%;height:3cqi;border:1px dashed var(--pen2);border-radius:99px}
.sk-hero{aspect-ratio:100/24;border:1.4px dashed var(--pen2);border-radius:9px 13px 8px 12px}
.sk-hero svg{width:100%;height:100%;display:block;stroke:#d3d5da;stroke-width:1;stroke-dasharray:3 3;fill:none;vector-effect:non-scaling-stroke}
.sk-hero svg path{vector-effect:non-scaling-stroke}
.sk-blk{border:1.3px dashed var(--pen2);border-radius:10px 14px 9px 13px/13px 9px 14px 10px;padding:3cqi 4cqi;display:grid;gap:2cqi;transform:rotate(-.35deg)}
.sk-blk:nth-of-type(even){transform:rotate(.3deg)}
.sk-blk b{font-weight:600;color:#5d606b}
.sk-hd{display:flex;justify-content:space-between;align-items:baseline;gap:2cqi}
.sk-own{list-style:none;display:grid;gap:1.6cqi;border-left:1px dashed var(--pen2);margin-left:1.4cqi;padding-left:4cqi}
.sk-own li{position:relative;display:grid;gap:1.2cqi}
.sk-own li::before{content:'';position:absolute;left:calc(-4cqi - 1.6cqi);top:.35em;width:2.4cqi;height:2.4cqi;border-radius:50%;background:#c9cbd1}
.sk-own li.open::before{background:#fcfcfb;border:1px dashed var(--pen)}
.sk-sm{display:inline-flex;align-items:center;gap:1.4cqi;font-size:.9em}
.sk-sm svg.i{width:1em;height:1em}
.sk-chart{width:100%;height:13cqi;display:block;fill:none;stroke:var(--pen);stroke-width:1.5;stroke-linecap:round}
.sk-chart .ax{stroke:var(--pen2);stroke-width:1.2}
.sk-chart .gh{stroke:var(--pen2);stroke-dasharray:3 4}
.sk-chart path{vector-effect:non-scaling-stroke}
.sk-val{flex:none;font-weight:600;letter-spacing:.04em;color:#9a9da6}
.sk-row{display:flex;gap:3cqi;align-items:center}
.sk-ico{flex:none;display:grid;place-items:center;width:9cqi;height:9cqi;border:1px dashed var(--pen2);border-radius:50%}
.sk-ico svg.i{width:5cqi;height:5cqi;stroke-width:1.5}
.sk-bars{flex:1;display:grid;gap:1.8cqi}
.sk-btn{justify-self:start;border:1.2px dashed var(--pen);border-radius:99px;padding:1.2cqi 4cqi;font-size:.9em}
.sk-dots{display:grid;grid-template-columns:repeat(10,1fr);gap:1.6cqi}
.sk-dots i{aspect-ratio:1;border-radius:50%;border:1px dashed var(--pen2)}
.sk-dots i.on{background:#cfd1d6;border-style:solid;border-color:#cfd1d6}
.sk-ev{list-style:none;display:grid}
.sk-ev li{display:flex;justify-content:space-between;gap:2cqi;padding:.8cqi 0;border-bottom:1px dashed #dcdde2}
.sk-ev li:last-child{border-bottom:0}
.sk-ev em{font-style:normal;color:#b0b2ba}
.card.g3card .shot{padding-top:18px}
.card.g3card .shot .phone.sk{width:72%;flex:none}
.card.g3card .foot{flex-direction:column;align-items:flex-start}
.card.g3card .g3-note{font-size:12.5px}
.card.g3card .sk-hero,.card.g3card .sk-in>i.b{display:none}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr))}
.grid.wide{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.card .shot{background:var(--line2);aspect-ratio:4/3;overflow:hidden;display:flex;align-items:flex-start;justify-content:center}
.card .shot img{width:100%;height:100%;object-fit:cover;object-position:top}
.card .shot.contain{align-items:center;background:#fff;border-bottom:1px solid var(--line2)}
.card .shot.contain img{object-fit:contain;object-position:center;padding:14px}
.card .shot.none{align-items:center;color:var(--mut)}
.card .shot.none svg{width:44px;height:44px;stroke-width:1.25}
.card .body{padding:20px 20px 22px;display:grid;gap:10px;flex:1;align-content:start}
.card h3{font-size:20px}
.card p{font-size:15px;color:var(--soft)}
.card dl{display:grid;gap:8px;font-size:14.5px}
.card dt{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.card dd{color:var(--soft)}
.card .foot{padding:0 20px 20px;display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-size:14px}
.card .src{font-size:12.5px;color:var(--mut)}
.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;border-radius:999px;padding:4px 10px;white-space:nowrap}
.badge.live{background:var(--okbg);color:var(--ok)}
.badge.req{background:var(--reqbg);color:var(--req)}
.badge.draft{background:var(--warnbg);color:var(--warn)}
.badge.cust{background:var(--agentbg);color:var(--agent)}
.badge.pub{background:var(--line2);color:var(--soft);white-space:normal;line-height:1.35}
.badge.agent{background:var(--agentbg);color:var(--agent)}
.badge.blippa{background:var(--blippabg);color:var(--blippa)}
.more{margin-top:34px}
.cols{display:grid;gap:16px}
@media(min-width:800px){.cols{grid-template-columns:1fr 1fr}}
.panel{border-radius:var(--r);padding:28px}
.panel.agent{background:var(--agentbg)}
.panel.blippa{background:var(--blippabg)}
.panel h3{margin-bottom:16px}
.panel ul{list-style:none;display:grid;gap:10px}
.panel li{display:flex;gap:10px;color:var(--soft)}
.panel li svg{margin-top:2px;color:var(--ink)}
.stds{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
@media(min-width:800px){.stds{grid-template-columns:1fr 1fr}}
.std{background:var(--paper);padding:24px;display:grid;gap:6px}
.std .code{font-size:12px;font-weight:600;color:var(--accent);letter-spacing:.04em}
.std p{color:var(--soft);font-size:15px}
.steps{display:grid;gap:16px;counter-reset:s;list-style:none}
@media(min-width:800px){.steps.four{grid-template-columns:repeat(4,1fr)}}
.steps>li{counter-increment:s;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:24px;display:grid;gap:8px;align-content:start}
.steps>li::before{content:counter(s);font-family:'Inter Tight','Inter Tight Fallback';font-weight:600;font-size:15px;width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center}
.steps>li p{color:var(--soft);font-size:15px}
.film{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.film video{width:100%;aspect-ratio:16/9;background:#000;object-fit:cover}
.film.sq video{aspect-ratio:1/1}
.film .body{padding:18px 20px 20px;display:grid;gap:6px}
.film h3{font-size:19px}
.film p{font-size:14.5px;color:var(--soft)}
.filters{display:grid;gap:12px;margin-bottom:28px}
.frow{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.frow .fl{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);width:100%}
@media(min-width:700px){.frow .fl{width:auto;min-width:90px}}
.chip{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:7px 14px;font:inherit;font-size:14px;cursor:pointer;color:var(--soft)}
.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.ms .shot{aspect-ratio:3/4}
.ms .tags{display:flex;flex-wrap:wrap;gap:6px}
.ms .tags span{font-size:12px;color:var(--soft);background:var(--line2);border-radius:999px;padding:3px 9px}
.ind-h{margin:48px 0 18px;font-size:24px}
.empty{color:var(--mut);padding:24px 0}
.faq{display:grid;gap:10px;max-width:860px}
.faq details{background:var(--paper);border:1px solid var(--line);border-radius:var(--r2);padding:0 22px}
.faq summary{cursor:pointer;list-style:none;padding:20px 0;font-weight:600;font-size:17px;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-weight:400;color:var(--mut)}
.faq details[open] summary::after{content:'–'}
.faq details p{padding:0 0 20px;color:var(--soft)}
.split{display:grid;gap:40px;align-items:center}
@media(min-width:900px){.split{grid-template-columns:1fr 1fr}}
.labelimg{max-width:260px;margin:0 auto;border-radius:16px;box-shadow:0 24px 50px -24px rgba(13,19,40,.35);border:1px solid var(--line);background:#fff}
.final{text-align:center}
.final p{margin:22px auto 0}
.final .btns{justify-content:center;margin-top:30px}
footer{padding:56px 0 64px;border-top:1px solid var(--line);font-size:14px;color:var(--soft)}
footer .g{display:grid;gap:28px}
@media(min-width:800px){footer .g{grid-template-columns:1.4fr 1fr 1fr}}
footer ul{list-style:none;display:grid;gap:8px}
footer a{text-decoration:none}
footer .fine{margin-top:36px;font-size:12.5px;color:var(--mut)}
.std:last-child:nth-child(odd){grid-column:1/-1}
.grid.msg{grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr));gap:12px}
@media(min-width:700px){.grid.msg{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}}
.grid.msg .card .body{padding:14px 14px 16px}
.grid.msg .card .foot{padding:0 14px 14px}
.grid.msg .card h3{font-size:17px}
.grid.msg .card p{font-size:14px}
@media(max-width:699px){.grid.msg .tags{display:none}}
[hidden]{display:none!important}
.feat{display:grid;gap:20px;align-items:center}
@media(min-width:900px){.feat{grid-template-columns:1.6fr 1fr;gap:40px}}
.feat video{width:100%;aspect-ratio:16/9;border-radius:var(--r);background:#000;object-fit:cover}
.feat h3{font-size:clamp(24px,3vw,34px)}
.feat p{margin-top:10px}
.law{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:20px}
@media(min-width:800px){.law{padding:28px}}
.law-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.law-tabs .chip[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.law-panel h3{margin-bottom:14px}
.law-panel ul{display:grid;gap:10px;padding-left:18px;color:var(--soft);max-width:72ch}
.law-panel .src{margin-top:16px}
.src{font-size:13px;color:var(--mut)}
.src .lnk{font-size:13px}
.anims .stage{height:170px;background:var(--line2);display:grid;place-items:center;overflow:hidden;color:var(--ink)}
.anims .code{font-size:12px;font-weight:600;color:var(--accent);letter-spacing:.04em}
.an{width:min(300px,88%);position:relative}
.an-code{display:flex;gap:16px;align-items:center}
.an-code .qr{width:54px;height:54px;flex:none;fill:currentColor}
.an-code .url{display:grid;gap:4px;font-family:ui-monospace,Menlo,monospace;font-size:12px}
.an-code .seg{display:block;background:var(--paper);border-radius:8px;padding:4px 8px;position:relative}
.an-code .seg em{display:block;font-style:normal;font-family:Inter,sans-serif;font-size:10.5px;color:var(--accent);font-weight:600}
.an-access{display:grid;gap:8px}
.an-access .lvl{background:var(--paper);border-radius:10px;padding:8px 10px;display:grid;gap:6px}
.an-access .lvl span{font-size:12px;font-weight:600}
.an-access .lvl i{display:block;height:6px;border-radius:3px;background:var(--agentbg)}
.an-access .l1 i{background:#c9d6f7}.an-access .l2 i{background:var(--accent)}
.an-archive{display:flex;align-items:center;gap:8px;justify-content:center}
.an-archive .stack{position:relative;width:118px;height:96px}
.an-archive .ver{position:absolute;left:0;right:0;height:30px;border-radius:10px;background:var(--paper);border:1px solid var(--line);display:grid;place-items:center;font-size:12px;font-weight:600}
.an-archive .v1{top:68px}.an-archive .v2{top:34px}.an-archive .v3{top:0}
.an-archive .link{width:50px;color:var(--mut)}
.an-archive .backup{width:118px;padding:0 6px;text-align:center;height:56px;border-radius:10px;border:1.5px dashed var(--accent);display:grid;place-items:center;font-size:12px;font-weight:600;color:var(--accent);background:var(--tint)}
.an-talk{height:130px}
.an-talk svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.an-talk .ln{fill:none;stroke:var(--mut);stroke-width:1.5;stroke-dasharray:160;stroke-dashoffset:0}
.an-talk .dot{fill:var(--accent)}
.an-talk .node{position:absolute;background:var(--paper);border-radius:10px;padding:6px 10px;font-size:12px;font-weight:600;white-space:nowrap}
.an-talk .n0{left:0;top:calc(50% - 15px);background:var(--ink);color:#fff}
.an-talk .n1{right:0;top:12px}.an-talk .n2{right:0;bottom:12px}
.grid.anims{grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr))}
.card .shot.ill{position:relative;align-items:center;background:var(--blippabg)}
.ill-tag{position:absolute;top:10px;left:10px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--soft);background:rgba(255,255,255,.75);border-radius:999px;padding:3px 9px}
.ill-lf{display:flex;align-items:center;gap:10px;padding:26px 14px 14px;width:100%;justify-content:center}
.ill-lf .jk{position:relative;display:grid;gap:6px;justify-items:center;width:44%}
.ill-lf .jk img{width:100%;max-width:120px;aspect-ratio:390/450;object-fit:cover;border-radius:12px;background:#fff}
.ill-lf .qrd{position:absolute;right:6%;top:58%;background:#fff;border-radius:6px;padding:3px;display:flex;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.ill-lf .qrd svg{width:18px;height:18px}
.ill-lf small{font-size:11px;color:var(--soft);text-align:center;line-height:1.3}
.ill-lf .arr{color:var(--mut)}
.ill-lf .msg{background:#fff;border-radius:14px 14px 14px 4px;padding:10px 12px;display:grid;gap:4px;width:44%;box-shadow:0 6px 18px -8px rgba(13,19,40,.3)}
.ill-lf .msg b{font-size:13px;line-height:1.3}
.card h3{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}
@media(max-width:420px){.card h3{font-size:18px}}
.crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--mut);padding-top:14px;padding-bottom:0}
.crumbs a{text-decoration:none;color:var(--soft)}
.crumbs a::after,.crumbs span:not(:last-child)::after{content:'/';margin-left:6px;color:var(--line)}
.crumbs [aria-current]{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60vw}
footer h4{font-family:Inter,sans-serif;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);margin-bottom:12px;font-weight:600}
@media(min-width:800px){footer .g{grid-template-columns:1.4fr 1fr 1fr 1fr}}
footer .fine a{text-decoration:underline}
.cols.three{display:grid;gap:16px}
@media(min-width:900px){.cols.three{grid-template-columns:repeat(3,1fr)}}
.cols.three .panel{display:grid;gap:12px;align-content:start}
.cols.three .panel .badge{justify-self:start}
.contact-card h3{display:flex;gap:10px;align-items:center}
.contact-card a{font-size:18px}
.plans{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}
.plan{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:24px;display:grid;gap:12px;align-content:start}
.plan .price{font-family:'Inter Tight','Inter Tight Fallback';font-weight:600;font-size:22px}
.plan .btn{justify-self:start}
.plan ul{list-style:none;display:grid;gap:8px;font-size:15px;color:var(--soft);margin-top:6px}
.plan li{display:flex;gap:8px}.plan li svg{margin-top:2px;color:var(--ink);width:18px;height:18px}
.cmp details{background:var(--paper);border:1px solid var(--line);border-radius:var(--r2);margin-bottom:10px;overflow:hidden}
.cmp summary{cursor:pointer;padding:16px 18px;font-weight:600;list-style:none}
.cmp summary::-webkit-details-marker{display:none}
.cmp table{width:100%;border-collapse:collapse;font-size:14px}
.cmp th,.cmp td{padding:10px 12px;border-top:1px solid var(--line2);text-align:left;vertical-align:top}
.cmp td{text-align:center;width:22%}
.cmp thead th{font-size:12px;color:var(--mut);font-weight:600;text-align:center}.cmp thead th:first-child{text-align:left}
.cmp tbody th{font-weight:500}
.cmp .yes svg{width:18px;height:18px;color:var(--ok)}.cmp .no{color:var(--mut)}
@media(max-width:600px){.cmp th,.cmp td{padding:8px 6px;font-size:13px}.cmp thead th{font-size:10.5px}}
.cal{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.cal iframe{border:0;display:block;width:100%;min-height:760px}
.prose{max-width:72ch;font-size:17px;line-height:1.7}
.prose>*+*{margin-top:1em}
.prose h2{font-size:clamp(24px,3vw,32px);margin-top:1.6em}.prose h3{font-size:21px;margin-top:1.4em}
.prose ul,.prose ol{padding-left:22px}.prose li+li{margin-top:.4em}
.prose img{border-radius:12px;margin:1.2em 0;height:auto}
.prose img,.log img{max-width:min(100%,480px);height:auto;border:1px solid var(--line);border-radius:12px}
.prose a{color:var(--accent)}
.prose table{border-collapse:collapse;font-size:14px;display:block;overflow-x:auto;max-width:100%}
.prose th,.prose td{border:1px solid var(--line);padding:6px 8px;text-align:left;vertical-align:top}
.prose blockquote{border-left:3px solid var(--line);padding-left:16px;color:var(--soft)}
.prose pre,.prose code{white-space:pre-wrap;overflow-wrap:anywhere}
.articlepage{padding-top:40px;padding-bottom:80px;max-width:820px}
.articlepage h1{font-size:clamp(32px,5vw,52px);margin:10px 0 24px}
.callout{background:var(--warnbg);border-radius:var(--r2);padding:14px 16px;font-size:15px;margin-bottom:22px}
.callout.soft{background:var(--line2);color:var(--soft)}
.callout a{color:var(--accent)}
.related{margin-top:48px;padding-top:24px;border-top:1px solid var(--line)}
.acad{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.articlepage .acad{margin-top:36px}
.acad a{display:inline-flex;gap:10px;align-items:flex-start;max-width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);text-decoration:none;font-size:15px;line-height:1.45}
.acad a:hover,.acad a:focus-visible{border-color:var(--accent)}
.acad a b{font-weight:600}
.acad svg{flex:none;width:18px;height:18px;margin-top:1px;stroke:currentColor;fill:none;stroke-width:1.6}
.acad svg:first-child{color:var(--accent)}
.acad svg:last-child{color:var(--mut)}
.related h2{font-size:22px;margin-bottom:12px}.related ul{display:grid;gap:8px;padding-left:20px}
.list{list-style:none;display:grid;gap:10px}
.list a{display:grid;gap:4px;padding:16px 18px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r2);text-decoration:none}
.list a b{font-family:'Inter Tight','Inter Tight Fallback';font-size:18px;font-weight:600;letter-spacing:-.01em}
.list a span:last-child{color:var(--soft);font-size:15px}
.log{padding:26px 0;border-top:1px solid var(--line)}
.log h2{font-size:clamp(22px,3vw,30px);margin:6px 0 12px}
.docs{list-style:none;display:grid;gap:10px;max-width:820px}
.docs a{display:flex;gap:14px;align-items:center;padding:16px 18px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r2);text-decoration:none}
.docs a>span:nth-child(2){display:grid;gap:2px;flex:1}.docs a>span:nth-child(2) span{color:var(--soft);font-size:15px}
.entity{font-style:normal;font-size:17px;line-height:1.8}
.facts{display:grid;gap:14px;max-width:860px}
.facts>div{background:var(--paper);border:1px solid var(--line);border-radius:var(--r2);padding:16px 18px}
.facts dt{font-weight:600;margin-bottom:4px}.facts dd{color:var(--soft)}
.tablewrap{overflow-x:auto;background:var(--paper);border:1px solid var(--line);border-radius:var(--r)}
h1,h2,h3{hyphens:manual;-webkit-hyphens:manual;text-wrap:balance;overflow-wrap:break-word}
.prose{overflow-wrap:anywhere}
p,li,dd,td,th{overflow-wrap:break-word}
.foundation{display:grid;gap:10px;border:1px dashed #c9d6f7;border-radius:calc(var(--r) + 8px);padding:12px}
.foundation .f-eb{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--agent);padding:4px 6px 0}
.card .shot.ill.agent{background:var(--agentbg)}
.card .shot.ill.blip{background:var(--blippabg)}
.il{width:100%;height:100%;padding:34px 16px 14px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;color:var(--ink)}
.il small{font-size:10.5px;color:var(--soft);line-height:1.3}
.il b{font-weight:600}
.il .il-jk{width:30%;max-width:110px;aspect-ratio:390/450;object-fit:cover;border-radius:10px;background:#fff;flex:none}
.il svg.i{width:16px;height:16px}
.btn-mock{display:inline-block;background:#e01d3c;color:#fff;border-radius:999px;padding:6px 12px;font-weight:600;font-size:11.5px;text-align:center}
.il-log ol{list-style:none;display:grid;gap:8px;border-left:2px solid var(--line);padding-left:12px;flex:1;max-width:220px}
.il-log li{position:relative;display:grid;gap:1px;background:#fff;border-radius:10px;padding:7px 9px;box-shadow:0 4px 12px -8px rgba(13,19,40,.3)}
.il-log li::before{content:'';position:absolute;left:-19px;top:12px;width:10px;height:10px;border-radius:50%;background:var(--accent);border:2px solid var(--blippabg)}
.il-log li span{font-size:10px;color:var(--mut);font-family:ui-monospace,Menlo,monospace}
.il-log li.next{background:transparent;box-shadow:none;border:1px dashed var(--line)}
.il-log li.next::before{background:var(--line)}
.il-auto .src3{display:grid;gap:8px}
.il-auto .src3 span,.il-auto .pp{background:#fff;border-radius:10px;padding:7px 10px;font-weight:600;box-shadow:0 4px 12px -8px rgba(13,19,40,.3);text-align:center}
.il-auto svg{width:34px;height:80px;flex:none;fill:none;stroke:var(--mut);stroke-width:1.5}
.il-auto svg.one{width:20px;height:14px}
.il-auto .wk{background:var(--ink);color:#fff;border-radius:12px;padding:9px 10px;display:grid;gap:3px;justify-items:center;text-align:center}
.il-auto .wk small{color:#c3c8d8}
.il-auto .pp{display:grid;gap:4px;justify-items:center}
.il-lock{flex-direction:column;gap:12px}
.il-lock .stack3{position:relative;width:min(230px,80%);height:96px}
.il-lock .lk{position:absolute;left:0;right:0;height:44px;background:#fff;border-radius:10px;box-shadow:0 6px 16px -10px rgba(13,19,40,.4);display:flex;align-items:center;gap:8px;padding:0 12px}
.il-lock .lk0{top:0;transform:translateX(-14px)}.il-lock .lk1{top:26px}.il-lock .lk2{top:52px;transform:translateX(14px)}
.il-lock .lk i{flex:1;height:6px;border-radius:3px;background:var(--line2)}.il-lock .lk i.s{flex:.5}
.il-lock .lk svg{color:var(--accent)}
.il-lock .who{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.il-lock .pill{background:var(--ink);color:#fff;border-radius:999px;padding:4px 10px;font-weight:600;font-size:11px}
.il-lock .bank{background:#fff;border-radius:999px;padding:4px 10px;font-size:11px;border:1px solid var(--line)}
.il-own{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:280px;margin:0 auto}
.il-own .tile{background:#fff;border-radius:10px;padding:12px 8px;font-weight:600;text-align:center;box-shadow:0 4px 12px -8px rgba(13,19,40,.3)}
.il-own .tile.add{background:transparent;border:1.5px dashed var(--accent);color:var(--accent);box-shadow:none;display:flex;gap:4px;align-items:center;justify-content:center}
.il-sell .chan{display:grid;gap:6px;flex:1;max-width:200px}
.il-sell .ch{background:#fff;border-radius:10px;padding:6px 10px;display:flex;justify-content:space-between;align-items:center;font-weight:600;box-shadow:0 4px 12px -8px rgba(13,19,40,.3)}
.il-sell .ch svg{width:13px;height:13px;color:var(--mut)}
.il-rep{gap:8px}
.il-rep .ph{display:grid;gap:4px;justify-items:center;position:relative;width:24%;max-width:84px}
.il-rep .ph img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:8px;background:#fff}
.il-rep .ph .ring{position:absolute;width:26px;height:26px;border:2px solid #e01d3c;border-radius:50%;left:46%;top:38%}
.il-rep .ph.lab .tagmock{width:100%;aspect-ratio:3/4;border-radius:8px;background:#fff;background-image:repeating-linear-gradient(transparent 0 9px,var(--line2) 9px 12px);background-size:70% 100%;background-repeat:no-repeat;background-position:center 30%}
.il-rep>svg.i{color:var(--mut);flex:none}
.il-rep .ai{background:#fff;border-radius:12px;padding:9px 10px;display:grid;gap:4px;max-width:150px;box-shadow:0 6px 16px -10px rgba(13,19,40,.4)}
.il-rep .case{display:flex;gap:5px;align-items:center;font-weight:600;font-size:11px;color:var(--accent)}
.il-rep .case svg{width:13px;height:13px}
.il-news .form{background:#fff;border-radius:14px;padding:14px;display:grid;gap:8px;width:min(240px,85%);box-shadow:0 8px 20px -12px rgba(13,19,40,.45)}
.il-news .in{border:1px solid var(--line);border-radius:8px;padding:7px 9px;color:var(--mut);font-family:ui-monospace,Menlo,monospace;font-size:11px}
.il-design .pg{background:#1b1a17;color:#f4efe6;border-radius:14px;padding:12px;display:grid;gap:8px;width:min(230px,80%);box-shadow:0 10px 24px -14px rgba(0,0,0,.6);position:relative;font-family:Georgia,serif}
.il-design .hdr{display:flex;justify-content:space-between;align-items:center}
.il-design .lg{width:44px;height:10px;border-radius:2px;background:#d9a441}
.il-design .mn{display:grid;gap:3px}.il-design .mn i{display:block;width:14px;height:2px;background:#f4efe6}
.il-design b{font-size:16px;font-weight:400;line-height:1.15}
.il-design .tabs{display:flex;gap:5px;flex-wrap:wrap;font-family:Inter,sans-serif}
.il-design .tabs span{border:1px solid #5a554c;border-radius:999px;padding:2px 7px;font-size:9.5px}
.il-design .tabs span.on{background:#d9a441;border-color:#d9a441;color:#1b1a17}
.il-design .blk{height:30px;border-radius:8px;background:#2c2a25}.il-design .blk.s{height:16px;width:70%}
.il-design .css{position:absolute;right:-10px;bottom:-8px;background:var(--accent);color:#fff;font-family:ui-monospace,Menlo,monospace;font-size:10px;padding:3px 7px;border-radius:6px}
@media(max-width:420px){.il{gap:8px;padding:32px 10px 10px}.il-auto .src3 span,.il-auto .pp{padding:6px 7px}.il small{font-size:10px}}
.il-own{align-content:center;height:auto;align-self:center}
.ill-steps{display:grid;gap:16px;list-style:none;counter-reset:s}
@media(min-width:900px){.ill-steps.two{grid-template-columns:1fr 1fr}}
.ill-steps>li{display:grid;gap:18px;align-items:center}
@media(min-width:620px){.ill-steps>li{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}}
.ill-steps>li::before{display:none}
.ill-steps .st-t{display:grid;gap:8px;align-content:center}
.ill-steps .st-t h3::before{content:counter(s);font-family:'Inter Tight','Inter Tight Fallback';font-weight:600;font-size:14px;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;display:inline-grid;place-items:center;margin-right:10px;vertical-align:2px}
.ill-steps .si{background:var(--line2);border-radius:var(--r2);min-height:168px;display:grid;place-items:center;position:relative;overflow:hidden;padding:30px 12px 14px}
.sx{display:flex;align-items:center;justify-content:center;gap:10px;font-size:11.5px;color:var(--ink);width:100%}
.sx small{font-size:10px;color:var(--soft)}
.sx svg.i{width:15px;height:15px;color:var(--mut);flex:none}
.sx .ill-tag{top:8px;left:8px}
.sx-connect .srcs{display:grid;gap:4px}
.sx-connect .srcs span{background:#fff;border-radius:7px;padding:3px 8px;font-weight:600;font-size:10.5px;text-align:center;box-shadow:0 3px 8px -6px rgba(13,19,40,.35)}
.sx-connect svg{width:30px;height:104px;fill:none;stroke:var(--mut);stroke-width:1.3;flex:none}
.sx-connect .hub{background:var(--agent);color:#fff;border-radius:12px;padding:10px 12px;display:grid;gap:4px;justify-items:center}
.sx-connect .hub svg{color:#9cc2ff}
.sx-check{flex-direction:column;align-items:stretch;max-width:250px}
.sx-check .row{background:#fff;border-radius:10px;padding:8px 10px;display:grid;gap:4px;box-shadow:0 4px 10px -8px rgba(13,19,40,.35)}
.sx-check .meter{height:6px;border-radius:3px;background:var(--line2);overflow:hidden}.sx-check .meter i{display:block;height:100%;background:var(--ok)}
.sx-check ul{list-style:none;display:grid;gap:3px;margin-top:6px}
.sx-check li{display:flex;gap:6px;align-items:center;font-size:10.5px}
.sx-check li.ok svg{width:12px;height:12px;color:var(--ok)}
.sx-check li.miss span{color:#c0392b;font-weight:700;width:12px;text-align:center}
.sx-check li em{font-style:normal;color:#c0392b;font-size:10px}
.sx-design .kit{display:grid;grid-template-columns:auto auto;gap:5px 7px;align-items:center}
.sx-design .sw{display:flex;gap:3px}.sx-design .sw i{width:14px;height:14px;border-radius:4px;border:1px solid var(--line)}
.sx-design .aa{font-family:Georgia,serif;font-size:20px;line-height:1}
.sx-design .bt,.sx-pass .bt{background:#e01d3c;color:#fff;border-radius:999px;padding:3px 8px;font-size:9.5px;font-weight:600;text-align:center}
.sx .mini{background:#fff;border-radius:12px;padding:9px;display:grid;gap:5px;width:96px;box-shadow:0 6px 14px -10px rgba(13,19,40,.45);font-family:Georgia,serif}
.sx .mini .lg{width:38px;height:7px;border-radius:2px;background:#e01d3c}
.sx .mini b{font-size:11px;font-weight:400;line-height:1.2}
.sx .mini i{height:5px;border-radius:3px;background:var(--line2)}.sx .mini i.s{width:60%}
.sx-pass img{width:64px;aspect-ratio:390/450;object-fit:cover;border-radius:8px;background:#fff}
.sx-label .dl{display:grid;gap:4px;max-width:150px}
.sx-label code{font-family:ui-monospace,Menlo,monospace;font-size:9.5px;color:var(--accent);overflow-wrap:anywhere;background:#fff;border-radius:6px;padding:4px 6px}
.sx-files{gap:8px}
.sx-files .doc{background:#fff;border-radius:8px;padding:10px 8px;display:grid;gap:4px;justify-items:center;width:70px;box-shadow:0 4px 10px -8px rgba(13,19,40,.35)}
.sx-files .doc svg{width:20px;height:20px;color:var(--ok)}.sx-files .d1 svg{color:var(--accent)}.sx-files .d2 svg{color:#1e8e3e}
.sx-files .d1{transform:translateY(-6px)}
.sx-api{flex-direction:column;align-items:stretch;max-width:260px}
.sx-api code{background:var(--ink);color:#e6e9f2;font-family:ui-monospace,Menlo,monospace;font-size:10px;border-radius:8px;padding:7px 9px;overflow-wrap:anywhere}
.sx-api code.r{background:#fff;color:var(--soft);border:1px solid var(--line)}
.sx-api .m{color:#9cc2ff;font-weight:700}.sx-api .okc{color:var(--ok);font-weight:700}
.sx-supplier{flex-direction:column;gap:6px}
.sx-supplier .frm{background:#fff;border-radius:12px;padding:10px;display:grid;gap:6px;width:min(190px,90%);box-shadow:0 6px 14px -10px rgba(13,19,40,.45)}
.sx-supplier .fld{display:grid;gap:2px}.sx-supplier .fld i{height:16px;border:1px solid var(--line);border-radius:6px}.sx-supplier .fld i.s{width:70%}
.sx-supplier .btn-mock{justify-self:start;background:var(--ink)}
.sx-status{flex-direction:column;gap:6px;max-width:300px;margin:0 auto}
.sx-status .st{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 12px;display:flex;gap:8px;align-items:center;font-weight:600;font-size:13px}
.sx-status .st i{width:9px;height:9px;border-radius:50%;background:var(--ok)}
.sx-status .st small{margin-left:auto;color:var(--ok);font-size:11px}
.status-ill{background:var(--line2);border-radius:var(--r);padding:28px 16px;margin-bottom:24px}
.sx .bt{white-space:nowrap}
.status-ill{position:relative;padding-top:40px}
.sx-status .st i{background:var(--mut)}
.il-auto .flow{fill:var(--accent)}
.sx-check ul{isolation:isolate}
.qrsvg{display:block;width:100%;height:100%}
span.qr{display:block}
.an-code .qr{width:66px;height:66px;flex:none;border-radius:6px;overflow:hidden;background:#fff}
.ill-lf .qrd{padding:2px}.ill-lf .qrd svg{width:30px;height:30px}
.sx-label .dl{max-width:170px}.sx-label code{word-break:break-all}
.hero-i{padding-top:36px}.hero-i .g{align-items:start}
.hero-i h1{flex:1;min-width:0}
.h1row{display:flex;align-items:center;gap:28px}
.labels{flex:none;display:flex;flex-direction:column;align-items:center;gap:14px}
.lb{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px}
.stp{display:inline-flex;align-items:center;font-size:13px;font-weight:500;line-height:1.2;color:var(--ink);white-space:nowrap}
.hp-arr{flex:none;width:16px;height:16px;color:var(--mut);stroke:currentColor;fill:none;stroke-width:1.5}
.labels .a1{transform:rotate(90deg)}
.labels .a2d{position:absolute;left:calc(100% + 10px);top:72px}
.hero-ph{display:flex;flex-direction:column;align-items:center;gap:14px}
.reel-ph{display:block;width:100%;max-width:420px;padding:0;border:0;background:none;cursor:pointer;border-radius:30px}
.reel-ph:focus-visible,.reel-btn:focus-visible,dialog.reel .x:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.hero-ph .phone{width:100%;max-width:none;aspect-ratio:390/844}
.hero-ph .phone picture{display:block}.hero-ph .phone img{height:auto}
.labels[data-reel]{cursor:pointer}
.reel-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:8px 16px;font:inherit;font-size:14px;font-weight:500;color:var(--ink);cursor:pointer}
.reel-btn:hover{border-color:var(--ink)}
.reel-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linejoin:round}
dialog.reel{padding:0;border:0;background:#000;border-radius:16px;width:min(92vw,1100px);max-width:none;max-height:none;overflow:visible;margin:auto}
dialog.reel.tall{width:min(92vw,calc(84vh * 9 / 16))}
dialog.reel::backdrop{background:rgba(13,19,40,.72)}
dialog.reel video{display:block;width:100%;height:auto;max-height:84vh;background:#000;border-radius:16px}
dialog.reel .x{position:absolute;top:-46px;right:0;z-index:1;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;cursor:pointer}
dialog.reel .x svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}
.hero-ph .cap{margin-top:0}
.hang{padding-top:48px}
.hang .sw{position:relative;transform-origin:50% -48px;transform:rotate(-3deg)}
.hang .str{position:absolute;top:-48px;left:50%;width:40px;height:56px;margin-left:-20px;overflow:visible;z-index:2}
.hang .str path{fill:none;stroke-width:1.3;stroke-linecap:round}
.ht{position:relative;display:block;width:108px;background:#fff;border-radius:4px;box-shadow:0 14px 28px -16px rgba(13,19,40,.5),0 0 0 1px rgba(13,19,40,.06)}
.ht img{display:block;width:100%;height:auto;border-radius:4px}
.ht::before{content:'';position:absolute;top:3px;left:50%;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 1px rgba(13,19,40,.18);z-index:1}
.qrz{position:absolute;left:40%;top:26.9%;width:40%;height:25%;overflow:hidden;pointer-events:none}
.qrz .beam{position:absolute;inset:0;background:linear-gradient(var(--accent),var(--accent)) top/100% 2px no-repeat;filter:drop-shadow(0 0 4px var(--accent));opacity:0}
.care{position:relative;display:block;width:150px;padding:9px 5px 6px;isolation:isolate;border-radius:1px 1px 3px 3px;background:repeating-linear-gradient(0deg,rgba(13,19,40,.045) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(13,19,40,.035) 0 1px,transparent 1px 2px),#f5f2ec;box-shadow:0 10px 20px -14px rgba(13,19,40,.45),0 0 0 1px rgba(13,19,40,.07);transform:rotate(2deg)}
.care::before{content:'';position:absolute;left:0;right:0;top:0;height:6px;background:rgba(13,19,40,.07);border-bottom:1px dashed rgba(13,19,40,.35)}
.care::after{content:'';position:absolute;inset:auto 3px 2px;border-bottom:1px dashed rgba(13,19,40,.14)}
.care img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
@media(max-width:899px){
  .labels .a2d{display:none}
}
@media(max-width:640px){
  .h1row{flex-direction:column;align-items:flex-start;gap:24px}
  .labels{flex-direction:row;align-items:stretch;gap:16px}
  .labels .a1{transform:none;align-self:center}
}
.sx-label .lbls{position:relative;flex:none;display:flex;align-items:flex-end;gap:0}
.sx-label .ht{width:54px;transform:rotate(-4deg)}
.sx-label .ht::before{top:2px;width:4px;height:4px;margin-left:-2px}
.sx-label .care{width:80px;padding:6px 3px 4px;margin-left:-10px;margin-bottom:-4px;z-index:1}
.sx-label .care::before{height:4px}
.sx-law{flex-direction:column;gap:10px}
.sx-law .acts{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}
.sx-law .chip{background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px 9px;font-size:10.5px}
.sx-law .chip.on{background:var(--ink);border-color:var(--ink);color:#fff}
.sx-law .act{background:#fff;border-radius:10px;padding:9px 12px;display:grid;gap:4px;min-width:170px;box-shadow:0 6px 14px -10px rgba(13,19,40,.45)}
.sx-law .act span{display:flex;gap:6px;align-items:center;color:var(--soft);font-size:10.5px}
.sx-law .act svg.i,.sx-docs .doc em svg.i{width:12px;height:12px;color:var(--ok)}
.sx-docs{gap:8px;align-items:flex-end}
.sx-docs .doc{background:#fff;border-radius:8px;padding:10px 8px;display:grid;gap:4px;justify-items:center;text-align:center;width:84px;box-shadow:0 4px 10px -8px rgba(13,19,40,.35)}
.sx-docs .doc b{font-size:10.5px;line-height:1.2}
.sx-docs .doc svg.i{width:20px;height:20px;color:var(--accent)}
.sx-docs .d2{width:104px}
.sx-docs em{font-style:normal;display:flex;gap:4px;align-items:center;font-size:9.5px;color:var(--ok);line-height:1.2;text-align:left}
.sx-svcs ul{list-style:none;background:#fff;border-radius:12px;padding:6px 12px;display:grid;min-width:180px;box-shadow:0 6px 14px -10px rgba(13,19,40,.45)}
.sx-svcs li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0;border-top:1px solid var(--line2);font-size:11px}
.sx-svcs li:first-child{border-top:0}
.sx-svcs .tg{position:relative;flex:none;width:24px;height:14px;border-radius:999px;background:var(--ok)}
.sx-svcs .tg::before{content:'';position:absolute;inset:0;border-radius:inherit;background:var(--line);opacity:0}
.sx-svcs .tg::after{content:'';position:absolute;top:2px;left:12px;width:10px;height:10px;border-radius:50%;background:#fff}
#how-to-start .who{font-size:clamp(20px,2.2vw,24px);margin:44px 0 16px}
.ind-note{color:var(--soft);max-width:68ch;margin-bottom:24px}
.ex-jump .chip{text-decoration:none;color:inherit}
[data-law]{scroll-margin-top:96px}
html{scroll-padding-top:88px}
.hs{position:relative}
.hs-track{display:grid;grid-auto-flow:column;grid-auto-columns:min(78vw,300px);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 2px;padding:4px 2px 8px;scrollbar-width:none;overscroll-behavior-x:contain}
.hs-track::-webkit-scrollbar{display:none}
.hs-track>.card{scroll-snap-align:start}
.hs-track:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:var(--r)}
.hs-b{display:none}
@media(min-width:900px){
  .hs-track{grid-auto-columns:calc((100% - 40px) / 3.2)}
  
  .grid.exg{grid-template-columns:repeat(auto-fill,calc((100% - 40px) / 3.2));gap:20px}
  .hs-b{display:grid;place-items:center;position:absolute;top:calc(50% - 22px);width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;box-shadow:0 10px 24px -14px rgba(13,19,40,.4);z-index:2}
  .hs-b svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.75}
  .hs-b.prev{left:-22px}.hs-b.prev svg{transform:rotate(180deg)}
  .hs-b.next{right:-22px}
  .hs-b:disabled{opacity:0;pointer-events:none}
  .hs-b:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
}
.cl-filter{margin-bottom:8px}
.log.community .src{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.log.community h2 a{color:inherit;text-decoration:none}
.log.community h2 a:hover{text-decoration:underline}
.log.community p:not(.src){color:var(--soft);margin:0 0 12px;max-width:68ch;overflow-wrap:anywhere}
.ptabs{margin-top:28px}
.ptabs a.chip{text-decoration:none}
.ptabs a.chip:hover{border-color:var(--ink);color:var(--ink)}
.extras .panel{background:var(--bg);border:1px solid var(--line)}
.extras .panel p{color:var(--soft)}
.extras .lnk{justify-self:start}
#beyond-plans,#book,#dpp-services,#microsites,#tailored{scroll-margin-top:88px}
.book{align-items:start}
.book .head{margin-bottom:20px}
.cal-slot{display:grid;place-items:center;min-height:220px;padding:24px}
.cal-slot.open{display:block;padding:0}
.sys-grid{display:grid;gap:18px;margin-bottom:26px}
@media(min-width:900px){.sys-grid{grid-template-columns:1fr 1fr;align-items:start}}
.sys{--bad:#a3261b;--badbg:#fbe9e7;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:22px 18px;display:grid;gap:14px;min-width:0}
.sys-top{display:grid;gap:10px}
.sys h2{font-size:22px;margin:0}.sys h2 span{font-weight:500;color:var(--soft);font-size:.8em}
.sys-state{display:inline-flex;align-items:center;gap:8px;margin:0;padding:6px 12px;border-radius:999px;font-weight:600;font-size:14.5px;justify-self:start;background:var(--reqbg);color:var(--req)}
.sys-state[data-s=ok]{background:var(--okbg);color:var(--ok)}
.sys-state[data-s=degraded]{background:var(--warnbg);color:var(--warn)}
.sys-state[data-s=outage],.sys-state[data-s=error]{background:var(--badbg);color:var(--bad)}
.sys i{flex:none;width:9px;height:9px;border-radius:50%;background:var(--mut)}
.sys [data-s=ok] i{background:var(--ok)}.sys [data-s=degraded] i{background:var(--warn)}.sys [data-s=outage] i,.sys [data-s=error] i{background:var(--bad)}
.sys-rows{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.sys-rows li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:15px}
.sys-rows .n{font-weight:600;overflow-wrap:anywhere}
.sys-rows .v{display:inline-flex;align-items:center;gap:7px;justify-self:end;white-space:nowrap}
.sys-rows small{grid-column:1/-1;color:var(--mut);font-size:12.5px}
.sys-rows [data-s=outage] .v{color:var(--bad);font-weight:600}.sys-rows [data-s=degraded] .v{color:var(--warn);font-weight:600}
.sys-inc{background:var(--warnbg);border-radius:var(--r2);padding:12px 14px;display:grid;gap:10px}
.sys-inc h3{font-size:15px;margin:0}.sys-inc .in{display:grid;gap:2px;font-size:14.5px}.sys-inc small{color:var(--soft)}.sys-inc p{margin:0}
.sys-meta{margin:0;color:var(--soft);font-size:13.5px}
.sys .lnk{justify-self:start}
@media(prefers-reduced-motion:no-preference){.sys-state[data-s=loading] i{animation:sys-pulse 1.2s ease-in-out infinite}}
@keyframes sys-pulse{50%{opacity:.25}}
.sys [hidden]{display:none}
.badge .bico{width:16px;height:16px;border-radius:4px;flex:none}
.art-faq,.art-src{margin-top:48px;max-width:72ch}
.art-faq h2,.art-src h2{font-size:clamp(22px,2.6vw,28px);margin-bottom:14px}
.art-src ol{padding-left:22px;display:grid;gap:6px;font-size:15px;overflow-wrap:anywhere}
.art-src a{color:var(--accent)}
.art-src .src{margin-top:12px}
.prose .dg{overflow-wrap:break-word;margin:1.8em 0;border:1px solid var(--line);border-radius:var(--r2);background:var(--paper);padding:20px 16px 12px;font-size:14px;line-height:1.35;color:var(--ink)}
@media(min-width:700px){.prose .dg{padding:26px 24px 14px}}
.dg *+*{margin-top:0}
.dg ol,.dg ul{list-style:none;padding:0}
.dg li+li{margin-top:0}
.dg p{max-width:none}
.dg small{display:block;font-size:12.5px;color:var(--soft);line-height:1.35}
.dg b{font-weight:600}
.dg code{font-family:Inter,sans-serif;font-feature-settings:'tnum';font-size:13px;white-space:normal;overflow-wrap:anywhere}
.dg .k{display:block;font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--mut)}
.dg .b{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:8px 10px}
.dg .ac{background:var(--tint);border-color:#c9d6f6;color:var(--navy)}
.dg svg.i{width:18px;height:18px}
.dg-ar{width:24px;height:12px;flex:none;fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.dg .cd{font-style:normal;font-weight:600;font-size:12px;color:var(--accent);white-space:nowrap}
.dg figcaption{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;margin-top:18px;padding-top:12px;border-top:1px solid var(--line2);font-size:13px;color:var(--soft);line-height:1.45}
.dg-re{display:none;align-items:center;gap:6px;flex:none;font:inherit;font-size:13px;color:var(--accent);background:none;border:1px solid var(--line);border-radius:999px;padding:5px 11px 5px 9px;cursor:pointer}
.dg-re svg.i{width:15px;height:15px}
.dg-re:hover{border-color:var(--accent)}
.dg-re:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(prefers-reduced-motion:no-preference){.js .dg-re{display:inline-flex}}
.dg-steps{position:relative;display:grid;gap:8px}
.dg-steps::before{content:'';position:absolute;left:13px;top:14px;bottom:-22px;width:1.5px;background:var(--accent);opacity:.35;transform-origin:top}
.dg-steps li{position:relative;display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center}
.dg-steps li>b{width:28px;height:28px;border-radius:50%;background:var(--paper);border:1.5px solid var(--accent);color:var(--accent);display:grid;place-items:center;font-size:12.5px}
.dg-steps .cd{text-align:right;border:1px solid #c9d6f6;background:var(--tint);border-radius:8px;padding:3px 7px}
.dg-steps .cd.nc{background:var(--paper);border:1px dashed var(--accent)}
.dg-steps .cd small{font-size:10.5px;font-weight:500;color:var(--soft)}
.dg-band{position:relative;margin-top:14px;display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline;background:var(--tint);border-radius:10px;padding:10px 12px;color:var(--navy)}
.dg-band .k{width:100%;color:var(--navy)}
.dg-cn{display:grid;grid-template-columns:1fr 24px minmax(0,.6fr) 24px 1fr;grid-template-rows:auto auto;gap:14px 6px;align-items:center}
.dg-cn .who{display:flex;gap:8px;align-items:flex-start}
.dg-cn .who svg{margin-top:1px;color:var(--accent)}
.dg-cn .w1{grid-area:1/1}.dg-cn .w2{grid-area:2/1}
.dg-cn .a1{grid-area:1/2}.dg-cn .a3{grid-area:2/2}.dg-cn .a2{grid-area:1/4}.dg-cn .a4{grid-area:2/4}
.dg-cn .addr{grid-area:1/3/3/4;align-self:stretch;display:grid;align-content:center;gap:4px;text-align:center;border:1.5px solid var(--accent);border-radius:12px;padding:10px 8px;background:var(--paper)}
.dg-cn .addr .k{color:var(--accent);text-transform:none;letter-spacing:0;font-size:13px;overflow-wrap:normal}
.dg-cn .res{border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:8px 10px}
.dg-cn .r1{grid-area:1/5}.dg-cn .r2{grid-area:2/5}
.dg-cn .res b{display:block}
.dg-cn code{font-size:12px;display:inline}
@media(max-width:520px){.dg-cn{grid-template-columns:1fr 18px minmax(0,.8fr) 18px 1fr;gap:12px 3px}.dg-cn .dg-ar{width:18px}.dg-cn .who svg{display:none}}
.dg-gran{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.dg-gran .col{display:grid;gap:3px;text-align:center}
.dg-gran svg{width:100%;max-width:150px;height:auto;margin:0 auto 4px}
.dg-gran .u rect{fill:var(--line);stroke:none}
.dg-gran .ol{fill:none;stroke:var(--accent);stroke-width:1}
.dg-chg{margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;border-top:1px dashed var(--line);padding-top:14px}
.dg-chg svg{width:40px;height:12px;fill:var(--accent);stroke:var(--accent);stroke-width:1.5}
.dg-chg small{width:100%}
.dg-flow{display:flex;flex-direction:column;align-items:center;gap:8px}
.dg-flow .st{display:grid;justify-items:center;gap:3px;text-align:center;width:100%;max-width:260px}
.dg-flow .dg-ar.v{transform:rotate(90deg);margin:4px 0}
@media(min-width:620px){.dg-flow{flex-direction:row;align-items:flex-start;justify-content:center}.dg-flow .st{flex:1;max-width:none}.dg-flow .dg-ar.v{transform:none;margin:34px 0 0}}
.dg-flow .st>b{margin-top:6px}
.tagq{position:relative;width:64px;height:64px;border:1px solid var(--line);border-radius:10px;background:var(--bg);display:grid;place-items:center;overflow:hidden}
.tagq .qr{width:40px;height:40px;fill:none;stroke:var(--ink);stroke-width:1.2}
.tagq .qr .f{fill:var(--ink);stroke:none}
.tagq .beam{position:absolute;inset:4px 6px;background:linear-gradient(var(--accent),var(--accent)) top/100% 2px no-repeat;opacity:0}
.dg-flow .url{display:grid;place-items:center;height:64px;padding:0 10px;border:1px solid #c9d6f6;background:var(--tint);color:var(--navy);border-radius:10px;font-size:12.5px}
.dg-flow .pp{position:relative;width:64px;height:64px;border:1px solid var(--line);border-radius:10px;background:var(--bg);display:grid;place-items:center}
.dg-flow .pp>svg.i{width:28px;height:28px;color:var(--soft)}
.dg-flow .tick{position:absolute;right:-8px;bottom:-8px;width:26px;height:26px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center}
.dg-flow .tick.sg{background:var(--accent)}
.dg-flow .tick svg.i{width:15px;height:15px;stroke-width:2.25}
.dg-res{margin-top:18px;display:grid;gap:6px;border-top:1px dashed var(--line);padding-top:14px}
.dg-res li{display:flex;gap:8px;align-items:flex-start}
.dg-res li svg.i{width:16px;height:16px;margin-top:1px;color:var(--ok);stroke-width:2.25}
.dg-res li.no svg.i{color:#b03a2e}
.dg-arch{display:grid;grid-template-columns:1fr 76px 1fr;gap:10px 6px;align-items:center}
.dg-arch .side{border:1px solid var(--line);border-radius:12px;padding:10px;display:grid;gap:8px;align-self:stretch;background:var(--paper)}
.dg-arch .bk{border:1.5px dashed var(--accent);background:var(--tint)}
.dg-arch .sub{margin-top:-6px}
.dg-arch .vs{display:grid;gap:5px}
.dg-arch .v{display:block;border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:5px 8px;font-size:12.5px;font-weight:600}
.dg-arch .v1,.dg-arch .v2{color:var(--soft);font-weight:500}
.dg-arch .bk .v{background:var(--paper);border-color:#c9d6f6;color:var(--navy)}
.dg-arch .mid{display:grid;justify-items:center;gap:2px;text-align:center}
.dg-arch .mid svg{width:40px;height:12px;fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.dg-arch .mid small{font-size:11px;overflow-wrap:normal}
.dg-arch .foot{grid-column:1/-1;display:flex;gap:8px;align-items:flex-start;margin-top:4px;font-size:13px;color:var(--soft)}
.dg-arch .foot svg{color:var(--accent);flex:none}
@media(max-width:420px){.dg-arch{grid-template-columns:1fr 62px 1fr}.dg-arch .mid svg{width:30px}.dg-arch .mid small{font-size:10.5px}}
.dg-api .ends{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px}
.dg-api .ends .b{display:flex;gap:6px;align-items:center;font-weight:600;font-size:13px}
.dg-api .ends svg{color:var(--accent)}
.dg-api .call{display:grid;gap:3px;padding:8px 0}
.dg-api .call+.call{border-top:1px solid var(--line2)}
.dg-api .rq small{font-size:11.5px;color:var(--mut)}
.dg-api .rq code{font-weight:600;color:var(--navy)}
.dg-api .ln{display:block;position:relative;height:10px}
.dg-api .ln::before{content:'';position:absolute;left:0;right:0;top:4.25px;height:1.5px;background:currentColor}
.dg-api .ln::after{content:'';position:absolute;top:1px;width:7px;height:7px;border:solid currentColor;border-width:1.5px 1.5px 0 0}
.dg-api .ln.to{color:var(--accent);transform-origin:left}
.dg-api .ln.to::after{right:1px;transform:rotate(45deg)}
.dg-api .ln.fr{color:var(--ok);transform-origin:right}
.dg-api .ln.fr::after{left:1px;transform:rotate(-135deg)}
.dg-api .rs{text-align:right;font-size:12.5px;color:var(--ok);font-weight:600}
.dg-hdr{display:grid;justify-items:center}
.dg-hdr .hd{width:100%;border:1.5px solid var(--accent);border-radius:12px;padding:12px;display:grid;gap:10px}
.dg-hdr .at{display:flex;flex-wrap:wrap;gap:6px}
.dg-hdr .at code{border:1px solid var(--line);background:var(--bg);border-radius:7px;padding:3px 7px;font-size:12px}
.dg-hdr .at code.ac{background:var(--tint);border-color:#c9d6f6;font-weight:600}
.dg-hdr .cn{width:12px;height:28px;margin:4px 0;fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.dg-hdr .ct{width:100%;border:1px dashed var(--line);border-radius:12px;padding:12px;background:var(--bg);display:grid;gap:3px}
.dg-lay{display:grid;gap:6px}
.dg-lay .ly{display:grid;grid-template-columns:20px 1fr;gap:2px 10px;align-items:center;border-radius:10px;padding:10px 12px;background:var(--bg);border:1px solid var(--line)}
.dg-lay .ly svg{grid-row:1/3;color:var(--soft)}
.dg-lay .l1{margin:0 10px}.dg-lay .l0{margin:0 20px}
.dg-lay .pub{background:var(--tint);border-color:#c9d6f6;color:var(--navy)}
.dg-lay .pub svg{color:var(--accent)}
.dg-lay .lim{font-size:12.5px;color:var(--soft);padding:2px 12px 0;border-left:2px solid var(--line);margin-left:12px}
.dg-tree{display:grid;justify-items:center;text-align:center}
.dg-tree>.b,.dg-tree .two .b{display:grid;gap:2px;max-width:340px;width:100%}
.dg-tree .two{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
.dg-tree .two .b{max-width:none}
.dg-tree .br{width:100%;height:16px;fill:none;stroke:var(--accent);stroke-width:1.5;overflow:visible}
.dg-tree .br+.b,.dg-tree .two+.br{margin:0}
.dg-tree .id{margin-top:2px;display:grid;gap:6px;justify-items:center}
.dg-uri{display:grid;gap:12px}
.dg-uri .row{display:grid;gap:4px}
@media(min-width:620px){.dg-uri .row{grid-template-columns:110px 1fr;gap:12px;align-items:start}}
.dg-uri .lv b{display:block;font-size:13.5px}
.dg-uri .segs,.dg-tree .segs{display:flex;flex-wrap:wrap;gap:4px}
.dg .sg{display:inline-grid;gap:2px;border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:5px 8px;min-width:0}
.dg .sg.ac{background:var(--tint);border-color:#c9d6f6;color:var(--navy)}
.dg .sg.mu code{color:var(--mut)}
.dg .sg code{font-weight:600}
.dg .sg small{font-size:11.5px}
.dg-note{font-size:12.5px;font-weight:600;color:var(--accent);margin-bottom:12px}
.card.sc{position:relative}
.card.sc .art{height:136px;flex:none;background:var(--bg);border-bottom:1px solid var(--line2);display:flex;align-items:center;justify-content:center;padding:8px 12px}
.card.sc .lnk::after{content:'';position:absolute;inset:0;border-radius:var(--r)}
.card.sc:has(.lnk:focus-visible){outline:2px solid var(--accent);outline-offset:3px}
@supports selector(:has(a)){.card.sc .lnk:focus-visible{outline:none}}
.ca{width:100%;height:100%;max-width:320px;overflow:visible;fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ca *{transform-box:fill-box;transform-origin:center}
.ca [transform]{transform-box:view-box;transform-origin:0 0}
.ca .pa{fill:var(--paper)}
.ca .ti{fill:var(--tint)}
.ca .so{fill:var(--accent);stroke:none}
.ca .fa{stroke:#c9d6f6}
.ca text{font:600 9px Inter,system-ui,sans-serif;font-feature-settings:'tnum';fill:var(--ink);stroke:none}
.ca text.nv{fill:var(--navy)}
.ca text.mu{fill:var(--mut);font-weight:500;font-size:8.5px}
.ca text.br{font-size:18px;fill:var(--accent)}
.ca text.br2{font-size:12px}
.ca .sg rect{fill:var(--paper)}
.ca .sg.ai rect{fill:var(--tint)}
.ca .nc circle,.ca .bk rect{stroke-dasharray:2.5 2.5}
.ca .run,.ca .req,.ca .res,.ca .call,.ca .beam,.ca .nv4{opacity:0}
.ca .beam{stroke-width:2}
.ca .dw,.ca .ck{stroke-dasharray:1}
.ca .ck{stroke-width:2}
.ca .bar{fill:var(--accent);stroke:none;opacity:.5;transform-origin:left center}
.ca .hd{opacity:.8}
.ca .sh{transform:translateY(-5px)}
.ca .lk1{transform:translate(-2px,2px)}
.ca .lk2{transform:translate(2px,-2px)}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ltl{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0 0 22px}
.ltl li{position:relative;padding-top:24px;min-width:0}
.ltl li::before{content:'';position:absolute;left:0;top:4px;width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--tint)}
.ltl li.off::before{background:var(--paper);border:1.5px dashed var(--mut);box-shadow:none;box-sizing:border-box}
.ltl li::after{content:'';position:absolute;left:22px;right:10px;top:9.5px;border-top:1.5px solid var(--accent)}
.ltl li.off::after,.ltl li:has(+ li.off)::after{border-top-style:dashed;border-top-color:var(--mut)}
@media (max-width:760px){.ltl{grid-template-columns:1fr;gap:14px}.ltl li{padding:0 0 0 24px}.ltl li::before{top:3px}.ltl li::after{left:5.25px;right:auto;top:20px;bottom:-14px;border-top:0;border-left:1.5px solid var(--accent)}.ltl li.off::after,.ltl li:has(+ li.off)::after{border-left-style:dashed;border-left-color:var(--mut)}}
.ltl li:last-child::after{display:none}
.ltl a{display:grid;gap:2px;text-decoration:none;color:var(--soft);font-size:14px;line-height:1.35;padding-right:12px;overflow-wrap:anywhere}
.ltl .y{font-weight:600;color:var(--ink);font-size:17px;font-feature-settings:'tnum'}
.ltl li.off .y{color:var(--soft);font-size:15px}
.ltl a:hover span:last-child{color:var(--accent)}
.grid.lawc{list-style:none;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr))}
.card.lc .art{height:136px;flex:none;background:var(--bg);border-bottom:1px solid var(--line2);display:flex;align-items:center;justify-content:center;padding:8px 12px}
.card.lc .body{gap:12px}
.card.lc dl{gap:10px}
.card.lc dt{font-size:11.5px}
.lst{display:inline-flex;align-items:center;gap:8px;justify-self:start;font-size:13.5px;font-weight:600;line-height:1.35;border-radius:999px;padding:6px 12px 6px 10px}
.card .lst.on{background:var(--tint);color:var(--navy)}
.card .lst.off{background:var(--paper);color:var(--soft);border:1px dashed #c4c7d2}
.lst svg{width:16px;height:16px;flex:none;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.5}
.lst.on svg{stroke:var(--accent)}
.lst.on .dot{fill:var(--accent);stroke:none}
.lst.on .ring{fill:var(--tint);transform-box:fill-box;transform-origin:center}
.ca .cell{fill:var(--accent);stroke:none;opacity:.5}
.pilot-more{margin-top:10px;font-size:14px;line-height:1.5;color:var(--soft)}
.pilot-more summary{cursor:pointer;font-weight:600;color:var(--ink);list-style-position:inside}
.pilot-more p{margin:8px 0 0}
.pilot-more a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
:root{--mo-ease:cubic-bezier(.2,.7,.2,1);--mo-fast:180ms;--mo-base:420ms;--mo-slow:900ms;--mo-step:80ms}
@keyframes mo-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes mo-fade{from{opacity:0}to{opacity:1}}
@keyframes mo-pop{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
@keyframes mo-slide{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
@keyframes mo-grow-x{from{transform:scaleX(0)}to{transform:none}}
@keyframes mo-grow-y{from{transform:scaleY(0)}to{transform:none}}
@keyframes mo-draw{to{stroke-dashoffset:0}}
@keyframes mo-settle{from{opacity:0;transform:translateY(-14px) rotate(-12deg)}to{opacity:1;transform:rotate(-4deg)}}
@keyframes mo-drop{from{opacity:0;transform:translateY(-10px) rotate(-9deg)}to{opacity:1;transform:none}}
@keyframes mo-sway{from{transform:rotate(-2.5deg)}to{transform:rotate(2.5deg)}}
@keyframes mo-flow{0%,100%{transform:translateX(-2.5px);opacity:.45}50%{transform:translateX(2.5px);opacity:1}}
@keyframes mo-scroll{0%,16%{transform:translateY(0)}48%,60%{transform:translateY(-41.26%)}92%,100%{transform:translateY(0)}}
@keyframes mo-sweep{0%{transform:translateY(-4%);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateY(96%);opacity:0}}
@keyframes mo-brighten{from{opacity:.35}to{opacity:1}}
@keyframes mo-mark{from{opacity:0}to{opacity:1}}
@keyframes mo-out{from{opacity:1}to{opacity:0}}
@keyframes mo-switch{from{transform:translateX(-10px)}to{transform:none}}
@keyframes mo-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(prefers-reduced-motion:no-preference){
  
  .js .rv{opacity:0;transform:translateY(14px);transition:opacity var(--mo-slow) var(--mo-ease),transform var(--mo-slow) var(--mo-ease)}
  .js .rv.in{opacity:1;transform:none}
  
  .js .rv [data-mo]{opacity:0}
  .js .rv.in [data-mo]{animation:mo-rise var(--mo-base) var(--mo-ease) calc(var(--i,0) * var(--mo-step) + 120ms) both}
  .js .rv.in [data-mo=pop]{animation-name:mo-pop}
  .js .rv.in [data-mo=slide]{animation-name:mo-slide}
  .js .rv.in [data-mo=fade]{animation-name:mo-fade}
  
  .js .hero-i .hang{transform-origin:50% 0;animation:mo-drop var(--mo-slow) var(--mo-ease) 150ms both}
  .js .hero-i .hang .sw{animation:mo-sway 5.2s ease-in-out 1.2s infinite alternate}
  .js .hero-i .care{animation:mo-rise var(--mo-base) var(--mo-ease) 450ms both}
  .js .hero-i .qrz .beam{animation:mo-sweep var(--mo-slow) var(--mo-ease) 750ms both}
  
  .js .hero-i .stp,.js .hero-i .hp-arr{animation:mo-fade var(--mo-base) var(--mo-ease) both}
  .js .hero-i .s1{animation-delay:500ms}
  .js .hero-i .a1{animation-delay:700ms}
  .js .hero-i .s2{animation-delay:850ms}
  .js .hero-i .a2d{animation-delay:1250ms}
  .js .hero-i .s3{animation-delay:1900ms}
  
  .js .hero-i .hp-arr path{animation:mo-flow 2.8s ease-in-out 2.4s infinite}
  .js .hero-i .a2d path{animation-delay:3.8s}
  .js .hero-ph .phone img{animation:mo-scroll 18s ease-in-out 3s infinite}
  
  .js .layers.rv .layer,.js .layers.rv .f-eb{opacity:0}
  .js .layers.rv.in .layer.base{animation:mo-rise var(--mo-base) var(--mo-ease) 150ms both}
  .js .layers.rv.in .layer.mid{animation:mo-rise var(--mo-base) var(--mo-ease) 450ms both}
  .js .layers.rv.in .f-eb{animation:mo-fade var(--mo-base) var(--mo-ease) 700ms both}
  .js .layers.rv.in .layer.top{animation:mo-rise var(--mo-base) var(--mo-ease) 900ms both}
  .js .layers.rv.in .foundation{transition:border-color var(--mo-slow) var(--mo-ease)}
  
  .js .gen.rv .pair figure:nth-child(2){opacity:0}
  .js .gen.rv.in .pair figure:nth-child(1){animation:mo-rise var(--mo-base) var(--mo-ease) 100ms both}
  .js .gen.rv.in .pair figure:nth-child(2){animation:mo-slide var(--mo-slow) var(--mo-ease) 500ms both}
  
  .js .law-panel.mo-swap{animation:mo-rise var(--mo-base) var(--mo-ease) both}
  
  .js .anim .seg,.js .anim .lvl,.js .anim .ver,.js .anim .backup,.js .anim .node{opacity:0}
  .anim.in .seg{animation:mo-rise var(--mo-base) var(--mo-ease) both}.anim.in .s1{animation-delay:calc(5 * var(--mo-step))}.anim.in .s2{animation-delay:calc(10 * var(--mo-step))}
  .anim.in .lvl{animation:mo-slide var(--mo-base) var(--mo-ease) both}.anim.in .l1{animation-delay:calc(4 * var(--mo-step))}.anim.in .l2{animation-delay:calc(8 * var(--mo-step))}
  .anim.in .lvl i{transform-origin:left;animation:mo-grow-x var(--mo-slow) var(--mo-ease) calc(4 * var(--mo-step)) backwards}
  .anim.in .ver{animation:mo-rise var(--mo-base) var(--mo-ease) both}.anim.in .v2{animation-delay:calc(4 * var(--mo-step))}.anim.in .v3{animation-delay:calc(8 * var(--mo-step))}
  .anim.in .backup{animation:mo-pop var(--mo-base) var(--mo-ease) calc(14 * var(--mo-step)) both}
  .anim.in .node{animation:mo-rise var(--mo-base) var(--mo-ease) both}.anim.in .n1{animation-delay:calc(5 * var(--mo-step))}.anim.in .n2{animation-delay:calc(7 * var(--mo-step))}
  .anim.in .ln{stroke-dashoffset:160;animation:mo-draw var(--mo-slow) var(--mo-ease) calc(5 * var(--mo-step)) forwards}
  .js .anim .dot{opacity:0}.anim.in .dot{animation:mo-fade var(--mo-fast) var(--mo-ease) calc(18 * var(--mo-step)) forwards}
  
  .js .ill-steps .rv .sx>*{opacity:0}
  .ill-steps .rv.in .sx>*{animation:mo-rise var(--mo-base) var(--mo-ease) both}
  .ill-steps .rv.in .sx>*:nth-child(2){animation-delay:calc(2 * var(--mo-step))}
  .ill-steps .rv.in .sx>*:nth-child(3){animation-delay:calc(4 * var(--mo-step))}
  .ill-steps .rv.in .sx>*:nth-child(4){animation-delay:calc(6 * var(--mo-step))}
  
  .ill-steps .rv.in .sx-connect .srcs span{animation:mo-slide var(--mo-base) var(--mo-ease) both}
  .ill-steps .rv.in .sx-connect .srcs span:nth-child(2){animation-delay:calc(1 * var(--mo-step))}.ill-steps .rv.in .sx-connect .srcs span:nth-child(3){animation-delay:calc(2 * var(--mo-step))}.ill-steps .rv.in .sx-connect .srcs span:nth-child(4){animation-delay:calc(3 * var(--mo-step))}.ill-steps .rv.in .sx-connect .srcs span:nth-child(5){animation-delay:calc(4 * var(--mo-step))}
  .js .sx-connect svg path{stroke-dasharray:60;stroke-dashoffset:60}
  .ill-steps .rv.in .sx-connect svg path{animation:mo-draw var(--mo-slow) var(--mo-ease) calc(5 * var(--mo-step)) forwards}
  .ill-steps .rv.in .sx-connect .hub{animation:mo-pop var(--mo-base) var(--mo-ease) calc(12 * var(--mo-step)) both}
  
  .sx-check .meter i{transform-origin:left}
  .ill-steps .rv.in .sx-check .meter i{animation:mo-grow-x var(--mo-slow) var(--mo-ease) calc(3 * var(--mo-step)) both}
  .js .sx-check li{opacity:0}
  .ill-steps .rv.in .sx-check li{animation:mo-rise var(--mo-base) var(--mo-ease) both}
  .ill-steps .rv.in .sx-check li:nth-child(1){animation-delay:calc(5 * var(--mo-step))}.ill-steps .rv.in .sx-check li:nth-child(2){animation-delay:calc(6 * var(--mo-step))}.ill-steps .rv.in .sx-check li:nth-child(3){animation-delay:calc(7 * var(--mo-step))}.ill-steps .rv.in .sx-check li:nth-child(4){animation-delay:calc(10 * var(--mo-step))}.ill-steps .rv.in .sx-check li:nth-child(5){animation-delay:calc(11 * var(--mo-step))}
  .sx-check li.miss{position:relative}
  .sx-check li.miss::after{content:'';position:absolute;inset:-2px -6px;border-radius:6px;background:rgba(192,57,43,.08);z-index:-1}
  .js .sx-check li.miss::after{opacity:0}
  .ill-steps .rv.in .sx-check li.miss::after{animation:mo-mark var(--mo-base) var(--mo-ease) calc(14 * var(--mo-step)) both}
  
  .js .sx-design .mini .lg,.js .sx-design .mini .bt{transform-origin:left}
  .ill-steps .rv.in .sx-design .mini{animation:mo-pop var(--mo-base) var(--mo-ease) calc(6 * var(--mo-step)) both}
  .ill-steps .rv.in .sx-design .mini .lg{animation:mo-grow-x var(--mo-base) var(--mo-ease) calc(10 * var(--mo-step)) both}
  .ill-steps .rv.in .sx-design .mini .bt{animation:mo-pop var(--mo-base) var(--mo-ease) calc(12 * var(--mo-step)) both}
  
  .js .ill-steps .sx-label .lbls>*{opacity:0}
  .ill-steps .rv.in .sx-label .ht{animation:mo-settle var(--mo-slow) var(--mo-ease) both}
  .ill-steps .rv.in .sx-label .care{animation:mo-rise var(--mo-base) var(--mo-ease) calc(4 * var(--mo-step)) both}
  .ill-steps .rv.in .sx-label .dl{animation:mo-slide var(--mo-base) var(--mo-ease) calc(8 * var(--mo-step)) both}
  
  .ill-steps .rv.in .sx-law .chip.on{animation:mo-pop var(--mo-base) var(--mo-ease) calc(2 * var(--mo-step)) both}
  .js .sx-svcs .tg::before{opacity:1}
  .ill-steps .rv.in .sx-svcs .tg::before{animation:mo-out var(--mo-base) var(--mo-ease) calc(var(--i) * var(--mo-step) + 120ms) both}
  .ill-steps .rv.in .sx-svcs .tg::after{animation:mo-switch var(--mo-base) var(--mo-ease) calc(var(--i) * var(--mo-step) + 120ms) both}
  
  .js .card.rv .il>*,.js .card.rv .ill-lf>*{opacity:0}
  .card.rv.in .il>*,.card.rv.in .ill-lf>*{animation:mo-rise var(--mo-base) var(--mo-ease) both}
  .card.rv.in .il>*:nth-child(2),.card.rv.in .ill-lf>*:nth-child(2){animation-delay:calc(3 * var(--mo-step))}
  .card.rv.in .il>*:nth-child(3),.card.rv.in .ill-lf>*:nth-child(3){animation-delay:calc(6 * var(--mo-step))}
  .card.rv.in .il>*:nth-child(4),.card.rv.in .il>*:nth-child(5){animation-delay:calc(9 * var(--mo-step))}
  
  .card.rv.in .ill-lf .msg{animation:mo-pop var(--mo-base) var(--mo-ease) calc(9 * var(--mo-step)) both}
  
  .il-log ol{position:relative;border-left-color:transparent}
  .il-log ol::before{content:'';position:absolute;left:-2px;top:0;bottom:0;width:2px;background:var(--line);transform-origin:top}
  .card.rv.in .il-log ol::before{animation:mo-grow-y var(--mo-slow) var(--mo-ease) calc(3 * var(--mo-step)) both}
  .js .il-log li{opacity:0}
  .card.rv.in .il-log li{animation:mo-slide var(--mo-base) var(--mo-ease) both}
  .card.rv.in .il-log li:nth-child(1){animation-delay:calc(5 * var(--mo-step))}.card.rv.in .il-log li:nth-child(2){animation-delay:calc(9 * var(--mo-step))}.card.rv.in .il-log li:nth-child(3){animation-delay:calc(13 * var(--mo-step))}
  
  .il-auto .flow{opacity:0}
  .card.rv.in .il-auto .flow{animation:mo-fade var(--mo-base) var(--mo-ease) calc(12 * var(--mo-step)) both}
  
  .js .il-lock .lk{opacity:.35}
  .card.rv.in .il-lock .who{animation:mo-pop var(--mo-base) var(--mo-ease) calc(2 * var(--mo-step)) both}
  .card.rv.in .il-lock .lk{animation:mo-brighten var(--mo-base) var(--mo-ease) both}
  .card.rv.in .il-lock .lk0{animation-delay:calc(7 * var(--mo-step))}.card.rv.in .il-lock .lk1{animation-delay:calc(9 * var(--mo-step))}.card.rv.in .il-lock .lk2{animation-delay:calc(11 * var(--mo-step))}
  
  .js .dg.rv{opacity:1;transform:none;transition:none}
  .js .dg .dl{stroke-dasharray:1;stroke-dashoffset:1}
  .dg.in .dl{animation:mo-draw var(--mo-slow) var(--mo-ease) calc(var(--i,0) * var(--mo-step) + 120ms) forwards}
  .dg.in .dg-ar .dl{animation-duration:var(--mo-base)}
  .js .dg-steps::before{opacity:0}
  .dg.in .dg-steps::before{animation:mo-fade var(--mo-slow) var(--mo-ease) 200ms both}
  .js .dg-api .ln{transform:scaleX(0)}
  .dg.in .dg-api .ln{animation:mo-grow-x var(--mo-base) var(--mo-ease) calc(var(--i,0) * var(--mo-step) + 120ms) both}
  .dg.in .tagq .beam{animation:mo-sweep var(--mo-slow) var(--mo-ease) calc(5 * var(--mo-step) + 120ms) both}
}
@media(prefers-reduced-motion:reduce){.an-talk .dot,.il-auto .flow{display:none}}
@keyframes ca-run{0%{opacity:0;transform:none}15%,85%{opacity:1}100%{opacity:0;transform:translateX(180px)}}
@keyframes ca-req{0%{opacity:0;transform:none}20%,80%{opacity:1}100%{opacity:0;transform:translateX(90px)}}
@keyframes ca-res{0%{opacity:0;transform:none}20%,80%{opacity:1}100%{opacity:0;transform:translateX(-78px)}}
@keyframes ca-beam{0%{opacity:0;transform:none}15%,85%{opacity:1}100%{opacity:0;transform:translateY(40px)}}
@keyframes ca-call{0%{opacity:0;transform:none}12%,88%{opacity:1}50%{transform:translateX(108px)}100%{opacity:0;transform:none}}
@keyframes ca-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes ca-stamp{from{opacity:0;transform:scale(1.3)}to{opacity:1;transform:none}}
@keyframes ca-slide{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
@keyframes ca-fade{from{opacity:.15}to{opacity:1}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .card.sc{transition:translate 300ms var(--mo-ease),box-shadow 300ms var(--mo-ease)}
  .card.sc:is(:hover,:has(.lnk:focus-visible)){translate:0 -3px;box-shadow:0 16px 32px -20px rgba(13,19,40,.3)}
  .ca .sg,.ca .pl,.ca .lk1,.ca .lk2{transition:transform 300ms var(--mo-ease)}
  .ca .sh{transition:transform 300ms var(--mo-ease) 80ms}
  .ca .nv4{transform:translateY(-10px);transition:opacity 300ms var(--mo-ease),transform 300ms var(--mo-ease)}
  .ca .b4{transition-delay:160ms}
  .ca .bar{transition:transform 300ms var(--mo-ease) calc(var(--i) * 25ms)}
  .card.sc:is(:hover,:has(.lnk:focus-visible)) .ca .run{animation:ca-run 420ms var(--mo-ease) both}
  .card.sc:is(:hover,:has(.lnk:focus-visible)) .ca .req{animation:ca-req 320ms var(--mo-ease) both}
  .card.sc:is(:hover,:has(.lnk:focus-visible)) .ca .res{animation:ca-res 320ms var(--mo-ease) 200ms both}
  .card.sc:is(:hover,:has(.lnk:focus-visible)) .ca .sg{transform:translateX(calc((var(--i) - 1.5) * 4px))}
  .card.sc:is(:hover,:has(.lnk:focus-visible)) .ca .beam{animation:ca-beam 400ms var(--mo-ease) both}
  .card.sc:is(:hover,:has(.lnk:focus-visible)) .ca .arc{animation:ca-fade 260ms var(--mo-ease) both}
  .card.sc:is(:hover,:has(.lnk:focus-visible)) .ca .a2{animation-delay:80ms}
  .card.sc:is(:hover,:has(.lnk:focus-visible)) .ca .a3{animation-delay:160ms}
  .card.sc:is(:hover,:has(.lnk:focus-visible)) .ca .nv4{opacity:1;transform:none}
  .card.sc:is(:hover,:has(.lnk:focus-visible)) .ca .dw{animation:ca-draw 360ms var(--mo-ease) calc(var(--i,0) * 110ms) both}
  .card.sc:is(:hover,:has(.lnk:focus-visible)) .ca .call{animation:ca-call 400ms var(--mo-ease) calc(var(--i) * 70ms) both}
  .card.sc:is(:hover,:has(.lnk:focus-visible)) .ca .bar{transform:scaleX(var(--s))}
  .card.sc:is(:hover,:has(.lnk:focus-visible)) .ca .p3{transform:translateY(-6px)}
  .card.sc:is(:hover,:has(.lnk:focus-visible)) .ca .p2{transform:translateY(-3px)}
  .card.sc:is(:hover,:has(.lnk:focus-visible)) .ca .sh{transform:none}
  .card.sc:is(:hover,:has(.lnk:focus-visible)) .ca .seal{animation:ca-stamp 340ms var(--mo-ease) both}
  .card.sc:is(:hover,:has(.lnk:focus-visible)) .ca .ck{animation:ca-draw 300ms var(--mo-ease) 180ms both}
  .card.sc:is(:hover,:has(.lnk:focus-visible)) .ca .sl{animation:ca-slide 300ms var(--mo-ease) calc(var(--i) * 70ms) both}
  .card.sc:is(:hover,:has(.lnk:focus-visible)) .ca .lk1,.card.sc:is(:hover,:has(.lnk:focus-visible)) .ca .lk2{transform:none}
}
@keyframes lc-cell{from{opacity:.08}to{opacity:.5}}
@keyframes lc-hop{0%{transform:none}45%{transform:translateY(-9px)}75%{transform:translateY(1px)}100%{transform:none}}
@keyframes lc-rise{from{transform:translateY(6px)}to{transform:none}}
@keyframes lc-drop{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@keyframes lc-pulse{0%{transform:none;opacity:1}50%{transform:scale(1.7);opacity:0}51%{transform:scale(.6);opacity:0}100%{transform:none;opacity:1}}
@keyframes lc-win{from{opacity:.2}to{opacity:1}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .card.lc{transition:translate 300ms var(--mo-ease),box-shadow 300ms var(--mo-ease)}
  .card.lc:is(:hover,:focus-within){translate:0 -3px;box-shadow:0 16px 32px -20px rgba(13,19,40,.3)}
  .card.lc:is(:hover,:focus-within) .ca .cell{animation:lc-cell 220ms var(--mo-ease) calc(var(--i) * 70ms) both}
  .card.lc:is(:hover,:focus-within) .ca .top{animation:lc-hop 420ms var(--mo-ease) both}
  .card.lc:is(:hover,:focus-within) .ca .gi{animation:lc-rise 300ms var(--mo-ease) calc(var(--i) * 70ms) both}
  .card.lc:is(:hover,:focus-within) .ca .beam2{animation:lc-drop 340ms var(--mo-ease) both}
  .card.lc:is(:hover,:focus-within) .ca .win{animation:lc-win 200ms var(--mo-ease) calc(180ms + var(--i) * 25ms) both}
  .card.lc:is(:hover,:focus-within) .lst.on .ring{animation:lc-pulse 600ms var(--mo-ease) both}
}
@media(prefers-reduced-motion:no-preference){
  .js .rv .sk-chart .ln{stroke-dasharray:1;stroke-dashoffset:1}
  .js .rv.in .sk-chart .ln{animation:sk-draw 2.2s cubic-bezier(.4,0,.2,1) .5s forwards}
  .js .rv .sk-chart .gh{opacity:0}
  .js .rv.in .sk-chart .gh{animation:mo-fade .6s ease 2.6s both}
}
@keyframes sk-draw{to{stroke-dashoffset:0}}