/* UI 3 «Колибри» — content group: blog, glossary, compare, alternatives, for,
   about, contact, report, legal, status, api-docs, go ( link interstitials )
   and 404. Only tokens from ui3.css — both themes work on their own. */

/* ================================================================ shared hero */
.c3-hero{overflow:hidden}
.c3-hero .mesh{z-index:0}
.c3-hero .bg-lines{z-index:0;opacity:.35}
.c3-hero-in{position:relative;z-index:1}
.c3-hero-tight{padding-bottom:6px}
.c3-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,4vw,56px);align-items:center}
.c3-hero-grid.is-single{grid-template-columns:minmax(0,1fr)}
.c3-hero-copy .h1{max-width:18ch;text-wrap:balance}
.c3-hero-copy .lead{max-width:60ch}
.c3-hero-side{min-width:0;display:flex;justify-content:center}
.c3-hero-bird .mascot{filter:drop-shadow(0 24px 30px rgba(4,64,46,.28))}
.c3-hero-art{margin:0 auto}
.art-lg{--aw:72px}.art-xl{--aw:140px}
.c3-art-sm{--aw:38px;filter:none}
@media (max-width:980px){.c3-hero-grid{grid-template-columns:minmax(0,1fr)}.c3-hero-side{justify-content:flex-start}}

.c3-kicker{display:inline-flex;align-items:center;gap:6px;font:700 11.5px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--fuchsia)}
.c3-chip-n{margin-left:2px;padding:2px 7px;border-radius:99px;background:var(--surface-3);font:700 11px/1.2 var(--mono);color:var(--ink-3)}
.chip.is-on .c3-chip-n{background:rgba(255,255,255,.18);color:inherit}
.c3-go-line{display:inline-flex;align-items:center;gap:6px;margin-top:auto;font-weight:700;font-size:13.5px;color:var(--emerald)}
.c3-go-line svg.i{transition:transform .2s}
.card-link:hover .c3-go-line svg.i{transform:translateX(4px)}
.c3-intro{max-width:78ch}
.c3-disclaimer{display:flex;gap:6px;align-items:flex-start;max-width:90ch}
.c3-on-night{color:#e9e2cf}
.c3-on-night:hover{background:rgba(255,255,255,.08);color:#fff}
.c3-search{height:52px;background:var(--surface)}
.c3-search .input{height:auto;font-size:16px}
.c3-search .kbd{align-self:center;margin-right:10px}
.c3-sec-rule{display:flex;align-items:center;gap:16px}
.c3-sec-rule .gold-rule{flex:1}
.c3-hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}

/* call-to-action band with the courier */
.c3-cta-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center}
.c3-cta h2 em{font-style:italic;background:linear-gradient(100deg,#6ee7b0,#f1dcaa 55%,#ff8dbd);-webkit-background-clip:text;background-clip:text;color:transparent}
.c3-cta-bird .mascot{filter:drop-shadow(0 20px 30px rgba(0,0,0,.45))}
@media (max-width:720px){.c3-cta-grid{grid-template-columns:minmax(0,1fr)}.c3-cta-bird{display:none}}

/* not found inside the shell */
.c3-missing .empty{padding-top:clamp(24px,5vw,48px)}
.c3-missing .h2{font-size:clamp(28px,3.4vw,40px)}
.c3-oops .mascot{margin:0 auto}

/* toc */
.c3-toc h4{display:flex;align-items:center;gap:8px;padding:0 0 10px 14px;font:700 11px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.c3-toc a{font-size:13.5px;line-height:1.35;transition:color .15s,border-color .15s,background .15s}
.c3-toc a.toc-sub{padding-left:26px;font-size:12.8px}
.c3-toc a.is-on{background:linear-gradient(90deg,var(--gold-soft),transparent);font-weight:650}
.c3-toc-mobile{padding:4px 16px;display:none}
.c3-toc-mobile[open]{padding-bottom:12px}
.c3-toc-inline{border-left:0;margin-top:6px}
.c3-toc-inline h4{display:none}
@media (max-width:980px){.c3-toc-mobile{display:block}.article-aside .c3-toc{display:none}}
.c3-aside-col{position:static;display:flex;flex-direction:column;gap:16px}

/* monograms, gems, states */
.c3-logo{--ls:40px;display:inline-grid;place-items:center;flex:none;width:var(--ls);height:var(--ls);border-radius:calc(var(--ls)*.32);background:var(--lc,var(--ink-3));color:#fff;font:italic 700 calc(var(--ls)*.5)/1 var(--serif);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),var(--sh-1)}
.c3-logo.is-us{background:transparent;box-shadow:none}
.c3-logo-mark{width:100%;height:100%;filter:drop-shadow(0 4px 10px rgba(11,122,88,.35))}
.c3-logo-xs{--ls:20px;font-size:11px;border-radius:6px}
.c3-logo-sm{--ls:28px}
.c3-logo-lg{--ls:88px;border-radius:28px}
.c3-st{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:650;white-space:nowrap}
.c3-gem{width:20px;height:20px;flex:none;filter:drop-shadow(0 2px 3px rgba(11,60,44,.2))}
.c3-st-yes{color:var(--ok)}.c3-st-paid{color:var(--gold)}.c3-st-limited{color:var(--ink-3)}.c3-st-no{color:var(--ink-4)}
.c3-vs{display:flex;align-items:center;gap:18px}
.c3-vs-x{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--g-gold);color:#2b1f06;font:italic 700 17px/1 var(--serif);box-shadow:var(--sh-2)}
.c3-vs-sm{gap:10px}
.c3-vs-sm .c3-vs-x{width:30px;height:30px;font-size:12px}

/* ================================================================ blog */
.c3-masthead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;padding-bottom:22px;border-bottom:1px solid var(--line)}
.c3-masthead .h-display{font-style:italic}
.c3-masthead-side{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.c3-issue{display:flex;flex-direction:column;align-items:flex-end;line-height:1}
.c3-issue-n{font:italic 700 clamp(48px,6vw,84px)/1 var(--serif);background:var(--g-iris);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.08em}
@media (max-width:720px){.c3-masthead{grid-template-columns:minmax(0,1fr)}.c3-masthead-side{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}.c3-masthead-side>.btn{flex:0 0 auto}.c3-issue{flex-direction:row;align-items:baseline;gap:8px;min-width:0}}
.c3-blog-tools{display:flex;flex-direction:column;gap:14px;margin-top:22px;padding:14px;border-radius:var(--r-xl)}
.c3-rubs{padding:2px}
.c3-blog-results{padding:0 0 32px}

.c3-cover{display:block;width:100%;height:100%}
.c3-cover-story{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:20px;align-items:stretch}
@media (max-width:980px){.c3-cover-story{grid-template-columns:minmax(0,1fr)}}
.c3-feature{position:relative;display:grid;min-height:460px;border-radius:var(--r-2xl);overflow:hidden;isolation:isolate;box-shadow:var(--sh-3);color:#f7efdc}
.c3-feature-cover{position:absolute;inset:0;z-index:-2}
.c3-feature-cover img,.c3-feature-cover svg{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.c3-feature:hover .c3-feature-cover img,.c3-feature:hover .c3-feature-cover svg{transform:scale(1.04)}
.c3-feature::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(3,16,12,0) 20%,rgba(3,16,12,.55) 55%,rgba(3,16,12,.92) 100%)}
.c3-feature-body{align-self:end;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:clamp(22px,3.5vw,40px)}
.c3-feature-title{font:600 clamp(28px,3.4vw,46px)/1.08 var(--serif);letter-spacing:-.015em;color:#fffaf0;max-width:24ch;text-wrap:balance}
.c3-feature-body p{color:#d9d2c0;max-width:62ch}
.c3-feature .c3-kicker{color:#ff8dbd}
.c3-feature .row{color:#b9c2ba}
.c3-feature-side{display:flex;flex-direction:column;gap:14px}
.c3-side-post{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:center;padding:10px}
.c3-side-cover{aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:var(--g-night)}
.c3-side-cover img,.c3-side-cover svg{width:100%;height:100%;object-fit:cover}
.c3-side-post h3{font:600 17px/1.28 var(--serif);color:var(--ink);margin-bottom:6px}
.c3-lik-note{margin-top:auto;display:flex;align-items:center;gap:12px;padding:16px;border-radius:var(--r-lg);background:linear-gradient(120deg,var(--emerald-soft),var(--gold-soft));border:1px solid var(--gold-line)}
.c3-lik-note .mascot{flex:none}
.c3-post .cover{position:relative}
.c3-post .cover::after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(180deg,transparent,rgba(3,16,12,.18))}
.c3-post .meta span,.c3-post .meta time{display:inline-flex;align-items:center;gap:5px}
.c3-post .body p{color:var(--ink-3);font-size:14.5px}
.c3-pager{margin-top:36px}
.c3-pager .c3-pager-step{display:inline-flex;gap:6px;padding:0 14px}

/* article */
.c3-article-head{position:relative;padding:clamp(18px,3vw,36px) 0 clamp(28px,4vw,48px);overflow:hidden}
.c3-article-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,56px);align-items:center;position:relative}
.c3-article-copy{min-width:0}
.c3-article-title{font:600 clamp(32px,4.2vw,56px)/1.08 var(--serif);letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.c3-article-cover{margin:0;aspect-ratio:16/10;border-radius:var(--r-2xl);overflow:hidden;box-shadow:var(--sh-3);position:relative;background:var(--g-night)}
.c3-article-cover::before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(217,184,108,.35);pointer-events:none;z-index:1}
.c3-article-cover img,.c3-article-cover svg{width:100%;height:100%;object-fit:cover}
@media (max-width:980px){.c3-article-grid{grid-template-columns:minmax(0,1fr)}}
.c3-byline{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:20px}
.c3-author{display:inline-flex;align-items:center;gap:10px}
.c3-author>span{display:flex;flex-direction:column;line-height:1.35}
.c3-author-mark{width:38px;height:38px}
.c3-article-layout{padding-top:8px;align-items:start}
.c3-article-main{min-width:0}
.c3-prose{font-size:17.5px;max-width:70ch}
.c3-prose>p:first-of-type::first-letter{float:left;font:700 3.6em/.82 var(--serif);margin:.06em .1em 0 0;background:var(--g-iris);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.04em}
.c3-prose h2,.c3-prose h3{scroll-margin-top:calc(var(--head-h) + 28px)}
.c3-prose h2{position:relative;padding-top:.4em}
.c3-prose h2::before{content:"";position:absolute;left:0;top:0;width:44px;height:2px;background:var(--g-gold)}
.c3-prose img{max-width:100%;height:auto}
.c3-article-faq{margin-top:48px}
.c3-article-cta{margin-top:40px;padding:clamp(20px,3vw,32px);border-radius:var(--r-2xl)}
.c3-article-cta .h3{color:#f7efdc}
.c3-article-cta p{color:#c9c3b2}
.c3-cta-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.c3-cta-row .mascot{flex:none}
.c3-article-cta .console{background:var(--surface);color:var(--ink)}
.c3-share-end{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:32px;padding-top:22px;border-top:1px solid var(--line)}
.c3-share{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.c3-share.is-compact .btn span{display:none}
.c3-share.is-compact .btn{width:36px;padding:0}
.c3-net svg.i{width:18px;height:18px}
.c3-read-card{display:flex;align-items:center;gap:14px;padding:14px}
.c3-read-card>div:last-child{display:flex;flex-direction:column}
.c3-read-card .progress-ring{--sz:54px;font-size:12px}
.c3-aside-tool{display:flex;align-items:center;gap:12px;padding:14px}
.c3-aside-tool .art{--aw:40px}
.c3-aside-tool>span{display:flex;flex-direction:column;gap:2px}
.c3-related{border-top:1px solid var(--line);margin-top:48px;background:linear-gradient(180deg,var(--bg-2),transparent)}

/* ================================================================ glossary */
.c3-gloss-art{display:flex;align-items:flex-end;gap:10px}
.c3-gloss-tiles{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:20px 24px;border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--gold-line);box-shadow:var(--sh-2)}
.c3-gloss-num{font:italic 700 64px/1 var(--serif);background:var(--g-iris);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.08em}
.c3-az-bar{position:sticky;top:calc(var(--head-h) + 14px);z-index:40;margin-top:8px}
.c3-az-in{display:flex;align-items:center;gap:14px;padding:8px 10px;border-radius:24px;background:var(--glass);border:1px solid var(--gold-line);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:var(--sh-2)}
.c3-az-search{flex:0 1 320px;height:44px;border-radius:16px}
.c3-az{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}
.c3-az::-webkit-scrollbar{display:none}
.c3-az a{flex:none;display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 6px;border-radius:10px;font:600 17px/1 var(--serif);color:var(--ink-2);transition:background .15s,color .15s,opacity .2s}
.c3-az a:hover{background:var(--gold-soft);color:var(--ink)}
.c3-az a.is-on{background:var(--g-jewel);color:var(--acc-ink);box-shadow:var(--sh-glow)}
.c3-az a.is-off{opacity:.25;pointer-events:none}
.c3-az-count{white-space:nowrap}
@media (max-width:720px){.c3-az-in{flex-wrap:wrap;border-radius:18px}.c3-az-search{flex:1 1 100%}.c3-az-count{display:none}}
.c3-gloss{display:flex;flex-direction:column;gap:36px}
.c3-gloss-group{scroll-margin-top:calc(var(--head-h) + 110px);display:grid;grid-template-columns:90px minmax(0,1fr);gap:18px;align-items:start}
.c3-letter{position:static;font:italic 700 72px/1 var(--serif)}
.c3-letter span{background:var(--g-iris);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.1em}
@media (max-width:720px){.c3-gloss-group{grid-template-columns:minmax(0,1fr)}.c3-letter{position:static;font-size:48px}}
.c3-term-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:18px 44px 18px 18px;height:100%}
.c3-term-card b{font:600 19px/1.25 var(--serif);color:var(--ink)}
.c3-term-card span{font-size:14px;color:var(--ink-3)}
.c3-term-card .c3-go{position:absolute;right:14px;top:18px;color:var(--gold-2);transition:transform .2s}
.c3-term-card:hover .c3-go{transform:translateX(3px)}
.clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.c3-term{position:relative;overflow:hidden;padding:clamp(24px,4vw,44px)}
.c3-term-letter{position:absolute;right:-10px;top:-40px;font:italic 700 240px/1 var(--serif);color:var(--gold-soft);pointer-events:none;user-select:none}
.c3-term>*{position:relative}
.c3-def{margin-top:18px;font:500 clamp(19px,2vw,23px)/1.6 var(--serif);color:var(--ink);max-width:62ch;padding-left:18px;border-left:3px solid var(--gold-2)}
.c3-term-actions{margin-top:22px}
.c3-term-tools{margin-top:26px;padding-top:20px;border-top:1px dashed var(--line-2)}
.c3-mini-tool{display:flex;align-items:center;gap:12px;padding:12px 14px}
.c3-mini-tool .art{--aw:38px}
.c3-prevnext{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.c3-prevnext a{display:flex;flex-direction:column;gap:6px;padding:16px 18px}
.c3-prevnext b{font:600 18px/1.25 var(--serif)}
.c3-next{text-align:right;align-items:flex-end}
.c3-term-index .card-head h2{font-size:15px}
.c3-term-list{display:flex;flex-direction:column;max-height:min(62vh,620px);overflow:auto;padding:6px}
.c3-term-link{padding:8px 12px;border-radius:10px;font-size:14px;color:var(--ink-2)}
.c3-term-link:hover{background:var(--surface-3);color:var(--ink)}
.c3-term-link.is-on{background:linear-gradient(90deg,var(--emerald-soft),transparent);color:var(--emerald);font-weight:700}

/* ================================================================ compare / alternatives */
.c3-scores{display:grid;grid-template-columns:repeat(var(--n,2),minmax(0,1fr));gap:14px}
@media (max-width:720px){.c3-scores{grid-template-columns:minmax(0,1fr)}}
.c3-score{display:flex;align-items:center;gap:18px;padding:18px}
.c3-score .c3-ring{--sz:84px;background:conic-gradient(var(--emerald) calc(var(--v)*1%),var(--surface-3) 0)}
.c3-score .c3-ring>span{display:flex;align-items:baseline;gap:1px}
.c3-score .c3-ring b{font:700 24px/1 var(--font)}
.c3-score .c3-ring small{font-size:12px;color:var(--ink-3)}
.c3-score.is-us .c3-ring{background:conic-gradient(#e3c27a calc(var(--v)*1%),rgba(255,255,255,.1) 0)}
.c3-score.is-us .c3-ring::before{background:#0a2a21}
.c3-score.is-us .c3-ring b{color:#f7efdc}
.c3-score-name{font-size:16px}
.c3-score-sub{color:var(--ink-3)}
.c3-score.is-us .c3-score-sub,.c3-score.is-us .c3-st-no{color:#a9b7ae}
.c3-score.is-us .c3-score-name{color:#f7efdc}
.c3-cmp-card{overflow:hidden}
.c3-cmp-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--surface-2)}
.c3-legend{display:flex;flex-wrap:wrap;gap:8px 16px}
.c3-cmp{font-size:14.5px}
.c3-cmp thead th{position:sticky;top:0;z-index:2;background:var(--surface-2)}
.c3-cmp th.c3-feat,.c3-cmp td.c3-feat{font-weight:650;color:var(--ink);text-align:left;text-transform:none;letter-spacing:0;font-size:14.5px;background:transparent;white-space:normal;border-bottom:1px solid var(--line);padding:13px 16px}
.c3-cmp tbody tr:last-child th{border-bottom:0}
.c3-cmp .c3-us{background:linear-gradient(180deg,var(--emerald-soft),transparent)}
.c3-cmp thead .c3-us{background:var(--emerald-soft);color:var(--emerald)}
.c3-cmp-card.is-diff tr[data-same]{display:none}
.c3-cmp tbody tr{transition:background .15s,opacity .25s}
@media (max-width:720px){
  .c3-cmp.table-stack th.c3-feat{display:block;padding:0 0 6px;border:0;font-size:15px}
  .c3-cmp.table-stack .c3-us{background:transparent}
}
.c3-verdict{display:flex;align-items:center;gap:24px;padding:clamp(20px,3vw,32px);border-color:var(--gold-line);background:linear-gradient(135deg,var(--emerald-soft),var(--gold-soft) 70%,var(--fuchsia-soft))}
.c3-verdict .mascot{flex:none}
@media (max-width:640px){.c3-verdict{flex-direction:column;align-items:flex-start}}
.c3-rival{display:flex;flex-direction:column;gap:12px;padding:22px;height:100%}
.c3-bars{display:flex;flex-direction:column;gap:8px}
.c3-bars>div{display:grid;grid-template-columns:78px minmax(0,1fr) 48px;gap:10px;align-items:center}
.c3-bars span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-3)}
.c3-bars b{text-align:right}
.c3-pairs .chip{height:38px}
.c3-swap{position:relative;display:flex;flex-direction:column;gap:6px;padding:18px;width:100%;max-width:480px;border-color:var(--gold-line);box-shadow:var(--sh-3)}
.c3-swap-row{display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:var(--r-lg)}
.c3-swap-row.is-them{background:var(--surface-3);opacity:.85}
.c3-swap-row.is-them b{text-decoration:line-through;text-decoration-color:var(--fuchsia);text-decoration-thickness:2px}
.c3-swap-row.is-us{background:linear-gradient(135deg,var(--emerald-soft),var(--gold-soft));border:1px solid var(--gold-line)}
.c3-swap-row.is-us .c3-logo{--ls:40px}
.c3-swap-flight{position:relative;height:60px}
.c3-swap-flight>svg{position:absolute;inset:0;width:100%;height:100%}
.c3-swap-bird{position:absolute;left:50%;top:-16px;width:84px;transform:translateX(-50%)}
.c3-point{height:100%}
.c3-point-sm{padding:12px 14px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line)}
.c3-alt-glance .card-head h2{font:600 22px/1.2 var(--serif)}

/* ================================================================ for */
.c3-uc-orbit{position:relative;width:min(340px,80vw);aspect-ratio:1;display:grid;place-items:center}
.c3-uc-orbit::before{content:"";position:absolute;inset:8%;border-radius:50%;border:1px dashed var(--gold-line)}
.c3-uc-orbit::after{content:"";position:absolute;inset:26%;border-radius:50%;background:radial-gradient(circle,var(--emerald-soft),transparent 70%)}
.c3-uc-orbit .mascot{position:relative;z-index:1}
.c3-uc-orbit>span{position:absolute;z-index:1}
.c3-uc-orbit .art{--aw:54px}
.c3-uc-orbit .o1{left:4%;top:18%}.c3-uc-orbit .o2{right:2%;top:10%}.c3-uc-orbit .o3{right:8%;bottom:10%}.c3-uc-orbit .o4{left:10%;bottom:6%}
.motion .c3-uc-orbit>span{animation:c3-bob 5s ease-in-out infinite}
.motion .c3-uc-orbit .o2{animation-delay:-1.2s}.motion .c3-uc-orbit .o3{animation-delay:-2.4s}.motion .c3-uc-orbit .o4{animation-delay:-3.6s}
@keyframes c3-bob{50%{transform:translateY(-10px) rotate(4deg)}}
.c3-uc{position:relative}
.c3-uc .art{--aw:52px}
.c3-uc-tools{display:flex;gap:6px}
.c3-uc[hidden]{display:none}
.c3-uc-try{width:100%;padding:18px;border-color:var(--gold-line);box-shadow:var(--sh-3)}
.c3-uc-try .art{--aw:46px}
.c3-benefit{position:relative;padding-top:28px}
.c3-num{display:inline-grid;place-items:center;width:44px;height:44px;margin-bottom:12px;border-radius:14px;background:var(--g-jewel);color:var(--acc-ink);font:italic 700 22px/1 var(--serif);box-shadow:var(--sh-glow)}
.c3-benefit:nth-child(2) .c3-num{background:var(--g-gold);color:#2b1f06;box-shadow:none}
.c3-benefit:nth-child(3) .c3-num{background:var(--g-fuchsia);color:#fff;box-shadow:none}
.c3-uc-flight .steps>li::before{display:none}
.c3-uc-flight .art{--aw:48px}

/* ================================================================ about */
.c3-about-visual{width:100%;display:flex;justify-content:center}
.c3-about-demo{position:relative;width:100%;max-width:470px;padding:22px;border-color:var(--gold-line);box-shadow:var(--sh-3);overflow:hidden}
.c3-demo-long{margin-top:8px;padding:10px 12px;border-radius:12px;background:var(--sunken);border:1px dashed var(--line-2);font-size:12.5px;color:var(--ink-3);overflow-wrap:anywhere;text-decoration:line-through;text-decoration-color:rgba(194,31,99,.45)}
.c3-demo-flight{display:flex;justify-content:center;margin:-6px 0}
.c3-demo-short{display:block;padding:14px 16px;border-radius:14px;background:linear-gradient(135deg,var(--emerald-soft),var(--gold-soft));border:1px solid var(--gold-line);font-size:clamp(18px,2.4vw,24px)}
.c3-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.c3-fact{position:relative;overflow:hidden;padding:24px 22px;border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-1)}
.c3-fact::after{content:"";position:absolute;right:-26px;top:-26px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(217,184,108,.25),transparent 70%)}
.c3-fact b{display:block;font:italic 700 clamp(40px,4.4vw,58px)/1 var(--serif);background:var(--g-iris);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.1em}
.c3-fact span{display:block;margin-top:10px;color:var(--ink-3);font-size:14.5px}
@media (max-width:980px){.c3-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.c3-story{background:linear-gradient(180deg,transparent,var(--bg-2) 20%,var(--bg-2) 80%,transparent)}
.c3-story-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:start}
.c3-narrator{position:static;display:flex;flex-direction:column;align-items:center;gap:14px}
.c3-story-bubble{max-width:250px;border-radius:18px 18px 18px 4px;font-family:var(--serif);font-style:italic;font-size:17px;color:var(--ink)}
.c3-chapters{display:flex;flex-direction:column;gap:18px;counter-reset:none}
.c3-chapter{position:relative;padding:28px 28px 26px 28px;transition:border-color .3s,box-shadow .3s,transform .3s}
.c3-chapter.is-on{border-color:var(--gold-line);box-shadow:var(--sh-3)}
.c3-chapter-n{position:absolute;right:22px;top:14px;font:italic 700 56px/1 var(--serif);color:var(--gold-soft)}
.c3-chapter.is-on .c3-chapter-n{background:var(--g-iris);-webkit-background-clip:text;background-clip:text;color:transparent}
.c3-chapter p{color:var(--ink-2);max-width:62ch}
@media (max-width:980px){.c3-story-grid{grid-template-columns:minmax(0,1fr)}.c3-story-narrator{display:none}}
.c3-mode{position:relative;overflow:hidden}
.c3-mode-viz{display:flex;align-items:center;gap:6px;margin-top:18px;height:26px}
.c3-mode-viz span{width:26px;height:26px;border-radius:8px;background:var(--surface-3);border:1px solid var(--line)}
.c3-mode-viz span.is-end{background:var(--g-jewel);border:0;position:relative}
.c3-mode-viz i{flex:1;height:2px;background:repeating-linear-gradient(90deg,var(--gold-2) 0 6px,transparent 6px 11px)}
.c3-mode-viz b{width:34px;height:20px;border-radius:6px;background:var(--info-soft);border:1px solid var(--info-line)}
.c3-mode-viz.is-frame span.is-end{width:60px}
.c3-mode-viz.is-frame em{position:absolute;left:4px;right:4px;top:4px;height:4px;border-radius:2px;background:rgba(255,255,255,.6)}
.c3-globe-sec{overflow:hidden}
.c3-globe-wrap{margin:0;position:relative}
.c3-globe-wrap::before{content:"";position:absolute;inset:6% 6% 10%;border-radius:50%;background:radial-gradient(circle,rgba(11,122,88,.25),rgba(194,31,99,.12) 55%,transparent 72%);pointer-events:none}
.c3-globe-wrap .scene{position:relative;max-width:480px;margin:0 auto;mask-image:radial-gradient(62% 62% at 50% 50%,#000 62%,transparent 100%);-webkit-mask-image:radial-gradient(62% 62% at 50% 50%,#000 62%,transparent 100%)}
.c3-globe-svg{width:92%;height:auto;margin:auto;filter:drop-shadow(0 30px 50px rgba(4,64,46,.35))}
.motion .c3-globe-svg{animation:c3-spin-slow 60s linear infinite}
@keyframes c3-spin-slow{to{transform:rotate(360deg)}}
.c3-gpulse{transform-box:fill-box;transform-origin:center;animation:c3-pulse 2.4s ease-out infinite;animation-delay:var(--d,0s)}
@keyframes c3-pulse{0%{transform:scale(.4);opacity:.7}100%{transform:scale(2.4);opacity:0}}

/* ================================================================ forms: contact / report */
.c3-form{position:relative;padding:clamp(20px,3vw,32px);border-color:var(--gold-line);box-shadow:var(--sh-2)}
.c3-form-bird{position:absolute;right:18px;top:-58px;pointer-events:none;z-index:2}
@media (max-width:720px){.c3-form-bird{right:6px;top:-54px}.c3-form-bird .mascot{--mw:80px!important}}
.c3-contact,.c3-report{margin-top:48px}
.c3-form .field-err{display:flex;align-items:center;gap:6px}
.c3-form .field.is-ok .input,.c3-form .field.is-ok .input-group{border-color:var(--ok-line)}
.c3-form-actions{justify-content:space-between;margin-top:18px;padding-top:18px;border-top:1px dashed var(--line-2)}
.c3-counter{display:inline-flex;align-items:center;gap:8px}
.c3-counter .progress-ring{--sz:22px;font-size:0}
.c3-counter .progress-ring::before{inset:3px}
.c3-counter.is-warn .progress-ring{background:conic-gradient(var(--warn) calc(var(--v)*1%),var(--surface-3) 0)}
.c3-sent{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(28px,5vw,56px);border-color:var(--gold-line);background:linear-gradient(160deg,var(--emerald-soft),var(--surface) 55%,var(--gold-soft))}
.c3-sent .lead{margin-left:auto;margin-right:auto}
.c3-sent .row{justify-content:center}
.c3-sent-steps{text-align:left;width:100%;max-width:520px}
.c3-mail-card .copybox{background:rgba(255,255,255,.06);border-color:rgba(217,184,108,.35);color:#f7efdc}
.c3-mail-card .icon-btn{color:#e9e2cf}
.c3-mail-card p{color:#c9c3b2}
.c3-code-preview{display:inline-flex;align-items:center;gap:6px;color:var(--ok);font-weight:600}
.c3-kinds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px}
@media (max-width:560px){.c3-kinds{grid-template-columns:minmax(0,1fr)}}
.c3-kind{position:relative;display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);cursor:pointer;font-size:14px;font-weight:600;line-height:1.35;transition:border-color .15s,box-shadow .15s,background .15s}
.c3-kind input{position:absolute;opacity:0;pointer-events:none}
.c3-kind:hover{border-color:var(--gold-line)}
.c3-kind:has(input:checked){border-color:var(--emerald);background:linear-gradient(120deg,var(--emerald-soft),var(--surface));box-shadow:var(--ring)}
.c3-kind:has(input:focus-visible){outline:2px solid var(--emerald);outline-offset:2px}
.c3-steps-mini{display:flex;flex-direction:column;gap:12px}
.c3-steps-mini li{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.5}
.card-jewel .c3-steps-mini li{color:#d9d2c0}

/* ================================================================ legal */
.c3-legal-art{position:relative}
.c3-legal-art .mascot{position:absolute;right:-20px;bottom:-30px}
.c3-legal-meta{--s:8px}
.c3-tldr{padding:clamp(18px,3vw,28px);border-color:var(--gold-line);background:linear-gradient(135deg,var(--gold-soft),var(--surface) 60%)}
.c3-tldr-head{display:flex;gap:14px;align-items:center}
.c3-tldr-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:12px;margin-top:18px}
.c3-tldr-list li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.5;color:var(--ink-2)}
.c3-legal-card{padding:clamp(20px,4vw,48px)}
.c3-legal-prose{font-size:16.5px}
.c3-legal-prose>p:first-of-type::first-letter{float:none;font:inherit;background:none;color:inherit;margin:0;padding:0}
.c3-aside-help .mascot{margin-bottom:6px}
@media print{
  .c3-hero .mesh,.c3-hero .bg-lines,.c3-legal-art,.article-aside,.c3-legal-meta .btn,.read-progress,.c3-toc-mobile,.crumbs,.seo-block,.queries{display:none!important}
  .article-layout{grid-template-columns:minmax(0,1fr)!important}
  .c3-legal-card,.c3-tldr{box-shadow:none;border:0;background:#fff}
  .motion [data-reveal]{opacity:1!important;transform:none!important}
}

/* ================================================================ status */
.c3-status-hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:center;padding:clamp(22px,3vw,34px);overflow:hidden;border-color:var(--ok-line);background:radial-gradient(80% 120% at 100% 50%,var(--emerald-soft),var(--surface) 70%)}
.c3-status-hero.is-bad{border-color:var(--bad-line);background:radial-gradient(80% 120% at 100% 50%,var(--bad-soft),var(--surface) 70%)}
.c3-status-copy{min-width:0}
.c3-status-copy .h1{font-size:clamp(30px,4vw,48px)}
.c3-status-meta{color:var(--ink-3)}
.c3-pulse{position:relative;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--ok);color:#fff}
.c3-pulse.is-bad{background:var(--bad)}
.c3-pulse svg.i{width:26px;height:26px}
.c3-pulse::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid currentColor;opacity:.0}
.c3-pulse.is-ok::after{border-color:var(--ok);animation:c3-ring 2.2s ease-out infinite}
.c3-pulse.is-bad::after{border-color:var(--bad);animation:c3-ring 1.2s ease-out infinite}
@keyframes c3-ring{0%{transform:scale(.9);opacity:.7}100%{transform:scale(1.6);opacity:0}}
.c3-status-globe{position:relative}
.c3-status-globe .scene{max-width:240px;margin-left:auto;mask-image:radial-gradient(60% 60% at 50% 50%,#000 60%,transparent 100%);-webkit-mask-image:radial-gradient(60% 60% at 50% 50%,#000 60%,transparent 100%);opacity:.9}
.c3-status-bird{position:absolute;left:-18px;bottom:-6px}
@media (max-width:720px){.c3-status-hero{grid-template-columns:minmax(0,1fr)}.c3-status-globe .scene{max-width:220px;margin:0 auto}.c3-status-bird{left:0}}
.c3-svc{display:flex;flex-direction:column;gap:2px}
.c3-svc .c3-uptime{margin-top:auto}
.c3-svc.is-bad{border-color:var(--bad-line)}
.c3-uptime{display:grid;grid-template-columns:repeat(30,minmax(0,1fr));gap:2px;height:26px}
.c3-uptime i{display:block;border-radius:3px;background:var(--line);opacity:.45}
.c3-uptime i.is-ok,.c3-uptime i.is-bad{opacity:1}
.c3-uptime i.is-ok{background:var(--g-jewel)}
.c3-uptime i.is-bad{background:var(--g-fuchsia)}
.c3-uptime i.is-new{animation:c3-grow .5s var(--ease)}
@keyframes c3-grow{from{transform:scaleY(.2);opacity:.3}}
.c3-uptime-note{display:flex;align-items:center;gap:6px}
.c3-cd-ring{--sz:34px;font-size:11px}
.c3-cd-ring::before{inset:4px}

/* ================================================================ api docs */
.c3-api-hero .c3-hero-copy .h1{font-style:italic}
.c3-api-console{position:relative;width:100%;max-width:520px}
.c3-console-code{box-shadow:var(--sh-3);border-color:rgba(217,184,108,.3)}
.c3-console-code pre{font-size:12.5px}
.c3-console-bird{position:absolute;right:-12px;top:-58px}
.c3-code-dots{display:inline-flex;gap:5px;margin-right:4px}
.c3-code-dots i{width:9px;height:9px;border-radius:50%;background:#ff6aa8}
.c3-code-dots i:nth-child(2){background:#e3c27a}
.c3-code-dots i:nth-child(3){background:#3ddc97}
.c3-code .code-head{align-items:center}
.c3-code .code-head>span:nth-child(2){margin-right:auto}
.c3-ok-tag{color:#6ee7b0}
.c3-copy-code{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:8px;border:1px solid #173a2f;background:rgba(255,255,255,.04);color:#cfc8b6;font:600 11.5px/1 var(--font);cursor:pointer}
.c3-copy-code:hover{color:#fff;border-color:#2c5e4d}
.c3-api-facts{display:flex;flex-wrap:wrap;gap:10px 26px;margin:0}
.c3-api-facts>div{display:flex;flex-direction:column;gap:3px}
.c3-api-facts dt{font:700 10.5px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.c3-api-facts dd{margin:0;display:flex;align-items:center;gap:4px;font-weight:650}
.c3-api-facts .icon-btn{width:28px;height:28px}
.c3-api-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;align-items:start}
.c3-api-main{min-width:0}
.c3-api-find{height:40px}
.c3-aside-lang{display:flex;flex-direction:column;gap:6px}
.c3-lang-seg{flex-wrap:wrap}
.c3-lang-seg button{height:30px;padding:0 11px;font-size:12.5px}
@media (max-width:980px){.c3-api-layout{grid-template-columns:minmax(0,1fr)}.c3-api-aside .c3-toc{display:none}.c3-api-aside .c3-aside-col{flex-direction:row;flex-wrap:wrap;align-items:center}.c3-api-find{flex:1 1 220px}}
.c3-anchor{scroll-margin-top:calc(var(--head-h) + 24px)}
.c3-api-steps>li::before{font-size:30px}
.c3-ep{overflow:hidden;transition:border-color .2s,box-shadow .2s}
.c3-ep[open]{border-color:var(--gold-line);box-shadow:var(--sh-2)}
.c3-ep summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:14px 18px;cursor:pointer;list-style:none}
.c3-ep summary::-webkit-details-marker{display:none}
.c3-ep summary:hover{background:var(--surface-2)}
.c3-method{display:inline-grid;place-items:center;min-width:52px;height:24px;padding:0 8px;border-radius:7px;font:800 11px/1 var(--mono);letter-spacing:.04em}
.c3-m-post{background:var(--g-jewel);color:var(--acc-ink)}
.c3-m-get{background:var(--g-gold);color:#2b1f06}
.c3-path{font:650 14.5px/1.2 var(--mono);color:var(--ink)}
.c3-ep-desc{flex:1 1 220px;min-width:0}
.c3-ep-chev{color:var(--ink-4);transition:transform .25s}
.c3-ep[open] .c3-ep-chev{transform:rotate(180deg)}
.c3-ep-body{padding:0 18px 18px;border-top:1px solid var(--line)}
.c3-ep-body .table-wrap{margin-top:12px;border:1px solid var(--line);border-radius:var(--r)}
.c3-ep[hidden]{display:none}
.c3-swagger{padding:8px;overflow:hidden}
.c3-swagger .swagger-ui{font-family:var(--font)}
.c3-swagger .swagger-ui .info{margin:16px 0}
:root[data-theme="dark"] .c3-swagger{background:#f7f3ea}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .c3-swagger{background:#f7f3ea}}
.c3-embed-preview{border-radius:var(--r-lg);border:1px dashed var(--gold-line);background:var(--g-mesh),var(--surface-2);padding:6px}
.c3-embed-preview iframe{display:block;width:100%;max-width:560px;height:150px;border:0;margin:0 auto}

/* ================================================================ go ( standalone ) */
body.g3{min-height:100vh;background:var(--bg)}
.g3-wrap{position:relative;min-height:100vh;display:flex;flex-direction:column;overflow:hidden}
.g3-wrap>.mesh{position:fixed}
.g3-head{position:relative;display:flex;justify-content:center;padding:22px 16px 6px}
.g3-main{position:relative;flex:1;display:flex;align-items:flex-start;justify-content:center;padding:clamp(28px,6vw,72px) 16px 36px}
.g3-foot{position:relative;padding:18px 16px 26px;text-align:center;font-size:12.5px;color:var(--ink-3)}
.g3-foot a{color:var(--ink-2);font-weight:650}
.g3-card{position:relative;width:100%;max-width:560px;border-radius:var(--r-2xl);background:var(--surface);border:1px solid var(--gold-line);box-shadow:var(--sh-3)}
.g3-card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(140deg,rgba(11,122,88,.55),rgba(217,184,108,.6),rgba(194,31,99,.45));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.g3-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:clamp(26px,5vw,44px);padding-top:clamp(74px,10vw,96px);margin-top:56px}
.g3-state h1{font:600 clamp(28px,4.4vw,40px)/1.12 var(--serif);letter-spacing:-.015em;color:var(--ink);text-wrap:balance}
.g3-state .lead{font-size:16.5px;max-width:44ch}
.g3-bird{position:absolute;left:50%;top:0;transform:translate(-50%,-58%)}
.g3-bird .mascot{filter:drop-shadow(0 18px 24px rgba(4,64,46,.3))}
.g3-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px}
.g3-hint{display:inline-flex;align-items:center;gap:6px}
.g3-tools{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:10px;padding-top:18px;border-top:1px dashed var(--line-2);width:100%}
.g3-tools .chips{justify-content:center}
.g3-is-bad{border-color:var(--bad-line)}
.g3-seal{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--bad-soft);color:var(--bad);border:1px solid var(--bad-line)}
.g3-seal svg.i{width:26px;height:26px}
.g3-when{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:6px}
.g3-count{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;max-width:380px}
.g3-count>span{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;border-radius:var(--r);background:var(--g-night);color:#f7efdc;box-shadow:var(--sh-2)}
.g3-count b{font:700 clamp(24px,5vw,34px)/1 var(--mono);color:#f1dcaa}
.g3-count small{font-size:11px;color:#a9b7ae;text-transform:lowercase}
.g3-pw{gap:14px}
.g3-lock-bird{position:absolute}
.g3-lock{position:absolute;right:-6px;bottom:6px;display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:var(--g-gold);color:#2b1f06;box-shadow:var(--sh-2)}
.g3-pw.is-wrong .g3-pw-field{animation:g3-shake .45s}
@keyframes g3-shake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.g3-short{padding:8px 14px;border-radius:12px;background:var(--sunken);border:1px solid var(--line);font-size:15px}
.g3-pw-field,.g3-pw .btn-block,.g3-err{width:100%}
.g3-err{text-align:left}
.g3-preview{max-width:640px;overflow:hidden;margin-top:6px}
.g3-cover{aspect-ratio:1200/630;background:var(--g-night);border-bottom:1px solid var(--line)}
.g3-cover img{width:100%;height:100%;object-fit:cover}
.g3-pv-body{display:flex;flex-direction:column;gap:12px;padding:clamp(20px,4vw,32px)}
.g3-route{display:flex;align-items:center;gap:10px;margin-bottom:4px}
.g3-route-from .brand-mark{width:40px;height:40px}
.g3-route-line{position:relative;flex:1;height:2px;background:repeating-linear-gradient(90deg,var(--gold-2) 0 6px,transparent 6px 12px)}
.g3-route-bird{position:absolute;top:-38px;left:0;animation:g3-route calc(var(--dl,5s)) linear forwards}
body.is-paused .g3-route-bird{animation-play-state:paused}
@keyframes g3-route{to{left:calc(100% - 70px)}}
.g3-route-to.tile-ic{--ts:40px}
.g3-dest-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.g3-dest-text b{font-size:20px;color:var(--ink)}
.g3-dest-text .mono{overflow-wrap:anywhere}
.g3-title{font:600 clamp(22px,3.4vw,30px)/1.2 var(--serif);color:var(--ink)}
.g3-desc{color:var(--ink-2)}
.g3-safe{background:var(--gold-soft);border-color:var(--gold-line)}
.g3-safe>svg.i{color:var(--gold)}
.g3-go{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:4px;padding-top:16px;border-top:1px dashed var(--line-2)}
.g3-ring{--sz:58px;background:conic-gradient(var(--emerald) calc(var(--v)*1%),var(--surface-3) 0);transition:background .3s}
.g3-ring span{font:700 18px/1 var(--mono)}
.g3-ring.is-paused{background:conic-gradient(var(--ink-4) calc(var(--v)*1%),var(--surface-3) 0)}
.g3-go-text{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1;min-width:160px}
.g3-report{padding:12px clamp(20px,4vw,32px);border-top:1px solid var(--line);background:var(--surface-2);font-size:13px}
.g3-report a{display:inline-flex;align-items:center;gap:6px;color:var(--ink-3)}
.g3-report a:hover{color:var(--bad)}
@media (max-width:560px){.g3-go .btn-lg{width:100%}}
body.g3-frame{margin:0;overflow:hidden;height:100vh;display:flex;flex-direction:column}
.g3-bar{display:flex;align-items:center;gap:12px;height:56px;padding:0 12px;background:var(--g-night);color:#cfc8b6;border-bottom:1px solid rgba(217,184,108,.3)}
.g3-bar .brand{color:#f7efdc;font-size:19px}
.g3-bar .brand .tld{color:#e3c27a}
.g3-bar .brand-mark{width:30px;height:30px}
.g3-bar-name{font-size:13px;color:#a9b7ae;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.g3-bar-host{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:5px 10px;border-radius:99px;background:rgba(255,255,255,.06);font-size:12.5px;color:#e9e2cf;min-width:0;overflow:hidden}
.g3-bar-host span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.g3-view{flex:1;width:100%;border:0}
@media (max-width:640px){.g3-bar-name{display:none}}

/* ================================================================ 404 ( standalone ) */
body.nf3{min-height:100vh;background:var(--bg)}
.nf3-wrap{position:relative;min-height:100vh;display:flex;flex-direction:column;overflow:hidden}
.nf3-wrap>.mesh,.nf3-wrap>.bg-lines{position:fixed}
.nf3-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:1240px;margin:0 auto;padding:18px clamp(16px,3.4vw,40px)}
.nf3-main{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:clamp(12px,4vw,40px) 16px 56px}
.nf3-stage{position:relative;width:min(560px,100%);height:clamp(170px,26vw,230px)}
.nf3-path{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.nf3-code{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.04em;font:italic 700 clamp(110px,20vw,200px)/1 var(--serif);letter-spacing:-.04em}
.nf3-code>span:not(.nf3-zero){background:var(--g-iris);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}
.nf3-zero{display:inline-grid;place-items:center;width:.78em;height:.78em}
.nf3-zero-mark{width:100%;height:100%;filter:drop-shadow(0 14px 30px rgba(11,122,88,.4))}
.motion .nf3-zero-mark{animation:c3-wobble 3.2s ease-in-out infinite}
@keyframes c3-wobble{25%{transform:rotate(-12deg)}75%{transform:rotate(10deg)}}
.nf3-bird{position:absolute;right:2%;top:-8%;z-index:2;will-change:transform}
.nf3-h1{max-width:20ch;text-wrap:balance}
.nf3-lead{margin:0 auto}
.nf3-search{display:flex;align-items:center;gap:12px;width:min(560px,100%);height:60px;margin-top:10px;padding:0 12px 0 20px;border-radius:999px;border:1px solid var(--gold-line);background:var(--surface);color:var(--ink-3);font-size:16.5px;box-shadow:var(--sh-2);cursor:pointer;transition:box-shadow .2s,border-color .2s}
.nf3-search:hover{border-color:var(--emerald);box-shadow:var(--ring),var(--sh-2)}
.nf3-search svg.i{width:22px;height:22px;color:var(--gold-2)}
.nf3-search span:nth-child(2){flex:1;text-align:left}
.nf3-actions{justify-content:center}
.nf3-look{width:min(560px,100%);margin-top:10px;padding:16px 18px;text-align:left}
.nf3-look .label{display:flex;align-items:center;gap:6px}
.nf3-look .input-group{background:var(--surface-2)}
.nf3-tools{display:flex;flex-direction:column;align-items:center;gap:14px;width:min(900px,100%);margin-top:28px}
.nf3-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%}
.nf3-tool{display:flex;align-items:center;gap:12px;padding:14px;text-align:left}
.nf3-tool .art{--aw:44px}
.nf3-tool>span{display:flex;flex-direction:column;gap:3px;min-width:0}
.nf3-tool b{font-size:14.5px;color:var(--ink)}
.nf3-tool small{font-size:12.5px;color:var(--ink-3)}
@media (max-width:760px){.nf3-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nf3-tool small{display:none}}
@media (max-width:420px){.nf3-grid{grid-template-columns:minmax(0,1fr)}}
.nf3-foot{position:relative;z-index:1;text-align:center;padding:20px 16px 28px;font-size:12.5px;color:var(--ink-3)}