/* ============================================================
   IC-MyHost · Theme — Light · Brand-true (Indigo + Orange)
   Brand: #2C3093 indigo · #FF9900 orange · white
   Clean sans (Anuphan). Per-product accent via [data-accent].
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&family=Prompt:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@400;500;700&display=swap');

:root{
  --paper:#fafbfe; --paper-2:#eef1fa; --paper-3:#e5e9f6; --card:#ffffff;
  --ink:#1f2156; --ink-2:#34386e; --muted:#616695; --faint:#9095b5;
  --line:#e6e9f4; --line-2:#d6dbec;
  --navy:#2c3093; --navy-2:#3940b4; --navy-deep:#21246f;
  --orange:#ff9900; --orange-2:#ffab33; --orange-deep:#e07e00;
  --orange-soft:rgba(255,153,0,.12); --orange-line:rgba(255,153,0,.36);
  --ok:#1f9d6b;
  --accent:#ff9900; --accent-2:#ffab33; --accent-deep:#e07e00;
  --accent-soft:rgba(255,153,0,.12); --accent-line:rgba(255,153,0,.36); --accent-ink:#ffffff;
  --font-sans:'Quicksand','Prompt','Noto Sans SC',system-ui,-apple-system,sans-serif;
  --font-display:var(--font-sans);
  --rad:14px; --rad-lg:22px; --rad-sm:9px; --maxw:1200px; --gutter:clamp(20px,5vw,44px);
  --shadow:0 30px 60px -34px rgba(31,33,86,.26); --shadow-sm:0 14px 30px -18px rgba(31,33,86,.16);
  --ease:cubic-bezier(.22,.61,.36,1);
  --header-h:78px;
}
body[data-accent="brand"]   {--accent:#ff9900;--accent-2:#ffab33;--accent-deep:#e07e00;--accent-soft:rgba(255,153,0,.12);--accent-line:rgba(255,153,0,.36);}
body[data-accent="guardian"]{--accent:#3b5bd9;--accent-2:#5f7ce6;--accent-deep:#2f49b0;--accent-soft:rgba(59,91,217,.10);--accent-line:rgba(59,91,217,.32);}
body[data-accent="vault"]   {--accent:#138a5e;--accent-2:#22a675;--accent-deep:#0e6e4a;--accent-soft:rgba(19,138,94,.10);--accent-line:rgba(19,138,94,.30);}
body[data-accent="shield"]  {--accent:#6f4bcf;--accent-2:#8d6de0;--accent-deep:#5839ad;--accent-soft:rgba(111,75,207,.10);--accent-line:rgba(111,75,207,.30);}
body[data-accent="brain"]   {--accent:#c7821b;--accent-2:#e0a03a;--accent-deep:#a36912;--accent-soft:rgba(199,130,27,.12);--accent-line:rgba(199,130,27,.32);}
body[data-accent="pulse"]   {--accent:#1f8f9e;--accent-2:#34abba;--accent-deep:#176f7b;--accent-soft:rgba(31,143,158,.10);--accent-line:rgba(31,143,158,.30);}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
html{overflow-x:clip;}
body{font-family:var(--font-sans);background:var(--paper);color:var(--ink);line-height:1.72;font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:clip;}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.14;letter-spacing:-.01em;color:var(--ink);}
p{color:var(--muted);}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
::selection{background:var(--orange);color:#fff;}
.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter);}
section{padding:clamp(64px,9vw,118px) 0;position:relative;}
.t-accent{color:var(--accent);}
.t-orange{color:var(--orange);}
.eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);margin-bottom:22px;}
.eyebrow::before{content:"";width:28px;height:2px;background:var(--accent);border-radius:2px;}
.eyebrow.center{justify-content:center;}

.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:11px;font-family:var(--font-sans);font-weight:600;font-size:15px;cursor:pointer;border:1px solid transparent;transition:transform .25s var(--ease),box-shadow .25s,background .25s,border-color .25s,color .25s;white-space:nowrap;}
.btn .arr{transition:transform .25s var(--ease);}
.btn:hover .arr{transform:translateX(4px);}
.btn-primary{background:var(--navy);color:#fff;box-shadow:var(--shadow-sm);}
.btn-primary:hover{transform:translateY(-2px);background:var(--navy-2);box-shadow:0 22px 44px -22px rgba(44,48,147,.55);}
.btn-orange{background:linear-gradient(135deg,var(--orange-2),var(--orange));color:#fff;box-shadow:0 18px 38px -20px rgba(255,153,0,.6);}
.btn-orange:hover{transform:translateY(-2px);filter:brightness(1.03);}
.btn-ghost{border-color:var(--line-2);color:var(--ink);background:transparent;}
.btn-ghost:hover{border-color:var(--navy);background:var(--paper-2);transform:translateY(-2px);}
.btn-sm{padding:11px 19px;font-size:14px;}
.on-navy .btn-ghost{border-color:rgba(255,255,255,.3);color:#fff;}
.on-navy .btn-ghost:hover{background:rgba(255,255,255,.1);border-color:#fff;}

.site-header{position:sticky;top:0;z-index:1000;background:rgba(250,251,254,.86);backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s;}
.site-header.scrolled{border-bottom:1px solid var(--line);box-shadow:0 10px 30px -22px rgba(31,33,86,.18);}
.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;height:78px;}
.brand{display:flex;align-items:center;gap:12px;}
.brand .mark{width:44px;height:44px;border-radius:12px;flex:none;position:relative;background:var(--navy);box-shadow:0 10px 24px -10px rgba(44,48,147,.6);display:grid;place-items:center;}
.brand .mark b{font-family:var(--font-sans);font-weight:700;font-size:21px;color:#fff;letter-spacing:-.06em;line-height:1;}
.brand .mark .caret{position:absolute;top:7px;left:9px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8px solid var(--orange);}
.brand .wt{display:flex;flex-direction:column;line-height:1.04;}
.brand .wt .wm{font-family:var(--font-sans);font-weight:700;font-size:20px;color:var(--ink);letter-spacing:.02em;white-space:nowrap;text-transform:uppercase;}
.brand .wt .wm .o{color:var(--orange);}
.brand .wt small{font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-top:1px;}

.nav-menu{display:flex;align-items:center;gap:2px;}
.nav-link{display:flex;align-items:center;gap:6px;padding:10px 13px;border-radius:9px;color:var(--ink-2);font-weight:500;font-size:14.5px;cursor:pointer;transition:color .2s,background .2s;}
.nav-link:hover{color:var(--navy);background:var(--paper-2);}
.nav-link.is-active{color:var(--accent);}
.nav-link .chev{width:11px;height:11px;opacity:.5;transition:transform .25s;}
.nav-item{position:relative;}
.nav-item:hover .chev{transform:rotate(180deg);}
.dropdown{position:absolute;top:calc(100% + 10px);left:0;min-width:300px;background:var(--card);border:1px solid var(--line);border-radius:var(--rad);padding:10px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s var(--ease);}
.dropdown.wide{min-width:346px;}
.nav-item:hover .dropdown{opacity:1;visibility:visible;transform:none;}
.dd-link{display:flex;gap:13px;align-items:flex-start;padding:11px 12px;border-radius:10px;transition:background .18s;}
.dd-link:hover{background:var(--paper-2);}
.dd-ic{width:32px;height:32px;border-radius:8px;flex:none;display:grid;place-items:center;font-size:15px;border:1px solid var(--line-2);}
.dd-tt{font-weight:600;color:var(--ink);font-size:14.5px;}
.dd-ds{font-size:12.5px;color:var(--muted);line-height:1.4;}
.dd-flat a{display:block;padding:9px 12px;border-radius:8px;color:var(--ink-2);font-size:14.5px;transition:.18s;}
.dd-flat a:hover{background:var(--paper-2);color:var(--accent);}
.dd-flat strong{color:var(--ink);}

.nav-right{display:flex;align-items:center;gap:10px;}
.lang{display:flex;gap:1px;border:1px solid var(--line-2);border-radius:9px;padding:2px;}
.lang a{padding:5px 10px;border-radius:6px;font-size:12px;font-weight:600;color:var(--muted);transition:.18s;}
.lang a.active,.lang a:hover{background:var(--navy);color:#fff;}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:1px solid var(--line-2);border-radius:9px;padding:11px 10px;cursor:pointer;}
.burger span{width:20px;height:2px;background:var(--navy);border-radius:2px;}

.hero{position:relative;overflow:hidden;background:radial-gradient(1100px 520px at 90% -10%,var(--orange-soft),transparent 58%),linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%);padding-top:clamp(56px,7vw,92px);padding-bottom:clamp(60px,8vw,108px);}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--line);}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(40px,5vw,76px);align-items:center;}
.hero h1{font-size:clamp(40px,5.4vw,66px);font-weight:700;letter-spacing:-.025em;margin:8px 0 24px;color:var(--ink);}
.hero h1 .o{color:var(--orange);}
.hero-lead{font-size:clamp(16px,1.35vw,19px);color:var(--muted);max-width:560px;margin-bottom:34px;}
.hero-lead strong{color:var(--ink);font-weight:600;}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:34px;}
.hero-meta{display:flex;gap:26px;flex-wrap:wrap;font-size:13.5px;color:var(--muted);align-items:center;}
.hero-meta span{display:flex;align-items:center;gap:9px;}
.hero-meta .gd{width:7px;height:7px;border-radius:50%;background:var(--orange);}

.factsheet{background:var(--card);border:1px solid var(--line);border-radius:var(--rad-lg);box-shadow:var(--shadow);overflow:hidden;position:relative;}
.factsheet::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--orange),var(--orange-2));}
.factsheet .fs-head{padding:24px 28px 18px;border-bottom:1px solid var(--line);}
.factsheet .fs-head .k{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--orange-deep);font-weight:700;}
.factsheet .fs-head h3{font-size:21px;font-weight:600;margin-top:5px;}
.factsheet .fs-body{padding:6px 28px 22px;}
.frow{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid var(--line);}
.frow:last-child{border-bottom:none;}
.frow .lab{font-size:14.5px;color:var(--muted);}
.frow .val{font-weight:700;font-size:21px;color:var(--ink);letter-spacing:-.01em;}
.frow .val.sm{font-size:15px;font-weight:600;}
.frow .val .o{color:var(--orange);}

.trust{background:var(--paper);border-bottom:1px solid var(--line);}
.trust .container{padding-top:46px;padding-bottom:46px;}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.trust-item{text-align:center;padding:4px 10px;border-left:1px solid var(--line);}
.trust-item:first-child{border-left:none;}
.trust-item .n{font-size:clamp(30px,3.4vw,42px);font-weight:700;color:var(--ink);letter-spacing:-.02em;}
.trust-item .n span{color:var(--orange);}
.trust-item .l{font-size:13px;color:var(--muted);margin-top:4px;}
.logos{margin-top:40px;text-align:center;}
.logos .lbl{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--faint);margin-bottom:20px;}
.logos .row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 38px;}
.logos .row span{font-weight:700;font-size:17px;color:var(--ink-2);opacity:.5;transition:opacity .2s;letter-spacing:-.01em;}
.logos .row span:hover{opacity:1;}

.sec-head{max-width:720px;margin:0 auto clamp(46px,5vw,66px);text-align:center;}
.sec-head.left{margin-left:0;text-align:left;}
.sec-head h2{font-size:clamp(30px,3.8vw,46px);font-weight:600;letter-spacing:-.02em;margin-bottom:18px;}
.sec-head h2 .o{color:var(--orange);}
.sec-head p{font-size:clamp(15px,1.2vw,18px);color:var(--muted);}

.band-navy{background:radial-gradient(900px 520px at 82% 0%,var(--navy-2),var(--navy));color:#fff;position:relative;overflow:hidden;}
.band-navy::after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:var(--orange);filter:blur(120px);opacity:.18;top:-120px;right:-60px;}
.band-navy .container{position:relative;}
.band-navy h2,.band-navy h3,.band-navy h4{color:#fff;}
.band-navy p{color:rgba(255,255,255,.74);}
.band-navy .eyebrow{color:var(--orange-2);}
.band-navy .eyebrow::before{background:var(--orange-2);}
.reframe-box{text-align:center;max-width:880px;margin:0 auto;}
.reframe-box h2{font-size:clamp(26px,3.6vw,44px);font-weight:600;line-height:1.2;}
.reframe-box .strike{color:rgba(255,255,255,.5);text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:rgba(255,255,255,.45);}
.reframe-box .hl{color:var(--orange-2);}
.reframe-box p{max-width:680px;margin:22px auto 0;}

.grid{display:grid;gap:22px;}
.cols-2{grid-template-columns:repeat(2,1fr);}
.cols-3{grid-template-columns:repeat(3,1fr);}
.cols-4{grid-template-columns:repeat(4,1fr);}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--rad);padding:32px;transition:transform .3s var(--ease),box-shadow .3s,border-color .3s;position:relative;}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--line-2);}
.card .ic{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;margin-bottom:20px;background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent);}
.card .ic svg{width:23px;height:23px;}
.card h3{font-size:20px;font-weight:600;margin-bottom:10px;}
.card p{font-size:14.5px;color:var(--muted);line-height:1.62;}
.card .more{display:inline-flex;align-items:center;gap:7px;margin-top:18px;color:var(--accent);font-weight:600;font-size:14px;}
.sol-card .badge-num{position:absolute;top:26px;right:28px;font-size:15px;color:var(--faint);font-weight:700;}
.sol-card .en{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:8px;}
.sol-card.dashed{border-style:dashed;background:transparent;}
.pain-card{background:var(--card);border:1px solid var(--line);border-radius:var(--rad);padding:30px;}
.pain-card .tag{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--orange-deep);font-weight:700;margin-bottom:14px;}
.pain-card h3{font-size:18px;font-weight:600;margin-bottom:9px;}
.pain-card p{font-size:14px;color:var(--muted);}

.included .incl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:8px;}
.incl{display:flex;align-items:center;gap:13px;padding:17px 20px;background:var(--card);border:1px solid var(--line);border-radius:12px;transition:border-color .25s,box-shadow .25s;}
.incl:hover{border-color:var(--accent-line);box-shadow:var(--shadow-sm);}
.incl .ck{width:24px;height:24px;border-radius:7px;flex:none;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:12px;}
.incl span{font-size:14.5px;color:var(--ink-2);font-weight:500;}

.pricing{background:var(--paper-2);}
.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:stretch;}
.price-card{background:var(--card);border:1px solid var(--line);border-radius:var(--rad-lg);padding:34px 28px;display:flex;flex-direction:column;position:relative;transition:transform .3s var(--ease),box-shadow .3s,border-color .3s;}
.price-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);}
.price-card.pop{border:1.5px solid var(--accent);box-shadow:var(--shadow);}
.pop-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;font-size:11px;font-weight:700;letter-spacing:.1em;padding:6px 16px;border-radius:999px;text-transform:uppercase;}
.price-card h3{font-size:22px;font-weight:600;margin-bottom:7px;}
.price-card .sub{font-size:13.5px;color:var(--muted);min-height:42px;line-height:1.45;}
.price-card .amt{font-size:40px;font-weight:700;letter-spacing:-.02em;margin:20px 0 2px;color:var(--ink);}
.price-card .amt small{font-size:15px;color:var(--muted);font-weight:500;}
.price-card .per{font-size:13px;color:var(--faint);margin-bottom:24px;}
.price-card ul{list-style:none;margin-bottom:28px;flex:1;}
.price-card li{display:flex;gap:11px;align-items:flex-start;font-size:14px;color:var(--ink-2);margin-bottom:12px;position:relative;}
.price-card li::before{content:"";width:18px;height:18px;flex:none;margin-top:2px;border-radius:50%;background:var(--accent-soft);}
.price-card li::after{content:"";position:absolute;width:10px;height:10px;left:4px;top:6px;background:var(--accent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/10px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/10px no-repeat;}
.guarantee{text-align:center;margin-top:40px;color:var(--muted);font-size:14.5px;}
.guarantee strong{color:var(--ink);font-weight:600;}
.guarantee a{color:var(--accent);font-weight:600;}

.cta-box{text-align:center;max-width:760px;margin:0 auto;}
.cta-box h2{font-size:clamp(30px,4vw,50px);font-weight:600;letter-spacing:-.02em;margin-bottom:18px;}
.cta-box h2 .o{color:var(--orange-2);}
.cta-box p{margin:0 auto 34px;max-width:560px;}
.cta-box .hero-cta{justify-content:center;}

.site-footer{background:linear-gradient(180deg,#2a2d7a 0%,var(--navy-deep) 220px);color:#fff;padding:72px 0 0;position:relative;}
.site-footer::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,153,0,.5),transparent);}
.site-footer .brand .wt .wm{color:#fff;}
.site-footer .brand .mark{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);}
.foot-grid{display:grid;grid-template-columns:1.7fr repeat(4,1fr);gap:36px;}
.foot-brand p{font-size:14px;color:rgba(255,255,255,.64);max-width:320px;margin-top:18px;}
.foot-brand .badges{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap;}
.foot-brand .badges span{font-size:11.5px;color:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.18);border-radius:7px;padding:6px 11px;}
.foot-brand .social{display:flex!important;gap:8px;margin-top:16px;flex-wrap:wrap;visibility:visible!important;}
.foot-brand .social a{display:inline-flex!important;align-items:center;font-size:12px;color:rgba(255,255,255,.8)!important;border:1px solid rgba(255,255,255,.18);border-radius:7px;padding:6px 12px;transition:.2s;text-decoration:none;}
.foot-brand .social a:hover{border-color:var(--orange-2);color:var(--orange-2);}
.foot-brand .hotline{margin-top:18px;font-size:13px;color:rgba(255,255,255,.64);}
.foot-brand .hotline a{color:#fff;font-weight:600;}
.foot-col h4{font-size:14px;letter-spacing:.04em;color:#fff;margin-bottom:18px;font-weight:600;}
.foot-col a{display:block;color:rgba(255,255,255,.66);font-size:14px;margin-bottom:11px;transition:color .18s;}
.foot-col a:hover{color:#fff;}
.foot-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:58px;padding:26px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;}
.foot-bottom p{font-size:13px;color:rgba(255,255,255,.52);}
.foot-bottom .links{display:flex;gap:18px;flex-wrap:wrap;align-items:center;}
.foot-bottom .links a{font-size:13px;color:rgba(255,255,255,.64);}
.foot-bottom .links a:hover{color:#fff;}
.ip-box{font-size:12px;color:var(--orange-2);border:1px solid rgba(255,171,51,.4);border-radius:999px;padding:4px 12px;}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
.reveal.in{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none;}}

@media(max-width:1024px){.cols-4{grid-template-columns:repeat(2,1fr);}.price-grid{grid-template-columns:repeat(2,1fr);}.foot-grid{grid-template-columns:1fr 1fr 1fr;}.foot-brand{grid-column:1/-1;}}
@media(max-width:860px){
  .nav-menu,.nav-right .lang,.nav-right .nav-link{display:none;}
  .burger{display:flex;}
  .hero-grid{grid-template-columns:1fr;}
  .factsheet{order:-1;}
  .trust-grid{grid-template-columns:repeat(2,1fr);gap:26px 12px;}
  .trust-item{border-left:none;}
  .cols-3,.cols-2{grid-template-columns:1fr;}
  .price-grid{grid-template-columns:1fr;}
  .foot-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:560px){.cols-4{grid-template-columns:1fr;}.trust-grid{grid-template-columns:1fr;}.foot-grid{grid-template-columns:1fr;}.hero-cta .btn,.cta-box .btn{width:100%;justify-content:center;}}

.drawer{position:fixed;inset:0;z-index:1100;background:rgba(31,33,86,.42);backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:.25s;}
.drawer.open{opacity:1;visibility:visible;}
.drawer-panel{position:absolute;top:0;right:0;height:100%;width:min(360px,86vw);background:var(--paper);border-left:1px solid var(--line);padding:24px;overflow-y:auto;transform:translateX(100%);transition:transform .3s var(--ease);}
.drawer.open .drawer-panel{transform:none;}
.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;}
.drawer-close{background:none;border:1px solid var(--line-2);color:var(--ink);width:38px;height:38px;border-radius:9px;font-size:20px;cursor:pointer;}
.drawer-group{border-top:1px solid var(--line);padding:14px 0;}
.drawer-group .gh{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--orange-deep);font-weight:700;margin-bottom:10px;}
.drawer-group a{display:block;padding:9px 0;color:var(--ink-2);font-size:15.5px;}
.drawer-group a:hover{color:var(--accent);}
.drawer .lang{display:inline-flex;margin-top:16px;}
.drawer .btn{margin-top:18px;width:100%;justify-content:center;}

/* ============================================================
   HOSTWAY-STYLE UPGRADES: progress bar · scroll color-swap header · dark hero · mobile
   ============================================================ */
/* scroll progress bar */
#ic-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:1200;background:linear-gradient(90deg,var(--orange),var(--orange-2));transition:width .1s linear;}

/* logo images (swap by header state) */
.brand .logo-img{height:40px;width:auto;display:block;}
.brand .logo-white{display:none;}
.brand .logo-navy{display:block;}

/* default header = light (navy logo). Used on light pages + scrolled state */
.site-header{background:rgba(250,251,254,.9);}

/* DARK-HERO pages: header transparent over hero, white logo + white nav, until scrolled */
body.dark-hero .site-header:not(.scrolled){background:transparent;backdrop-filter:none;border-bottom-color:transparent;box-shadow:none;}
body.dark-hero .site-header:not(.scrolled) .brand .logo-white{display:block;}
body.dark-hero .site-header:not(.scrolled) .brand .logo-navy{display:none;}
body.dark-hero .site-header:not(.scrolled) .nav-link{color:rgba(255,255,255,.92);}
body.dark-hero .site-header:not(.scrolled) .nav-link:hover{color:#fff;background:rgba(255,255,255,.12);}
body.dark-hero .site-header:not(.scrolled) .lang{border-color:rgba(255,255,255,.4);}
body.dark-hero .site-header:not(.scrolled) .lang a{color:rgba(255,255,255,.85);}
body.dark-hero .site-header:not(.scrolled) .lang a.active{background:#fff;color:var(--navy);}
body.dark-hero .site-header:not(.scrolled) .burger{border-color:rgba(255,255,255,.45);}
body.dark-hero .site-header:not(.scrolled) .burger span{background:#fff;}

/* DARK HERO band */
.hero.hero-dark{background:radial-gradient(1200px 600px at 78% -8%,rgba(255,153,0,.18),transparent 55%),radial-gradient(900px 700px at 12% 20%,rgba(79,124,230,.22),transparent 55%),linear-gradient(160deg,#262a86 0%,#1c1f63 55%,#171a52 100%);color:#fff;margin-top:calc(-1 * var(--header-h));padding-top:calc(var(--header-h) + clamp(44px,7vw,84px));}
.hero.hero-dark::after{display:none;}
.hero.hero-dark h1{color:#fff;}
.hero.hero-dark h1 .o{color:var(--orange-2);}
.hero.hero-dark .hero-lead{color:rgba(255,255,255,.82);}
.hero.hero-dark .hero-lead strong{color:#fff;}
.hero.hero-dark .hero-meta{color:rgba(255,255,255,.72);}
.hero.hero-dark .eyebrow{color:var(--orange-2);}
.hero.hero-dark .eyebrow::before{background:var(--orange-2);}
.hero.hero-dark .btn-ghost{border-color:rgba(255,255,255,.32);color:#fff;}
.hero.hero-dark .btn-ghost:hover{background:rgba(255,255,255,.1);border-color:#fff;}

/* factsheet floating glass on dark hero */
.hero.hero-dark .factsheet{background:rgba(255,255,255,.97);box-shadow:0 40px 80px -30px rgba(0,0,0,.5);}

/* hero illustration */
.hero-visual{position:relative;}
.hero-visual svg{width:100%;height:auto;display:block;filter:drop-shadow(0 30px 60px rgba(0,0,0,.35));}

/* MOBILE menu (robust, obvious) */
@media(max-width:860px){
  :root{--header-h:66px;}
  .hero.hero-dark{padding-top:calc(var(--header-h) + clamp(40px,10vw,64px));}
  .drawer-panel{background:linear-gradient(165deg,#23267e,#171a52);border-left:none;color:#fff;}
  .drawer-group{border-top-color:rgba(255,255,255,.14);}
  .drawer-group .gh{color:var(--orange-2);}
  .drawer-group a{color:rgba(255,255,255,.9);}
  .drawer-group a:hover{color:var(--orange-2);}
  .drawer-head .brand .logo-white{display:block;}
  .drawer-head .brand .logo-navy{display:none;}
  .drawer-close{border-color:rgba(255,255,255,.3);color:#fff;}
  .drawer .lang{border-color:rgba(255,255,255,.3);}
  .drawer .lang a{color:#fff;}
}

/* hero visual composition (image-like) */
.hero-visual{position:relative;}
.chip{position:absolute;display:flex;align-items:center;gap:9px;background:#fff;border-radius:14px;padding:12px 15px;box-shadow:0 24px 50px -22px rgba(0,0,0,.55);font-size:13.5px;font-weight:600;color:var(--ink);z-index:3;}
.chip .dot{width:9px;height:9px;border-radius:50%;background:var(--ok);}
.chip .ico{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--orange-soft);color:var(--orange-deep);}
.chip.tl{top:-22px;left:-26px;}
.chip.br{bottom:-24px;right:-20px;}
.chip .spark{display:block;}
@media(max-width:860px){.chip.tl{left:6px;top:-18px;}.chip.br{right:6px;bottom:-18px;}}

/* ============================================================ BREADCRUMB */
.breadcrumb-bar{background:var(--paper);border-bottom:1px solid var(--line);}
.breadcrumb-bar .container{padding-top:13px;padding-bottom:13px;}
.crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13.5px;color:var(--muted);line-height:1.4;}
.crumbs a{color:var(--muted);transition:color .18s;}
.crumbs a:hover{color:var(--accent);}
.crumbs .sep{color:var(--faint);font-size:12px;}
.crumbs .current{color:var(--ink);font-weight:600;}
.crumbs .suffix{color:var(--muted);font-weight:400;}
/* dark-hero pages: breadcrumb sits on the dark hero, so make it part of hero (handled separately) */
.crumbs-mobile{display:none;}
@media(max-width:860px){
  .crumbs-desktop{display:none;}
  .crumbs-mobile{display:flex;}
  .crumbs .suffix{display:none;}
}

/* ============================================================ LOGO mobile + sticky guarantee */
@media(max-width:860px){
  .brand .logo-img{height:34px;}
}
/* ensure header always sticky/visible (belt-and-suspenders) */
.site-header{position:-webkit-sticky;position:sticky;top:0;}

/* ============================================================ FACTSHEET chip-free (option A) */
body.no-chips .chip{display:none;}
/* trust badges inside factsheet header (option B) */
.fs-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;}
.fs-badges .b{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);border-radius:999px;padding:4px 10px;}
.fs-badges .b .gd{width:7px;height:7px;border-radius:50%;background:var(--ok);}

/* ============================================================
   BREADCRUMBS — all pages · light bar / dark-hero overlay · mobile compact
   ============================================================ */
.breadcrumb-bar{background:var(--paper-2);border-bottom:1px solid var(--line);}
.breadcrumb-bar .container{padding-top:13px;padding-bottom:13px;}
.breadcrumb-bar ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;font-size:13.5px;}
.breadcrumb-bar li{display:flex;align-items:center;gap:8px;color:var(--muted);}
.breadcrumb-bar a{color:var(--muted);text-decoration:none;transition:color .18s;}
.breadcrumb-bar a:hover{color:var(--accent);}
.breadcrumb-bar li.sep{color:var(--faint);}
.breadcrumb-bar li[aria-current]{color:var(--ink);font-weight:600;}
.breadcrumb-bar li .bc-desc{color:var(--faint);font-weight:400;}

/* dark-hero pages → breadcrumb overlays top of hero in white */
body.dark-hero main{position:relative;}
body.dark-hero .breadcrumb-bar{position:absolute;top:var(--header-h);left:0;right:0;z-index:6;background:transparent;border-bottom:none;}
body.dark-hero .breadcrumb-bar ol{font-size:13px;}
body.dark-hero .breadcrumb-bar li,
body.dark-hero .breadcrumb-bar a{color:rgba(255,255,255,.72);}
body.dark-hero .breadcrumb-bar a:hover{color:#fff;}
body.dark-hero .breadcrumb-bar li.sep{color:rgba(255,255,255,.4);}
body.dark-hero .breadcrumb-bar li[aria-current]{color:#fff;}
body.dark-hero .breadcrumb-bar li .bc-desc{color:rgba(255,255,255,.55);}
/* dark hero needs a little more top room for the overlaid breadcrumb */
body.dark-hero .hero.hero-dark{padding-top:calc(var(--header-h) + clamp(60px,8vw,96px));}

/* mobile: compact breadcrumb (hide the long ·description suffix) */
@media(max-width:860px){
  .breadcrumb-bar .bc-desc{display:none;}
  .breadcrumb-bar ol{font-size:12.5px;gap:6px;}
  .breadcrumb-bar li{gap:6px;}
  body.dark-hero .breadcrumb-bar{top:var(--header-h);}
}