/* =====================================================================
   Instagram Ban Service — bespoke LIGHT design.
   Bright, airy, gradient-driven (purple -> pink -> orange), big rounded
   corners, soft layered shadows, bento mosaic. Deliberately the opposite of
   the dark sister sites: a clean, premium-app light theme.
   ===================================================================== */
@font-face{ font-family:"Inter"; font-style:normal; font-weight:400 600; font-display:swap; src:url("/layer/fonts/body-6bcf.woff2") format("woff2"); }
@font-face{ font-family:"Space Grotesk"; font-style:normal; font-weight:500 700; font-display:swap; src:url("/layer/fonts/base1-6bcf.woff2") format("woff2"); }

:root{
  --grain-bg_6bc:#f7f4fb; --grain-surface_6bc:#ffffff; --grain-surface2_6bc:#fbf9fe;
  --grain-ink_6bc:#16131d; --grain-text_6bc:#403b4c; --grain-low:#7a7488; --grain-faint_6bc:#a39bb2;
  --grain-line_6bc:rgba(22,19,29,.09); --grain-line2_6bc:rgba(22,19,29,.05);
  --grain-purple_6bc:#833AB4; --grain-pink_6bc:#E1306C; --grain-orange_6bc:#F77737; --grain-yellow_6bc:#FCAF45;
  --grain-grad_6bc:linear-gradient(120deg,#833AB4 0%,#E1306C 52%,#F77737 100%);
  --grain-grad_soft_6bc:linear-gradient(120deg,rgba(131,58,180,.12),rgba(225,48,108,.12),rgba(247,119,55,.12));
  --grain-pink_soft_6bc:rgba(225,48,108,.10);
  --grain-r_6bc:26px; --grain-r_sm_6bc:16px; --grain-maxw_6bc:1200px; --grain-ease_6bc:cubic-bezier(.22,.61,.36,1); --grain-vh_6bc:1vh;
  --grain-shadow_6bc:0 18px 50px -24px rgba(120,40,110,.30);
  --grain-shadow_sm_6bc:0 8px 26px -16px rgba(120,40,110,.26);
  --grain-disp_6bc:"Space Grotesk","Inter",system-ui,sans-serif;
  --grain-sans_6bc:"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; background:var(--grain-bg_6bc); color:var(--grain-text_6bc); font-family:var(--grain-sans_6bc); font-size:1.06rem; line-height:1.7; overflow-x:clip; -webkit-font-smoothing:antialiased; }
/* soft gradient blooms */
body::before{ content:""; position:fixed; inset:0; z-index:-2; pointer-events:none;
  background:radial-gradient(40% 38% at 8% 0%,rgba(131,58,180,.16),transparent 70%),radial-gradient(44% 40% at 100% 30%,rgba(247,119,55,.14),transparent 72%),radial-gradient(40% 40% at 80% 100%,rgba(225,48,108,.12),transparent 70%); }
img,svg{ max-width:100%; height:auto; display:block; }
a{ color:var(--grain-pink_6bc); text-decoration:none; }
::selection{ background:var(--grain-pink_6bc); color:#fff; }
strong{ color:var(--grain-ink_6bc); font-weight:650; }
h1,h2,h3,h4{ font-family:var(--grain-disp_6bc); color:var(--grain-ink_6bc); margin:0; line-height:1.06; letter-spacing:-.02em; font-weight:700; }

.jacket{ width:100%; max-width:var(--grain-maxw_6bc); margin-inline:auto; padding-inline:clamp(1.1rem,4vw,2.2rem); }
.grad_text_6bc{ background:var(--grain-grad_6bc); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }
.brow{ display:inline-flex; align-items:center; gap:.5rem; font-family:var(--grain-disp_6bc); font-weight:600; font-size:.8rem; letter-spacing:.02em; text-transform:uppercase; padding:.42rem .9rem; border-radius:999px; color:#fff; background:var(--grain-grad_6bc); box-shadow:var(--grain-shadow_sm_6bc); }
.brow_ghost{ color:var(--grain-pink_6bc); background:var(--grain-pink_soft_6bc); box-shadow:none; }
.intro{ font-size:clamp(1.12rem,2vw,1.34rem); color:var(--grain-low); max-width:56ch; }
:focus-visible{ outline:3px solid var(--grain-pink_6bc); outline-offset:3px; border-radius:6px; }
.skip_bridge{ position:absolute; left:10px; top:-60px; z-index:1000; background:var(--grain-grad_6bc); color:#fff; padding:.7rem 1rem; border-radius:12px; transition:top .15s; }
.skip_bridge:focus{ top:10px; }

/* header */
.hat{ position:sticky; top:0; z-index:100; background:rgba(255,255,255,.72); backdrop-filter:blur(18px) saturate(160%); border-bottom:1px solid var(--grain-line2_6bc); }
.topnav{ display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:70px; }
.name{ display:inline-flex; align-items:center; gap:.65rem; font-family:var(--grain-disp_6bc); font-weight:700; font-size:1.2rem; letter-spacing:-.02em; color:var(--grain-ink_6bc); }
.name b{ background:var(--grain-grad_6bc); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }
.name_mark{ width:30px; height:30px; flex:0 0 auto; border-radius:9px; }
.topnav_flip{ display:inline-flex; align-items:center; justify-content:center; width:46px; height:46px; background:var(--grain-surface_6bc); border:1px solid var(--grain-line_6bc); border-radius:13px; color:var(--grain-ink_6bc); cursor:pointer; box-shadow:var(--grain-shadow_sm_6bc); }
.topnav_flip svg{ width:22px; height:22px; } .topnav_flip .x_6bc{ display:none; }
body.topnav_raised .topnav_flip .m_6bc{ display:none; } body.topnav_raised .topnav_flip .x_6bc{ display:block; }
.topnav_directory{ list-style:none; margin:0; padding:0; }
.topnav_bridge{ display:flex; align-items:center; min-height:46px; padding:.5rem 1rem; font-weight:600; color:var(--grain-low); border-radius:999px; }
.topnav_bridge:hover,.topnav_bridge[aria-current="page"]{ color:var(--grain-ink_6bc); background:var(--grain-pink_soft_6bc); }
.topnav_bridge_invite{ color:#fff; background:var(--grain-grad_6bc); box-shadow:var(--grain-shadow_sm_6bc); }
.topnav_directory{ position:fixed; inset:70px 0 auto 0; display:grid; gap:.3rem; padding:1.1rem clamp(1.1rem,4vw,2.2rem) 1.5rem; background:var(--grain-surface_6bc); border-bottom:1px solid var(--grain-line_6bc); transform:translateY(-130%); opacity:0; visibility:hidden; transition:transform .3s var(--grain-ease_6bc),opacity .3s,visibility .3s; box-shadow:var(--grain-shadow_6bc); }
body.topnav_raised .topnav_directory{ transform:none; opacity:1; visibility:visible; }
@media (min-width:880px){ .topnav_flip{display:none} .topnav_directory{position:static;inset:auto;display:flex;align-items:center;gap:.35rem;padding:0;background:none;border:0;transform:none;opacity:1;visibility:visible;box-shadow:none} }

/* buttons (pills) */
.invite{ display:inline-flex; align-items:center; justify-content:center; gap:.55rem; min-height:52px; padding:.85rem 1.6rem; border-radius:999px; border:1px solid transparent; font-family:var(--grain-sans_6bc); font-weight:650; font-size:1rem; cursor:pointer; transition:transform .14s var(--grain-ease_6bc),box-shadow .25s,filter .2s; }
.invite:hover{ transform:translateY(-2px); }
.invite svg{ width:18px; height:18px; }
.cta_grad{ background:var(--grain-grad_6bc); color:#fff; box-shadow:var(--grain-shadow_6bc); }
.cta_grad:hover{ filter:brightness(1.06); }
.cta_ghost{ background:var(--grain-surface_6bc); color:var(--grain-ink_6bc); border-color:var(--grain-line_6bc); box-shadow:var(--grain-shadow_sm_6bc); }
.cta_lg{ min-height:60px; padding:1rem 1.9rem; font-size:1.08rem; }
.cta_tier{ display:flex; flex-wrap:wrap; gap:.8rem; }
.cta_tg{ background:#229ED9; color:#fff; box-shadow:0 12px 30px -16px rgba(34,158,217,.7); }
.cta_wa{ background:#25D366; color:#08351a; box-shadow:0 12px 30px -16px rgba(37,211,102,.65); }

/* hero */
.banner{ padding-block:clamp(2.6rem,6vw,5rem) clamp(2rem,5vw,3.5rem); }
.banner_arrangement{ display:grid; gap:clamp(2rem,5vw,3.5rem); align-items:center; }
@media (min-width:980px){ .banner_arrangement{ grid-template-columns:1.08fr .92fr; } }
.banner h1{ font-size:clamp(2.3rem,6vw,4.5rem); margin:1rem 0 0; }
.banner .intro{ margin-top:1.2rem; }
.reply{ margin:1.5rem 0 0; padding:1.2rem 1.4rem; background:var(--grain-surface_6bc); border:1px solid var(--grain-line_6bc); border-radius:var(--grain-r_sm_6bc); box-shadow:var(--grain-shadow_sm_6bc); color:var(--grain-text_6bc); position:relative; }
.reply::before{ content:""; position:absolute; left:0; top:14px; bottom:14px; width:4px; border-radius:4px; background:var(--grain-grad_6bc); }
.reply{ padding-left:1.7rem; }
.banner_tags{ display:flex; flex-wrap:wrap; gap:.5rem; margin:1.6rem 0 0; list-style:none; padding:0; }
.banner_tags li{ font-size:.86rem; font-weight:600; color:var(--grain-purple_6bc); background:var(--grain-surface_6bc); border:1px solid var(--grain-line_6bc); border-radius:999px; padding:.4rem .9rem; box-shadow:var(--grain-shadow_sm_6bc); }

/* ticket card (light, gradient ring) */
.ticket_6bc{ position:relative; background:var(--grain-surface_6bc); border-radius:var(--grain-r_6bc); padding:1.7rem; box-shadow:var(--grain-shadow_6bc); }
.ticket_6bc::after{ content:""; position:absolute; inset:0; border-radius:var(--grain-r_6bc); padding:2px; pointer-events:none; background:var(--grain-grad_6bc);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; opacity:.85; }
.ticket_profile_6bc{ display:flex; align-items:center; gap:.85rem; padding-bottom:1.1rem; border-bottom:1px solid var(--grain-line2_6bc); }
.ticket_ava_6bc{ width:46px; height:46px; border-radius:50%; flex:0 0 auto; background:var(--grain-grad_6bc); display:grid; place-items:center; color:#fff; font-family:var(--grain-disp_6bc); font-weight:700; box-shadow:0 0 0 3px #fff,0 0 0 5px var(--grain-pink_soft_6bc); }
.ticket_name_6bc{ font-family:var(--grain-disp_6bc); font-weight:700; color:var(--grain-ink_6bc); }
.ticket_name_6bc span{ display:block; font-size:.78rem; color:var(--grain-faint_6bc); font-weight:400; font-family:var(--grain-sans_6bc); }
.ticket_chip{ margin-left:auto; font-size:.7rem; font-weight:700; letter-spacing:.06em; color:var(--grain-pink_6bc); background:var(--grain-pink_soft_6bc); border-radius:999px; padding:.32rem .7rem; }
.ticket_rows_6bc{ margin:1.1rem 0; display:grid; gap:.6rem; }
.ticket_rows_6bc div{ display:flex; justify-content:space-between; gap:1rem; font-size:.95rem; }
.ticket_rows_6bc dt{ color:var(--grain-faint_6bc); } .ticket_rows_6bc dd{ margin:0; color:var(--grain-ink_6bc); font-family:var(--grain-disp_6bc); font-weight:600; }
.ticket_steps_6bc{ list-style:none; margin:1.1rem 0 0; padding:1.1rem 0 0; border-top:1px solid var(--grain-line2_6bc); display:grid; gap:.7rem; }
.ticket_steps_6bc li{ display:flex; align-items:center; gap:.7rem; font-size:.93rem; color:var(--grain-text_6bc); }
.ticket_steps_6bc .tick_6bc{ width:22px; height:22px; flex:0 0 auto; border-radius:50%; background:var(--grain-grad_6bc); display:grid; place-items:center; }
.ticket_steps_6bc .tick_6bc svg{ width:12px; height:12px; stroke:#fff; }

/* sections */
.tract{ padding-block:clamp(3rem,7vw,6rem); }
.sechead_6bc{ max-width:60ch; margin:0 auto clamp(2rem,4vw,3rem); text-align:center; }
.sechead_6bc h2{ font-size:clamp(1.9rem,4vw,3rem); }
.sechead_6bc p{ color:var(--grain-low); margin-top:.8rem; }
.sechead_6bc .brow{ margin-bottom:1rem; }

/* stats — soft chips */
.stats_6bc{ display:grid; gap:1rem; grid-template-columns:1fr; }
@media (min-width:760px){ .stats_6bc{ grid-template-columns:repeat(3,1fr); } }
.reading{ display:flex; align-items:center; gap:.9rem; background:var(--grain-surface_6bc); border:1px solid var(--grain-line_6bc); border-radius:var(--grain-r_sm_6bc); padding:1.2rem 1.3rem; box-shadow:var(--grain-shadow_sm_6bc); }
.reading_ic{ width:46px; height:46px; flex:0 0 auto; border-radius:13px; display:grid; place-items:center; background:var(--grain-grad_soft_6bc); }
.reading_ic svg{ width:22px; height:22px; stroke:var(--grain-pink_6bc); fill:none; }
.reading b{ display:block; font-family:var(--grain-disp_6bc); color:var(--grain-ink_6bc); font-size:1.02rem; line-height:1.25; }
.reading span{ font-size:.88rem; color:var(--grain-low); }

/* BENTO mosaic (features) */
.bento_6bc{ display:grid; gap:1rem; grid-template-columns:repeat(4,1fr); }
.tile_6bc{ position:relative; background:var(--grain-surface_6bc); border:1px solid var(--grain-line_6bc); border-radius:var(--grain-r_6bc); padding:1.7rem; box-shadow:var(--grain-shadow_sm_6bc); overflow:hidden; transition:transform .2s var(--grain-ease_6bc),box-shadow .25s; }
.tile_6bc:hover{ transform:translateY(-4px); box-shadow:var(--grain-shadow_6bc); }
.tile_6bc:nth-child(1),.tile_6bc:nth-child(6){ grid-column:span 2; background:linear-gradient(160deg,#fff,var(--grain-surface2_6bc)); }
.tile_6bc:nth-child(1)::before,.tile_6bc:nth-child(6)::before{ content:""; position:absolute; inset:0; background:var(--grain-grad_soft_6bc); opacity:.5; pointer-events:none; }
.tile_6bc>*{ position:relative; }
.tile_ic_6bc{ width:50px; height:50px; border-radius:15px; display:grid; place-items:center; background:var(--grain-grad_6bc); margin-bottom:1rem; box-shadow:var(--grain-shadow_sm_6bc); }
.tile_ic_6bc svg{ width:24px; height:24px; stroke:#fff; fill:none; }
.tile_6bc h3{ font-size:1.18rem; margin-bottom:.4rem; }
.tile_6bc:nth-child(1) h3,.tile_6bc:nth-child(6) h3{ font-size:clamp(1.3rem,2.4vw,1.7rem); }
.tile_6bc p{ margin:0; color:var(--grain-low); font-size:.98rem; }
@media (max-width:880px){ .bento_6bc{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .bento_6bc{ grid-template-columns:1fr; } .tile_6bc:nth-child(1),.tile_6bc:nth-child(6){ grid-column:auto; } }

/* prose block */
.narrative{ max-width:64ch; margin-inline:auto; color:var(--grain-text_6bc); font-size:1.08rem; }
.narrative a{ text-decoration:underline; text-underline-offset:3px; font-weight:600; }
.prosecard_6bc{ background:var(--grain-surface_6bc); border:1px solid var(--grain-line_6bc); border-radius:var(--grain-r_6bc); padding:clamp(1.6rem,4vw,2.6rem); box-shadow:var(--grain-shadow_sm_6bc); }

/* steps */
.steps_6bc{ display:grid; gap:1rem; grid-template-columns:1fr; }
@media (min-width:760px){ .steps_6bc{ grid-template-columns:repeat(4,1fr); } }
.leg{ background:var(--grain-surface_6bc); border:1px solid var(--grain-line_6bc); border-radius:var(--grain-r_sm_6bc); padding:1.5rem; box-shadow:var(--grain-shadow_sm_6bc); }
.leg_not{ font-family:var(--grain-disp_6bc); font-weight:700; font-size:1.05rem; width:42px; height:42px; border-radius:13px; display:grid; place-items:center; background:var(--grain-grad_6bc); color:#fff; margin-bottom:1rem; }
.leg h3{ font-size:1.12rem; margin-bottom:.35rem; } .leg p{ margin:0; color:var(--grain-low); font-size:.95rem; }

/* principles */
.cols3_6bc{ display:grid; gap:1.2rem; }
@media (min-width:760px){ .cols3_6bc{ grid-template-columns:repeat(3,1fr); } }
.pri_6bc{ background:var(--grain-surface_6bc); border:1px solid var(--grain-line_6bc); border-radius:var(--grain-r_sm_6bc); padding:1.5rem; box-shadow:var(--grain-shadow_sm_6bc); border-top:3px solid transparent; border-image:var(--grain-grad_6bc) 1; }
.pri_6bc h3{ font-size:1.14rem; margin-bottom:.4rem; } .pri_6bc p{ margin:0; color:var(--grain-low); }

/* FAQ — rounded cards */
.qa_6bc{ max-width:760px; margin-inline:auto; display:grid; gap:.8rem; }
.qa_6bc details{ background:var(--grain-surface_6bc); border:1px solid var(--grain-line_6bc); border-radius:var(--grain-r_sm_6bc); padding:0 1.4rem; box-shadow:var(--grain-shadow_sm_6bc); transition:box-shadow .2s; }
.qa_6bc details[open]{ box-shadow:var(--grain-shadow_6bc); }
.qa_6bc summary{ cursor:pointer; list-style:none; display:flex; justify-content:space-between; gap:1rem; align-items:center; padding:1.15rem 0; font-family:var(--grain-disp_6bc); font-weight:600; font-size:1.06rem; color:var(--grain-ink_6bc); min-height:48px; }
.qa_6bc summary::-webkit-details-marker{ display:none; }
.qa_6bc summary::after{ content:"+"; color:var(--grain-pink_6bc); font-size:1.5rem; }
.qa_6bc details[open] summary::after{ content:"\2013"; }
.qa_6bc details>p{ margin:0; padding:0 0 1.2rem; color:var(--grain-low); }

/* CTA */
.invite{ text-align:center; border-radius:var(--grain-r_6bc); padding:clamp(2.4rem,6vw,4rem); background:var(--grain-grad_6bc); color:#fff; box-shadow:var(--grain-shadow_6bc); }
.invite h2{ color:#fff; font-size:clamp(1.9rem,4vw,2.9rem); }
.invite p{ color:rgba(255,255,255,.92); max-width:54ch; margin:.9rem auto 1.7rem; }
.invite .cta_tg,.invite .cta_wa{ background:#fff; color:#16131d; } .invite .cta_tier{ justify-content:center; }

/* footer */
.sole{ border-top:1px solid var(--grain-line_6bc); padding-block:clamp(2.5rem,6vw,4rem) 2rem; margin-top:clamp(2rem,5vw,3rem); background:var(--grain-surface_6bc); }
.sole_arrangement{ display:grid; gap:2rem; } @media (min-width:760px){ .sole_arrangement{ grid-template-columns:2fr 1fr 1.4fr; } }
.sole h4{ font-family:var(--grain-disp_6bc); font-size:.78rem; text-transform:uppercase; letter-spacing:.1em; color:var(--grain-faint_6bc); margin:0 0 1rem; }
.sole_links{ list-style:none; margin:0; padding:0; display:grid; gap:.6rem; }
.sole_links a{ color:var(--grain-low); } .sole_links a:hover{ color:var(--grain-ink_6bc); }
.sole_annot{ color:var(--grain-low); font-size:.92rem; max-width:44ch; margin:1rem 0 0; }
.sole_bottom{ border-top:1px solid var(--grain-line2_6bc); margin-top:2.5rem; padding-top:1.5rem; display:flex; flex-wrap:wrap; gap:.5rem 1.5rem; justify-content:space-between; color:var(--grain-faint_6bc); font-size:.86rem; }

/* ===== contact page ===== */
.contact_banner{ text-align:center; padding-block:clamp(2.6rem,6vw,4.5rem) clamp(1.5rem,3vw,2.5rem); }
.contact_banner h1{ font-size:clamp(2.4rem,6vw,4rem); margin:1rem 0 0; }
.contact_banner .intro{ margin:1.1rem auto 0; }
.channels_6bc{ display:grid; gap:1.2rem; max-width:880px; margin:clamp(2rem,4vw,2.8rem) auto 0; }
@media (min-width:680px){ .channels_6bc{ grid-template-columns:1fr 1fr; } }
.chan_6bc{ background:var(--grain-surface_6bc); border:1px solid var(--grain-line_6bc); border-radius:var(--grain-r_6bc); padding:clamp(1.7rem,4vw,2.4rem); text-align:center; box-shadow:var(--grain-shadow_sm_6bc); }
.chan_glyph_6bc{ width:64px; height:64px; margin:0 auto 1rem; border-radius:19px; display:grid; place-items:center; background:var(--grain-grad_soft_6bc); }
.chan_glyph_6bc svg{ width:30px; height:30px; stroke:var(--grain-pink_6bc); fill:none; }
.chan_name{ font-family:var(--grain-disp_6bc); font-size:.74rem; letter-spacing:.1em; text-transform:uppercase; color:var(--grain-faint_6bc); }
.chan_id_6bc{ font-family:var(--grain-disp_6bc); font-weight:700; font-size:clamp(1.1rem,2.4vw,1.35rem); color:var(--grain-ink_6bc); margin:.3rem 0 1.1rem; word-break:break-word; }
.chan_actions_6bc{ display:flex; flex-wrap:wrap; gap:.6rem; justify-content:center; }
.take{ display:inline-flex; align-items:center; gap:.4rem; min-height:52px; padding:.6rem 1.1rem; background:var(--grain-surface_6bc); border:1px solid var(--grain-line_6bc); color:var(--grain-low); border-radius:999px; font-weight:600; font-size:.92rem; cursor:pointer; box-shadow:var(--grain-shadow_sm_6bc); }
.take:hover{ color:var(--grain-pink_6bc); border-color:var(--grain-pink_6bc); } .take.grabbed{ color:var(--grain-pink_6bc); border-color:var(--grain-pink_6bc); }
.take svg{ width:15px; height:15px; }
.panels_6bc{ display:grid; gap:1.2rem; max-width:880px; margin:1.2rem auto 0; }
@media (min-width:680px){ .panels_6bc{ grid-template-columns:1fr 1fr; } }
.board{ background:var(--grain-surface_6bc); border:1px solid var(--grain-line_6bc); border-radius:var(--grain-r_6bc); padding:clamp(1.6rem,4vw,2rem); box-shadow:var(--grain-shadow_sm_6bc); }
.board h2{ font-size:1.1rem; margin:0 0 1rem; }
.checklist_6bc,.steps_run{ list-style:none; margin:0; padding:0; display:grid; gap:.8rem; }
.checklist_6bc li{ display:flex; gap:.7rem; align-items:flex-start; color:var(--grain-low); }
.checklist_6bc .tick_6bc{ width:22px; height:22px; flex:0 0 auto; margin-top:.15rem; border-radius:50%; background:var(--grain-grad_6bc); display:grid; place-items:center; } .checklist_6bc .tick_6bc svg{ width:12px; height:12px; stroke:#fff; fill:none; }
.steps_run{ counter-reset:s; } .steps_run li{ display:flex; gap:.8rem; align-items:flex-start; color:var(--grain-low); }
.steps_run li::before{ counter-increment:s; content:counter(s); flex:0 0 auto; width:26px; height:26px; border-radius:9px; background:var(--grain-grad_6bc); color:#fff; font-family:var(--grain-disp_6bc); font-weight:700; font-size:.82rem; display:grid; place-items:center; }
.reassure_6bc{ margin-top:1.2rem; color:var(--grain-faint_6bc); font-size:.9rem; }

/* ===== solutions page ===== */
.crumbs_6bc{ font-size:.86rem; color:var(--grain-faint_6bc); } .crumbs_6bc a{ color:var(--grain-low); }
.svc_6bc{ background:var(--grain-surface_6bc); border:1px solid var(--grain-line_6bc); border-radius:var(--grain-r_6bc); padding:clamp(1.5rem,3vw,2.2rem); box-shadow:var(--grain-shadow_sm_6bc); }
.svc_6bc+.svc_6bc{ margin-top:1.2rem; }
.svc_6bc h2{ font-size:clamp(1.35rem,3vw,1.9rem); margin-bottom:.5rem; }
.svc_ans_6bc{ color:var(--grain-text_6bc); margin:0 0 1rem; padding-left:1rem; border-left:3px solid transparent; border-image:var(--grain-grad_6bc) 1; }
.svc_6bc ul{ margin:0; padding-left:1.1rem; color:var(--grain-low); } .svc_6bc li{ margin-bottom:.4rem; } .svc_6bc li::marker{ color:var(--grain-pink_6bc); }
.annot{ background:var(--grain-surface_6bc); border:1px solid var(--grain-line_6bc); border-radius:var(--grain-r_6bc); padding:1.3rem 1.5rem; color:var(--grain-text_6bc); box-shadow:var(--grain-shadow_sm_6bc); border-left:4px solid transparent; border-image:var(--grain-grad_6bc) 1; }
.annot strong{ color:var(--grain-ink_6bc); }
.piece_arrangement{ display:grid; gap:1.2rem; } @media (min-width:680px){ .piece_arrangement{ grid-template-columns:repeat(2,1fr); } }
.piece_unit{ background:var(--grain-surface_6bc); border:1px solid var(--grain-line_6bc); border-radius:var(--grain-r_6bc); padding:1.6rem; box-shadow:var(--grain-shadow_sm_6bc); transition:transform .2s var(--grain-ease_6bc),box-shadow .25s; }
.piece_unit:hover{ transform:translateY(-4px); box-shadow:var(--grain-shadow_6bc); }
.piece_unit_aside{ font-family:var(--grain-disp_6bc); font-size:.74rem; letter-spacing:.08em; text-transform:uppercase; color:var(--grain-pink_6bc); margin:0 0 .5rem; }
.piece_unit h3{ font-size:1.2rem; margin:0 0 .5rem; line-height:1.2; }
.piece_unit h3 a{ color:var(--grain-ink_6bc); } .piece_unit h3 a:hover{ color:var(--grain-pink_6bc); }
.piece_unit p{ color:var(--grain-low); margin:0 0 1rem; font-size:.97rem; }
.piece_unit_more{ font-family:var(--grain-disp_6bc); font-weight:600; font-size:.9rem; color:var(--grain-pink_6bc); }

/* reveal */
@keyframes rise{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:none} }
@media (prefers-reduced-motion:no-preference){ .reveal_6bc{ animation:rise .7s var(--grain-ease_6bc) both; } .reveal_d1_6bc{animation-delay:.09s} .reveal_d2_6bc{animation-delay:.18s} }

/* mobile hardening */
body{ overflow-wrap:break-word; }
.narrative a,.sole_links a,.chan_id_6bc,.crumbs_6bc{ overflow-wrap:anywhere; }
.invite{ overflow-wrap:normal; word-break:keep-all; }
@supports (padding:max(0px)){ .jacket{ 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){ .cta_tier .invite{ flex:1 1 100%; } }

/* compact hero — keep contact buttons above the fold (desktop + mobile) */
.banner{ padding-top:clamp(1.3rem,3vw,2.1rem)!important; }
.banner h1{ font-size:clamp(2rem,4.6vw,3.3rem)!important; }

/* ===== article / solution sub-page (additive — maps .article/.meta/.inline-cta/.table-wrap onto the light theme) ===== */
.article_sec_6bc{ padding-block:clamp(1.8rem,4vw,3.2rem); }
.article_6bc{ max-width:768px; margin-inline:auto; }
.article_6bc .aside{ font-family:var(--grain-disp_6bc); font-size:.74rem; letter-spacing:.08em; text-transform:uppercase; color:var(--grain-faint_6bc); margin:.9rem 0 0; }
.article_6bc h1{ font-size:clamp(2rem,5vw,3.2rem); margin:1rem 0 .2rem; max-width:22ch; }
.article_6bc h2{ font-size:clamp(1.4rem,3.2vw,2rem); margin:2.7rem 0 .4rem; max-width:28ch; }
.article_6bc h3{ font-size:1.18rem; margin:1.8rem 0 .4rem; }
.article_6bc p{ color:var(--grain-text_6bc); margin:1rem 0; max-width:72ch; }
.article_6bc ul,.article_6bc ol{ color:var(--grain-low); padding-left:1.25rem; margin:1rem 0; max-width:72ch; }
.article_6bc li{ margin-bottom:.5rem; } .article_6bc li::marker{ color:var(--grain-pink_6bc); }
.article_6bc strong{ color:var(--grain-ink_6bc); }
.article_6bc a{ color:var(--grain-pink_6bc); text-decoration:underline; text-underline-offset:3px; font-weight:600; overflow-wrap:anywhere; }
.article_6bc img{ width:100%; height:auto; border-radius:var(--grain-r_sm_6bc); border:1px solid var(--grain-line_6bc); box-shadow:var(--grain-shadow_sm_6bc); margin:1.8rem 0; background:var(--grain-surface2_6bc); }
.article_6bc > .reply{ margin-top:1.4rem; }

/* inline CTA card (gradient-washed, matches the light bento look) */
.inline_invite{ border:1px solid var(--grain-line_6bc); border-radius:var(--grain-r_6bc); background:linear-gradient(120deg,rgba(225,48,108,.10),rgba(247,119,55,.07) 58%,transparent),var(--grain-surface_6bc); padding:clamp(1.3rem,3vw,1.9rem); margin:1.7rem 0; box-shadow:var(--grain-shadow_sm_6bc); }
.inline_invite h3{ font-size:1.25rem; margin:0 0 .55rem; }
.inline_invite p{ color:var(--grain-text_6bc); margin:0 0 1.1rem; max-width:64ch; }
.inline_invite_btns{ display:flex; flex-wrap:wrap; gap:.7rem; }
@media (max-width:520px){ .inline_invite_btns .invite{ flex:1 1 100%; } }

/* comparison table (soft, rounded, scrolls on mobile) */
.register_jacket{ overflow-x:auto; margin:1.6rem 0; border:1px solid var(--grain-line_6bc); border-radius:var(--grain-r_sm_6bc); box-shadow:var(--grain-shadow_sm_6bc); }
.register_jacket table{ width:100%; border-collapse:collapse; font-size:.95rem; background:var(--grain-surface_6bc); }
.register_jacket th,.register_jacket td{ text-align:left; padding:.85rem 1rem; border-bottom:1px solid var(--grain-line2_6bc); vertical-align:top; }
.register_jacket thead th{ font-family:var(--grain-disp_6bc); font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; color:var(--grain-low); background:var(--grain-surface2_6bc); }
.register_jacket td:first-child{ color:var(--grain-ink_6bc); font-weight:600; }
.register_jacket tbody tr:last-child td{ border-bottom:0; }
@media (max-width:560px){ .article_6bc h1{ font-size:1.6rem; line-height:1.1; } .article_6bc h2{ font-size:1.3rem; } }