/* AEOTech skin */
html[data-skin=mono]{
  --c-bg:#050607;--c-bg-alt:#0C0E10;--c-surface:#111417;--c-text:#ECEFF1;--c-muted:#8A9096;--c-border:#23272B;
  --c-accent:#2EE6C9;--c-accent-2:#FF5A36;--c-accent-ink:#04120F;--c-dark:#000000;
  --radius:4px;--radius-sm:2px;--shadow:none;--maxw:1240px;
  --font-head:'JetBrains Mono','IBM Plex Sans KR','IBM Plex Sans',system-ui,monospace;
  --font-body:'IBM Plex Sans','IBM Plex Sans KR',system-ui,sans-serif;
}
[data-skin=mono] body{
  background-color:var(--c-bg);color:var(--c-text);font:400 16px/1.7 var(--font-body);-webkit-font-smoothing:antialiased;
  background-image:repeating-linear-gradient(180deg,rgba(255,255,255,.025) 0px,rgba(255,255,255,.025) 1px,transparent 1px,transparent 3px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:auto,140px 140px;
}
[data-skin=mono] h1,[data-skin=mono] h2,[data-skin=mono] h3,[data-skin=mono] h4{font-family:var(--font-head);font-weight:700;letter-spacing:0;text-wrap:balance}
[data-skin=mono] h1{font-size:clamp(2rem,1.05rem + 3.2vw,3.15rem);line-height:1.14}
[data-skin=mono] h2{font-size:clamp(1.5rem,1.15rem + 1.5vw,2.05rem);margin-top:2.2em}
[data-skin=mono] h3{font-size:1.14rem}
[data-skin=mono] ::selection{background:var(--c-accent);color:var(--c-accent-ink)}
[data-skin=mono] a{color:var(--c-accent)}
[data-skin=mono] :focus-visible{outline-color:var(--c-accent)}
/* Korean (default language): out-specify the engine's CJK-safety rule so headings keep JetBrains Mono and body
   copy uses IBM Plex Sans KR instead of falling back to the generic OS stack. zh/ja/hi keep the engine's safe
   system fonts untouched below since we load no brand webfont for those scripts. */
html[data-skin=mono][lang=ko] body{font-family:var(--font-body)}
html[data-skin=mono][lang=ko] h1,html[data-skin=mono][lang=ko] h2,html[data-skin=mono][lang=ko] h3,html[data-skin=mono][lang=ko] h4{font-family:var(--font-head)}

/* prose */
[data-skin=mono] .sg-prose a,[data-skin=mono] .sg-faq-a a,[data-skin=mono] .sg-card a:not(.sg-btn){color:var(--c-accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--c-accent) 45%,transparent);text-underline-offset:3px}
[data-skin=mono] .sg-prose a:hover,[data-skin=mono] .sg-faq-a a:hover,[data-skin=mono] .sg-card a:not(.sg-btn):hover{text-decoration-color:var(--c-accent)}
[data-skin=mono] .sg-prose code{font-family:var(--font-head);background:var(--c-surface);border:1px solid var(--c-border);padding:.15em .45em;border-radius:3px;font-size:.88em;color:var(--c-accent)}
[data-skin=mono] .sg-prose pre{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:14px 16px;overflow:auto}
[data-skin=mono] .sg-prose pre code{background:none;border:0;padding:0;color:var(--c-text)}
[data-skin=mono] .sg-prose blockquote{margin:16px 0;padding:2px 18px;border-inline-start:3px solid var(--c-accent);color:var(--c-muted);font-style:normal}
[data-skin=mono] .sg-prose ul{list-style:none;padding-inline-start:0}
[data-skin=mono] .sg-prose ul>li{position:relative;padding-inline-start:22px;margin:.4em 0}
[data-skin=mono] .sg-prose ul>li::before{content:"\203A";position:absolute;inset-inline-start:2px;color:var(--c-accent);font-weight:700}
[data-skin=mono] .sg-prose ol{padding-inline-start:22px}
[data-skin=mono] .sg-prose ol>li{margin:.4em 0}
[data-skin=mono] .sg-prose table{font-size:.94rem}

/* header */
[data-skin=mono] .sg-header{background:color-mix(in srgb,var(--c-bg) 90%,transparent);backdrop-filter:blur(14px) saturate(1.1);border-bottom:1px solid var(--c-border)}
[data-skin=mono] .sg-header-in{min-height:68px}
[data-skin=mono] .sg-logo{font:700 1.05rem/1 var(--font-head);letter-spacing:0;color:var(--c-text);gap:10px}
[data-skin=mono] .sg-logo-mark{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--c-surface);border:1px solid var(--c-border);background-image:none;position:relative}
[data-skin=mono] .sg-logo-mark::after{content:">";position:absolute;inset:0;display:grid;place-items:center;color:var(--c-accent);font:700 14px/1 var(--font-head)}
[data-skin=mono] .sg-logo-hl{background:var(--c-accent);color:var(--c-accent-ink);padding:0 .28em;border-radius:2px}
[data-skin=mono] .sg-nav-item>a{font:500 .84rem/1.3 var(--font-head);letter-spacing:.01em;color:var(--c-muted);border-radius:0;background:linear-gradient(var(--c-accent),var(--c-accent)) 0 100%/0 2px no-repeat;background-position-y:calc(100% - 2px);transition:background-size .15s,color .15s}
[data-skin=mono] .sg-nav-item>a:hover{background-color:transparent;background-size:100% 2px;color:var(--c-text)}
[data-skin=mono] .sg-drop{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-sm);box-shadow:none}
[data-skin=mono] .sg-drop a{border-radius:2px;font-size:.86rem}
[data-skin=mono] .sg-drop a:hover{background:var(--c-bg-alt);color:var(--c-accent)}
[data-skin=mono] .sg-burger{border-radius:var(--radius-sm);border-color:var(--c-border);color:var(--c-text)}
[data-skin=mono] .sg-burger:hover{border-color:var(--c-accent);color:var(--c-accent)}
[data-skin=mono] .sg-lang summary{border-radius:var(--radius-sm);border-color:var(--c-border);font:600 .78rem/1 var(--font-head);color:var(--c-muted)}
[data-skin=mono] .sg-lang summary:hover{border-color:var(--c-accent);color:var(--c-accent)}
[data-skin=mono] .sg-lang ul{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-sm);box-shadow:none}
[data-skin=mono] .sg-lang a:hover,[data-skin=mono] .sg-lang a[aria-current]{background:var(--c-bg-alt);color:var(--c-accent)}
@media (max-width:900px){
  html[data-skin=mono] .sg-head-actions .sg-head-cta{padding:12px 14px}
}
@media (max-width:400px){
  /* at 360px, logo + burger + language switcher + a long localized CTA (e.g. French "Commander") can exceed the
     row's available width by a few px even after every flex child has shrunk to its floor (the 44px burger bottoms
     out around 22px). A few px back from the header's own edge padding is enough and only affects the header row. */
  [data-skin=mono] .sg-header .sg-wrap{padding-inline:14px}
}

/* buttons: ghost outline that fills teal on hover, mono label, blinking cursor on the two marketing CTAs only */
[data-skin=mono] .sg-btn{font:700 .88rem/1 var(--font-head);border-radius:var(--radius);letter-spacing:.01em;padding:13px 22px;border:1px solid transparent;transition:background .15s,color .15s,border-color .15s,transform .15s}
[data-skin=mono] .sg-btn:hover{transform:translateY(-1px)}
[data-skin=mono] .sg-btn-primary{background:transparent;border-color:var(--c-accent);color:var(--c-accent)}
[data-skin=mono] .sg-btn-primary:hover{background:var(--c-accent);color:var(--c-accent-ink)}
[data-skin=mono] .sg-btn-ghost{background:transparent;border-color:var(--c-border);color:var(--c-text)}
[data-skin=mono] .sg-btn-ghost:hover{border-color:var(--c-accent);color:var(--c-accent)}
[data-skin=mono] .sg-btn-tg,[data-skin=mono] .sg-btn-dark{background:var(--c-surface);border-color:var(--c-border);color:var(--c-text)}
[data-skin=mono] .sg-btn-tg:hover,[data-skin=mono] .sg-btn-dark:hover{border-color:var(--c-accent);color:var(--c-accent)}
[data-skin=mono] .sg-btn-tg svg{fill:currentColor}
@media (prefers-reduced-motion:no-preference){
  [data-skin=mono] .sg-head-cta::after,[data-skin=mono] .sg-hero-cta .sg-btn-primary::after{content:"";display:inline-block;width:.5em;height:1em;margin-inline-start:.55em;background:currentColor;vertical-align:-.18em;animation:sg-caret 1.1s steps(1) infinite}
}
@keyframes sg-caret{0%,49%{opacity:1}50%,100%{opacity:0}}

/* hero */
[data-skin=mono] .sg-hero{padding:64px 0 44px;background:radial-gradient(48rem 26rem at 78% 8%,color-mix(in srgb,var(--c-accent) 16%,transparent),transparent 62%),var(--c-bg);border-bottom:1px solid var(--c-border)}
[dir=rtl][data-skin=mono] .sg-hero{background:radial-gradient(48rem 26rem at 22% 8%,color-mix(in srgb,var(--c-accent) 16%,transparent),transparent 62%),var(--c-bg)}
[data-skin=mono] .sg-hero-art img{opacity:.4}
[data-skin=mono] .sg-eyebrow{font-family:var(--font-head);font-weight:700;font-size:.78rem;letter-spacing:.05em;background:none;color:var(--c-accent);padding:0;margin-bottom:14px}
[data-skin=mono] .sg-eyebrow::before{content:"[ "}
[data-skin=mono] .sg-eyebrow::after{content:" ]"}
[data-skin=mono] .sg-mark{background:none;color:var(--c-accent);padding:0 .05em;border-bottom:2px solid var(--c-accent)}
[data-skin=mono] .sg-lead{font-family:var(--font-body);font-size:1.08rem;color:var(--c-muted);max-width:640px}
[data-skin=mono] .sg-hero-cta{gap:14px}
[data-skin=mono] .sg-chips,[data-skin=mono] .sg-badges{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:14px 0 0}
[data-skin=mono] .sg-chips li,[data-skin=mono] .sg-badges li{display:inline-flex;align-items:center;gap:8px;font:500 .82rem/1.3 var(--font-head);color:var(--c-muted);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:7px 12px}
[data-skin=mono] .sg-chips li::before,[data-skin=mono] .sg-badges li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--c-accent);flex:none}
[data-skin=mono] .sg-updated{font:400 .8rem/1 var(--font-head);color:var(--c-muted)}
@media (prefers-reduced-motion:no-preference){
  [data-skin=mono] .sg-hero-in>div>*{animation:sg-rise .5s cubic-bezier(.2,.7,.3,1) both}
  [data-skin=mono] .sg-hero-in>div>*:nth-child(2){animation-delay:.05s}
  [data-skin=mono] .sg-hero-in>div>*:nth-child(3){animation-delay:.1s}
  [data-skin=mono] .sg-hero-in>div>*:nth-child(4){animation-delay:.15s}
  [data-skin=mono] .sg-hero-in>div>*:nth-child(5){animation-delay:.2s}
  [data-skin=mono] .sg-hero-in>div>*:nth-child(n+6){animation-delay:.25s}
  [data-skin=mono] .sg-hero-card{animation:sg-rise .6s .15s cubic-bezier(.2,.7,.3,1) both}
}
@keyframes sg-rise{from{opacity:0;transform:translateY(10px)}}

/* tldr */
[data-skin=mono] .sg-tldr{background:var(--c-bg-alt);border:1px solid var(--c-border);border-inline-start:3px solid var(--c-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0}
[data-skin=mono] .sg-tldr-label{font-family:var(--font-head);background:var(--c-accent);color:var(--c-accent-ink);border-radius:2px}

/* hero card / price card (used whenever a page has pricing or highlights) */
[data-skin=mono] .sg-hero-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:none;position:relative;overflow:hidden}
[data-skin=mono] .sg-hero-card::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 100% 0%,color-mix(in srgb,var(--c-accent) 12%,transparent),transparent 70%);pointer-events:none}
[dir=rtl][data-skin=mono] .sg-hero-card::before{background:radial-gradient(60% 60% at 0% 0%,color-mix(in srgb,var(--c-accent) 12%,transparent),transparent 70%)}
[data-skin=mono] .sg-hero-card h2{font:700 .88rem/1.3 var(--font-head);color:var(--c-muted);text-transform:uppercase;letter-spacing:.05em;position:relative;margin:0}
[data-skin=mono] .sg-hero-card .sg-price{display:block;color:var(--c-accent);font:700 clamp(1.5rem,1.25rem + 1vw,2rem)/1.15 var(--font-head);margin-top:8px}
[data-skin=mono] .sg-hero-card ul{list-style:none;padding:0;display:grid;gap:9px;position:relative}
[data-skin=mono] .sg-hero-card li{position:relative;padding-inline-start:20px;font-size:.92rem}
[data-skin=mono] .sg-hero-card li::before{content:"\203A";position:absolute;inset-inline-start:0;color:var(--c-accent);font-weight:700}
[data-skin=mono] .sg-hero-card .sg-note{color:var(--c-muted);position:relative}

/* facts strip: bordered data grid, tabular mono figures prefixed with a teal prompt */
[data-skin=mono] .sg-facts-sec{border-block:1px solid var(--c-border);padding:22px 0}
[data-skin=mono] .sg-facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));border:1px solid var(--c-border);border-radius:var(--radius)}
[data-skin=mono] .sg-facts li{padding:16px 20px;border-inline-end:1px solid var(--c-border);gap:4px}
[data-skin=mono] .sg-facts li:last-child{border-inline-end:0}
[data-skin=mono] .sg-facts b{font:700 clamp(1.4rem,1.1rem + 1vw,1.9rem)/1.1 var(--font-head);color:var(--c-text)}
[data-skin=mono] .sg-facts b::before{content:"> ";color:var(--c-accent)}
[data-skin=mono] .sg-facts span{font:500 .78rem/1.3 var(--font-head);color:var(--c-muted);text-transform:uppercase;letter-spacing:.04em}
@media (max-width:760px){
  [data-skin=mono] .sg-facts{grid-template-columns:1fr 1fr}
  [data-skin=mono] .sg-facts li:nth-child(2n){border-inline-end:0}
  [data-skin=mono] .sg-facts li:nth-child(-n+2){border-bottom:1px solid var(--c-border)}
}

/* marquee: uppercase mono names, teal dot separators, full opacity */
[data-skin=mono] .sg-marquee{border-block-color:var(--c-border)}
[data-skin=mono] .sg-marquee-track{font:700 .82rem/1 var(--font-head);color:var(--c-text);letter-spacing:.07em;gap:0}
[data-skin=mono] .sg-marquee-track span{text-transform:uppercase;display:inline-flex;align-items:center;padding-inline-end:20px}
[data-skin=mono] .sg-marquee-track span+span::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--c-accent);margin-inline-end:20px;flex:none}

/* ticks divider (kept for completeness, minimal since the flag is off on this site) */
[data-skin=mono] .sg-ticks{height:26px;border-bottom:1px solid var(--c-border);background:repeating-linear-gradient(90deg,var(--c-accent) 0 2px,transparent 2px 22px) 0 50%/280px 8px no-repeat,var(--c-bg-alt)}

/* sections/blocks with a bracketed mono index label */
[data-skin=mono] .sg-main-wrap{counter-reset:zzblock}
[data-skin=mono] .sg-block{counter-increment:zzblock;padding:64px 0}
[data-skin=mono] .sg-block-alt{background:var(--c-bg-alt)}
[data-skin=mono] .sg-block-head{margin-bottom:28px}
[data-skin=mono] .sg-block-head::before{content:"[ " counter(zzblock,decimal-leading-zero) " ]";display:block;font:700 .78rem/1 var(--font-head);color:var(--c-accent);letter-spacing:.06em;margin-bottom:10px}
[data-skin=mono] .sg-block-head h2{margin-top:0}

/* cards/tiles: seamless hairline data-grid (shared border colour fills the 1px gaps), numbered 01/02/03 */
[data-skin=mono] .sg-cards{display:grid;gap:1px;background:var(--c-border);border:1px solid var(--c-border);border-radius:var(--radius);overflow:hidden;counter-reset:zztile}
[data-skin=mono] .sg-tile{counter-increment:zztile;background:var(--c-surface);border:0;border-radius:0;padding:22px;position:relative;transition:background .15s}
[data-skin=mono] .sg-tile:hover{background:var(--c-bg-alt);transform:none}
[data-skin=mono] .sg-tile::before{content:counter(zztile,decimal-leading-zero);position:absolute;top:18px;inset-inline-end:18px;font:700 .75rem/1 var(--font-head);color:var(--c-border);letter-spacing:.02em}
[data-skin=mono] .sg-tile:hover::before{color:var(--c-accent)}
[data-skin=mono] .sg-tile strong{font:700 .98rem/1.35 var(--font-head);padding-inline-end:26px}
[data-skin=mono] .sg-tile:hover strong{color:var(--c-accent)}
[data-skin=mono] .sg-tile span{color:var(--c-muted);font-size:.88rem}
[data-skin=mono] .sg-tile em{color:var(--c-accent);font:700 .82rem/1 var(--font-head);font-style:normal}

/* generic cards (toc, related, aside lead-form card) */
[data-skin=mono] .sg-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:none}
[data-skin=mono] .sg-card h3{font:700 .8rem/1.3 var(--font-head);text-transform:uppercase;letter-spacing:.05em;color:var(--c-muted);margin-top:0}
[data-skin=mono] .sg-toc a{font-family:var(--font-body);font-size:.9rem}
[data-skin=mono] .sg-toc a:hover{color:var(--c-accent)}

/* tables as data grids */
[data-skin=mono] .sg-table-wrap{border:1px solid var(--c-border);border-radius:var(--radius-sm)}
[data-skin=mono] .sg-table th{background:var(--c-bg-alt);font:700 .76rem/1.3 var(--font-head);text-transform:uppercase;letter-spacing:.04em;color:var(--c-muted)}
[data-skin=mono] .sg-table tbody tr:nth-child(even){background:rgba(255,255,255,.025)}
[data-skin=mono] .sg-table tbody tr:hover{background:color-mix(in srgb,var(--c-accent) 6%,transparent)}
[data-skin=mono] .sg-price{font-family:var(--font-head);color:var(--c-accent);font-weight:700}
[data-skin=mono] .sg-note{font-family:var(--font-body);color:var(--c-muted);font-size:.85rem}

/* steps: square hairline tiles with mono digits */
[data-skin=mono] .sg-steps li{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:16px 16px 16px 62px}
[dir=rtl][data-skin=mono] .sg-steps li{padding:16px 62px 16px 16px}
[data-skin=mono] .sg-steps li::before{border-radius:var(--radius-sm);background:var(--c-bg-alt);border:1px solid var(--c-border);color:var(--c-accent);font:700 .95rem/1 var(--font-head);width:34px;height:34px;top:16px}
[data-skin=mono] .sg-steps strong{font-family:var(--font-head)}

/* faq */
[data-skin=mono] .sg-faq details{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-sm)}
[data-skin=mono] .sg-faq details[open]{border-color:var(--c-accent)}
[data-skin=mono] .sg-faq summary{font:700 .95rem/1.4 var(--font-body);display:flex;justify-content:space-between;gap:14px;align-items:center}
[data-skin=mono] .sg-faq summary::after{content:"[+]";font:700 .78rem/1 var(--font-head);color:var(--c-accent);float:none;flex:none}
[data-skin=mono] .sg-faq details[open] summary::after{content:"[\2212]"}
[data-skin=mono] .sg-faq .sg-faq-a{color:var(--c-muted);font-family:var(--font-body)}

/* cta band + quiz */
[data-skin=mono] .sg-cta{background:var(--c-bg-alt);border:1px solid var(--c-border);border-radius:var(--radius);position:relative;overflow:hidden}
[data-skin=mono] .sg-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 80% at 100% 100%,color-mix(in srgb,var(--c-accent) 10%,transparent),transparent 70%);pointer-events:none}
[dir=rtl][data-skin=mono] .sg-cta::before{background:radial-gradient(50% 80% at 0% 100%,color-mix(in srgb,var(--c-accent) 10%,transparent),transparent 70%)}
[data-skin=mono] .sg-cta h2,[data-skin=mono] .sg-cta p{position:relative;color:var(--c-text)}
[data-skin=mono] .sg-cta p{color:var(--c-muted)}
[data-skin=mono] .sg-quiz{background:transparent;color:inherit;padding:0;position:relative}
[data-skin=mono] .sg-q-progress{background:var(--c-bg);border:1px solid var(--c-border);border-radius:2px;height:5px}
[data-skin=mono] .sg-q-progress span{background:var(--c-accent)}
[data-skin=mono] .sg-q-step{font:600 .76rem/1 var(--font-head);text-transform:uppercase;letter-spacing:.05em;color:var(--c-muted)}
[data-skin=mono] .sg-q-step::before{content:"[ ";color:var(--c-accent)}
[data-skin=mono] .sg-q-step::after{content:" ]";color:var(--c-accent)}
[data-skin=mono] .sg-q-title{font:700 1.05rem/1.4 var(--font-head);color:var(--c-text)}
[data-skin=mono] .sg-q-opt{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-sm);font-family:var(--font-body);color:var(--c-text)}
[data-skin=mono] .sg-q-opt.sel,[data-skin=mono] .sg-q-opt:hover{border-color:var(--c-accent);background:color-mix(in srgb,var(--c-accent) 8%,var(--c-surface))}
[data-skin=mono] .sg-q-done{color:var(--c-text)}

/* lead forms: terminal-style inputs, filled teal submit (forms are the conversion moment, not ghost) */
[data-skin=mono] .sg-lf-t{font:700 1.02rem/1.3 var(--font-head);color:var(--c-text)}
[data-skin=mono] .sg-lf-s{color:var(--c-muted);font-family:var(--font-body)}
[data-skin=mono] .sg-lf input[type=url],[data-skin=mono] .sg-lf input[type=text]{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-sm);font-family:var(--font-head);color:var(--c-text);caret-color:var(--c-accent)}
[data-skin=mono] .sg-lf input::placeholder{color:var(--c-muted);font-family:var(--font-head);opacity:.85}
[data-skin=mono] .sg-lf input:focus{outline:2px solid var(--c-accent);outline-offset:1px;border-color:var(--c-accent)}
[data-skin=mono] .sg-lf .sg-btn{font-family:var(--font-head)}
[data-skin=mono] .sg-lf .sg-btn-primary{background:var(--c-accent);color:var(--c-accent-ink);border-color:var(--c-accent)}
[data-skin=mono] .sg-lf .sg-btn-primary:hover{background:color-mix(in srgb,var(--c-accent) 85%,white)}
[data-skin=mono] .sg-consent{color:var(--c-muted);font-family:var(--font-body)}
[data-skin=mono] .sg-consent input{accent-color:var(--c-accent)}
[data-skin=mono] .sg-lf-msg{color:var(--c-accent-2);font-family:var(--font-head)}
[data-skin=mono] .sg-lf-band{background:var(--c-bg-alt);border:1px solid var(--c-border);border-radius:var(--radius)}
[data-skin=mono] .sg-lf-inline .sg-lf-t::before,[data-skin=mono] .sg-lf-band .sg-lf-t::before{content:"$ ";color:var(--c-accent)}
[data-skin=mono] .sg-lf-card .sg-lf-t{font-size:.98rem}
[data-skin=mono] .sg-foot-form{border-bottom-color:var(--c-border)}
[data-skin=mono] .sg-foot-form .sg-lf-t{font-size:1.15rem;color:#fff}
[data-skin=mono] .sg-foot-form .sg-lf-s{color:rgba(255,255,255,.6)}
[data-skin=mono] .sg-lmodal{background:var(--c-surface);color:var(--c-text);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:0 0 0 1px color-mix(in srgb,var(--c-accent) 25%,transparent)}
[data-skin=mono] .sg-lmodal::backdrop{background:rgba(0,0,0,.7)}
[data-skin=mono] .sg-lmodal-x{color:var(--c-muted)}
[data-skin=mono] .sg-lmodal-x:hover{color:var(--c-accent)}

/* footer */
[data-skin=mono] .sg-footer{background:var(--c-dark);color:var(--c-muted);border-top:1px solid var(--c-border)}
[data-skin=mono] .sg-footer a{color:var(--c-muted)}
[data-skin=mono] .sg-footer a:hover{color:var(--c-accent);text-decoration:none}
[data-skin=mono] .sg-foot-grid h3{font:700 .76rem/1.2 var(--font-head);text-transform:uppercase;letter-spacing:.08em;color:var(--c-text)}
[data-skin=mono] .sg-foot-bottom{border-top-color:var(--c-border);color:var(--c-muted);font-family:var(--font-head);font-size:.78rem}
[data-skin=mono] .sg-crumbs{font-family:var(--font-head);font-size:.78rem}
[data-skin=mono] .sg-crumbs a:hover{color:var(--c-accent)}

/* mobile bar: order fills teal, telegram stays a hairline dark chip */
html[data-skin=mono][data-mbar] .sg-mbar{background:color-mix(in srgb,var(--c-surface) 96%,transparent);border-top:1px solid var(--c-border);backdrop-filter:blur(10px);box-shadow:none}
[data-skin=mono] .sg-mbar-order{background:var(--c-accent);color:var(--c-accent-ink)}
[data-skin=mono] .sg-mbar-tg{background:var(--c-surface);color:var(--c-text);border:1px solid var(--c-border)}

/* chat / cookie / exit */
[data-skin=mono] .sg-chat-btn{background:var(--c-accent);color:var(--c-accent-ink);box-shadow:none;position:relative}
[data-skin=mono] .sg-chat-btn::after{content:"";position:absolute;top:4px;inset-inline-end:4px;width:9px;height:9px;border-radius:50%;background:var(--c-accent-2);border:2px solid var(--c-bg)}
@media (prefers-reduced-motion:no-preference){[data-skin=mono] .sg-chat-btn::after{animation:sg-pulse 2.2s ease-in-out infinite}}
@keyframes sg-pulse{0%,100%{opacity:1}50%{opacity:.35}}
[data-skin=mono] .sg-chat{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:0 0 0 1px color-mix(in srgb,var(--c-accent) 15%,transparent)}
[data-skin=mono] .sg-chat-head{background:var(--c-dark);color:var(--c-text);border-bottom:1px solid var(--c-border)}
[data-skin=mono] .sg-chat-log{background:var(--c-bg)}
[data-skin=mono] .sg-msg-op{background:var(--c-surface);border:1px solid var(--c-border);color:var(--c-text)}
[data-skin=mono] .sg-msg-me{background:var(--c-accent);color:var(--c-accent-ink)}
[data-skin=mono] .sg-chat-form input{background:var(--c-bg);border:1px solid var(--c-border);color:var(--c-text);font-family:var(--font-head)}
[data-skin=mono] .sg-chat-form input:focus{outline:2px solid var(--c-accent)}
[data-skin=mono] .sg-chat-tg{color:var(--c-muted);border-top:1px solid var(--c-border)}
[data-skin=mono] .sg-chat-tg:hover{color:var(--c-accent)}
[data-skin=mono] .sg-cookie{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);color:var(--c-text);box-shadow:none}
[data-skin=mono] .sg-exit{background:rgba(0,0,0,.75)}
[data-skin=mono] .sg-exit-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);color:var(--c-text)}
[data-skin=mono] .sg-exit-x{color:var(--c-muted)}
[data-skin=mono] .sg-exit-x:hover{color:var(--c-accent)}

/* mobile refinements */
@media (max-width:760px){
  [data-skin=mono] h1{font-size:clamp(1.6rem,6.6vw,2.05rem)}
  [data-skin=mono] h2{font-size:clamp(1.3rem,5.4vw,1.65rem)}
  [data-skin=mono] .sg-hero{padding:34px 0 30px}
  [data-skin=mono] .sg-block{padding:46px 0}
  [data-skin=mono] .sg-hero-cta .sg-btn{flex:1 1 auto;justify-content:center}
}