/* afrinakter.com — design system
   Brand palette: mint #85eba1 · lime #b5f07e · citrus #e1f25b · white */

@font-face{font-family:"Inter";src:url("../fonts/inter.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Jakarta";src:url("../fonts/jakarta.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Anek Bangla";src:url("../fonts/anek-bangla.woff2") format("woff2");font-weight:100 800;font-style:normal;font-display:swap;unicode-range:U+0951-0952,U+0964-0965,U+0980-09FE,U+1CD0,U+1CD2,U+1CD5-1CD6,U+1CD8,U+1CE1,U+1CEA,U+1CED,U+1CF2,U+1CF5-1CF7,U+200C-200D,U+20B9,U+25CC,U+A8F1}

:root{
  --mint:#85eba1;--lime:#b5f07e;--citrus:#e1f25b;
  --grad:linear-gradient(115deg,var(--mint) 0%,var(--lime) 50%,var(--citrus) 100%);
  --ink:#0b1f14;--text:#24382c;--muted:#566a5c;
  --bg:#fbfdf8;--surface:#fff;--tint:#f1f8ec;--line:#dde8d7;--line-strong:#c2d4b9;
  --accent:#0d6b3a;--accent-soft:#e3f6da;
  --btn-bg:#0b1f14;--btn-fg:#fff;--band:#0b1f14;--glow:.5;
  --shadow:0 1px 2px rgba(11,31,20,.05),0 16px 36px -16px rgba(11,31,20,.2);
  --r:20px;--r-sm:12px;--wrap:1180px;--gut:clamp(16px,4vw,32px);--header-h:72px;
  --font-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-display:"Jakarta","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --track:-.025em;
}
html[lang="bn"]{
  --font-body:"Anek Bangla","Inter",system-ui,"Nirmala UI","Kohinoor Bangla",sans-serif;
  --font-display:"Anek Bangla","Jakarta","Inter",system-ui,sans-serif;--track:0;
}
[data-theme="dark"]{
  --ink:#f1faf2;--text:#cfe0d3;--muted:#93a89a;
  --bg:#07130c;--surface:#0e1d14;--tint:#0a1810;--line:#1d3225;--line-strong:#2c4a37;
  --accent:#a9ee8a;--accent-soft:#143021;
  --btn-bg:#b5f07e;--btn-fg:#0b1f14;--band:#0c1a12;--glow:.13;
  --shadow:0 16px 36px -16px rgba(0,0,0,.7);
}
/* Fixed-colour contexts: content on the brand gradient, and on the dark band */
.on-grad,.section--grad,.news-band:not(.news-band--soft),.card--grad,.cta-band,.links-page{
  --ink:#0b1f14;--text:#1c3324;--muted:#33503c;--line:rgba(11,31,20,.16);--line-strong:rgba(11,31,20,.3);
  --surface:#fff;--tint:#f1f8ec;--accent:#0b5a30;--accent-soft:rgba(255,255,255,.6);--btn-bg:#0b1f14;--btn-fg:#fff;color:var(--text);
}
.section--ink,.footer{
  --ink:#f1faf2;--text:#cfe0d3;--muted:#9db3a4;--line:rgba(255,255,255,.12);--line-strong:rgba(255,255,255,.24);
  --surface:rgba(255,255,255,.05);--accent:#b5f07e;--accent-soft:rgba(181,240,126,.12);--btn-bg:#b5f07e;--btn-fg:#0b1f14;
  background:var(--band);color:var(--text);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}
body{margin:0;background:var(--bg);color:var(--text);font:400 1rem/1.65 var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
html[lang="bn"] body{font-size:1.06rem;line-height:1.75}
img,svg{max-width:100%;height:auto;display:block}
a{color:var(--accent);text-underline-offset:.2em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote,fieldset{margin:0;padding:0}
ul,ol{list-style:none}
fieldset{border:0;min-width:0}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}
::selection{background:var(--lime);color:#0b1f14}
[hidden]{display:none!important}
.i{width:1.15em;height:1.15em;flex:none}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--btn-bg);color:var(--btn-fg);padding:10px 16px;border-radius:10px;font-weight:600;text-decoration:none}
.skip:focus{top:12px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* ---------- layout ---------- */
.wrap{width:min(100% - 2*var(--gut),var(--wrap));margin-inline:auto}
.narrow{max-width:820px}
.section{padding-block:clamp(56px,8vw,104px)}
.section--tight{padding-block:clamp(28px,4vw,48px)}
.section--flush{padding-top:clamp(8px,2vw,24px)}
.section--tint{background:var(--tint)}
.section--grad{background:var(--grad)}
.section__head{max-width:760px;margin-bottom:clamp(28px,4vw,48px)}
.section__head--row{max-width:none;display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap}
.grid{display:grid;gap:clamp(14px,2vw,22px)}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.stack{display:grid;gap:clamp(14px,2vw,22px);align-content:start}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}
.split--wide{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start}
.split--form{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start}
.sticky{position:sticky;top:calc(var(--header-h) + 20px)}
.center{text-align:center;margin-top:28px}
.center .btn{margin-inline:auto}
.mt{margin-top:clamp(36px,5vw,64px)}
.mb{margin-bottom:clamp(36px,5vw,56px)}
.fineprint{font-size:.875rem;color:var(--muted);margin-top:14px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.fineprint.center{justify-content:center}
.empty{padding:40px 0;color:var(--muted);text-align:center}
.sub-head{margin:clamp(36px,5vw,56px) 0 18px}

/* ---------- type ---------- */
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.8125rem;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}
html[lang="bn"] :is(.eyebrow,.menu__label,.answer__label,.facts dt,.footer__col h2,.toc p,.score-panel__sub){letter-spacing:0;text-transform:none;font-size:.95rem}
.eyebrow--ink{color:var(--ink)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px var(--accent-soft)}
.display,.h1,.h2,.h3,.statement{font-family:var(--font-display);color:var(--ink);letter-spacing:var(--track);text-wrap:balance}
.display{font-size:clamp(2.35rem,5.4vw,4.15rem);font-weight:800;line-height:1.04}
.display em{font-style:normal;background:linear-gradient(transparent 60%,var(--lime) 60%);box-decoration-break:clone;-webkit-box-decoration-break:clone;padding-inline:.06em}
[data-theme="dark"] .display em{background:none;color:var(--lime)}
.h1{font-size:clamp(2rem,4.4vw,3.25rem);font-weight:800;line-height:1.08}
.h2{font-size:clamp(1.6rem,3vw,2.35rem);font-weight:750;line-height:1.14;margin-bottom:.5em}
.h3{font-size:1.175rem;font-weight:700;line-height:1.3;letter-spacing:-.012em}
.lead+.btn{margin-top:22px}
html[lang="bn"] :is(.display,.h1,.h2,.h3,.statement){line-height:1.3;font-weight:700}
.lead{font-size:clamp(1.05rem,1.4vw,1.2rem);color:var(--text);max-width:62ch;text-wrap:pretty}
.statement{font-size:clamp(1.9rem,4.6vw,3.5rem);font-weight:800;line-height:1.1;max-width:20ch;margin-bottom:clamp(32px,5vw,56px);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.callout{margin-top:28px;display:flex;gap:12px;align-items:flex-start;padding:18px 22px;border-radius:var(--r);background:var(--accent-soft);color:var(--ink);font-weight:550}
.callout .i{color:var(--accent);margin-top:.25em}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 20px;border-radius:999px;border:1.5px solid var(--btn-bg);background:var(--btn-bg);color:var(--btn-fg);font-weight:650;font-size:.975rem;line-height:1.2;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease;white-space:nowrap}
.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.btn:active{transform:none}
.btn--lg{min-height:54px;padding:12px 26px;font-size:1.03rem}
.btn--sm{min-height:38px;padding:6px 14px;font-size:.9rem}
.btn--ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}
.btn--ghost:hover{border-color:var(--ink)}
.btn--brand{background:var(--grad);border-color:transparent;color:#0b1f14}
.btn--wa{background:#25d366;border-color:#25d366;color:#06240f}
.btn[disabled]{opacity:.6;pointer-events:none}
.icon-btn{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 10px;border-radius:999px;color:var(--ink);font-weight:600;font-size:.875rem}
.icon-btn:hover{background:var(--accent-soft)}
[data-theme="dark"] .when-light,[data-theme="light"] .when-dark{display:none}

/* ---------- header ---------- */
.header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s}
.header.is-stuck{border-bottom-color:var(--line)}
.header__bar{display:flex;align-items:center;gap:20px;min-height:var(--header-h)}
.brand{display:inline-flex;align-items:center;gap:10px;font:800 1.2rem/1 var(--font-display);letter-spacing:-.02em;color:var(--ink);text-decoration:none;flex:none}
.brand img{border-radius:50%}
.nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.nav__item{position:relative}
.nav__link{display:inline-flex;align-items:center;gap:4px;min-height:42px;padding:0 13px;border-radius:999px;color:var(--text);font-weight:550;font-size:.95rem;text-decoration:none}
.nav__link .i{width:.95em;height:.95em;transition:transform .2s}
.nav__link:hover,.nav__link[aria-current],.has-menu.is-open>.nav__link{background:var(--accent-soft);color:var(--ink)}
.has-menu.is-open>.nav__link .i{transform:rotate(180deg)}
.nav__cta{display:none}
.header__tools{display:flex;align-items:center;gap:4px}
.header__cta{margin-left:8px}
.nav-toggle{display:none}
.nav-toggle .when-open{display:none}
.menu{position:absolute;top:calc(100% + 10px);left:0;min-width:320px;padding:10px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .16s,transform .16s,visibility .16s;z-index:5}
.menu::before{content:"";position:absolute;inset:-12px 0 auto;height:12px}
.menu--wide{display:grid;grid-template-columns:1.25fr 1fr;gap:6px;min-width:640px}
.menu--right{left:auto;right:0;min-width:260px}
.has-menu.is-open>.menu{opacity:1;visibility:visible;transform:none}
.menu__label{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:10px 12px 6px}
.menu__link{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:12px;color:var(--ink);font-weight:600;font-size:.94rem;text-decoration:none;line-height:1.3}
.menu__link small{display:block;font-weight:400;font-size:.82rem;color:var(--muted)}
.menu__link:hover,.menu__link.is-active{background:var(--accent-soft)}
.menu__all{display:flex;align-items:center;gap:6px;padding:10px 12px;font-weight:650;font-size:.9rem;text-decoration:none}
.menu__grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:0 6px 6px}
.menu__grid a{padding:6px 8px;border-radius:8px;font-size:.875rem;color:var(--text);text-decoration:none}
.menu__grid a:hover{background:var(--accent-soft)}

/* ---------- hero ---------- */
.hero{position:relative;padding-block:clamp(36px,6vw,84px) clamp(48px,7vw,96px);background:
  radial-gradient(52% 70% at 88% 8%,rgba(225,242,91,var(--glow)),transparent 62%),
  radial-gradient(46% 66% at 2% 0%,rgba(133,235,161,var(--glow)),transparent 60%),var(--bg);overflow:hidden}
.hero::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.35) 0 2px,transparent 2px 26px);opacity:calc(var(--glow)*.9);pointer-events:none;mask-image:linear-gradient(#000,transparent 70%);-webkit-mask-image:linear-gradient(#000,transparent 70%)}
.hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,5vw,64px);align-items:center}
.hero .lead{margin-top:20px}
.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hero__actions--center{justify-content:center}
.hero__trust{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:26px;font-size:.93rem;font-weight:550;color:var(--ink)}
.hero__trust li{display:flex;align-items:center;gap:7px}
.hero__trust .i{color:var(--accent)}
.hero__visual{position:relative;max-width:460px;margin-inline:auto;width:100%}
.hero__ring{position:relative;border-radius:50%;padding:14px;background:var(--grad);box-shadow:0 30px 70px -30px rgba(13,107,58,.55)}
.hero__ring::before{content:"";position:absolute;inset:-22px;border-radius:50%;border:1.5px dashed var(--line-strong)}
.hero__ring img{border-radius:50%;width:100%;background:#fff}
.hero__ring--sm{max-width:300px;margin-inline:auto;width:100%}
.float-chip{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);font-weight:650;font-size:.875rem;white-space:nowrap;animation:bob 6s ease-in-out infinite}
.float-chip .i{color:var(--accent)}
.float-chip--1{top:6%;left:-9%}
.float-chip--2{top:44%;right:-12%;animation-delay:-2s}
.float-chip--3{bottom:16%;left:-14%;animation-delay:-4s}
.hero__li{position:absolute;right:2%;bottom:-4%;display:inline-flex;align-items:center;gap:10px;padding:11px 18px;border-radius:16px;background:#0b1f14;color:#f1faf2;text-decoration:none;font-size:.86rem;box-shadow:var(--shadow)}
.hero__li strong{display:block;font:800 1.15rem/1.1 var(--font-display);color:var(--lime)}
.hero__li .i{width:26px;height:26px;color:var(--lime)}
@keyframes bob{50%{transform:translateY(-8px)}}

.page-hero{padding-block:clamp(28px,4vw,52px) clamp(32px,5vw,60px);background:radial-gradient(50% 90% at 100% 0%,rgba(225,242,91,calc(var(--glow)*.8)),transparent 60%),radial-gradient(40% 80% at 0% 0%,rgba(133,235,161,calc(var(--glow)*.8)),transparent 60%),var(--bg)}
.page-hero .h1{max-width:22ch}
.page-hero .lead{margin-top:16px}
.page-hero--center{text-align:center}
.page-hero--center :is(.h1,.lead){margin-inline:auto}
.page-hero--center .crumbs{justify-content:center}
.about-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:clamp(28px,5vw,64px);align-items:center}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:.875rem;color:var(--muted);margin-bottom:20px}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--ink);text-decoration:underline}
.crumbs [aria-current]{color:var(--ink);font-weight:550}

/* ---------- cards ---------- */
.card{position:relative;display:flex;flex-direction:column;gap:10px;padding:clamp(20px,2.4vw,28px);border-radius:var(--r);border:1px solid var(--line);background:var(--surface);color:var(--text)}
.card--plain{background:transparent}
.card--link{text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.card--link:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--line-strong)}
.card--row{flex-direction:row;align-items:center;gap:16px}
.card--row>div{flex:1}
.card--row>.i{color:var(--accent)}
.card--form{padding:clamp(20px,3vw,34px);box-shadow:var(--shadow);gap:16px}
.card--grad{background:var(--grad);border-color:transparent}
.card--big{gap:14px;padding:clamp(24px,3.4vw,40px)}
.card--big .btn{align-self:flex-start;margin-top:auto}
.card__more{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:8px;font-weight:650;font-size:.93rem;color:var(--accent)}
.card--link:hover .card__more .i{transform:translateX(4px)}
.card__more .i{transition:transform .2s}
.icon-box{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:var(--grad);color:#0b1f14;flex:none}
.icon-box .i{width:24px;height:24px}
.icon-box--sm{width:34px;height:34px;border-radius:10px}
.icon-box--sm .i{width:18px;height:18px}
.icon-box--ok{background:#25d366}
.icon-box--lg{width:72px;height:72px;border-radius:22px;margin:0 auto 20px}
.icon-box--lg .i{width:36px;height:36px}
.num{display:inline-grid;place-items:center;align-self:flex-start;min-width:46px;height:30px;padding:0 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font:800 .9rem/1 var(--font-display)}
.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.78rem;font-weight:650;white-space:nowrap}
.pill--line{background:transparent;box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--muted)}
.pill--ink{background:var(--ink);color:var(--bg)}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{display:inline-flex;align-items:center;padding:8px 16px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font-weight:600;font-size:.92rem}
button.chip:hover{border-color:var(--ink)}
.chip.is-active{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.quote blockquote{font-size:1.02rem;color:var(--ink)}
.quote figcaption{margin-top:auto;padding-top:12px;font-size:.9rem;display:grid}
.quote figcaption span{color:var(--muted)}
.li-post__top{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:650;color:var(--muted)}
.li-post__top .i{color:#0a66c2}
.li-post__meta{margin-top:auto;font-size:.875rem;font-weight:600;color:var(--accent)}
.post-card__meta{display:flex;gap:8px;flex-wrap:wrap}
.logo-cloud{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.logo-cloud li{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;border:1px solid var(--line);background:var(--surface);font-weight:650;color:var(--ink)}

/* ---------- sections ---------- */
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2.4vw,28px);counter-reset:s}
.steps li{position:relative;padding-top:66px}
.steps li p{margin-top:6px}
.steps__n{position:absolute;top:0;left:0;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--grad);color:#0b1f14;font:800 1.15rem/1 var(--font-display)}
.steps li:not(:last-child)::after{content:"";position:absolute;top:25px;left:62px;right:-8px;border-top:1.5px dashed var(--line-strong)}
.steps--list{grid-template-columns:1fr;gap:22px}
.steps--list li{padding:0 0 0 68px;min-height:50px}
.steps--list li::after{display:none}
.section--ink .grid p{margin-top:8px}
.wont{margin-top:clamp(32px,5vw,56px);padding:clamp(20px,3vw,30px);border-radius:var(--r);border:1px solid var(--line)}
.wont h3{font:700 1rem/1.3 var(--font-display);color:var(--ink);margin-bottom:14px}
.wont ul{display:flex;flex-wrap:wrap;gap:10px 26px}
.wont li{display:flex;align-items:center;gap:8px;font-size:.95rem}
.wont .i{color:#ff9d8a}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--r);background:var(--surface);overflow:hidden}
.stats--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.stat{padding:clamp(18px,2.6vw,30px);display:grid;gap:6px;border-left:1px solid var(--line)}
.stat:first-child{border-left:0}
.stat strong{font:800 clamp(1.5rem,3vw,2.4rem)/1.05 var(--font-display);color:var(--ink);letter-spacing:var(--track)}
.stat span{font-size:.92rem;color:var(--muted)}
.faq{display:grid;gap:12px}
.faq details{border:1px solid var(--line);border-radius:16px;background:var(--surface);transition:border-color .2s}
.faq details[open]{border-color:var(--line-strong)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary h3{font:650 1.04rem/1.4 var(--font-display);color:var(--ink)}
.faq summary .i{transition:transform .2s;color:var(--accent)}
.faq details[open] summary .i{transform:rotate(180deg)}
.faq details p{padding:0 22px 20px;max-width:70ch}
.cta-band,.brand-band,.news-band{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:center;padding:clamp(26px,4.5vw,56px);border-radius:calc(var(--r) + 8px);background:var(--grad)}
.cta-band .h2,.brand-band .h2,.news-band .h2{margin-bottom:.35em}
.cta-band__actions,.brand-band__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}
.brand-band,.news-band--soft{background:var(--tint);border:1px solid var(--line)}
.contact-list{display:grid;gap:10px;margin-top:22px}
.contact-list a{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-weight:600;text-decoration:none}
.contact-list a:hover{text-decoration:underline}
.answer{padding:clamp(20px,3vw,30px);border-radius:var(--r);background:var(--accent-soft);border-left:5px solid var(--accent);display:grid;gap:10px}
.answer__label{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.answer p:last-child{color:var(--ink);font-size:1.05rem}
.formula{font:700 1.1rem/1.5 var(--font-display)}
.include-list{display:grid;gap:14px}
.include-list li{display:flex;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.include-list h3{font:700 1.02rem/1.35 var(--font-display);color:var(--ink)}
.include-list p{font-size:.96rem;margin-top:2px}
.checklist{display:grid;gap:10px}
.checklist li{display:flex;gap:10px;align-items:flex-start;color:var(--ink);font-weight:500}
.checklist .i{color:var(--accent);margin-top:.25em}
.checklist small{display:block;color:var(--muted);font-weight:500}
.card--grad .btn{align-self:flex-start;margin-top:10px}
.facts dl{display:grid}
.facts dl div{display:grid;gap:2px;padding:12px 0;border-top:1px solid var(--line)}
.facts dt{font-size:.78rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.facts dd{color:var(--ink);font-weight:550}
.timeline{display:grid;gap:0;border-left:2px solid var(--line-strong);margin-left:8px}
.timeline li{position:relative;padding:0 0 30px 28px}
.timeline li::before{content:"";position:absolute;left:-9px;top:6px;width:16px;height:16px;border-radius:50%;background:var(--grad);border:3px solid var(--tint)}
.timeline__when{font-size:.84rem;font-weight:700;color:var(--accent)}
.timeline__org{font-weight:600;color:var(--muted);margin-bottom:6px}
.disclosure{display:flex;gap:10px;align-items:flex-start;padding:14px 18px;border-radius:14px;border:1px dashed var(--line-strong);font-size:.9rem;color:var(--muted);margin-bottom:clamp(28px,4vw,44px)}
.disclosure .i{margin-top:.2em;color:var(--accent)}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:8px}
.toolbar .h2{margin:0}
.search{display:flex;align-items:center;gap:8px;padding:0 14px;min-height:46px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);min-width:min(100%,280px)}
.search input{border:0;background:none;outline:0;flex:1;min-width:0}
.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 24px}
.tool__head{display:flex;gap:14px;align-items:center}
.tool__logo{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--grad);color:#0b1f14;font:800 1.2rem/1 var(--font-display);flex:none}
.tool__tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.tool__deal{display:flex;gap:8px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--accent-soft);color:var(--ink)}
.tool__foot{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:8px}
.tool--featured{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.ways{display:grid;gap:10px;margin:16px 0 24px}
.ways a{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:var(--surface);text-decoration:none;color:var(--text);transition:border-color .2s,transform .2s}
.ways a:hover{border-color:var(--line-strong);transform:translateX(4px)}
.ways a>span:last-child{display:grid;line-height:1.35}
.ways strong{color:var(--ink)}
.ways small{color:var(--muted)}
.qr-row{display:flex;gap:14px;margin-top:16px}
.qr-row figure{display:grid;gap:6px;justify-items:center;font-size:.76rem;color:var(--muted);text-align:center}
.qr-row img{border-radius:12px;background:#fff;padding:5px;border:1px solid var(--line)}
.qr-row--lg figure{max-width:160px}

/* ---------- forms ---------- */
.form{display:grid;gap:14px}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:grid;gap:6px;font-size:.9rem;font-weight:600;color:var(--ink)}
.field i{font-style:normal;font-weight:400;color:var(--muted);font-size:.82rem}
.field :is(input,select,textarea){width:100%;min-height:48px;padding:11px 14px;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font-weight:400;font-size:1rem;transition:border-color .15s,box-shadow .15s}
.field textarea{resize:vertical;min-height:112px;line-height:1.5}
.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23566a5c' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;padding-right:40px}
.field :is(input,select,textarea):focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.field ::placeholder{color:var(--muted);opacity:.75}
.form__foot{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px}
.form__note{display:flex;gap:7px;align-items:center;font-size:.82rem;color:var(--muted);flex:1;min-width:200px}
.form__note .i{color:var(--accent)}
.form__note a{color:inherit}
.form__status{padding:12px 14px;border-radius:12px;background:#fde8e4;color:#8a1f0e;font-size:.92rem;font-weight:550}
.form__done{display:grid;gap:10px;justify-items:start;padding:8px 0}
.form.is-done>:not(.form__done){display:none}
.sub{display:grid;gap:10px}
.sub__row{display:flex;gap:8px;padding:6px;border-radius:999px;background:var(--surface);border:1px solid var(--line-strong)}
.sub__row input{flex:1;min-width:0;border:0;background:none;padding:0 14px;outline:0;color:var(--ink)}
.sub__row:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.sub__note{font-size:.84rem;color:var(--muted)}
.sub__done{display:flex;gap:8px;align-items:center;font-weight:650;color:var(--ink)}
.sub.is-done .sub__row,.sub.is-done .sub__note{display:none}
.sub-card{margin:28px auto 0;max-width:560px;text-align:left}

/* ---------- free tools ---------- */
.result{display:grid;gap:18px;padding-top:18px;border-top:1px solid var(--line)}
.score{display:flex;align-items:center;gap:18px}
.score__ring{--p:0;display:grid;place-items:center;align-content:center;width:104px;height:104px;border-radius:50%;background:radial-gradient(closest-side,var(--surface) 78%,transparent 80%),conic-gradient(var(--accent) calc(var(--p)*1%),var(--line) 0);flex:none}
.score__ring strong{font:800 1.9rem/1 var(--font-display);color:var(--ink)}
.score__ring span{font-size:.75rem;color:var(--muted)}
.result__list{display:grid;gap:10px}
.result__list li{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;padding:12px 14px;border-radius:12px;border:1px solid var(--line)}
.result__list li b{color:var(--ink)}
.result__list li span{grid-column:2;font-size:.94rem}
.result__list .ok{color:#128a45}.result__list .bad{color:#c2410c}
[data-theme="dark"] .result__list .ok{color:#7be29a}[data-theme="dark"] .result__list .bad{color:#ffb38a}
.check-group{gap:4px}
.check-group legend{float:left;width:100%;margin-bottom:10px}
.check{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:12px;cursor:pointer;clear:both}
.check:hover{background:var(--accent-soft)}
.check input{width:22px;height:22px;margin-top:2px;accent-color:#0d6b3a;flex:none}
.check input:checked+span{color:var(--ink);font-weight:550}
.score-panel{gap:12px}
.score-panel__num strong{font:800 3.4rem/1 var(--font-display);color:var(--ink)}
.score-panel__num span{font-weight:600}
.score-panel__sub{font:700 .82rem/1.3 var(--font-body);letter-spacing:.07em;text-transform:uppercase;margin-top:8px}
.meter{height:10px;border-radius:999px;background:rgba(11,31,20,.14);overflow:hidden}
.meter span{display:block;height:100%;width:0;background:#0b1f14;border-radius:999px;transition:width .35s ease}
.checklist--fix{font-size:.93rem}
.checklist--fix li{font-weight:500}

/* ---------- blog ---------- */
.post__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:22px;font-size:.9rem;color:var(--muted)}
.post__meta img{border-radius:50%}
.post__meta a{color:var(--ink);font-weight:600}
.post__body{padding-block:clamp(24px,4vw,44px) 0}
.toc{padding:20px 24px;border-radius:var(--r);background:var(--tint);border:1px solid var(--line);margin-bottom:32px}
.toc p{font:700 .8rem/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.toc ol{display:grid;gap:7px;counter-reset:t}
.toc li{counter-increment:t;display:flex;gap:10px}
.toc li::before{content:counter(t,decimal-leading-zero);font-weight:700;font-size:.82rem;color:var(--accent);padding-top:.15em}
.toc a{color:var(--ink);text-decoration:none;font-weight:550}
.toc a:hover{text-decoration:underline}
.prose{font-size:1.075rem;line-height:1.75;color:var(--text)}
.prose>*+*{margin-top:1.15em}
.prose h2{font:750 clamp(1.4rem,2.4vw,1.8rem)/1.2 var(--font-display);color:var(--ink);letter-spacing:var(--track);margin-top:2em}
.prose h2:first-child{margin-top:0}
.prose h3{font:700 1.2rem/1.3 var(--font-display);color:var(--ink);margin-top:1.6em}
.prose strong{color:var(--ink);font-weight:650}
.prose ul,.prose ol{padding-left:1.3em;display:grid;gap:.5em}
.prose ul{list-style:none}
.prose ul li{position:relative}
.prose ul li::before{content:"";position:absolute;left:-1.15em;top:.68em;width:7px;height:7px;border-radius:50%;background:var(--accent)}
.prose ol{list-style:decimal}
.prose ol li::marker{font-weight:700;color:var(--accent)}
.prose blockquote{padding:16px 22px;border-left:5px solid var(--lime);background:var(--tint);border-radius:0 14px 14px 0;color:var(--ink);font-weight:550}
.prose code{background:var(--tint);padding:.12em .4em;border-radius:6px;font-size:.92em}
.prose hr{border:0;border-top:1px solid var(--line);margin-block:2em}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px}
.prose table{border-collapse:collapse;width:100%;font-size:.96rem}
.prose th,.prose td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line)}
.prose th{background:var(--tint);color:var(--ink);font-weight:700;white-space:nowrap}
.prose tr:last-child td{border-bottom:0}
.share{display:flex;align-items:center;gap:8px;margin-top:36px;padding-top:24px;border-top:1px solid var(--line);font-weight:600;font-size:.9rem;color:var(--muted)}
.share :is(a,button){display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--line-strong);color:var(--ink)}
.share :is(a,button):hover{background:var(--accent-soft)}
.author{flex-direction:row;gap:18px;align-items:flex-start;margin-top:28px;background:var(--tint)}
.author img{border-radius:50%;flex:none}
.author p{font-size:.95rem;margin-top:4px}

/* ---------- links page ---------- */
.links-page{min-height:calc(100vh - var(--header-h));padding:clamp(32px,6vw,72px) var(--gut);background:var(--grad)}
.links{max-width:460px;margin-inline:auto;display:grid;gap:12px;text-align:center;justify-items:stretch}
.links__photo{margin-inline:auto;border-radius:50%;box-shadow:0 12px 30px -10px rgba(11,31,20,.4)}
.links .h2{margin:6px 0 0}
.links p{font-weight:550;margin-bottom:4px}
.links__btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:10px 20px;border-radius:18px;background:#fff;color:#0b1f14;font-weight:650;text-decoration:none;border:1px solid rgba(11,31,20,.12);transition:transform .15s,box-shadow .15s}
.links__btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px -14px rgba(11,31,20,.45)}
.links__btn--wa{background:#0b1f14;color:#fff}
.socials{display:flex;gap:8px;flex-wrap:wrap}
.socials--center{justify-content:center;margin-bottom:8px}
.socials a{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--line-strong);color:var(--ink)}
.socials a:hover{background:var(--accent-soft)}

/* ---------- footer ---------- */
.footer{padding-top:clamp(44px,6vw,72px);border-top:4px solid transparent;border-image:var(--grad) 1;font-size:.95rem}
.footer__top{display:grid;grid-template-columns:1.5fr 1.2fr .8fr 1.2fr;gap:clamp(24px,4vw,48px)}
.brand--light{color:var(--ink)}
.footer__brand{display:grid;gap:16px;align-content:start}
.footer__brand p{max-width:36ch}
.footer__col{display:grid;gap:9px;align-content:start}
.footer__col h2{font:700 .8rem/1 var(--font-body);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.footer__col :is(a,span){display:inline-flex;gap:9px;align-items:center;color:var(--text);text-decoration:none;overflow-wrap:anywhere}
.footer__col a:hover{color:var(--accent)}
.footer__bottom{display:flex;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin-top:clamp(32px,5vw,56px);padding-block:22px;border-top:1px solid var(--line);font-size:.875rem;color:var(--muted)}
.footer__legal{display:flex;gap:18px;flex-wrap:wrap}
.footer__legal a{color:var(--muted);text-decoration:none}
.footer__legal a:hover{color:var(--accent)}
.footer .sub__row{background:rgba(255,255,255,.06)}
.footer .qr-row figure{color:var(--muted)}

/* ---------- floating ---------- */
.wa-float{position:fixed;right:18px;bottom:18px;z-index:40;display:inline-flex;align-items:center;gap:9px;min-height:54px;padding:0 20px;border-radius:999px;background:#25d366;color:#06240f;font-weight:700;font-size:.95rem;text-decoration:none;box-shadow:0 14px 30px -10px rgba(18,140,70,.65);transition:transform .15s}
.wa-float:hover{transform:translateY(-3px)}
.wa-float .i{width:24px;height:24px}
.to-top{position:fixed;right:22px;bottom:84px;z-index:39;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--surface);border:1px solid var(--line-strong);color:var(--ink);box-shadow:var(--shadow)}
.to-top .i{transform:rotate(180deg)}
.cookie{position:fixed;left:18px;bottom:18px;z-index:45;max-width:400px;display:grid;gap:12px;padding:18px 20px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line-strong);box-shadow:var(--shadow);font-size:.9rem}
.cookie__actions{display:flex;gap:8px;justify-content:flex-end}

/* ---------- motion ---------- */
.js [data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}
.js [data-reveal].is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js [data-reveal]{opacity:1;transform:none}
}

/* ---------- responsive ---------- */
@media (max-width:1080px){
  .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer__top{grid-template-columns:1fr 1fr}
  .header__cta{display:none}
}
@media (max-width:980px){
  .nav-toggle{display:inline-flex}
  .nav{position:absolute;top:100%;left:0;right:0;height:calc(100vh - var(--header-h));height:calc(100dvh - var(--header-h));margin:0;flex-direction:column;align-items:stretch;gap:2px;padding:14px var(--gut) 110px;background:var(--bg);overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s}
  .nav-open .nav{opacity:1;visibility:visible;transform:none}
  .nav-open{overflow:hidden}
  .nav-open .nav-toggle .when-open{display:inline}.nav-open .nav-toggle .when-closed{display:none}
  .nav__link{min-height:52px;font-size:1.06rem;justify-content:space-between;width:100%;border-radius:14px}
  .nav .menu{position:static;display:none;min-width:0;box-shadow:none;border:0;background:var(--tint);opacity:1;visibility:visible;transform:none;margin:2px 0 8px;grid-template-columns:1fr}
  .nav .has-menu.is-open>.menu{display:grid}
  .nav__cta{display:inline-flex;margin-top:14px;min-height:54px}
  .header__tools{margin-left:auto}
  .g3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .split,.split--wide,.split--form,.hero__grid,.about-hero{grid-template-columns:1fr}
  .hero__visual{max-width:380px;order:-1;margin-bottom:8px}
  .about-hero .hero__ring{order:-1;max-width:220px;margin:0}
  .float-chip--1{left:-4%}.float-chip--2{right:-4%}.float-chip--3{left:-4%}
  .sticky{position:static}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps li::after{display:none}
  .cta-band,.brand-band,.news-band{grid-template-columns:1fr}
  .cta-band__actions,.brand-band__actions{justify-content:flex-start}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stat:nth-child(odd){border-left:0}
  .stat:nth-child(n+3){border-top:1px solid var(--line)}
  .stats--3{grid-template-columns:1fr}
  .stats--3 .stat{border-left:0;border-top:1px solid var(--line)}
  .stats--3 .stat:first-child{border-top:0}
}
@media (max-width:640px){
  :root{--header-h:64px}
  .g2,.g3,.g4,.steps,.form__row,.logo-cloud{grid-template-columns:1fr}
  .footer__top{grid-template-columns:1fr}
  .brand span{font-size:1.08rem}
  .hero__actions .btn,.cta-band__actions .btn{width:100%}
  .hero{padding-top:20px}
  .hero__visual{max-width:290px}
  .float-chip{font-size:.74rem;padding:6px 11px}
  .float-chip--2{top:50%}
  .hero__li{right:-2%;bottom:-6%;padding:9px 14px}
  .wa-float{padding:0;width:56px;justify-content:center}
  .wa-float span{display:none}
  .sub__row{flex-direction:column;border-radius:18px;padding:8px}
  .sub__row input{min-height:46px}
  .cookie{left:10px;right:10px;bottom:84px;max-width:none}
  .author{flex-direction:column}
  .lang{position:static}
  .lang .menu{left:var(--gut);right:var(--gut);top:calc(100% + 6px);min-width:0}
  .steps li{padding:0 0 0 66px;min-height:50px}
}

@media print{
  .header,.footer,.wa-float,.to-top,.cookie,.no-print,.crumbs{display:none!important}
  body{background:#fff;color:#000}
  .page-hero,.section{padding-block:12px;background:none}
  .card{break-inside:avoid;border-color:#ccc}
  .js [data-reveal]{opacity:1;transform:none}
}