/* Layout: trust-first service site. Sticky top bar, hash-routed views, hero copy beside a working renewal clock. 7 languages, RTL for ar/fa. */
:root{
  --bg:#FFFFFF; --surface:#FFFFFF; --sunk:#FBEEEE;
  --ink:#1E0E10; --ink-2:#4A3436; --muted:#6B5557; --line:#EFDADB;
  --accent:#E30A17; --accent-ink:#FFFFFF; --accent-soft:#FDE6E7;
  --navy:#A50D17; --navy-ink:#FFFFFF; --navy-2:#FFD5D8;
  --ok:#0B6E43; --ok-soft:#E3F4EC; --warn:#8A5200; --warn-soft:#FFF3DC; --bad:#B4121C; --bad-soft:#FDE8E9;
  --display:'Manrope','Vazirmatn','Segoe UI',system-ui,sans-serif;
  --body:'Manrope','Vazirmatn','Segoe UI',system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,Consolas,monospace;
  --r:14px; --r-sm:10px;
  --shadow:0 1px 2px rgba(120,10,20,.06),0 8px 24px rgba(120,10,20,.07);
}
/* Single light theme by brand choice: always white, whatever the device setting. */
:root{color-scheme:light}

*{box-sizing:border-box}
html{overflow-x:hidden}
body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
[dir="rtl"] body{line-height:1.75}
h1,h2,h3,h4{font-family:var(--display);line-height:1.18;margin:0;text-wrap:balance;letter-spacing:-.02em}
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,[dir="rtl"] h4{letter-spacing:0;line-height:1.35}
p{margin:0}
a{color:inherit}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}
.wrap{max-width:1200px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.num{font-family:var(--mono);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
[dir="rtl"] .flip{transform:scaleX(-1)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Notice band */
.notice{background:var(--sunk);color:var(--ink-2);font-size:13px}
.notice .wrap{padding-block:8px;display:flex;gap:8px;align-items:center}
.notice svg{flex:none}
.notice strong{color:var(--ink)}

/* Header */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--surface)}
header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:9;background:var(--surface);border-top:4px solid var(--accent);border-bottom:1px solid var(--line)}
.top .wrap{height:68px;display:flex;align-items:center;gap:16px;position:relative}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none;direction:ltr}
.logo{width:40px;height:40px;flex:none;display:block}
.brand b{display:block;font-size:19px;font-weight:800;letter-spacing:-.03em;line-height:1.05;font-family:'Manrope',sans-serif;color:var(--ink)}
.brand b em{font-style:normal;color:var(--accent)}
.brand small{display:block;font-size:10px;color:var(--muted);font-weight:700;letter-spacing:.14em;font-family:'Manrope',sans-serif;margin-top:2px}
nav.main{display:flex;gap:2px;margin-inline-start:auto}
nav.main a{text-decoration:none;font-weight:600;font-size:14.5px;color:var(--ink-2);padding:8px 11px;border-radius:8px;white-space:nowrap}
nav.main a:hover{background:var(--sunk);color:var(--ink)}
nav.main a[aria-current="page"]{color:var(--accent);background:var(--accent-soft)}
.lang{flex:none;position:relative}
.lang select{appearance:none;-webkit-appearance:none;min-height:40px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font:700 13.5px var(--body);padding-block:0;padding-inline:34px 14px;cursor:pointer}
.lang svg{position:absolute;inset-inline-start:11px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none;color:var(--muted)}
.top-cta{flex:none}
.menu-btn{display:none;background:none;border:1px solid var(--line);border-radius:10px;width:44px;height:44px;color:var(--ink);cursor:pointer;flex:none}
@media (max-width:1180px){
  nav.main{display:none;position:absolute;left:0;right:0;top:68px;background:var(--surface);border-bottom:1px solid var(--line);flex-direction:column;padding:8px max(16px,env(safe-area-inset-left,0px)) 16px;box-shadow:var(--shadow)}
  nav.main.open{display:flex}
  nav.main a{padding:12px}
  .menu-btn{display:grid;place-items:center}
  .lang{margin-inline-start:auto}
}
@media (max-width:760px){.btn.top-cta{display:none}}
@media (max-width:420px){.brand small{display:none}}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:999px;font:700 15px/1.2 var(--body);text-decoration:none;cursor:pointer;border:1.5px solid transparent;white-space:nowrap;transition:transform .15s,background .15s,filter .15s}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--accent);color:var(--accent-ink)}
.btn-primary:hover{filter:brightness(1.08)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn-ghost:hover{background:var(--sunk)}
.btn-light{background:#fff;color:#A50D17}
.btn svg{width:18px;height:18px;flex:none}

/* Views */
.view{display:none}
.view.active{display:block}
section{padding-block:72px}
section.tight{padding-block:44px 64px}
.lead{font-size:18px;color:var(--ink-2);max-width:60ch}
.h-sec{font-size:clamp(26px,3.4vw,40px);font-weight:800}
.h-sub{font-size:clamp(22px,2.6vw,28px);font-weight:800}
.stack{display:flex;flex-direction:column;gap:16px}
.crumb{font-size:13px;color:var(--muted);font-weight:600}
.crumb a{text-decoration:none}
.crumb a:hover{color:var(--accent)}

/* Home hero */
.hero{padding-block:56px 72px;background:var(--surface);border-bottom:1px solid var(--line)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center}
.hero h1{font-size:clamp(34px,5vw,56px);font-weight:800;letter-spacing:-.035em}
[dir="rtl"] .hero h1{letter-spacing:0}
.hero h1 em{font-style:normal;color:var(--accent)}
.hero .cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr;gap:36px}.hero{padding-block:40px 56px}}

/* Red top sections: hero and every page head, white type */
.hero,.phead{background:var(--accent);color:#fff;border-bottom:0;position:relative;overflow:hidden}
.hero::before,.phead::before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;border:70px solid rgba(255,255,255,.07);inset-inline-start:-220px;bottom:-330px;pointer-events:none}
.hero .wrap,.phead .wrap{position:relative}
.hero .lead,.phead .lead{color:#fff}
.hero h1 em{color:#fff;text-decoration:underline;text-decoration-thickness:.07em;text-underline-offset:.14em}
.hero .btn-primary{background:#fff;color:var(--accent)}
.hero .btn-ghost{color:#fff;border-color:rgba(255,255,255,.6)}
.hero .btn-ghost:hover{background:rgba(255,255,255,.12)}
.phead .crumb,.phead .crumb a{color:#fff}
.phead .crumb a:hover{color:#fff;text-decoration:underline}
.phead .law-tag{background:rgba(255,255,255,.16);color:#fff}
header.top{border-top:0}
.hero .tool{box-shadow:0 24px 60px rgba(70,0,6,.35);border:1px solid rgba(255,255,255,.14)}

/* Renewal clock */
.tool{background:var(--navy);color:var(--navy-ink);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:18px;box-shadow:var(--shadow)}
:root[data-theme="dark"] .tool{border:1px solid var(--line)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .tool{border:1px solid var(--line)}}
.tool h3{font-size:19px;font-weight:800}
.tool p.sub{color:var(--navy-2);font-size:14px;margin-top:4px}
.tool label{font-size:13px;font-weight:700;color:var(--navy-2)}
.tool input[type=date]{width:100%;min-height:48px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:var(--navy-ink);font:600 16px var(--body);padding:0 14px;color-scheme:dark}
.clock{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center}
.days{font-family:var(--mono);font-size:56px;font-weight:600;line-height:1;letter-spacing:-.04em;direction:ltr;text-align:center;min-width:2.2ch}
.days small{display:block;font-family:var(--body);font-size:13px;font-weight:700;letter-spacing:0;color:var(--navy-2);margin-top:8px;direction:inherit}
.tl{position:relative;height:10px;border-radius:999px;background:rgba(255,255,255,.16);overflow:hidden;direction:ltr}
.tl b{position:absolute;top:0;bottom:0;background:#F0414C;border-radius:999px}
.tl i{position:absolute;top:-3px;width:3px;height:16px;background:#fff;left:0}
.tl-legend{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--navy-2);font-weight:600}
[dir="rtl"] .tl-legend{flex-direction:row-reverse}
.verdict{border-radius:12px;padding:14px 16px;font-size:14.5px;font-weight:600;background:rgba(255,255,255,.08)}
.verdict strong{display:block;font-size:15.5px;margin-bottom:2px}
.verdict{background:rgba(0,0,0,.18)}
.verdict.ok strong{color:#9BF0C6}.verdict.warn strong{color:#FFE08A}.verdict.bad strong{color:#FFFFFF;text-decoration:underline;text-underline-offset:3px}
.tool{position:relative;overflow:hidden}
.tool::after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;border:34px solid rgba(255,255,255,.06);inset-inline-end:-110px;top:-110px;pointer-events:none}
.tl b{background:#FFFFFF}
.tl i{background:#FFD5D8}

/* Service grid */
.svc-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-top:32px}
.svc{grid-column:span 2;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px;text-decoration:none;display:flex;flex-direction:column;gap:10px;transition:border-color .15s,transform .15s}
.svc:hover{border-color:var(--accent);transform:translateY(-2px)}
.svc:nth-child(1),.svc:nth-child(2){grid-column:span 3}
.svc:nth-child(1){background:var(--accent);border-color:var(--accent);color:#fff}
.svc:nth-child(1) p,.svc:nth-child(1) .law{color:rgba(255,255,255,.9)}
.svc:nth-child(2){background:var(--navy);border-color:var(--navy);color:var(--navy-ink)}
:root[data-theme="dark"] .svc:nth-child(2){border-color:var(--line)}
.svc:nth-child(2) p,.svc:nth-child(2) .law{color:var(--navy-2)}
.svc h3{font-size:20px;font-weight:800}
.svc p{color:var(--ink-2);font-size:15px}
.svc .law{font-size:12.5px;color:var(--muted);margin-top:auto;font-weight:600}
.ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);flex:none}
.svc:nth-child(1) .ico,.svc:nth-child(2) .ico{background:rgba(255,255,255,.15);color:#fff}
.ico svg{width:22px;height:22px}
@media (max-width:900px){.svc,.svc:nth-child(1),.svc:nth-child(2){grid-column:span 3}}
@media (max-width:600px){.svc-grid{grid-template-columns:1fr}.svc,.svc:nth-child(1),.svc:nth-child(2){grid-column:auto}}

/* Process: a real sequence */
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:32px;border-top:2px solid var(--ink)}
.step{padding-top:22px;padding-inline-end:22px;display:flex;flex-direction:column;gap:8px}
.step .n{font-family:var(--mono);font-size:13px;color:var(--accent);font-weight:600}
.step h4{font-size:18px;font-weight:800}
.step p{color:var(--ink-2);font-size:15px}
@media (max-width:800px){.steps{grid-template-columns:1fr 1fr;row-gap:24px}}
@media (max-width:480px){.steps{grid-template-columns:1fr}}

/* Trust split */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
@media (max-width:860px){.split{grid-template-columns:1fr;gap:28px}}
.promise{margin:0;padding:0;display:grid;gap:14px;list-style:none}
.promise li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:start;font-size:15.5px}
.promise svg{width:22px;height:22px;color:var(--ok);margin-top:2px}
.free-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px;display:grid;gap:12px}
.free-box a.ext{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;background:var(--sunk);border-radius:var(--r-sm);text-decoration:none;font-weight:700}
.free-box a.ext span{font-family:var(--mono);font-size:13px;color:var(--muted);font-weight:500;direction:ltr}
.free-box a.ext:hover{color:var(--accent)}

/* Page heads */
.phead{background:var(--surface);border-bottom:1px solid var(--line);padding-block:44px 40px}
.phead h1{font-size:clamp(30px,4.2vw,48px);font-weight:800;margin-top:10px}
.phead .lead{margin-top:12px}
.law-tag{display:inline-block;font-size:12.5px;font-weight:600;color:var(--ink-2);background:var(--sunk);border-radius:6px;padding:3px 8px;margin-top:14px}

/* Types */
.types{display:grid;gap:12px}
details.type{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
details.type summary{cursor:pointer;list-style:none;padding:20px 22px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;min-height:44px}
details.type summary::-webkit-details-marker{display:none}
details.type summary h3{font-size:19px;font-weight:800}
details.type summary p{color:var(--muted);font-size:14.5px;margin-top:2px}
details.type summary .chev{width:36px;height:36px;border-radius:50%;background:var(--sunk);display:grid;place-items:center;transition:transform .2s}
details.type[open] summary .chev{transform:rotate(180deg)}
details.type[open]{border-color:var(--ink-2)}
.type-body{padding:0 22px 22px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.type-body h4{font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
[dir="rtl"] .type-body h4{letter-spacing:0}
.type-body ul,.other ul,.aside ul{margin:0;padding-inline-start:18px;padding-inline-end:0;color:var(--ink-2);font-size:15px;display:grid;gap:4px}
@media (max-width:700px){.type-body{grid-template-columns:1fr}}

/* Docs checklist */
.docs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.doc{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;align-items:start;min-height:44px}
.doc input{width:20px;height:20px;accent-color:var(--accent);margin:2px 0 0}
.doc b{display:block;font-size:15px}
.doc span{font-size:13.5px;color:var(--muted)}
.doc:has(input:checked){background:var(--ok-soft);border-color:transparent}
.doc-meter{font-size:14px;color:var(--ink-2);font-weight:700}
@media (max-width:700px){.docs{grid-template-columns:1fr}}

/* FAQ */
.faq{display:grid;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;padding:18px 0;font-weight:700;font-size:16.5px;list-style:none;display:flex;justify-content:space-between;gap:16px;min-height:44px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--mono);color:var(--accent);font-size:20px;line-height:1;flex:none}
.faq details[open] summary::after{content:"-"}
.faq p{padding:0 0 18px;color:var(--ink-2);max-width:70ch}

/* Callouts */
.callout{border-radius:var(--r);padding:18px 20px;display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;font-size:15px}
.callout svg{width:22px;height:22px;margin-top:1px}
.callout.info{background:var(--sunk);color:var(--ink-2)}
.callout.warn{background:var(--warn-soft);color:var(--ink)}
.callout.warn svg{color:var(--warn)}
.callout strong{color:var(--ink)}

/* Forms & tools */
.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:28px;display:grid;gap:20px;min-width:0}
@media (max-width:520px){.panel{padding:20px}}
.panel h3{font-size:22px;font-weight:800}
.panel .sub{color:var(--muted);font-size:14.5px;margin-top:4px}
.field{display:grid;gap:6px;min-width:0}
.field label,.field legend{font-size:14px;font-weight:700;color:var(--ink);padding:0}
.help{font-size:13px;color:var(--muted)}
.err{color:var(--bad);font-weight:700;font-size:13px}
.field input[type=text],.field input[type=tel],.field input[type=date],.field input[type=number],.field select,.field textarea{width:100%;min-height:48px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);font:500 16px var(--body);padding:10px 14px}
.field input[type=tel],.field input[type=date],.field input[type=number]{direction:ltr}
[dir="rtl"] .field input[type=tel],[dir="rtl"] .field input[type=number]{text-align:right}
.field textarea{min-height:110px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ink-2);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}
.field [aria-invalid="true"]{border-color:var(--bad)}
.row2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
@media (max-width:640px){.row2{grid-template-columns:1fr}}
.seg{display:flex;gap:8px;flex-wrap:wrap}
.seg label{position:relative}
.seg input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.seg span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line);font-weight:700;font-size:14.5px;cursor:pointer;background:var(--bg)}
.seg input:checked+span{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.seg input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}
fieldset{border:0;margin:0;padding:0;display:grid;gap:8px;min-width:0}
.result{border-radius:14px;padding:18px 20px;display:grid;gap:6px}
.result.ok{background:var(--ok-soft)}.result.ok strong{color:var(--ok)}
.result.warn{background:var(--warn-soft)}.result.warn strong{color:var(--warn)}
.result.bad{background:var(--bad-soft)}.result.bad strong{color:var(--bad)}
.result.neutral{background:var(--sunk)}
.result strong{font-size:17px}
.result p{font-size:14.5px;color:var(--ink-2)}
.big-figs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.fig{background:var(--sunk);border-radius:12px;padding:14px;min-width:0}
.fig b{display:block;font-family:var(--mono);font-size:24px;font-weight:600;direction:ltr;text-align:start}
[dir="rtl"] .fig b{text-align:right}
.fig span{font-size:12.5px;color:var(--muted);font-weight:700}
@media (max-width:520px){.big-figs{grid-template-columns:1fr}}

/* Tool tabs */
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.tabs button{min-height:44px;padding:0 18px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font:700 14.5px var(--body);cursor:pointer}
.tabs button[aria-selected="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.two-col{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px;align-items:start}
@media (max-width:900px){.two-col{grid-template-columns:1fr}}
.aside{display:grid;gap:16px}
.aside .box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;display:grid;gap:10px;font-size:14.5px;color:var(--ink-2)}
.aside .box h4{font-size:16px;color:var(--ink)}

/* Wizard */
.wiz-steps{display:flex;gap:10px;align-items:center;font-size:13.5px;font-weight:700;color:var(--muted)}
.wiz-steps .dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--sunk);font-family:var(--mono);flex:none}
.wiz-steps .on .dot{background:var(--accent);color:#fff}
.wiz-steps .on{color:var(--ink)}
.wiz-steps .bar{flex:1;height:2px;background:var(--line);min-width:16px}
.wiz-steps span.lbl{display:flex;align-items:center;gap:8px}
.checks{display:grid;gap:10px}
.check{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;padding:14px 16px;border:1.5px solid var(--line);border-radius:12px;cursor:pointer;font-size:15px;background:var(--bg);min-height:44px}
.check input{width:20px;height:20px;accent-color:var(--accent);margin:1px 0 0}
.check:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}

/* Other services */
.other-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.other{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px;display:grid;gap:10px;align-content:start}
.other h3{font-size:20px;font-weight:800}
.other p{color:var(--ink-2);font-size:15px}
@media (max-width:700px){.other-grid{grid-template-columns:1fr}}

/* Contact */
.contact-cards{display:grid;gap:12px;align-content:start}
.ccard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center}
.ccard b{display:block;font-size:13px;color:var(--muted);font-weight:700}
.ccard .v{font-size:18px;font-weight:800;overflow-wrap:anywhere}
.copy{background:none;border:1px solid var(--line);border-radius:8px;min-height:32px;padding:4px 12px;font:700 12.5px var(--body);color:var(--ink-2);cursor:pointer;margin-top:6px}
.copy:hover{background:var(--sunk)}

/* CTA band */
.band{background:var(--navy);color:var(--navy-ink)}
:root[data-theme="dark"] .band{border-block:1px solid var(--line)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .band{border-block:1px solid var(--line)}}
.band .wrap{padding-block:56px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center}
.band h2{font-size:clamp(24px,3vw,34px);font-weight:800}
.band p{color:var(--navy-2);margin-top:8px}
.band .acts{display:flex;gap:12px;flex-wrap:wrap}
.band .btn-ghost{color:var(--navy-ink);border-color:rgba(255,255,255,.32)}
.band .btn-ghost:hover{background:rgba(255,255,255,.08)}
@media (max-width:760px){.band .wrap{grid-template-columns:1fr}}

/* Footer */
footer{padding-block:40px 88px;font-size:14px;color:var(--muted)}
footer .wrap{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:32px}
footer h4{font-size:14px;color:var(--ink);margin-bottom:10px}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
footer a{text-decoration:none}
footer a:hover{color:var(--accent)}
footer .legal{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;font-size:13px;line-height:1.6}
@media (max-width:760px){footer .wrap{grid-template-columns:1fr}}

/* WhatsApp float */
.wa{position:fixed;inset-inline-end:calc(20px + env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:8;width:56px;height:56px;border-radius:50%;background:#1A8F48;color:#fff;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.22)}
.wa svg{width:28px;height:28px}

@media (prefers-reduced-motion:no-preference){
  .view.active .rise{animation:rise .5s cubic-bezier(.16,1,.3,1) both}
  .view.active .rise + .rise{animation-delay:.08s}
  @keyframes rise{from{transform:translateY(10px)}to{transform:none}}
  .tl b,.tl i{transition:left .4s cubic-bezier(.16,1,.3,1),width .4s cubic-bezier(.16,1,.3,1)}
}

/* Additions for the multi-page site (appended after style.css at build time). */

/* Icon sizes that the prototype set with attributes */
.notice svg{width:16px;height:16px}
.menu-btn svg{width:22px;height:22px}
.chev svg{width:18px;height:18px}

/* Semantic heading levels styled like the prototype's visual sizes */
.tool-h{font-size:19px;font-weight:800}
.panel .h3{font-size:22px;font-weight:800}
.other .h3{font-size:20px;font-weight:800}
.aside .box .h4{font-size:16px;color:var(--ink)}
.ccard a.v{text-decoration:none;color:var(--ink)}
.ccard a.v:hover{color:var(--accent)}

/* Language menu: real links so search engines find every language version */
details.lang{position:relative;flex:none}
details.lang summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font:700 13.5px var(--body);cursor:pointer;white-space:nowrap}
details.lang summary::-webkit-details-marker{display:none}
details.lang summary svg{width:16px;height:16px;color:var(--muted);position:static;transform:none}
details.lang[open] summary{border-color:var(--ink-2)}
details.lang ul{position:absolute;inset-inline-end:0;top:calc(100% + 8px);z-index:20;list-style:none;margin:0;padding:6px;min-width:170px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);display:grid;gap:2px}
details.lang a{display:block;padding:10px 12px;border-radius:8px;text-decoration:none;font-weight:600;font-size:14.5px;color:var(--ink-2)}
details.lang a:hover{background:var(--sunk);color:var(--ink)}
details.lang a[aria-current="true"]{color:var(--accent);background:var(--accent-soft)}
@media (max-width:1180px){details.lang{margin-inline-start:auto}}
.ln-short{display:none}
@media (max-width:480px){.ln-full{display:none}.ln-short{display:inline}}

.foot-langs{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 16px;font-weight:600}

/* Root language gate and 404 */
.lang-gate{min-height:100vh;display:grid;place-items:center;padding-block:48px;background:var(--accent);color:#fff}
.lang-gate .brand b,.lang-gate .brand b em,.lang-gate .brand small{color:#fff}
.lang-gate h1{font-size:clamp(28px,4vw,44px);font-weight:800;max-width:22ch}
.lang-gate h1 em{font-style:normal;text-decoration:underline}
.gate-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.gate-list a{display:inline-flex;min-height:46px;align-items:center;padding:0 20px;border-radius:999px;background:#fff;color:var(--accent);font-weight:700;text-decoration:none}

/* Sixth home card (caregiver permits) runs the full row */
.svc:nth-child(6){grid-column:span 6}
@media (max-width:600px){.svc:nth-child(6){grid-column:auto}}

/* Caregiver page */
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.chips li{padding:10px 16px;border-radius:999px;background:var(--accent-soft);color:var(--ink);font-weight:700;font-size:15px}
a.cross{display:grid;grid-template-columns:44px minmax(0,1fr) 20px;gap:14px;align-items:center;padding:18px 20px;border:1.5px solid var(--accent);border-radius:var(--r);text-decoration:none;background:var(--surface)}
a.cross b{display:block;font-size:16px}
a.cross span span{color:var(--accent);font-weight:700;font-size:15px}
a.cross:hover{background:var(--accent-soft)}
a.cross > svg{color:var(--accent)}

/* Page heads are red like the home hero. The older white .phead rule in style.css comes later in
   that file than the red one, so it has to be restated here, after everything. */
.phead{background:var(--accent);color:#fff;border-bottom:0}
.phead h1{color:#fff}

/* Home "good to know" slider: one card at a time, cross-fades, pauses on hover/focus */
.news{padding-block:40px 8px}
.news-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.news-ctrl{display:flex;gap:8px}
.nbtn{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);display:grid;place-items:center;cursor:pointer}
.nbtn:hover{border-color:var(--accent);color:var(--accent)}
.nbtn svg{width:18px;height:18px}
#nPrev svg{transform:rotate(90deg)}
#nNext svg{transform:rotate(-90deg)}
[dir="rtl"] #nPrev svg{transform:rotate(-90deg)}
[dir="rtl"] #nNext svg{transform:rotate(90deg)}
.pz{width:12px;height:14px;border-inline:4px solid currentColor;box-sizing:border-box}
.nbtn.paused .pz{width:0;height:0;border-inline:0;border-block:7px solid transparent;border-inline-start:12px solid currentColor;margin-inline-start:3px}
.slides{display:grid}
.slide{grid-area:1/1;display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center;padding:28px;border-radius:18px;background:var(--navy);color:#fff;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s}
.slide.on{opacity:1;visibility:visible}
.slide:nth-child(2n){background:var(--accent)}
.slide-ico{width:72px;height:72px;border-radius:18px;background:rgba(255,255,255,.14);display:grid;place-items:center}
.slide-ico svg{width:36px;height:36px;color:#fff}
.slide-tag{display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:rgba(255,255,255,.16);padding:3px 10px;border-radius:999px}
[dir="rtl"] .slide-tag{letter-spacing:0}
.slide h3{font-size:clamp(20px,2.4vw,26px);font-weight:800;margin:10px 0 6px}
.slide p{color:rgba(255,255,255,.92);max-width:62ch}
.slide a{display:inline-flex;align-items:center;gap:6px;margin-top:12px;color:#fff;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.slide a svg{width:16px;height:16px}
.dots{display:flex;justify-content:center;gap:8px;margin-top:14px}
.dot{width:10px;height:10px;border-radius:50%;border:0;background:var(--line);cursor:pointer;padding:0}
.dot[aria-current="true"]{background:var(--accent);width:26px;border-radius:999px}
@media (max-width:600px){.slide{grid-template-columns:1fr;padding:22px}.slide-ico{width:56px;height:56px}}
@media (prefers-reduced-motion:reduce){.slide{transition:none}}

/* Partner hospital page */
.ins-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ins{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;padding:24px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.ins .btn{grid-column:1/-1;justify-self:start;margin-top:6px}
.ins p{color:var(--ink-2);font-size:15px}
@media (max-width:700px){.ins-grid{grid-template-columns:1fr}}
.ins .btn{white-space:normal;text-align:start;line-height:1.3;padding-block:10px;max-width:100%}

/* Our own insurance offer sits above the insurer links */
.ins-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:26px;border-radius:18px;background:var(--accent);color:#fff}
.ins-top p{color:#fff;margin-top:6px;max-width:62ch}
.ins-top .h3{font-size:22px;font-weight:800}
.ins-acts{display:flex;gap:10px;flex-wrap:wrap}
.ins-top .btn-ghost{color:#fff;border-color:rgba(255,255,255,.6)}
.ins-top .btn-ghost:hover{background:rgba(255,255,255,.12)}
.ins-label{font-weight:800;color:var(--muted);font-size:14px;margin-bottom:-18px}
.ins .btn-ghost{color:var(--ink)}
@media (max-width:760px){.ins-top{grid-template-columns:1fr}}
.btn.soon{cursor:default;color:var(--muted);border-style:dashed}
.tabs{row-gap:8px}

/* Guide page */
.guide{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;padding:24px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.guide p{color:var(--ink-2)}
.prov-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.prov-row .field{min-width:220px;flex:0 1 300px}
.guide-link{color:var(--accent);font-weight:700;font-size:14.5px}
@media (max-width:520px){.guide{grid-template-columns:1fr}.prov-row .field{flex:1 1 100%;min-width:0}}

/* Blog */
.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.post-card{display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);text-decoration:none;transition:border-color .15s,transform .15s}
.post-card:hover{border-color:var(--accent);transform:translateY(-2px)}
.post-ico{width:48px;height:48px;border-radius:12px;background:var(--accent);display:grid;place-items:center;margin-bottom:6px}
.post-ico svg{width:24px;height:24px;color:#fff}
.post-card time{font-size:13px;font-weight:700;color:var(--muted)}
.post-card h3{font-size:18px;font-weight:800}
.post-card p{color:var(--ink-2);font-size:15px}
.post-more{margin-top:auto;padding-top:8px;color:var(--accent);font-weight:800;font-size:14.5px;display:inline-flex;gap:6px;align-items:center}
.post-more svg{width:16px;height:16px}
@media (max-width:900px){.post-grid{grid-template-columns:1fr}}
.prose{max-width:72ch;display:grid;gap:16px}
.prose h2{font-size:clamp(20px,2.4vw,24px);font-weight:800;margin-top:12px}
.prose p{font-size:17px;color:var(--ink-2);line-height:1.75}
.prose-acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.guide > .stack{min-width:0}
.guide .h3{overflow-wrap:anywhere}
.guide .btn{white-space:normal;max-width:100%;text-align:start;line-height:1.3;padding-block:10px}

/* Conversion redesign: top bar, hero call-back form, help tiles, news centre, office card, mobile action bar.
   One accent (Turkish red) on white; deep ink only for the employer band. Radii: cards 18px, buttons pill. */

[hidden]{display:none!important}

/* Top bar */
.topbar{background:#8E0A13;color:#fff;font-size:13px}
.topbar .wrap{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.topbar svg{width:15px;height:15px;flex:none}
.tb-info{display:inline-flex;align-items:center;gap:7px;opacity:.92}
.tb-sep{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.6;margin-inline:4px}
.tb-acts{display:inline-flex;gap:18px;margin-inline-start:auto}
.tb-acts a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-weight:700}
.tb-acts a:hover{text-decoration:underline}
@media (max-width:640px){.tb-info{display:none}.tb-acts{width:100%;justify-content:space-between}}

/* Shared bits */
.kicker{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
[dir="rtl"] .kicker{letter-spacing:0}
.kicker svg{width:15px;height:15px}
.kicker-w{color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);padding:6px 12px;border-radius:999px;align-self:flex-start;letter-spacing:.06em;text-transform:none;font-size:13px}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px 32px;flex-wrap:wrap;margin-bottom:28px}
.sec-head .h-sec{margin-top:8px;max-width:22ch}
.sec-sub{color:var(--ink-2);max-width:42ch;font-size:16px}
.btn-sm{min-height:40px;padding:0 16px;font-size:14px}
.btn-light{border-color:#fff}

/* Hero */
.hero2{padding-block:48px 64px}
.hero2 .hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px}
.hero2 h1{font-size:clamp(32px,4.6vw,52px)}
.hero2 .btn-ghost .num{font-family:var(--body);font-weight:700}
.hero-chips{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:10px 22px}
.hero-chips li{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600}
.hero-chips svg{width:18px;height:18px;flex:none;background:#fff;color:var(--accent);border-radius:50%;padding:3px}
@media (max-width:900px){.hero2 .hero-grid{grid-template-columns:1fr;gap:32px}}
@media (max-width:480px){.hero-chips{grid-template-columns:1fr}.hero2 .cta-row .btn{flex:1 1 100%}}

/* Call-back form */
.qform{background:#fff;color:var(--ink);border-radius:20px;padding:26px;display:grid;gap:14px;box-shadow:0 24px 60px rgba(70,0,6,.28);border:1px solid var(--line);min-width:0}
.qf-h{font-size:22px;font-weight:800}
.qform .sub{color:var(--muted);font-size:14.5px;margin-top:4px}
.qf-kvkk{font-size:13px;padding:10px 12px;color:var(--ink-2)}
.qf-send{width:100%}
.qform .result .btn{justify-self:start;margin-top:6px}
.panel .result .btn{justify-self:start;margin-top:6px}

/* Help tiles */
.help-sec{padding-block:64px}
.help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.help{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:10px;transition:border-color .15s,box-shadow .15s,transform .15s;overflow:hidden}
.help::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--accent);transform:scaleX(.18);transform-origin:left;transition:transform .25s}
[dir="rtl"] .help::before{transform-origin:right}
.help:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px)}
.help:hover::before{transform:none}
.help .ico{width:52px;height:52px;border-radius:14px}
.help .ico svg{width:24px;height:24px}
.help:nth-child(2n) .ico{background:var(--accent);color:#fff}
.help h3{font-size:19px;font-weight:800}
.help h3 a{text-decoration:none}
.help h3 a:hover{color:var(--accent)}
.help p{color:var(--ink-2);font-size:15px}
.help-acts{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:8px}
.help-more{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-weight:700;font-size:14px;text-decoration:none}
.help-more svg{width:16px;height:16px}
.extras{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.extras a{display:inline-block;padding:8px 16px;border-radius:999px;border:1.5px solid var(--line);text-decoration:none;font-weight:700;font-size:14px;color:var(--ink-2)}
.extras a:hover{border-color:var(--accent);color:var(--accent)}
@media (max-width:960px){.help-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:580px){.help-grid{grid-template-columns:1fr}.help{padding:20px}}

/* News centre */
.nc{background:var(--sunk);padding-block:64px}
.nc-tabs{display:flex;flex-wrap:wrap;gap:8px}
.nc-tabs button{font:700 14px var(--body);padding:9px 16px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--ink-2);cursor:pointer}
.nc-tabs button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
.nc-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:20px;align-items:start}
.nc-feat{background:#fff;border-radius:18px;padding:30px;display:flex;flex-direction:column;gap:12px;border-top:5px solid var(--accent);box-shadow:var(--shadow)}
.nc-feat h3{font-size:clamp(22px,2.4vw,28px);font-weight:800}
.nc-feat p{color:var(--ink-2)}
.nc-feat[hidden] + .nc-list{grid-column:1/-1}
.nc-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--muted);font-weight:600}
.nc-tag{display:inline-block;background:var(--accent);color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px}
[dir="rtl"] .nc-tag{letter-spacing:0}
.nc-tag.sm{background:var(--accent-soft);color:var(--accent);padding:2px 8px}
.nc-by{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:700;color:var(--ink-2)}
.nc-by svg{width:16px;height:16px;color:var(--accent)}
.nc-hint{font-size:14px;color:var(--muted);border-inline-start:3px solid var(--accent-soft);padding-inline-start:12px}
.nc-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.nc-list{list-style:none;margin:0;padding:6px;background:#fff;border-radius:18px;display:grid;box-shadow:var(--shadow)}
.nc-list li + li{border-top:1px solid var(--line)}
.nc-list li[hidden]{display:none}
.nc-list a{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:14px;text-decoration:none;border-radius:12px}
.nc-list a:hover{background:var(--sunk)}
.nc-list a:hover b{color:var(--accent)}
.nc-txt{display:grid;gap:3px;min-width:0}
.nc-txt b{font-size:15.5px;line-height:1.35}
.nc-p{font-size:13.5px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nc-foot{margin-top:18px}
.nc-foot a{display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.nc-foot svg{width:16px;height:16px}
@media (max-width:900px){.nc-grid{grid-template-columns:1fr}}
@media (max-width:520px){.nc-feat{padding:22px}.nc-acts .btn{flex:1 1 100%}}

/* Employer band */
.emp{background:#1E0E10;color:#fff;padding-block:40px}
.emp-in{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:22px;align-items:center}
.emp .ico{width:64px;height:64px;border-radius:18px;background:var(--accent);color:#fff}
.emp .ico svg{width:30px;height:30px}
.emp h2{font-size:clamp(20px,2.4vw,26px);font-weight:800}
.emp p{color:#E9CFD1;margin-top:6px;font-size:15.5px;max-width:62ch}
.emp .btn-light{color:#1E0E10}
@media (max-width:760px){.emp-in{grid-template-columns:1fr}.emp .btn{justify-self:start}}

/* Trust + office */
.trust-sec{border-top:1px solid var(--line)}
.free-note{font-size:14px;color:var(--muted)}
.free-note a{color:var(--accent);font-weight:700}
.office{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}
.office-map{position:relative;height:150px;background:
  linear-gradient(0deg,rgba(255,255,255,.08) 1px,transparent 1px) 0 0/28px 28px,
  linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px) 0 0/28px 28px,
  linear-gradient(135deg,#E30A17,#8E0A13);display:grid;place-items:center}
.office-map::after{content:"";position:absolute;left:-10%;right:-10%;top:58%;height:14px;background:rgba(255,255,255,.18);transform:rotate(-8deg)}
.office-map .pin{position:relative;z-index:1;width:56px;height:56px;border-radius:50%;background:#fff;color:var(--accent);display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.office-map .pin svg{width:26px;height:26px}
.office-tag{position:absolute;z-index:1;bottom:12px;inset-inline-start:14px;background:rgba(0,0,0,.28);color:#fff;font-size:12.5px;font-weight:700;padding:4px 10px;border-radius:999px}
.office-body{padding:24px;display:grid;gap:16px}
.office-body h3{font-size:22px;font-weight:800}
.office-body .sub{color:var(--muted);font-size:14.5px;margin-top:-8px}
.office dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}
.office dt{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
[dir="rtl"] .office dt{letter-spacing:0}
.office dt svg{width:15px;height:15px;color:var(--accent)}
.office dd{margin:4px 0 0;font-size:15px;font-weight:600}
.office dd a{text-decoration:none}
.office-acts{display:flex;flex-wrap:wrap;gap:10px}
@media (max-width:520px){.office dl{grid-template-columns:1fr}.office-acts .btn{flex:1 1 100%}}

/* Inner page heads: contact buttons */
.ph-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.phead .btn-ghost{color:#fff;border-color:rgba(255,255,255,.6)}
.phead .btn-ghost:hover{background:rgba(255,255,255,.12)}
.phead .btn-light{color:var(--accent)}
@media (max-width:480px){.ph-acts .btn{flex:1 1 100%}}

/* Employer + renewal pages */
.why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.why{border:1px solid var(--line);border-radius:18px;padding:22px;display:grid;gap:10px;align-content:start}
.why .h4{font-size:17px;font-weight:800}
.why p{color:var(--ink-2);font-size:14.5px}
@media (max-width:960px){.why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.why-grid{grid-template-columns:1fr}}
.warnlist svg{color:var(--warn)}
.warnlist li{background:var(--warn-soft);border-radius:14px;padding:14px 16px}
.field input[type=email]{width:100%;min-height:48px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);font:500 16px var(--body);padding:10px 14px;direction:ltr}
.field input[type=email]:focus{border-color:var(--ink-2);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}

/* Mobile action bar: phone, WhatsApp, quote always one tap away */
.mbar{display:none}
@media (max-width:760px){
  .mbar{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:0;right:0;bottom:0;z-index:20;background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(120,10,20,.1);padding-bottom:env(safe-area-inset-bottom,0px)}
  .mbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:60px;text-decoration:none;font-weight:800;font-size:12.5px;color:var(--ink)}
  .mbar svg{width:22px;height:22px;color:var(--accent)}
  .mbar a.mb-wa{background:var(--accent);color:#fff}
  .mbar a.mb-wa svg{color:#fff}
  .wa{display:none}
  body{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}
}
.nc-feat{position:sticky;top:96px}
.nc-feat{position:static}
.nc-left{display:grid;gap:16px}
.nc-links{background:#fff;border-radius:18px;padding:18px;display:grid;gap:4px;box-shadow:var(--shadow)}
.nc-links b{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:2px 8px 8px}
[dir="rtl"] .nc-links b{letter-spacing:0}
.nc-links a{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 8px;border-radius:10px;text-decoration:none;font-weight:700;font-size:15px}
.nc-links a:hover{background:var(--sunk);color:var(--accent)}
.nc-links svg{width:20px;height:20px;color:var(--accent)}
.nc-links span{font-size:12.5px;color:var(--muted);font-weight:600;direction:ltr}
@media (max-width:420px){.nc-links span{display:none}.nc-links a{grid-template-columns:22px minmax(0,1fr)}}

/* Brand film */
.film{padding-block:56px;background:linear-gradient(180deg,#fff 0,#fff 50%,var(--sunk) 50%)}
.film-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:center}
.film-txt{display:grid;gap:12px;align-content:start}
.film-frame{border-radius:20px;overflow:hidden;background:#1E0E10;box-shadow:0 24px 60px rgba(70,0,6,.22);aspect-ratio:16/9}
.film-frame video{display:block;width:100%;height:100%;object-fit:cover}
@media (max-width:900px){.film-in{grid-template-columns:1fr;gap:24px}.film{background:#fff}}
.film-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.film-tabs button{display:inline-flex;align-items:center;gap:8px;font:700 14px var(--body);padding:9px 14px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--ink-2);cursor:pointer}
.film-tabs button .num{font-size:11.5px;color:var(--muted)}
.film-tabs button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
.film-tabs button[aria-pressed="true"] .num{color:#FFD5D8}

/* Stronger section separation: numbered topic tag, larger headings with a red rule, alternating grounds */
.sec-tag{display:inline-flex;align-items:center;gap:12px;margin-bottom:14px;color:var(--accent);font-weight:800;font-size:13.5px;letter-spacing:.12em;text-transform:uppercase}
[dir="rtl"] .sec-tag{letter-spacing:0}
.sec-tag b{display:grid;place-items:center;min-width:44px;height:44px;padding:0 8px;border-radius:12px;background:var(--accent);color:#fff;font-size:16px;letter-spacing:0}
.sec-tag::after{content:"";width:48px;height:2px;background:var(--accent);opacity:.35}
.h-sec{font-size:clamp(30px,4vw,48px);letter-spacing:-.03em}
[dir="rtl"] .h-sec{letter-spacing:0}
.sec-head .h-sec::after,.film-txt .h-sec::after,.trust-sec .h-sec::after,.steps-sec .h-sec::after{content:"";display:block;width:64px;height:5px;border-radius:3px;background:var(--accent);margin-top:18px}
.sec-head{margin-bottom:36px}
.help-sec{background:#fff;border-top:1px solid var(--line)}
.steps-sec{background:var(--sunk);padding-block:72px}
.steps-sec .steps{background:#fff;border-radius:18px;padding:8px 24px 24px;border-top:0;box-shadow:var(--shadow)}
.steps-sec .step{border-top:3px solid var(--accent);margin-inline-end:16px}
.trust-sec{background:#fff;padding-block:72px}
.film{border-bottom:1px solid var(--line)}
/* Inner pages: sub-headings get a red bar so each block (documents, FAQ, steps) stands apart */
.h-sub{font-size:clamp(24px,2.8vw,32px);padding-inline-start:16px;border-inline-start:6px solid var(--accent);line-height:1.2}
@media (max-width:640px){.sec-tag b{min-width:38px;height:38px;font-size:14px}.steps-sec .steps{padding:4px 16px 16px}}
.steps .step .n{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font:800 18px var(--body);margin-top:4px}
.steps .step h4{font-size:18px}
.sec-tag .brand-word{text-transform:none}

/* Home: free calculators */
.tools-sec{background:#fff;border-top:1px solid var(--line);padding-block:64px}
.tool-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.tool-card{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:18px;background:var(--accent);color:#fff;text-decoration:none;transition:transform .15s,box-shadow .15s;min-width:0}
.tool-card:nth-child(even){background:#8E0A13}
.tool-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(120,10,20,.25)}
.tool-card .ico{background:rgba(255,255,255,.16);color:#fff}
.tool-card h3{font-size:17px;font-weight:800;line-height:1.25}
.tool-card p{font-size:14px;color:#FFE3E5;line-height:1.5}
.tool-go{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:14px;padding-top:6px}
.tool-go svg{width:16px;height:16px}
@media (max-width:1100px){.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.tool-grid{grid-template-columns:1fr}}
/* Seven menu items: tighter links so the bar fits before the hamburger takes over */
nav.main{gap:0}
nav.main a{padding:8px 8px;font-size:14px}
/* The language button shows only its code on desktop; the full names are in the open list */
@media (min-width:1181px){.lang .ln-full{display:none}.lang .ln-short{display:inline}}
html[lang="ru"] nav.main a,html[lang="tk"] nav.main a,html[lang="uz"] nav.main a{padding:8px 6px;font-size:13.5px}
html[lang="uz"] nav.main a{padding:8px 5px;font-size:13px}

/* Hero: official 2026 figures panel */
.glance{background:#fff;color:var(--ink);border-radius:20px;padding:26px;display:grid;gap:16px;box-shadow:0 24px 60px rgba(70,0,6,.28);border:1px solid var(--line);min-width:0}
.gl-head .sub{color:var(--muted);font-size:14px;margin-top:4px}
.gl-badge{display:inline-flex;align-items:center;gap:6px;background:var(--accent-soft);color:var(--accent);font-weight:800;font-size:12.5px;padding:4px 10px;border-radius:999px;margin-bottom:8px}
.gl-badge svg{width:14px;height:14px}
.glance dl{margin:0;display:grid}
.gl-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;border-top:1px solid var(--line)}
.gl-row:first-child{border-top:0}
.gl-row dt{font-size:14.5px;color:var(--ink-2)}
.gl-row dd{margin:0;font-weight:800;font-size:16px;text-align:end;color:var(--ink)}
.gl-cta{width:100%}
.gl-src{font-size:12px;color:var(--muted);margin:0}
@media (max-width:420px){.gl-row{flex-direction:column;gap:2px}.gl-row dd{text-align:start}}
.hero .glance .btn-primary{background:var(--accent);color:#fff}
/* Fee calculator result: owner's breakdown format */
.hc-bd{gap:0}
.hc-bd .bd-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:9px 0;border-top:1px solid var(--line);font-size:15px}
.hc-bd .bd-row:first-child{border-top:0}
.hc-bd .bd-row span{color:var(--ink-2);flex:none}
.hc-bd .bd-row b{text-align:end;font-weight:700}
.hc-bd .bd-total{font-size:18px;border-top:2px solid var(--ink)}
.hc-bd .bd-total b{color:var(--accent);font-weight:800}
.hc-bd p{margin-top:6px}
@media (max-width:480px){.hc-bd .bd-row{flex-direction:column;gap:2px}.hc-bd .bd-row b{text-align:start}}

/* Employers page: fines band and service list */
.emp-risk{background:#1E0E10;color:#fff;padding-block:44px}
.emp-risk .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px 40px;align-items:center}
.emp-risk .sec-tag{color:#FFB3B8}.emp-risk .sec-tag::after{background:#FFB3B8}
.emp-risk h2{font-size:clamp(24px,3vw,34px);font-weight:800}
.emp-risk .risk-txt p{color:#E9CFD1;margin-top:10px}
.risk-figs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.risk-figs div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:18px;display:grid;gap:6px}
.risk-figs b{font-size:clamp(20px,2.4vw,28px);font-weight:800;color:#fff;font-variant-numeric:tabular-nums}
.risk-figs div:first-child b{color:#FF8A92}
.risk-figs span{font-size:13.5px;color:#E9CFD1}
.risk-src{grid-column:1/-1;font-size:13px;color:#C9A9AC;margin:0}
.risk-src a{color:#fff;font-weight:800;margin-inline-start:8px}
@media (max-width:860px){.emp-risk .wrap{grid-template-columns:1fr}}
@media (max-width:520px){.risk-figs{grid-template-columns:1fr}}
.emp-svc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.es{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff}
.es h3{font-size:16.5px;font-weight:800}
.es p{font-size:14.5px;color:var(--ink-2);margin-top:4px}
@media (max-width:960px){.emp-svc{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.emp-svc{grid-template-columns:1fr}}

/* Contact page map */
.map-frame{border-radius:20px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);aspect-ratio:16/7;background:var(--sunk)}
.map-frame iframe{display:block;width:100%;height:100%;border:0}
@media (max-width:700px){.map-frame{aspect-ratio:4/3}}
.map-row{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.map-row p{display:flex;gap:10px;align-items:flex-start;color:var(--ink-2);margin:0}
.map-row p svg{width:20px;height:20px;color:var(--accent);flex:none;margin-top:3px}
.map-acts{display:flex;gap:10px;flex-wrap:wrap}

/* Redesign B: logo palette (red accent + navy), full-screen Istanbul video hero, photo service cards.
   Red is reserved for actions and accents; dark surfaces are navy, light tints are neutral grey. */
:root{
  --ink:#131A2A; --ink-2:#3E4656; --muted:#667085; --line:#E4E7EC; --sunk:#F4F6F9;
  --accent:#E30A17; --accent-soft:#FDECEE;
  --navy:#14233F; --navy-ink:#FFFFFF; --navy-2:#C9D3E6; --navy-soft:#EAF0F8;
  --shadow:0 1px 2px rgba(16,24,40,.06),0 8px 24px rgba(16,24,40,.08);
}
.brand b{color:var(--navy)}
.topbar{background:var(--navy)}

/* Hero: video under a navy scrim, left-aligned copy, facts card on the right */
.hero-video{position:relative;background:var(--navy);min-height:min(88vh,760px);display:flex;align-items:center;padding-block:72px}
.hero-video::before{display:none}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero-video::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(13,22,41,.88) 0%,rgba(13,22,41,.62) 55%,rgba(13,22,41,.35) 100%)}
[dir="rtl"] .hero-video::after{background:linear-gradient(270deg,rgba(13,22,41,.88) 0%,rgba(13,22,41,.62) 55%,rgba(13,22,41,.35) 100%)}
.hero-video .wrap{position:relative;z-index:1;width:100%}
.hero-video h1 em{color:#fff;text-decoration-color:var(--accent)}
.hero-video .btn-primary{background:var(--accent);color:#fff}
.hero-video .btn-ghost{color:#fff;border-color:rgba(255,255,255,.55)}
.hero-video .kicker-w{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25)}
.hero-video .hero-chips svg{background:var(--accent);color:#fff}
.hero-video .glance{box-shadow:0 24px 60px rgba(5,10,25,.45)}
@media (max-width:900px){.hero-video{min-height:0;padding-block:48px}.hero-video::after{background:rgba(13,22,41,.74)}}
@media (prefers-reduced-motion:reduce){.hero-bg{display:none}.hero-video{background:var(--navy) url(/assets/media/hero.jpg) center/cover}}

/* Inner page heads: navy with a red rule instead of solid red */
.phead{background:var(--navy);border-bottom:4px solid var(--accent)}
.phead::before{border-color:rgba(255,255,255,.05)}
.phead .law-tag{background:rgba(255,255,255,.12)}
.phead .btn-light{background:var(--accent);color:#fff;border-color:var(--accent)}

/* Service cards with photos */
.help-photo{padding:0;gap:0}
.help-photo::before{z-index:2}
.help-img{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--sunk)}
.help-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.help-photo:hover .help-img img{transform:scale(1.04)}
.help-img .ico{position:absolute;inset-inline-start:16px;bottom:-22px;width:48px;height:48px;border-radius:14px;background:#fff;color:var(--accent);box-shadow:var(--shadow)}
.help-photo:nth-child(2n) .help-img .ico{background:var(--accent);color:#fff}
.help-photo h3{padding:32px 20px 0}
.help-photo p{padding:6px 20px 0}
.help-photo .help-acts{padding:14px 20px 20px}

/* Dark bands go navy; tool cards navy/red pairs */
.band,.emp,.emp-risk{background:var(--navy)}
.band .btn-light{color:var(--navy)}
.emp .btn-light{color:var(--navy)}
.tool-card{background:var(--navy)}
.tool-card:nth-child(even){background:#1F3359}
.tool-card .ico{background:var(--accent);color:#fff}
.tool-card p{color:var(--navy-2)}
.tool{background:var(--navy)}
.steps-sec{background:var(--sunk)}
.nc{background:var(--sunk)}
.film{background:linear-gradient(180deg,#fff 0,#fff 50%,var(--sunk) 50%)}
.ico{background:var(--accent-soft)}

/* Home office card: a real Google map instead of the drawn one */
.office-map{height:220px;background:var(--sunk);display:block}
.office-map::after{display:none}
.office-map iframe{display:block;width:100%;height:100%;border:0}

/* Document checklists page */
.doc-jump{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.doc-jump b{width:100%;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
[dir="rtl"] .doc-jump b{letter-spacing:0}
.doc-jump a{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:999px;border:1.5px solid var(--line);text-decoration:none;font-weight:700;font-size:14px;color:var(--ink)}
.doc-jump a:hover{border-color:var(--accent);color:var(--accent)}
.doc-jump svg{width:16px;height:16px;color:var(--accent)}
.doc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.doc-card{border:1px solid var(--line);border-radius:18px;background:#fff;display:flex;flex-direction:column;scroll-margin-top:96px;overflow:hidden}
.doc-card header{display:flex;align-items:center;gap:12px;padding:18px 20px;background:var(--navy);color:#fff}
.doc-card header .ico{background:var(--accent);color:#fff}
.doc-card header .h3{font-size:18px;font-weight:800}
.doc-card ol{margin:0;padding:14px 20px 6px;padding-inline-start:40px;display:grid;gap:10px}
.doc-card li b{display:block;font-size:15px}
.doc-card li span{display:block;font-size:13.5px;color:var(--ink-2);margin-top:2px}
.doc-card footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 20px 18px;border-top:1px solid var(--line)}
.doc-card footer .guide-link{display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.doc-card footer .guide-link svg{width:15px;height:15px}
.doc-notes{margin:8px 0 0;padding-inline-start:18px;display:grid;gap:6px}
.doc-checked{font-size:13px;color:var(--muted)}
.doc-more{margin:0}
.doc-more a{display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.doc-more svg{width:15px;height:15px}
@media (max-width:860px){.doc-grid{grid-template-columns:1fr}}