/* Bitcoin Insider skin */
html[data-skin=sage]{
  --c-bg:#EEF1E7;--c-bg-alt:#F7F8F2;--c-surface:#FFFFFF;--c-text:#1E241A;--c-muted:#5E6858;--c-border:#D5DCC8;
  --c-accent:#4F5F3A;--c-accent-2:#B5764A;--c-accent-ink:#F6F7EF;--c-dark:#1E241A;
  --radius:18px;--radius-sm:6px;--shadow:none;--maxw:1180px;
  --font-head:'Fraunces',Georgia,'Times New Roman',serif;--font-body:'Karla',system-ui,sans-serif;
  --hair:#CBD3BD;--c-bg-alt2:#E4E9DA;--pop:12px;--sx:1;
}
html[dir=rtl][data-skin=sage]{--sx:-1}
[data-skin=sage] body{font:400 17px/1.7 var(--font-body);color:var(--c-text)}
[data-skin=sage] h1,[data-skin=sage] h2,[data-skin=sage] h3{font-family:var(--font-head);font-weight:400;letter-spacing:-.01em;line-height:1.08;color:var(--c-text);text-wrap:balance}
[data-skin=sage] h1{font-size:clamp(2.1rem,1.05rem + 3.6vw,4.2rem);line-height:1.05;max-width:16ch;margin-inline:auto}
[data-skin=sage] h2{font-weight:500;font-size:clamp(1.5rem,1.1rem + 1.8vw,2.3rem)}
[data-skin=sage] h3{font-weight:500;font-size:1.2rem;letter-spacing:0}
[data-skin=sage] ::selection{background:var(--c-bg-alt2);color:var(--c-text)}
[data-skin=sage] a{color:var(--c-accent)}
[data-skin=sage] .fn-main-wrap{counter-reset:sage-sec}

/* header */
[data-skin=sage] .fn-header{background:color-mix(in srgb,var(--c-bg) 90%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--c-border)}
[data-skin=sage] .fn-header-in{min-height:78px}
[data-skin=sage] .fn-logo{font:500 1.32rem/1 var(--font-head);letter-spacing:-.01em;color:var(--c-text);gap:12px}
[data-skin=sage] .fn-logo-mark{width:32px;height:32px;border-radius:50%;border:1px solid var(--c-border);background-color:var(--c-bg-alt2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg stroke='%234F5F3A' stroke-width='2.3' stroke-linecap='round' fill='none'%3E%3Cpath d='M12 8.9L12 2.7'/%3E%3Cpath d='M14.68 10.45L20.05 7.35'/%3E%3Cpath d='M14.68 13.55L20.05 16.65'/%3E%3Cpath d='M12 15.1L12 21.3'/%3E%3Cpath d='M9.32 13.55L3.95 16.65'/%3E%3Cpath d='M9.32 10.45L3.95 7.35'/%3E%3C/g%3E%3Ccircle cx='12' cy='12' r='1.7' fill='%234F5F3A'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:17px}
[data-skin=sage] .fn-logo-hl{background:none;color:var(--c-accent);font-style:italic}
[data-skin=sage] .fn-nav-item>a{color:var(--c-muted);font:500 .95rem/1 var(--font-body);padding-block:9px}
[data-skin=sage] .fn-nav-item>a:hover{background:none;color:var(--c-text);text-decoration:underline;text-decoration-color:var(--c-accent-2);text-underline-offset:5px;text-decoration-thickness:1.5px}
[data-skin=sage] .fn-nav-item:has(.fn-drop)>a::after{content:"";display:inline-block;width:5px;height:5px;border-inline-end:1.5px solid currentColor;border-block-end:1.5px solid currentColor;transform:rotate(45deg);margin-inline-start:7px;opacity:.55}
[data-skin=sage] .fn-drop{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--pop);box-shadow:none;padding:8px}
[data-skin=sage] .fn-drop a{border-radius:8px;font-size:.9rem;color:var(--c-text)}
[data-skin=sage] .fn-drop a:hover{background:var(--c-bg-alt);color:var(--c-accent)}
[data-skin=sage] .fn-burger{border-color:var(--c-border);border-radius:var(--radius-sm);color:var(--c-text)}
[data-skin=sage] .fn-burger:hover{border-color:var(--c-accent);color:var(--c-accent)}
[data-skin=sage] .fn-lang summary{border-radius:var(--radius-sm);border-color:var(--c-border);font-weight:600;color:var(--c-text)}
[data-skin=sage] .fn-lang summary:hover{border-color:var(--c-accent)}
[data-skin=sage] .fn-lang ul{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--pop);box-shadow:none}
[data-skin=sage] .fn-lang a:hover,[data-skin=sage] .fn-lang a[aria-current]{background:var(--c-bg-alt);color:var(--c-accent)}
[data-skin=sage] .fn-head-actions .fn-btn{padding:.7rem 1.3rem;font-size:.92rem}

/* buttons */
[data-skin=sage] .fn-btn{font-family:var(--font-body);font-weight:600;letter-spacing:.01em;border-radius:var(--radius-sm)}
[data-skin=sage] .fn-btn-primary{background:var(--c-accent);color:var(--c-accent-ink)}
[data-skin=sage] .fn-btn-primary:hover{background:color-mix(in srgb,var(--c-accent) 88%,black)}
[data-skin=sage] .fn-btn-ghost{background:transparent;border:1.5px solid var(--c-border);color:var(--c-text)}
[data-skin=sage] .fn-btn-ghost:hover{border-color:var(--c-accent);color:var(--c-accent);background:var(--c-bg-alt)}
[data-skin=sage] .fn-btn-tg{background:var(--c-dark);color:var(--c-accent-ink);border-color:transparent}
[data-skin=sage] .fn-btn-tg:hover{background:color-mix(in srgb,var(--c-dark) 85%,var(--c-accent-2))}
/* hero telegram cta reads as a quiet text link, not a second button */
[data-skin=sage] .fn-hero-cta .fn-btn-ghost{border:0;background:none;padding:12px 6px;color:var(--c-text);text-decoration:underline;text-decoration-color:var(--c-border);text-underline-offset:4px}
[data-skin=sage] .fn-hero-cta .fn-btn-ghost:hover{background:none;color:var(--c-accent-2);text-decoration-color:var(--c-accent-2)}

/* hero */
[data-skin=sage] .fn-hero{background:var(--c-bg);padding:84px 0 8px}
[data-skin=sage] .fn-eyebrow{display:inline-flex;align-items:center;gap:10px;font:700 .78rem/1 var(--font-body);letter-spacing:.16em;color:var(--c-accent);margin-bottom:16px}
[data-skin=sage] .fn-eyebrow::before,[data-skin=sage] .fn-eyebrow::after{content:"";width:24px;height:1px;background:var(--hair);flex:none}
[data-skin=sage] .fn-mark{font-style:italic;font-weight:500;background:none;color:inherit;padding:0}
[data-skin=sage] .fn-lead{font-size:1.2rem;line-height:1.6;color:var(--c-muted);max-width:62ch}
[data-skin=sage] .fn-tldr{background:none;border:0;border-block-start:1px solid var(--c-accent);padding:20px 0 4px;margin:30px 0;max-width:62ch;font-family:var(--font-head);font-style:italic;font-size:1.12rem;line-height:1.55;color:var(--c-text)}
[data-skin=sage] .fn-tldr-label{display:block;background:none;color:var(--c-accent);border-radius:0;padding:0;font:700 .74rem/1 var(--font-body);letter-spacing:.14em;margin:0 0 10px}
[data-skin=sage] .fn-hero-cta{gap:26px;align-items:center;margin:26px 0 20px}
[data-skin=sage] .fn-badges,[data-skin=sage] .fn-chips{gap:0;list-style:none}
[data-skin=sage] .fn-badges li,[data-skin=sage] .fn-chips li{background:none;border:0;border-radius:0;padding:0 16px;font:500 .85rem/1.4 var(--font-body);color:var(--c-muted);position:relative}
[data-skin=sage] .fn-badges li+li::before,[data-skin=sage] .fn-chips li+li::before{content:"";position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);width:1px;height:12px;background:var(--c-border)}
[data-skin=sage] .fn-updated{color:var(--c-muted);font-size:.85rem;margin-top:14px}

/* hero-card (price/highlights panel) + the less-used aside variants, styled for coverage */
[data-skin=sage] .fn-hero-card{max-width:600px;margin:36px auto 0;text-align:start;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:none;padding:32px}
[data-skin=sage] .fn-hero-card h2{font-size:1.15rem;font-weight:500}
[data-skin=sage] .fn-hero-card .fn-price{font-family:var(--font-head);font-style:italic;color:var(--c-accent);font-size:1.3em}
[data-skin=sage] .fn-hero-card .fn-note{color:var(--c-muted)}
[data-skin=sage] .fn-hero-card ul{list-style:none;padding-inline-start:0;display:grid;gap:11px}
[data-skin=sage] .fn-hero-card li{position:relative;padding-inline-start:22px}
[data-skin=sage] .fn-hero-card li::before{content:"";position:absolute;inset-inline-start:0;top:.62em;width:9px;height:1.5px;background:var(--c-accent)}
[data-skin=sage] .fn-board,[data-skin=sage] .fn-hform,[data-skin=sage] .fn-aicard,[data-skin=sage] .fn-hub{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:none;color:var(--c-text)}
[data-skin=sage] .fn-board-num{font-family:var(--font-head);font-style:italic;color:var(--c-accent)}
[data-skin=sage] .fn-live i{background:var(--c-accent)}
[data-skin=sage] .fn-bar span,[data-skin=sage] .fn-q-progress span{background:var(--c-accent)}
[data-skin=sage] .fn-hub-core{background:var(--c-accent);color:var(--c-accent-ink)}
[data-skin=sage] .fn-hub-map li span{border-color:var(--c-border);background:var(--c-surface)}
[data-skin=sage] .fn-aicard-a b{background:color-mix(in srgb,var(--c-accent) 22%,transparent)}
[data-skin=sage] .fn-aicard-cite{background:var(--c-accent);color:var(--c-accent-ink)}

/* ticks + marquee: the "logo wall" -- serif italic names, slow and muted */
[data-skin=sage] .fn-ticks{background:repeating-linear-gradient(90deg,var(--hair) 0 2px,transparent 2px 26px) 0 50%/100% 1px no-repeat,var(--c-bg-alt)}
[data-skin=sage] .fn-marquee{border-block-color:var(--hair);padding:24px 0}
[data-skin=sage] .fn-marquee-track{font:italic 500 1.5rem/1 var(--font-head);letter-spacing:0;color:var(--c-muted);gap:64px}
@media (prefers-reduced-motion:no-preference){[data-skin=sage] .fn-marquee-track{animation-duration:64s}}

/* facts: big serif numerals with hairline separators */
[data-skin=sage] .fn-facts-sec{padding:44px 0;border-block:1px solid var(--hair);background:var(--c-bg-alt2)}
[data-skin=sage] .fn-facts{gap:0}
[data-skin=sage] .fn-facts li{padding:0 28px;border-inline-start:1px solid var(--hair);text-align:center}
[data-skin=sage] .fn-facts li:first-child{border-inline-start:0}
[data-skin=sage] .fn-facts b{font:400 clamp(1.8rem,1.3rem + 2vw,2.6rem)/1 var(--font-head)}
[data-skin=sage] .fn-facts span{font:600 .76rem/1.3 var(--font-body);letter-spacing:.07em;text-transform:uppercase;color:var(--c-muted)}

/* blocks + the numbered index label ("01 --") beside every major section title */
[data-skin=sage] .fn-block{padding:88px 0}
[data-skin=sage] .fn-block-alt{background:var(--c-bg-alt)}
[data-skin=sage] .fn-block-head{max-width:640px;margin:0 auto 44px;text-align:center}
[data-skin=sage] .fn-block-head h2{margin-top:0;counter-increment:sage-sec}
[data-skin=sage] .fn-block-head h2::before{content:counter(sage-sec,decimal-leading-zero) " \2014";display:block;font:700 .76rem/1 var(--font-body);letter-spacing:.16em;color:var(--c-accent);margin-bottom:12px}
[data-skin=sage] .fn-block-head .fn-lead{margin-inline:auto}

/* card grids: one hairline-ruled sheet instead of separate shadowed cards -- the signature detail of this skin.
   Borders live on the tiles themselves (not a container background behind a grid gap) so an incomplete last row
   never paints a solid block over the empty tracks -- it just leaves quiet page-coloured space, as it should. */
[data-skin=sage] .fn-cards{gap:0;border:1px solid var(--c-border);border-radius:var(--radius);overflow:hidden}
[data-skin=sage] .fn-tile{background:var(--c-surface);border:0;border-inline-end:1px solid var(--c-border);border-block-end:1px solid var(--c-border);border-radius:0;padding:30px 28px;gap:10px;transition:background .18s ease}
[data-skin=sage] .fn-tile:hover{background:var(--c-bg-alt);transform:none}
[data-skin=sage] .fn-tile strong{font:500 1.05rem/1.32 var(--font-head);color:var(--c-text);transition:color .18s ease}
[data-skin=sage] .fn-tile:hover strong{color:var(--c-accent)}
[data-skin=sage] .fn-tile span{color:var(--c-muted);font-size:.92rem}
[data-skin=sage] .fn-tile em{font-style:italic;font-weight:400;font-family:var(--font-head);color:var(--c-accent)}

/* steps: a ruled list with pale italic serif numerals instead of coloured chips */
[data-skin=sage] .fn-steps{gap:0;border-block-start:1px solid var(--hair)}
html[data-skin=sage] .fn-steps li{background:none;border-radius:0;border-block-end:1px solid var(--hair);padding-block:22px;padding-inline-start:60px;padding-inline-end:0}
html[data-skin=sage] .fn-steps li::before{background:none;border-radius:0;color:var(--c-accent-2);font:italic 400 1.7rem/1 var(--font-head);width:auto;height:auto;top:16px}

/* prose */
[data-skin=sage] .fn-prose{max-width:68ch}
[data-skin=sage] .fn-prose a,[data-skin=sage] .fn-faq-a a{color:var(--c-text);text-decoration:underline;text-decoration-color:var(--c-border);text-underline-offset:3px}
[data-skin=sage] .fn-prose a:hover,[data-skin=sage] .fn-faq-a a:hover{text-decoration-color:var(--c-accent-2);color:var(--c-accent-2)}
[data-skin=sage] .fn-prose ul{padding-inline-start:0;list-style:none}
[data-skin=sage] .fn-prose ul>li{position:relative;padding-inline-start:22px;margin:.4em 0}
[data-skin=sage] .fn-prose ul>li::before{content:"";position:absolute;inset-inline-start:0;top:.65em;width:9px;height:1.5px;background:var(--c-accent)}
[data-skin=sage] .fn-prose ol{padding-inline-start:20px}
[data-skin=sage] .fn-prose ol>li{margin:.4em 0}
[data-skin=sage] .fn-prose ol>li::marker{font-family:var(--font-head);font-weight:500;color:var(--c-accent)}
[data-skin=sage] .fn-prose blockquote{margin:26px 0;padding-inline-start:20px;border-inline-start:2px solid var(--c-accent);font-family:var(--font-head);font-style:italic;color:var(--c-muted)}
[data-skin=sage] .fn-prose code{background:var(--c-bg-alt2);padding:.15em .4em;border-radius:4px;font-size:.9em}
[data-skin=sage] .fn-prose pre{background:var(--c-dark);color:var(--c-accent-ink);padding:16px;border-radius:var(--radius-sm);overflow:auto}
[data-skin=sage] .fn-prose pre code{background:none;padding:0}
[data-skin=sage] .fn-crumbs{color:var(--c-muted)}
[data-skin=sage] .fn-crumbs a{color:var(--c-muted)}
[data-skin=sage] .fn-crumbs a:hover{color:var(--c-accent)}

/* tables */
[data-skin=sage] .fn-table-wrap{border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-surface)}
[data-skin=sage] .fn-table th{background:var(--c-bg-alt);font:700 .76rem/1.3 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--c-muted)}
[data-skin=sage] .fn-table td{border-color:var(--hair)}
[data-skin=sage] .fn-price{color:var(--c-accent);font-family:var(--font-head);font-weight:500;font-size:1.05em;font-style:italic}
[data-skin=sage] .fn-lf-open{border-color:var(--c-accent);color:var(--c-accent)}

/* faq: ruled list, thin serif +/- */
[data-skin=sage] .fn-faq details{background:none;border:0;border-radius:0;margin:0;border-block-end:1px solid var(--hair)}
[data-skin=sage] .fn-faq details:first-of-type{border-block-start:1px solid var(--hair)}
[data-skin=sage] .fn-faq summary{padding:20px 4px;font:500 1.05rem/1.4 var(--font-head)}
[data-skin=sage] .fn-faq summary::after{content:"+";float:none;color:var(--c-accent);font:400 1.5rem/1 var(--font-head)}
[data-skin=sage] .fn-faq details[open] summary::after{content:"\2212"}
[data-skin=sage] .fn-faq .fn-faq-a{padding:0 4px 22px;color:var(--c-muted)}

/* sidebar */
[data-skin=sage] .fn-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:none}
[data-skin=sage] .fn-toc a{color:var(--c-muted)}
[data-skin=sage] .fn-toc a:hover{color:var(--c-accent)}

/* lead forms: paper-white cards, hairline border, olive button -- everywhere except the inline band */
[data-skin=sage] .fn-lf-t{font:500 1.2rem/1.32 var(--font-head);color:var(--c-text)}
[data-skin=sage] .fn-lf-s{color:var(--c-muted)}
[data-skin=sage] .fn-lf input[type=url],[data-skin=sage] .fn-lf input[type=text]{border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-surface);padding:14px 16px;font:400 .98rem/1.3 var(--font-body);color:var(--c-text)}
[data-skin=sage] .fn-lf input::placeholder{color:color-mix(in srgb,var(--c-muted) 82%,transparent)}
[data-skin=sage] .fn-lf input:focus{outline:2px solid var(--c-accent);outline-offset:1px;border-color:var(--c-accent)}
[data-skin=sage] .fn-lf .fn-consent,[data-skin=sage] .fn-check{color:var(--c-muted)}
[data-skin=sage] .fn-lf .fn-consent input,[data-skin=sage] .fn-check input{accent-color:var(--c-accent)}
[data-skin=sage] .fn-lf-msg{color:#A6403A}
[data-skin=sage] .fn-q-done{color:var(--c-text)}
[data-skin=sage] .fn-hero-card .fn-lf,[data-skin=sage] .fn-lf-card .fn-lf{border-color:var(--c-border)}

/* inline band: the one deliberate "designed panel" moment -- olive field, cream ink, terracotta accent rule */
[data-skin=sage] .fn-lf-band{background:var(--c-accent);border:0;border-radius:var(--radius);padding:36px 34px;position:relative;overflow:hidden}
[data-skin=sage] .fn-lf-band::before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;height:3px;background:var(--c-accent-2)}
[data-skin=sage] .fn-lf-band .fn-lf-t{color:var(--c-accent-ink);font-style:italic;font-size:1.4rem}
[data-skin=sage] .fn-lf-band .fn-lf-s{color:color-mix(in srgb,var(--c-accent-ink) 78%,transparent)}
[data-skin=sage] .fn-lf-band .fn-lf input{border-color:transparent;background:var(--c-accent-ink);color:var(--c-text)}
[data-skin=sage] .fn-lf-band .fn-lf input:focus{outline-color:var(--c-accent-2)}
[data-skin=sage] .fn-lf-band .fn-consent{color:color-mix(in srgb,var(--c-accent-ink) 72%,transparent)}
[data-skin=sage] .fn-lf-band .fn-consent input{accent-color:var(--c-accent-2)}
[data-skin=sage] .fn-lf-band .fn-btn-primary{background:var(--c-accent-ink);color:var(--c-accent)}
[data-skin=sage] .fn-lf-band .fn-btn-primary:hover{background:var(--c-accent-2);color:var(--c-dark)}

/* CTA block wrapping the quiz: pale bordered panel with a short terracotta rule, form stays on a paper-white card */
[data-skin=sage] .fn-cta{background:var(--c-bg-alt2);border:1px solid var(--c-border);border-radius:var(--radius);padding:40px 36px}
[data-skin=sage] .fn-cta::before{content:"";display:block;width:40px;height:2px;background:var(--c-accent-2);margin-bottom:18px}
[data-skin=sage] .fn-cta h2{font-style:italic}
[data-skin=sage] .fn-cta p{color:var(--c-muted)}
[data-skin=sage] .fn-quiz{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-sm);box-shadow:none}
[data-skin=sage] .fn-q-progress{background:var(--c-bg-alt2);border-radius:999px}
[data-skin=sage] .fn-q-progress span{background:var(--c-accent);border-radius:999px}
[data-skin=sage] .fn-q-opt{border-radius:var(--radius-sm)}
[data-skin=sage] .fn-q-opt.sel,[data-skin=sage] .fn-q-opt:hover{border-color:var(--c-accent);background:var(--c-bg-alt)}
[data-skin=sage] .fn-field input,[data-skin=sage] .fn-field textarea,[data-skin=sage] .fn-field select{border-radius:var(--radius-sm)}
[data-skin=sage] .fn-field input:focus,[data-skin=sage] .fn-field textarea:focus{outline:2px solid var(--c-accent);outline-offset:1px}
[data-skin=sage] .fn-err{color:#A6403A}

/* footer: kept light, like the rest of the page -- no dark band here */
[data-skin=sage] .fn-footer{background:var(--c-bg-alt2);color:var(--c-muted);border-top:1px solid var(--c-border);padding-top:56px}
[data-skin=sage] .fn-footer a{color:var(--c-text)}
[data-skin=sage] .fn-footer a:hover{color:var(--c-accent)}
[data-skin=sage] .fn-foot-grid h3{font:600 .78rem/1.2 var(--font-body);text-transform:uppercase;letter-spacing:.1em;color:var(--c-accent)}
[data-skin=sage] .fn-foot-bottom{border-top-color:var(--c-border);color:var(--c-muted)}
[data-skin=sage] .fn-foot-form{border-bottom-color:var(--c-border)}
[data-skin=sage] .fn-foot-form .fn-lf-t{font-style:italic;font-size:1.5rem;color:var(--c-text)}
[data-skin=sage] .fn-foot-form .fn-lf-s{color:var(--c-muted)}

/* widgets: chat, cookie, exit -- flat paper panels, no shadow */
[data-skin=sage] .fn-chat-btn{background:var(--c-accent);color:var(--c-accent-ink);border:1px solid color-mix(in srgb,var(--c-accent) 70%,black);box-shadow:none}
[data-skin=sage] .fn-chat-btn:hover{background:color-mix(in srgb,var(--c-accent) 88%,black)}
[data-skin=sage] .fn-chat{background:var(--c-surface);border:1px solid var(--c-border);box-shadow:none;border-radius:var(--radius);overflow:hidden}
[data-skin=sage] .fn-chat-head{background:var(--c-dark);color:var(--c-accent-ink)}
[data-skin=sage] .fn-chat-log{background:var(--c-bg-alt)}
[data-skin=sage] .fn-msg-op{background:var(--c-surface);border:1px solid var(--c-border)}
[data-skin=sage] .fn-msg-me{background:var(--c-accent);color:var(--c-accent-ink)}
[data-skin=sage] .fn-chat-form input{border-color:var(--c-border);border-radius:var(--radius-sm)}
[data-skin=sage] .fn-chat-tg{color:var(--c-accent);border-top-color:var(--c-border)}
[data-skin=sage] .fn-cookie,[data-skin=sage] .fn-exit-card{background:var(--c-surface);border:1px solid var(--c-border);box-shadow:none;border-radius:var(--radius)}
[data-skin=sage] .fn-exit{background:color-mix(in srgb,var(--c-dark) 60%,transparent)}
[data-skin=sage] .fn-exit-x{color:var(--c-muted)}
[data-skin=sage] .fn-exit-x:hover{color:var(--c-text)}
[data-skin=sage] .fn-lmodal{background:var(--c-surface);border:1px solid var(--c-border);box-shadow:none;border-radius:var(--radius)}
[data-skin=sage] .fn-lmodal::backdrop{background:color-mix(in srgb,var(--c-dark) 55%,transparent)}
[data-skin=sage] .fn-lmodal-x{color:var(--c-muted)}
[data-skin=sage] .fn-lmodal-x:hover{color:var(--c-text)}

/* mobile: one header button (engine-driven), two-button bottom bar in this skin's palette */
html[data-skin=sage][data-mbar] .fn-mbar{background:color-mix(in srgb,var(--c-bg) 96%,transparent);backdrop-filter:blur(8px);border-top:1px solid var(--c-border);box-shadow:none}
[data-skin=sage] .fn-mbar a{border-radius:var(--radius-sm);gap:6px;padding-inline:9px}
[data-skin=sage] .fn-mbar-order{background:var(--c-accent);color:var(--c-accent-ink)}
[data-skin=sage] .fn-mbar-tg{background:var(--c-dark);color:var(--c-accent-ink)}
[data-skin=sage] .fn-mbar-tg svg{width:17px;height:17px}
/* a longer icon+label combo (the Telegram button, worst case Arabic "..Telegram عبر اطلب") needs the few px this frees
   up to avoid ellipsis-cutting the title at 360px; still comfortably above the 11px floor */
[data-skin=sage] .fn-mbar-t{font-size:.85rem}
@media (max-width:900px){
  [data-skin=sage] .fn-hero{padding:44px 0 4px}
  [data-skin=sage] .fn-block{padding:56px 0}
  [data-skin=sage] .fn-block-head{margin-bottom:32px}
  [data-skin=sage] .fn-hero-cta{gap:16px}
  [data-skin=sage] .fn-hero-cta .fn-btn{flex:1 1 auto;justify-content:center}
  [data-skin=sage] .fn-hero-cta .fn-btn-ghost{flex:none}
  [data-skin=sage] .fn-hero-card{padding:24px;margin-top:28px}
  [data-skin=sage] .fn-badges li,[data-skin=sage] .fn-chips li{padding:0 12px;font-size:.8rem}
  [data-skin=sage] .fn-facts-sec{padding:0}
  [data-skin=sage] .fn-facts{grid-template-columns:1fr 1fr}
  [data-skin=sage] .fn-facts li{border-inline-start:1px solid var(--hair);border-block-end:1px solid var(--hair);padding:18px 14px}
  [data-skin=sage] .fn-facts li:nth-child(2n+1){border-inline-start:0}
  [data-skin=sage] .fn-facts li:nth-child(-n+2){border-block-start:1px solid var(--hair)}
  html[data-skin=sage] .fn-steps li{padding-inline-start:52px}
  [data-skin=sage] .fn-lf-band,[data-skin=sage] .fn-cta{padding:26px 22px}
  [data-skin=sage] .fn-tile{padding:24px 20px}
}

/* motion: one guarded, orchestrated first-screen reveal; everything else stays static without it */
@keyframes fn-sage-rise{from{opacity:0;transform:translateY(12px)}}
@media (prefers-reduced-motion:no-preference){
  [data-skin=sage] .fn-hero-in>div>*{animation:fn-sage-rise .6s cubic-bezier(.22,.8,.3,1) both}
  [data-skin=sage] .fn-hero-in>div>*:nth-child(2){animation-delay:.06s}
  [data-skin=sage] .fn-hero-in>div>*:nth-child(3){animation-delay:.12s}
  [data-skin=sage] .fn-hero-in>div>*:nth-child(4){animation-delay:.18s}
  [data-skin=sage] .fn-hero-in>div>*:nth-child(5){animation-delay:.24s}
  [data-skin=sage] .fn-hero-in>div>*:nth-child(n+6){animation-delay:.3s}
  [data-skin=sage] .fn-hero-card{animation:fn-sage-rise .7s .2s cubic-bezier(.22,.8,.3,1) both}
}