/* =====================================================================
   Telegram Ban Service — bespoke "Telegram night theme" design.
   The page is styled like the Telegram desktop/app NIGHT mode: slate-blue
   canvas, a broadcast CHANNEL widget (subscribers + view counts + SCAM
   label + verified tick), folder tabs, a chat-list of report types and a
   composer CTA. Inter-only, Telegram blue (#2AABEE) + the signature muted
   outgoing-bubble blue (#2b5278). Deliberately unlike the WhatsApp site
   (green 1:1 chat) and the navy Facebook site.
   ===================================================================== */
@font-face{ font-family:"Inter"; font-style:normal; font-weight:400 800; font-display:swap; src:url("/bundle/letters/feature-1fe5.woff2") format("woff2"); }

:root{
  --form-bg_1fe:#0e1621; --form-bg2_1fe:#17212b; --form-face:#17212b; --form-panel2_1fe:#1d2a35; --form-girder:#17212b;
  --form-in_1fe:#182533; --form-out_1fe:#2b5278; --form-out2_1fe:#356094;
  --form-ink_1fe:#ffffff; --form-text_1fe:#c8d6e1; --form-soft:#8198ac; --form-faint_1fe:#5f7488;
  --form-tg_1fe:#2aabee; --form-tg2_1fe:#229ed9; --form-anchor:#6cc0f5; --form-verify_1fe:#3fa3ee;
  --form-scam_1fe:#ff5c6c; --form-ok_1fe:#5ec26a;
  --form-line_1fe:rgba(255,255,255,.075); --form-line2_1fe:rgba(255,255,255,.045);
  --form-tg_soft_1fe:rgba(42,171,238,.14); --form-tg_soft2_1fe:rgba(42,171,238,.08);
  --form-r_1fe:14px; --form-r_sm_1fe:10px; --form-r_lg_1fe:18px; --form-maxw_1fe:1180px;
  --form-ease_1fe:cubic-bezier(.22,.61,.36,1); --form-vh_1fe:1vh;
  --form-sans_1fe:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto} *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important} }
body{
  margin:0; color:var(--form-text_1fe); font-family:var(--form-sans_1fe); font-size:1.02rem; line-height:1.65;
  overflow-x:clip; -webkit-font-smoothing:antialiased; overflow-wrap:break-word;
  background:
    radial-gradient(1100px 620px at 86% -8%, rgba(42,171,238,.16), transparent 60%),
    radial-gradient(900px 560px at -6% 108%, rgba(53,96,148,.20), transparent 60%),
    var(--form-bg_1fe);
  background-attachment:fixed;
}
img,svg{ max-width:100%; height:auto; display:block; }
a{ color:var(--form-anchor); text-decoration:none; }
::selection{ background:var(--form-tg_1fe); color:#06151f; }
strong{ color:var(--form-ink_1fe); font-weight:650; }
h1,h2,h3,h4{ color:var(--form-ink_1fe); margin:0; line-height:1.12; letter-spacing:-.022em; font-weight:750; }

.casing{ width:100%; max-width:var(--form-maxw_1fe); margin-inline:auto; padding-inline:clamp(1.1rem,4vw,2.2rem); }
.standfirst{ font-size:clamp(1.08rem,2vw,1.28rem); color:var(--form-soft); max-width:56ch; }
.seclabel_1fe{ display:inline-flex; align-items:center; gap:.5rem; font-weight:650; font-size:.78rem; letter-spacing:.08em; text-transform:uppercase; color:var(--form-tg_1fe); }
.seclabel_1fe svg{ width:15px; height:15px; fill:var(--form-tg_1fe); }
:focus-visible{ outline:2px solid var(--form-tg_1fe); outline-offset:3px; border-radius:6px; }
.skip_anchor{ position:absolute; left:10px; top:-60px; z-index:1000; background:var(--form-tg_1fe); color:#06151f; padding:.7rem 1rem; border-radius:10px; font-weight:650; transition:top .15s; }
.skip_anchor:focus{ top:10px; }
.accent_1fe{ color:var(--form-tg_1fe); }

/* ===== header — Telegram top bar ===== */
.pagehead{ position:sticky; top:0; z-index:100; background:rgba(23,33,43,.86); backdrop-filter:saturate(140%) blur(10px); border-bottom:1px solid var(--form-line_1fe); }
.navline{ display:flex; align-items:center; gap:.85rem; min-height:62px; }
.house{ display:inline-flex; align-items:center; gap:.7rem; color:var(--form-ink_1fe); }
.house_mark{ width:38px; height:38px; flex:0 0 auto; filter:drop-shadow(0 6px 14px rgba(42,171,238,.4)); }
.house_txt{ display:flex; flex-direction:column; line-height:1.15; }
.house_name{ font-weight:750; font-size:1.02rem; } .house_name b{ color:var(--form-tg_1fe); font-weight:750; }
.house_status{ font-size:.72rem; color:var(--form-soft); display:flex; align-items:center; gap:.35rem; }
.house_status::before{ content:""; width:7px; height:7px; border-radius:50%; background:var(--form-tg_1fe); box-shadow:0 0 8px 1px var(--form-tg_1fe); }
.navline>nav{ margin-left:auto; }
.navline_knob{ display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; margin-left:auto; background:transparent; border:0; color:var(--form-soft); cursor:pointer; }
.navline_knob svg{ width:24px; height:24px; } .navline_knob .x_1fe{ display:none; }
body.navline_raised .navline_knob .m_1fe{ display:none; } body.navline_raised .navline_knob .x_1fe{ display:block; }
.navline_index{ list-style:none; margin:0; padding:0; }
.navline_anchor{ display:flex; align-items:center; min-height:42px; padding:.5rem 1.05rem; font-weight:600; color:var(--form-soft); border-radius:999px; }
.navline_anchor:hover,.navline_anchor[aria-current="page"]{ color:var(--form-ink_1fe); background:var(--form-tg_soft_1fe); }
.navline_anchor_reachout{ color:#06151f; background:var(--form-tg_1fe); }
.navline_anchor_reachout:hover{ color:#06151f; filter:brightness(1.07); }
.navline_index{ position:fixed; inset:62px 0 auto 0; display:grid; gap:.25rem; padding:1rem clamp(1.1rem,4vw,2.2rem) 1.4rem; background:var(--form-girder); border-bottom:1px solid var(--form-line_1fe); transform:translateY(-130%); opacity:0; visibility:hidden; transition:transform .28s var(--form-ease_1fe),opacity .28s,visibility .28s; }
body.navline_raised .navline_index{ transform:none; opacity:1; visibility:visible; }
@media (min-width:860px){ .navline_knob{display:none} .navline_index{position:static;inset:auto;display:flex;align-items:center;gap:.3rem;padding:0;background:none;border:0;transform:none;opacity:1;visibility:visible;margin-left:auto} }

/* ===== buttons ===== */
.actuator{ display:inline-flex; align-items:center; justify-content:center; gap:.55rem; min-height:52px; padding:.85rem 1.55rem; border-radius:12px; border:1px solid transparent; font-family:var(--form-sans_1fe); font-weight:650; font-size:1rem; cursor:pointer; transition:transform .14s var(--form-ease_1fe),filter .2s,box-shadow .25s,background .2s; }
.actuator:hover{ transform:translateY(-2px); }
.actuator svg{ width:18px; height:18px; }
.actuator_lg{ min-height:58px; padding:1rem 1.8rem; font-size:1.05rem; }
.actuator_course{ display:flex; flex-wrap:wrap; gap:.8rem; }
.actuator_tg{ background:linear-gradient(180deg,var(--form-tg_1fe),var(--form-tg2_1fe)); color:#fff; box-shadow:0 14px 30px -16px rgba(42,171,238,.85); }
.actuator_wa{ background:#21c063; color:#06170d; box-shadow:0 14px 30px -16px rgba(33,192,99,.7); }
.actuator_tg:hover,.actuator_wa:hover,.actuator_primary:hover{ filter:brightness(1.07); }
.actuator_primary{ background:linear-gradient(180deg,var(--form-tg_1fe),var(--form-tg2_1fe)); color:#fff; box-shadow:0 14px 30px -16px rgba(42,171,238,.85); }
.actuator_line{ background:transparent; border-color:var(--form-line_1fe); color:var(--form-ink_1fe); }
.actuator_line:hover{ border-color:var(--form-tg_1fe); color:var(--form-tg_1fe); }

/* ===== hero ===== */
.intro{ padding-block:clamp(2.2rem,5.5vw,4rem) clamp(2rem,5vw,3.2rem); }
.intro_mesh{ display:grid; gap:clamp(2rem,5vw,3.4rem); align-items:center; }
@media (min-width:980px){ .intro_mesh{ grid-template-columns:1.05fr .95fr; } }
.intro h1{ font-size:clamp(2.2rem,5.4vw,4rem); margin:1rem 0 0; font-weight:800; }
.intro .standfirst{ margin-top:1rem; }
.intro .actuator_course{ margin-top:1.4rem; }
/* AEO answer — styled as an incoming Telegram bubble */
.return{ margin:1.4rem 0 0; max-width:60ch; padding:.85rem 1.15rem; background:var(--form-in_1fe); color:var(--form-text_1fe); border-radius:14px; border-top-left-radius:4px; box-shadow:0 8px 24px -16px rgba(0,0,0,.7); position:relative; }
.return strong{ color:#dbe7f1; }
.intro_tags{ display:flex; flex-wrap:wrap; gap:.5rem; margin:1.4rem 0 0; list-style:none; padding:0; }
.intro_tags li{ font-size:.84rem; color:var(--form-tg_1fe); background:var(--form-tg_soft_1fe); border:1px solid var(--form-tg_soft_1fe); border-radius:999px; padding:.38rem .82rem; }

/* ===== Telegram CHANNEL widget (hero right) ===== */
.tg_channel_1fe{ background:var(--form-bg2_1fe); border:1px solid var(--form-line_1fe); border-radius:var(--form-r_lg_1fe); box-shadow:0 34px 80px -36px rgba(0,0,0,.9); overflow:hidden; }
.tg_channel_girder{ display:flex; align-items:center; gap:.7rem; padding:.7rem .9rem; background:linear-gradient(180deg,#1f2c39,#1a2733); border-bottom:1px solid var(--form-line_1fe); }
.tg_channel_ava_1fe{ width:42px; height:42px; flex:0 0 auto; border-radius:50%; background:linear-gradient(180deg,var(--form-tg_1fe),var(--form-tg2_1fe)); display:grid; place-items:center; }
.tg_channel_ava_1fe svg{ width:22px; height:22px; fill:#fff; }
.tg_channel_id_1fe{ min-width:0; flex:1; }
.tg_channel_name_1fe{ display:flex; align-items:center; gap:.34rem; font-weight:650; color:var(--form-ink_1fe); font-size:.96rem; }
.tg_channel_name_1fe .verify_1fe{ width:15px; height:15px; flex:0 0 auto; fill:var(--form-verify_1fe); }
.tg_channel_name_1fe .scam_1fe{ font-size:.6rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#fff; background:var(--form-scam_1fe); border-radius:5px; padding:.1rem .32rem; }
.tg_channel_minor{ font-size:.74rem; color:var(--form-soft); margin-top:.1rem; }
.tg_channel_index{ flex:0 0 auto; color:var(--form-faint_1fe); display:flex; flex-direction:column; gap:3px; padding:.4rem; }
.tg_channel_index i{ width:4px; height:4px; border-radius:50%; background:currentColor; display:block; }
/* folder tabs */
.tabs_1fe{ display:flex; gap:.2rem; padding:.4rem .55rem 0; background:#16212c; border-bottom:1px solid var(--form-line_1fe); overflow-x:auto; }
.tabs_1fe span{ font-size:.78rem; font-weight:600; color:var(--form-soft); padding:.5rem .65rem; border-bottom:2px solid transparent; white-space:nowrap; }
.tabs_1fe span.lit{ color:var(--form-tg_1fe); border-bottom-color:var(--form-tg_1fe); }
/* broadcast posts */
.tg_channel_body_1fe{ padding:1rem .9rem 1.1rem; display:grid; gap:.6rem; background:linear-gradient(180deg,#0f1923,#101b26); }
.record{ max-width:90%; justify-self:start; background:var(--form-in_1fe); border-radius:12px; border-top-left-radius:4px; padding:.6rem .8rem .5rem; font-size:.9rem; line-height:1.5; box-shadow:0 1px 1px rgba(0,0,0,.3); }
.record b{ color:#e3edf5; }
.record_foot{ display:flex; align-items:center; gap:.4rem; margin-top:.35rem; font-size:.66rem; color:var(--form-faint_1fe); }
.record_foot .views_1fe{ display:inline-flex; align-items:center; gap:.22rem; }
.record_foot .views_1fe svg{ width:12px; height:12px; stroke:var(--form-faint_1fe); fill:none; }
.record_pin{ border-left:3px solid var(--form-tg_1fe); }
.record_status{ justify-self:center; max-width:94%; text-align:center; background:rgba(94,194,106,.14); color:var(--form-ok_1fe); font-size:.76rem; font-weight:600; border-radius:999px; padding:.4rem .9rem; box-shadow:none; }

/* ===== trust stats ===== */
.gauge_band .casing{ padding-block:clamp(1.4rem,3vw,2rem); }
.stats_1fe{ display:grid; gap:1rem; grid-template-columns:1fr; }
@media (min-width:760px){ .stats_1fe{ grid-template-columns:repeat(3,1fr); } }
.gauge{ display:flex; align-items:center; gap:.85rem; background:var(--form-face); border:1px solid var(--form-line_1fe); border-radius:var(--form-r_1fe); padding:1.05rem 1.15rem; }
.gauge_ic{ width:44px; height:44px; flex:0 0 auto; border-radius:12px; display:grid; place-items:center; background:var(--form-tg_soft_1fe); }
.gauge_ic svg{ width:21px; height:21px; stroke:var(--form-tg_1fe); fill:none; }
.gauge b{ display:block; color:var(--form-ink_1fe); font-size:1rem; line-height:1.25; }
.gauge span{ font-size:.86rem; color:var(--form-soft); }

/* ===== sections ===== */
.strip{ padding-block:clamp(2.6rem,6vw,5rem); }
.strip_line{ border-top:1px solid var(--form-line2_1fe); }
.sechead_1fe{ max-width:62ch; margin-bottom:clamp(1.6rem,3vw,2.4rem); }
.sechead_1fe h2{ font-size:clamp(1.8rem,4vw,2.6rem); margin-top:.6rem; }
.sechead_1fe p{ color:var(--form-soft); margin-top:.7rem; }
.flow_1fe{ color:var(--form-text_1fe); max-width:68ch; } .flow_1fe a{ color:var(--form-anchor); text-decoration:underline; text-underline-offset:3px; } .flow_1fe a:hover{ color:var(--form-ink_1fe); }
.flow_1fe strong{ color:var(--form-ink_1fe); }

/* ===== what we report — Telegram chat list ===== */
.chanlist_1fe{ display:grid; gap:.5rem; border:1px solid var(--form-line_1fe); border-radius:var(--form-r_lg_1fe); padding:.5rem; background:var(--form-bg2_1fe); }
.chanrow_1fe{ display:flex; align-items:flex-start; gap:.85rem; padding:.85rem .8rem; border-radius:12px; transition:background .16s var(--form-ease_1fe); }
.chanrow_1fe:hover{ background:var(--form-tg_soft2_1fe); }
.chanrow_1fe+.chanrow_1fe{ border-top:1px solid var(--form-line2_1fe); }
.chanrow_ava_1fe{ width:48px; height:48px; flex:0 0 auto; border-radius:50%; display:grid; place-items:center; background:linear-gradient(180deg,#243446,#1c2935); }
.chanrow_ava_1fe svg{ width:23px; height:23px; stroke:var(--form-tg_1fe); fill:none; }
.chanrow_central{ min-width:0; flex:1; }
.chanrow_top_1fe{ display:flex; align-items:center; justify-content:space-between; gap:.6rem; }
.chanrow_name_1fe{ font-weight:650; color:var(--form-ink_1fe); font-size:1.02rem; }
.chanrow_time_1fe{ font-size:.7rem; color:var(--form-faint_1fe); flex:0 0 auto; }
.chanrow_msg_1fe{ color:var(--form-soft); font-size:.93rem; margin:.15rem 0 0; }
.chanrow_flag{ display:inline-grid; place-items:center; min-width:20px; height:20px; padding:0 .4rem; margin-top:.3rem; border-radius:999px; background:var(--form-tg_1fe); color:#06151f; font-size:.68rem; font-weight:800; }

/* ===== process — broadcast steps ===== */
.flow_1fe{ display:grid; gap:.7rem; max-width:780px; padding:0; margin:0; }
.flow_1fe li{ display:flex; gap:.9rem; align-items:flex-start; background:var(--form-face); border:1px solid var(--form-line_1fe); border-radius:var(--form-r_1fe); padding:1rem 1.1rem; list-style:none; }
.flow_n_1fe{ width:30px; height:30px; flex:0 0 auto; border-radius:50%; background:linear-gradient(180deg,var(--form-tg_1fe),var(--form-tg2_1fe)); color:#fff; font-weight:800; font-size:.9rem; display:grid; place-items:center; }
.flow_1fe h3{ font-size:1.05rem; margin:0 0 .2rem; } .flow_1fe p{ margin:0; color:var(--form-soft); font-size:.93rem; }

/* ===== long-tail channel block ===== */
.pullout{ display:grid; gap:1.2rem; align-items:center; background:linear-gradient(180deg,var(--form-face),#141f29); border:1px solid var(--form-line_1fe); border-radius:var(--form-r_lg_1fe); padding:clamp(1.5rem,4vw,2.4rem); }
@media (min-width:880px){ .pullout{ grid-template-columns:1.3fr .7fr; } }
.pullout h2{ font-size:clamp(1.5rem,3.2vw,2.1rem); }
.pullout p{ color:var(--form-text_1fe); margin:.8rem 0 0; } .pullout p a{ color:var(--form-anchor); text-decoration:underline; text-underline-offset:3px; }
.pullout_panel{ background:var(--form-bg2_1fe); border:1px solid var(--form-line_1fe); border-radius:var(--form-r_1fe); padding:1.1rem 1.2rem; }
.pullout_panel h3{ font-size:1rem; color:var(--form-tg_1fe); margin:0 0 .7rem; }
.pullout_panel ul{ list-style:none; margin:0; padding:0; display:grid; gap:.6rem; }
.pullout_panel li{ display:flex; gap:.55rem; align-items:flex-start; color:var(--form-soft); font-size:.92rem; }
.pullout_panel li svg{ width:17px; height:17px; flex:0 0 auto; margin-top:.18rem; stroke:var(--form-tg_1fe); fill:none; }

/* ===== comparison ===== */
.compare_1fe{ width:100%; border-collapse:collapse; border:1px solid var(--form-line_1fe); border-radius:var(--form-r_1fe); overflow:hidden; }
.compare_1fe th,.compare_1fe td{ text-align:left; padding:.95rem 1rem; border-bottom:1px solid var(--form-line2_1fe); font-size:.95rem; vertical-align:top; }
.compare_1fe thead th{ color:var(--form-ink_1fe); background:var(--form-panel2_1fe); font-size:.84rem; font-weight:700; }
.compare_1fe td:first-child{ color:var(--form-soft); }
.compare_1fe tbody tr:last-child td{ border-bottom:0; }
.compare_1fe .yes_1fe{ color:var(--form-tg_1fe); font-weight:650; } .compare_1fe .not{ color:var(--form-faint_1fe); }
@media (max-width:600px){ .compare_1fe{ display:block; overflow-x:auto; white-space:nowrap; } }

/* ===== principles ===== */
.principles_1fe{ display:grid; gap:1.1rem; }
@media (min-width:760px){ .principles_1fe{ grid-template-columns:repeat(3,1fr); } }
.principle_1fe{ background:var(--form-face); border:1px solid var(--form-line_1fe); border-radius:var(--form-r_1fe); padding:1.4rem; border-top:3px solid var(--form-tg_1fe); }
.principle_1fe h3{ font-size:1.1rem; margin:0 0 .4rem; } .principle_1fe p{ margin:0; color:var(--form-soft); }

/* ===== FAQ — Telegram bubbles ===== */
.curios{ display:grid; gap:.7rem; max-width:780px; }
.curios details{ background:var(--form-in_1fe); border-radius:14px; border-top-left-radius:4px; padding:0 1.2rem; }
.curios summary{ cursor:pointer; list-style:none; display:flex; justify-content:space-between; gap:1rem; align-items:center; padding:1.05rem 0; font-weight:650; color:var(--form-ink_1fe); min-height:46px; }
.curios summary::-webkit-details-marker{ display:none; }
.curios summary::after{ content:"+"; color:var(--form-tg_1fe); font-size:1.4rem; line-height:1; }
.curios details[open] summary::after{ content:"\2013"; }
.curios details>p{ margin:0; padding:0 0 1.1rem; color:var(--form-soft); }
.curios_mesh{ display:grid; gap:clamp(1.4rem,3vw,2.4rem); } @media (min-width:900px){ .curios_mesh{ grid-template-columns:.8fr 1.2fr; } }

/* ===== CTA — composer ===== */
.reachout{ background:linear-gradient(180deg,var(--form-face),#141f29); border:1px solid var(--form-line_1fe); border-radius:var(--form-r_lg_1fe); padding:clamp(1.8rem,5vw,3rem); text-align:center; }
.reachout h2{ font-size:clamp(1.8rem,4vw,2.6rem); } .reachout p{ color:var(--form-soft); max-width:56ch; margin:.8rem auto 1.5rem; }
.composer_1fe{ display:flex; align-items:center; gap:.6rem; max-width:540px; margin:0 auto 1.4rem; background:var(--form-bg2_1fe); border:1px solid var(--form-line_1fe); border-radius:999px; padding:.45rem .45rem .45rem 1rem; }
.composer_clip_1fe{ flex:0 0 auto; color:var(--form-faint_1fe); } .composer_clip_1fe svg{ width:20px; height:20px; stroke:currentColor; fill:none; }
.composer_field_1fe{ flex:1; text-align:left; color:var(--form-faint_1fe); font-size:.95rem; }
.composer_send_1fe{ width:48px; height:48px; flex:0 0 auto; border-radius:50%; background:linear-gradient(180deg,var(--form-tg_1fe),var(--form-tg2_1fe)); display:grid; place-items:center; } .composer_send_1fe svg{ width:19px; height:19px; fill:#fff; }
.reachout .actuator_course{ justify-content:center; }

/* ===== footer ===== */
.tailbar{ border-top:1px solid var(--form-line_1fe); padding-block:clamp(2.4rem,6vw,3.6rem) 2rem; margin-top:clamp(2rem,5vw,3rem); background:var(--form-bg2_1fe); }
.tailbar_mesh{ display:grid; gap:2rem; } @media (min-width:760px){ .tailbar_mesh{ grid-template-columns:2fr 1fr 1.4fr; } }
.tailbar h4{ font-size:.76rem; text-transform:uppercase; letter-spacing:.1em; color:var(--form-faint_1fe); margin:0 0 1rem; }
.tailbar_links{ list-style:none; margin:0; padding:0; display:grid; gap:.6rem; } .tailbar_links a{ color:var(--form-soft); } .tailbar_links a:hover{ color:var(--form-ink_1fe); }
.tailbar .house{ margin-bottom:.4rem; } .tailbar_margin{ color:var(--form-soft); font-size:.9rem; max-width:46ch; margin:1rem 0 0; }
.tailbar_bottom{ border-top:1px solid var(--form-line2_1fe); margin-top:2.4rem; padding-top:1.4rem; display:flex; flex-wrap:wrap; gap:.5rem 1.5rem; justify-content:space-between; color:var(--form-faint_1fe); font-size:.85rem; }

/* ===== contact page ===== */
.contact_intro{ text-align:center; padding-block:clamp(2.2rem,6vw,3.6rem) clamp(1.2rem,3vw,2rem); }
.contact_intro h1{ font-size:clamp(2.2rem,6vw,3.6rem); margin:.7rem 0 0; } .contact_intro .standfirst{ margin:1rem auto 0; }
.channels_1fe{ display:grid; gap:1.1rem; max-width:860px; margin:clamp(1.6rem,4vw,2.4rem) auto 0; } @media (min-width:680px){ .channels_1fe{ grid-template-columns:1fr 1fr; } }
.chan_1fe{ background:var(--form-face); border:1px solid var(--form-line_1fe); border-radius:var(--form-r_lg_1fe); padding:clamp(1.6rem,4vw,2.2rem); text-align:center; }
.chan_glyph_1fe{ width:62px; height:62px; margin:0 auto 1rem; border-radius:50%; display:grid; place-items:center; background:var(--form-tg_soft_1fe); } .chan_glyph_1fe svg{ width:29px; height:29px; stroke:var(--form-tg_1fe); fill:none; }
.chan_tagtext{ font-size:.74rem; letter-spacing:.1em; text-transform:uppercase; color:var(--form-faint_1fe); }
.chan_id_1fe{ font-weight:750; font-size:clamp(1.05rem,2.4vw,1.3rem); color:var(--form-ink_1fe); margin:.3rem 0 1.1rem; word-break:break-word; }
.chan_actions_1fe{ display:flex; flex-wrap:wrap; gap:.6rem; justify-content:center; }
.grab{ display:inline-flex; align-items:center; gap:.4rem; min-height:50px; padding:.6rem 1.1rem; background:var(--form-bg2_1fe); border:1px solid var(--form-line_1fe); color:var(--form-soft); border-radius:999px; font-weight:600; font-size:.9rem; cursor:pointer; }
.grab:hover,.grab.yanked{ color:var(--form-tg_1fe); border-color:var(--form-tg_1fe); } .grab svg{ width:15px; height:15px; }
.panels_1fe{ display:grid; gap:1.1rem; max-width:860px; margin:1.1rem auto 0; } @media (min-width:680px){ .panels_1fe{ grid-template-columns:1fr 1fr; } }
.face{ background:var(--form-face); border:1px solid var(--form-line_1fe); border-radius:var(--form-r_lg_1fe); padding:clamp(1.5rem,4vw,2rem); }
.face h2{ font-size:1.1rem; margin:0 0 1rem; }
.checklist_1fe,.steps_ladder{ list-style:none; margin:0; padding:0; display:grid; gap:.8rem; }
.checklist_1fe li{ display:flex; gap:.7rem; align-items:flex-start; color:var(--form-soft); } .checklist_1fe .tick_1fe{ width:22px;height:22px;flex:0 0 auto;margin-top:.15rem;border-radius:50%;background:var(--form-tg_1fe);display:grid;place-items:center } .checklist_1fe .tick_1fe svg{ width:12px;height:12px;stroke:#06151f;fill:none }
.steps_ladder{ counter-reset:s; } .steps_ladder li{ display:flex; gap:.8rem; align-items:flex-start; color:var(--form-soft); } .steps_ladder li::before{ counter-increment:s; content:counter(s); flex:0 0 auto; width:26px;height:26px;border-radius:50%;background:var(--form-tg_1fe);color:#06151f;font-weight:800;font-size:.82rem;display:grid;place-items:center }
.reassure_1fe{ margin-top:1.2rem; color:var(--form-faint_1fe); font-size:.88rem; }

/* ===== solutions hub ===== */
.crumbs_1fe{ font-size:.85rem; color:var(--form-faint_1fe); } .crumbs_1fe a{ color:var(--form-soft); }
.svc_1fe{ background:var(--form-face); border:1px solid var(--form-line_1fe); border-radius:var(--form-r_1fe); padding:clamp(1.5rem,3vw,2.2rem); } .svc_1fe+.svc_1fe{ margin-top:1.1rem; }
.svc_1fe h2{ font-size:clamp(1.35rem,3vw,1.9rem); margin-bottom:.5rem; }
.svc_ans_1fe{ color:var(--form-text_1fe); margin:0 0 1rem; padding-left:1rem; border-left:3px solid var(--form-tg_1fe); }
.svc_1fe ul{ margin:0; padding-left:1.1rem; color:var(--form-soft); } .svc_1fe li{ margin-bottom:.4rem; } .svc_1fe li::marker{ color:var(--form-tg_1fe); }
.margin{ background:var(--form-face); border:1px solid var(--form-line_1fe); border-left:4px solid var(--form-tg_1fe); border-radius:var(--form-r_1fe); padding:1.2rem 1.4rem; color:var(--form-text_1fe); } .margin strong{ color:var(--form-ink_1fe); }
.record_mesh{ display:grid; gap:1.1rem; } @media (min-width:680px){ .record_mesh{ grid-template-columns:repeat(2,1fr); } }
.record_panel{ display:flex; flex-direction:column; gap:.55rem; padding:1.6rem; border:1px solid var(--form-line_1fe); border-radius:var(--form-r_1fe); background:var(--form-face); transition:border-color .18s var(--form-ease_1fe), transform .18s var(--form-ease_1fe), box-shadow .25s; }
.record_panel:hover{ border-color:var(--form-tg_1fe); transform:translateY(-4px); box-shadow:0 24px 50px -30px rgba(0,0,0,.8); }
.record_panel_detailline{ font-size:.82rem; color:var(--form-faint_1fe); letter-spacing:.03em; }
.record_panel h3{ margin:0; } .record_panel h3 a{ color:var(--form-ink_1fe); } .record_panel h3 a:hover{ color:var(--form-tg_1fe); }
.record_panel p{ margin:0; color:var(--form-soft); font-size:.96rem; }
.record_panel_more{ margin-top:auto; color:var(--form-tg_1fe); font-weight:600; font-size:.92rem; }

/* ===== article / solution sub-page (blog-post + solution-page templates) ===== */
.article_1fe{ max-width:74ch; margin-inline:auto; }
.article_1fe h1{ font-size:clamp(1.9rem,4.4vw,2.9rem); margin:.6rem 0 0; }
.article_1fe h2{ margin-top:2.3rem; font-size:clamp(1.35rem,3vw,1.95rem); }
.article_1fe h3{ margin-top:1.6rem; font-size:clamp(1.12rem,2.4vw,1.4rem); }
.article_1fe p{ margin:1rem 0; }
.article_1fe ul,.article_1fe ol{ padding-left:1.2rem; color:var(--form-text_1fe); }
.article_1fe li{ margin-bottom:.5rem; } .article_1fe li::marker{ color:var(--form-tg_1fe); }
.article_1fe a:not(.actuator){ color:var(--form-anchor); text-decoration:underline; text-underline-offset:3px; }
.article_1fe a:not(.actuator):hover{ color:var(--form-ink_1fe); }
.article_1fe img{ border-radius:var(--form-r_1fe); border:1px solid var(--form-line_1fe); margin:1.5rem 0; }
.article_1fe .sources_1fe{ font-size:.9rem; color:var(--form-soft); } .article_1fe .sources_1fe li{ margin-bottom:.55rem; }
.detailline{ color:var(--form-faint_1fe); font-size:.85rem; letter-spacing:.03em; margin:.5rem 0 .4rem; }

/* comparison tables (article) */
.grid_casing{ overflow-x:auto; -webkit-overflow-scrolling:touch; margin:1.3rem 0; border:1px solid var(--form-line_1fe); border-radius:var(--form-r_1fe); }
.grid_casing table{ width:100%; border-collapse:collapse; min-width:460px; }
.grid_casing th,.grid_casing td{ text-align:left; padding:.8rem 1rem; border-bottom:1px solid var(--form-line_1fe); vertical-align:top; color:var(--form-text_1fe); }
.grid_casing thead th{ color:var(--form-ink_1fe); background:var(--form-panel2_1fe); }
.grid_casing tbody tr:last-child td{ border-bottom:0; }
.grid_casing td:first-child{ color:var(--form-ink_1fe); font-weight:600; }

/* inline CTA — composer-style blue panel */
.inline_reachout{ margin:1.9rem 0 2.3rem; padding:clamp(1.4rem,4vw,1.9rem) 1.5rem; border:1px solid var(--form-line_1fe); border-radius:var(--form-r_1fe); background:radial-gradient(130% 175% at 50% 0%, rgba(42,171,238,.16), transparent 60%), var(--form-panel2_1fe); }
.inline_reachout h3{ margin:0 0 .5rem; font-size:clamp(1.2rem,3vw,1.5rem); color:var(--form-ink_1fe); }
.inline_reachout p{ margin:0 0 1.2rem; color:var(--form-text_1fe); max-width:54ch; }
.inline_reachout_btns{ display:flex; flex-wrap:wrap; gap:.75rem; }
@media (max-width:560px){ .inline_reachout_btns .actuator{ flex:1 1 140px; } }

/* ===== reveal ===== */
@keyframes rise{ from{opacity:0;transform:translateY(16px)} to{opacity:1;transform:none} }
@media (prefers-reduced-motion:no-preference){ .reveal_1fe{ animation:rise .6s var(--form-ease_1fe) both; } .reveal_d1_1fe{animation-delay:.08s} .reveal_d2_1fe{animation-delay:.16s} }

/* ===== mobile hardening ===== */
.flow_1fe a,.tailbar_links a,.chan_id_1fe,.crumbs_1fe{ overflow-wrap:anywhere; } .actuator{ overflow-wrap:normal; word-break:keep-all; }
@supports (padding:max(0px)){ .casing{ padding-left:max(clamp(1.1rem,4vw,2.2rem),env(safe-area-inset-left)); padding-right:max(clamp(1.1rem,4vw,2.2rem),env(safe-area-inset-right)); } }
@media (max-width:560px){ .actuator_course .actuator{ flex:1 1 100%; } .record{ max-width:96%; } }

/* ===== compact hero — keep contact buttons above the fold (desktop + mobile) ===== */
.intro{ padding-top:clamp(1.2rem,2.6vw,1.9rem)!important; }
.intro h1{ font-size:clamp(1.95rem,4.4vw,3.2rem)!important; }