@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600 800;font-display:swap;src:url(fonts/manrope-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600 800;font-display:swap;src:url(fonts/manrope-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Noto Kufi Arabic';font-style:normal;font-weight:600 800;font-display:swap;src:url(fonts/noto-kufi-arabic-arabic.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'Noto Sans Arabic';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/noto-sans-arabic-arabic.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
/* www-1.0 · SecuraWall MailFlow website, concept C "Global" (owner decision 2026-11-11).
   Layout: full-width bands, content in a 1240px column; deep navy hero and closing bands, white and tinted bands between. */
:root{
  --navy:#0a2240;--navy-2:#06172d;--navy-line:#23446b;--blue:#1f5fa8;--blue-ink:#174a85;--teal:#0f7d6f;--teal-ink:#0b6157;
  --gold:#e3c766;--ink:#1c2b3a;--muted:#4a5d70;--line:#dfe6ee;--tint:#f4f7fb;--white:#fff;--on-navy:#c8d6e8;--on-navy-2:#a9bdd4;
  --ok-bg:#e7f6ef;--ok-ink:#0b5e56;--bad-bg:#fff0f0;--bad-ink:#9a1c14;--warn-bg:#fff4dc;--warn-ink:#7a4a00;
  --head:'Manrope','Inter',system-ui,-apple-system,'Segoe UI',sans-serif;--body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --radius:10px;--gutter:max(16px,env(safe-area-inset-left,0px));--gutter-r:max(16px,env(safe-area-inset-right,0px));
  color-scheme:light
}
.lang-ar{--head:'Noto Kufi Arabic','Noto Sans Arabic',system-ui,sans-serif;--body:'Noto Sans Arabic',system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6;text-rendering:optimizeLegibility}
.lang-ar body{line-height:1.8;font-size:17px}
img{max-width:100%;height:auto}
a{color:var(--blue-ink)}a:hover{color:var(--navy)}
h1,h2,h3{font-family:var(--head);color:var(--navy);text-wrap:balance;margin:0}
.lang-ar h1,.lang-ar h2,.lang-ar h3{line-height:1.45}
p{margin:0}
.wrap{max-width:1240px;margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter-r)}
@media(min-width:900px){.wrap{padding-left:max(32px,env(safe-area-inset-left,0px));padding-right:max(32px,env(safe-area-inset-right,0px))}}
.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
[dir=rtl] .ic-arrow,[dir=rtl] .flow-arrow .ic{transform:scaleX(-1)}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;inset-inline-start:12px;top:-60px;z-index:50;background:var(--navy);color:#fff;padding:10px 16px;border-radius:6px}
.skip:focus{top:12px}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:8px;font:inherit;font-size:16px;font-weight:700;text-decoration:none;border:1px solid transparent;cursor:pointer;text-align:center;line-height:1.25}
.btn-sm{min-height:44px;padding:0 18px;font-size:15px}
.btn-block{width:100%}
.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:var(--blue-ink);color:#fff}
.btn-teal{background:var(--teal);color:#fff}.btn-teal:hover{background:var(--teal-ink);color:#fff}
.btn-light{background:#fff;color:var(--navy)}.btn-light:hover{background:var(--tint);color:var(--navy)}
.btn-ghost{border-color:#6f8fb5;color:#fff}.btn-ghost:hover{background:rgba(255,255,255,.08);color:#fff}
.btn-outline{border-color:var(--navy);color:var(--navy);background:#fff}.btn-outline:hover{background:var(--navy);color:#fff}
.hero .btn-light+.btn-light,.hero .btn-primary+.btn-light{background:transparent;color:#fff;border-color:#6f8fb5}
.hero .btn-primary{background:#fff;color:var(--navy)}.hero .btn-primary:hover{background:var(--tint)}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.more{display:inline-flex;align-items:center;gap:6px;font-weight:700;text-decoration:none;min-height:44px}
.more .ic{width:18px;height:18px}

/* top bar and header */
.topbar{background:var(--navy-2);color:var(--on-navy);font-size:13px}
.topbar-in{display:flex;justify-content:space-between;align-items:center;gap:8px 20px;min-height:44px;flex-wrap:wrap}
.topbar a{color:var(--on-navy);text-decoration:none}.topbar a:hover{color:#fff}
.topbar-links{display:flex;flex-wrap:wrap;gap:4px 20px}
.dd{position:relative}
.dd>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:44px}
.dd>summary::-webkit-details-marker{display:none}
.dd>summary::after{content:"";width:7px;height:7px;border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-inline-start:4px}
.dd[open]>summary::after{transform:rotate(-135deg) translateY(-1px)}
.dd-list{list-style:none;margin:0;padding:8px;position:absolute;top:100%;inset-inline-start:0;z-index:30;min-width:220px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 18px 40px -20px rgba(10,34,64,.35)}
.dd-list a{display:flex;flex-direction:column;padding:10px 12px;border-radius:8px;color:var(--ink);text-decoration:none;font-weight:600;font-size:15px}
.dd-list a:hover,.dd-list a[aria-current]{background:var(--tint);color:var(--navy)}
.mi-note{font-weight:400;font-size:13px;color:var(--muted)}
.dd-wide{min-width:520px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
.lang-dd .dd-list{min-width:180px}
.lang-dd>summary{color:var(--on-navy)}
.lang-dd>summary .ic{width:16px;height:16px}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:env(safe-area-inset-top,0px);z-index:20}
.header-in{display:flex;align-items:center;gap:12px 32px;min-height:76px;flex-wrap:wrap}
.brand{display:flex;align-items:center;flex:0 0 auto}
.brand img{width:196px;height:auto;display:block}
.main-nav{flex:1 1 auto}
.nav-list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:4px 26px;flex-wrap:wrap}
.nav-group>.dd>summary,.nav-link{font-weight:700;font-size:15px;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.nav-link[aria-current]{color:var(--blue-ink)}
.nav-toggle{display:none}
.nav-toggle>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid var(--line);border-radius:8px;color:var(--navy)}
.nav-toggle>summary::-webkit-details-marker{display:none}
.nav-toggle .ic{width:22px;height:22px}
@media(max-width:1060px){
  .header-in{gap:10px;min-height:68px}
  .brand img{width:170px}
  .nav-toggle{display:block;margin-inline-start:auto}
  .header-cta{display:none}
  .main-nav{display:none;flex:1 1 100%;padding:8px 0 16px}
  .nav-toggle[open]~.main-nav{display:block}
  .nav-list{flex-direction:column;align-items:stretch;gap:0}
  .nav-group{border-top:1px solid var(--line)}
  .nav-group>.dd>summary,.nav-link{width:100%;justify-content:space-between;min-height:52px}
  .dd-list,.dd-wide{position:static;box-shadow:none;border:0;padding:0 0 8px;min-width:0;display:block}
}
@media(min-width:1061px){.nav-toggle[open]{display:none}}

.crumbs{padding-top:18px;padding-bottom:0}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--muted)}
.crumbs li+li::before{content:"›";margin-inline-end:6px;color:var(--muted)}
[dir=rtl] .crumbs li+li::before{content:"‹"}
.crumbs a{color:var(--muted)}

/* hero */
.hero{position:relative;overflow:hidden;background:var(--navy);color:#fff}
.hero-globe{position:absolute;inset-inline-end:-160px;top:-80px;width:760px;height:760px;background:url(globe.svg) center/contain no-repeat;opacity:.38;pointer-events:none}
.hero-in{position:relative;display:flex;flex-wrap:wrap;gap:40px 56px;align-items:center;padding-top:72px;padding-bottom:64px}
.hero-home .hero-in{padding-top:96px;padding-bottom:72px}
.hero-text{flex:1 1 560px;min-width:0;display:flex;flex-direction:column;gap:22px}
.hero-visual{flex:1 1 380px;min-width:0}
.eyebrow{font-size:14px;font-weight:700;color:var(--gold);letter-spacing:.02em}
.hero h1{color:#fff;font-size:clamp(34px,5vw,58px);line-height:1.08;font-weight:800;letter-spacing:-.02em;max-width:860px}
.lang-ar .hero h1{letter-spacing:0;line-height:1.35}
.hero:not(.hero-home) h1{font-size:clamp(30px,4.2vw,48px)}
.hero-sub{font-size:clamp(17px,1.6vw,20px);color:var(--on-navy);max-width:700px}
.micro{font-size:14px;color:var(--on-navy-2)}
.works{position:relative;border-top:1px solid var(--navy-line)}
.works-in{display:flex;flex-wrap:wrap;align-items:center;gap:10px 32px;padding-top:20px;padding-bottom:20px}
.works-in>span{font-size:13px;color:var(--on-navy-2)}
.works ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 30px}
.works li{font-weight:700;font-size:15px;color:#fff}

/* hero visuals */
.tagstack .ts-title{font-size:13px;font-weight:600;color:var(--on-navy-2);margin-bottom:10px}
.tagstack ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.tagstack li{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid var(--navy-line);color:#fff;font-weight:600;font-size:15px}
.tagstack li.on{border-color:var(--gold)}
.ts-code{font-size:12px;font-weight:700;color:var(--gold);min-width:24px;font-family:var(--body)}
.tagstack li[lang^=ar]{font-family:'Noto Sans Arabic',system-ui,sans-serif}
.mock{margin:0;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 24px 48px -28px rgba(0,0,0,.45)}
.mock-head{display:flex;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--line);background:#fbfcfd;font-size:13px;font-weight:700;color:var(--navy)}
.mock-head span+span{font-weight:500;color:var(--muted)}
.mock-sub{display:flex;flex-direction:column;gap:2px;padding:14px 18px;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}
.mock-sub strong{font-size:15px;color:var(--ink)}
.dl-rows,.q-rows{list-style:none;margin:0;padding:4px 18px 8px}
.dl-rows li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #eef3f7;font-size:14px}
.dl-n{width:24px;font-size:12px;font-weight:700;color:var(--muted)}
.dl-l{flex:1 1 auto;min-width:0}
.q-rows li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #eef3f7}
.q-rows div{display:flex;flex-direction:column;min-width:0;font-size:14px}
.q-rows div span{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mock-actions{display:flex;gap:8px;padding:10px 18px 14px}
.fake-btn{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:6px;background:var(--navy);color:#fff;font-size:12px;font-weight:700}
.fake-btn.ghost{background:#fff;color:var(--navy);border:1px solid var(--line)}
.mock figcaption{padding:8px 18px 12px;font-size:12px;color:var(--muted)}
.pill{flex:0 0 auto;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}
.pill-ok{background:var(--ok-bg);color:var(--ok-ink)}.pill-bad{background:var(--bad-bg);color:var(--bad-ink)}.pill-warn{background:var(--warn-bg);color:var(--warn-ink)}
.flow{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px}
.flow-node{flex:1 1 140px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:18px 14px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid var(--navy-line);color:#fff;font-size:15px}
.flow-node .ic{width:26px;height:26px;color:var(--gold)}
.flow-main{flex:2 1 220px;background:rgba(255,255,255,.12);border-color:var(--gold)}
.fn-k{font-size:12px;color:var(--on-navy-2)}
.flow-bars{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;max-width:240px}
.flow-bars i{width:11px;height:6px;border-radius:2px;background:#2fb3a5}
.flow-arrow{display:flex;align-items:center;color:var(--gold)}
.sec .flow-node{background:var(--tint);border-color:var(--line);color:var(--ink)}
.sec .flow-main{background:var(--navy);color:#fff}
.sec .flow-node .ic,.sec .flow-arrow{color:var(--teal)}.sec .flow-main .ic{color:var(--gold)}
.sec .fn-k{color:var(--muted)}.sec .flow-main .fn-k{color:var(--on-navy-2)}
.queue-line{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0}
.queue-line li{display:flex;flex-direction:column;gap:6px;padding:16px 14px 0 0;border-top:4px solid var(--gold);font-weight:600;color:#fff;font-size:15px}
[dir=rtl] .queue-line li{padding:16px 0 0 14px}
.queue-line .qs-0{border-color:#ff8a7a}.queue-line .qs-3{border-color:#2fb3a5}
.qs-time{font-size:13px;color:var(--gold);font-weight:700}
.sec .queue-line li{color:var(--ink)}.sec .qs-time{color:var(--blue-ink)}
.sec .queue-line li{border-top-color:#c9a227}.sec .queue-line .qs-0{border-top-color:#c0392b}.sec .queue-line .qs-3{border-top-color:var(--teal)}
.table-box{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.hero .table-box{border-color:var(--navy-line);background:rgba(255,255,255,.04)}
table{border-collapse:collapse;width:100%}
.spec caption{caption-side:top;text-align:start;padding:14px 18px;font-size:13px;color:var(--muted);border-bottom:1px solid var(--line)}
.hero .spec caption{color:var(--on-navy-2);border-color:var(--navy-line)}
.spec th,.spec td{padding:12px 18px;text-align:start;border-bottom:1px solid var(--line);font-size:15px;vertical-align:top}
.spec th{font-weight:500;color:var(--muted);width:40%}
.hero .spec th{color:var(--on-navy-2)}.hero .spec td{color:#fff}.hero .spec th,.hero .spec td{border-color:var(--navy-line)}

/* sections */
.sec{padding-top:96px;padding-bottom:96px}
.sec+.sec:not(.sec-tint):not(.sec-dark){padding-top:24px}
.sec-tint{background:var(--tint);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sec-dark{background:var(--navy);color:#fff}
.sec-dark h2,.sec-dark h3{color:#fff}
.kicker{font-size:14px;font-weight:700;color:var(--blue-ink);margin-bottom:12px}
.sec-dark .kicker{color:var(--gold)}
.sec h2,.stats-band h2,.cta-band h2{font-size:clamp(28px,3.4vw,42px);line-height:1.15;font-weight:800;max-width:860px}
.lang-ar .sec h2{line-height:1.4}
.center{text-align:center;margin-inline:auto}
.lead{margin-top:14px;font-size:18px;color:var(--muted);max-width:760px}
.sec-dark .lead{color:var(--on-navy)}
.sec-head-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:40px}
.pillars{margin-top:44px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));border-top:1px solid var(--line)}
.pillar{padding:32px 32px 8px 0;display:flex;flex-direction:column;gap:12px}
[dir=rtl] .pillar{padding:32px 0 8px 32px}
.pillar-verb{font-family:var(--head);font-size:15px;font-weight:800;color:var(--teal)}
.pillar h3{font-size:24px;font-weight:800}
.pillar p,.card p{color:var(--muted)}
.cards{margin-top:40px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px;display:flex;flex-direction:column;gap:10px}
.card h3{font-size:19px;font-weight:800}
.card-ic{width:28px;height:28px;color:var(--teal)}
.layer-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}
.lg{display:flex;flex-direction:column;gap:12px}
.lg-bar{height:4px;border-radius:2px;background:var(--blue)}
.lg-head{display:flex;justify-content:space-between;gap:8px;font-family:var(--head);font-weight:800;font-size:17px;color:var(--navy)}
.lg-head span+span{font-family:var(--body);font-size:13px;color:var(--blue-ink)}
.lg-items{margin:0;padding-inline-start:22px;font-size:15px;color:var(--muted);display:flex;flex-direction:column;gap:4px}
.layer-detail{margin-top:56px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.layer-detail article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}
.layer-detail h3{font-size:18px;font-weight:800;display:flex;gap:10px;align-items:baseline;margin-bottom:8px}
.ld-n{font-family:var(--body);font-size:13px;font-weight:700;color:var(--teal)}
.layer-detail p{color:var(--muted);font-size:15px}
.tablist{display:flex;flex-wrap:wrap;gap:4px 8px;border-bottom:1px solid var(--line);margin:32px 0 36px}
.tablist button{min-height:52px;padding:0 18px;border:0;border-bottom:3px solid transparent;background:none;font:inherit;font-size:16px;font-weight:600;color:var(--muted);cursor:pointer}
.tablist button[aria-selected=true]{border-bottom-color:var(--navy);color:var(--navy);font-weight:800}
.tab-panel{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start}
.tab-panel[hidden]{display:none}
.tp-text{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.tp-text h3{font-size:clamp(24px,2.6vw,30px);font-weight:800}
.tp-text p{font-size:17px;color:var(--muted)}
.tp-points,.points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.tp-points{flex:1 1 420px;min-width:0}
.tp-points li{display:flex;gap:14px;padding:18px 20px;border:1px solid var(--line);border-radius:10px}
.points li{display:flex;gap:12px}
.tp-points .ic,.points .ic{color:var(--teal);margin-top:3px}
.steps{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px}
.steps li{border-top:1px solid #3d5b80;padding-top:22px;display:flex;flex-direction:column;gap:10px}
.sec:not(.sec-dark) .steps li{border-top-color:var(--line)}
.step-n{font-family:var(--head);font-size:40px;font-weight:800;line-height:1;color:var(--gold)}
.sec:not(.sec-dark) .step-n{color:var(--blue)}
.steps h3{font-size:20px;font-weight:800}
.steps p{color:var(--on-navy)}.sec:not(.sec-dark) .steps p{color:var(--muted)}
.sec-dark .cta-row{margin-top:40px}
.split{display:flex;flex-wrap:wrap;gap:48px;align-items:center}
.split-rev{flex-direction:row-reverse}
.split-text{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;gap:16px}
.split-text>p{font-size:17px;color:var(--muted)}
.split-visual{flex:1 1 420px;min-width:0}
.split .cta-row{margin-top:8px}
.stats-band{background:var(--tint);border-bottom:1px solid var(--line);padding-top:36px;padding-bottom:36px}
.stats{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px}
.stats div{display:flex;flex-direction:column-reverse;gap:4px}
.stats dd{margin:0;font-family:var(--head);font-size:44px;font-weight:800;line-height:1;color:var(--navy)}
.stats dt{color:var(--muted);font-size:15px}
.plans{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;align-items:stretch}
.plan{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px 28px;display:flex;flex-direction:column;gap:16px}
.plan-featured{border:2px solid var(--navy);box-shadow:0 18px 40px -26px rgba(10,34,64,.5)}
.badge{position:absolute;top:-13px;inset-inline-start:24px;background:var(--navy);color:#fff;font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px}
.plan h3{font-size:24px;font-weight:800}
.plan-d{color:var(--muted);font-size:15px;min-height:72px}
.price{display:flex;flex-direction:column;gap:2px}
.price-v{font-family:var(--head);font-size:32px;font-weight:800;color:var(--ink)}
.price-u{font-size:13px;color:var(--muted)}
.feats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;flex:1 1 auto;font-size:15px}
.feats li{display:flex;gap:10px}.feats .ic{color:var(--teal);margin-top:2px;width:18px;height:18px}
.enterprise{margin-top:20px;display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between;padding:24px 28px;border:1px dashed #b8c4d2;border-radius:14px}
.enterprise h3{font-size:19px;font-weight:800}.enterprise p{color:var(--muted)}
.fine{margin-top:18px;font-size:14px;color:var(--muted)}
.plans~.fine{text-align:center}
.matrix{min-width:720px;font-size:15px}
.matrix th,.matrix td{padding:14px 18px;border-bottom:1px solid var(--line);text-align:center}
.matrix thead th{font-family:var(--head);font-size:17px;color:var(--navy);font-weight:800;vertical-align:bottom}
.matrix tbody th{text-align:start;font-weight:500}
.matrix thead th:first-child{text-align:start;font-family:var(--body);font-size:13px;color:var(--muted);font-weight:600}
.matrix .col-hi{background:#eef4fb}
.matrix .yes{color:var(--teal);width:22px;height:22px;stroke-width:2.4}
.matrix td span[aria-hidden]{color:#8a99a8}
.sec-tint .table-box{margin-top:32px}
.faq{display:flex;flex-wrap:wrap;gap:24px 56px}
.faq-head{flex:1 1 280px}
.faq-list{flex:2 1 560px;min-width:0}
.qa{border-top:1px solid var(--line)}
.qa:last-child{border-bottom:1px solid var(--line)}
.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:64px;padding:16px 0;font-weight:700;font-size:18px;color:var(--navy)}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";font-size:26px;font-weight:400;color:var(--teal);flex:0 0 auto}
.qa[open] summary::after{content:"−"}
.qa p{padding:0 0 22px;color:var(--muted);max-width:760px}
.cta-band{background:var(--navy);color:#fff;padding-top:80px;padding-bottom:80px}
.cta-in{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px}
.cta-in>div:first-child{flex:1 1 520px;min-width:0}
.cta-band h2{color:#fff}
.cta-band .lead{color:var(--on-navy)}
.cta-band .btn-light{min-height:56px}
.prose{max-width:860px}
.prose h3{font-size:21px;font-weight:800;margin-top:28px}
.prose>p{margin-top:12px;font-size:17px;color:var(--muted)}
.prose .points{margin-top:20px}
.prose h2+p,.prose h2+h3{margin-top:20px}
.link-grid{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
.link-grid a{display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:center;padding:20px 22px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);height:100%}
.link-grid a:hover{border-color:var(--blue)}
.link-grid strong{font-family:var(--head);font-size:18px;color:var(--navy)}
.link-grid span{grid-column:1;font-size:14px;color:var(--muted)}
.link-grid .ic{grid-row:1/span 2;grid-column:2;color:var(--blue)}

/* contact */
.contact{display:flex;flex-wrap:wrap;gap:48px;align-items:flex-start}
.contact-form{flex:2 1 560px;min-width:0}
.contact-form h2{font-size:clamp(26px,3vw,36px);margin-bottom:24px}
.contact-info{flex:1 1 300px;min-width:0;background:var(--tint);border:1px solid var(--line);border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:16px}
.contact-info h2{font-size:21px}
.contact-info ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.contact-info li{display:flex;gap:12px;align-items:flex-start}
.contact-info .ic{color:var(--teal);margin-top:3px}
.contact-info p{color:var(--muted)}
.lead-form{display:flex;flex-direction:column;gap:18px}
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.lead-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
.lead-form input,.lead-form select,.lead-form textarea{font:inherit;font-weight:400;font-size:16px;min-height:48px;padding:10px 12px;border:1px solid #b8c4d2;border-radius:8px;background:#fff;color:var(--ink)}
.lead-form textarea{resize:vertical}
.lead-form .consent{flex-direction:row;align-items:flex-start;gap:10px;font-weight:400}
.consent input{min-height:0;width:20px;height:20px;margin-top:3px;flex:0 0 auto}
.lead-form button{align-self:flex-start}
.hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
.form-error{display:none;background:var(--bad-bg);border:1px solid #e7b7b7;color:var(--bad-ink);border-radius:8px;padding:12px 16px}
.form-error:target{display:block}

/* footer */
.site-footer{background:var(--navy-2);color:var(--on-navy-2);font-size:14px}
.f-in{display:flex;flex-wrap:wrap;gap:40px;padding-top:64px;padding-bottom:36px}
.f-brand{flex:2 1 300px;display:flex;flex-direction:column;gap:12px;max-width:380px}
.f-brand img{width:196px;height:auto}
.f-brand address{font-style:normal;line-height:1.7}
.site-footer a{color:var(--on-navy);text-decoration:none}.site-footer a:hover{color:#fff;text-decoration:underline}
.f-note{font-size:13px}
.f-col{flex:1 1 170px}
.f-col h2{font-family:var(--body);font-size:13px;font-weight:700;color:#fff;margin-bottom:12px}
.f-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.f-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:18px;padding-bottom:28px;border-top:1px solid var(--navy-line);font-size:13px}
.sticky-cta{display:none}
@media(max-width:760px){
  .sticky-cta{display:flex;position:fixed;inset-inline:0;bottom:0;z-index:25;align-items:center;gap:10px;padding:10px var(--gutter-r) calc(10px + env(safe-area-inset-bottom,0px)) var(--gutter);background:var(--navy);color:#fff;border-top:1px solid var(--navy-line)}
  .sticky-cta p{flex:1 1 auto;font-size:13px;line-height:1.35}
  .sticky-cta .btn{background:#fff;color:var(--navy);flex:0 0 auto}
  .sticky-cta.is-hidden{display:none}
  .sticky-close{flex:0 0 auto;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:0;color:#fff;cursor:pointer}
  body{padding-bottom:84px}
  .sec{padding-top:64px;padding-bottom:64px}
  .hero-in,.hero-home .hero-in{padding-top:48px;padding-bottom:48px}
  .hero-globe{width:480px;height:480px;inset-inline-end:-220px}
  .dd-wide{grid-template-columns:1fr}
  .stats dd{font-size:36px}
}

/* 404 and language root */
.nf{background:var(--tint)}
.nf-in{padding-top:56px;padding-bottom:56px;display:flex;flex-direction:column;gap:24px}
.nf-code{font-family:var(--head);font-size:72px;font-weight:800;color:var(--navy);line-height:1}
.nf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.nf-grid section{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.nf-grid h2{font-size:20px}
.nf-grid section[lang^=ar]{font-family:'Noto Sans Arabic',system-ui,sans-serif}
.nf-grid section[lang^=ar] h2{font-family:'Noto Kufi Arabic',system-ui,sans-serif}
.root-langs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.root-langs a{display:block;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:12px;font-weight:700;font-size:18px;text-decoration:none;color:var(--navy)}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.topbar,.site-header,.sticky-cta,.site-footer{display:none}.hero,.sec-dark,.cta-band{background:#fff;color:#000}}
@media(min-width:1100px){.f-in{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(5,minmax(0,1fr));gap:32px}.f-brand{max-width:none}}
@media(max-width:760px){.topbar-links a:first-child{display:none}.hero-home .tagstack{display:none}.hero-home .hero-visual{display:none}}
.page-head{background:var(--tint);border-bottom:1px solid var(--line);padding-top:40px;padding-bottom:48px}
.page-head h1{font-size:clamp(30px,4vw,46px);line-height:1.12;font-weight:800;letter-spacing:-.015em;max-width:900px}
.lang-ar .page-head h1{letter-spacing:0;line-height:1.4}
.page-head .lead{margin-top:16px}
.page-head+.sec{padding-top:64px}
.crumbs+.page-head{padding-top:24px}
.crumbs:has(+.page-head){background:var(--tint)}
.table-box{position:relative}.matrix td,.matrix th{position:relative}
.crumbs{padding-top:16px;padding-bottom:0}
.crumbs:has(+.page-head){background:var(--tint)}
.crumbs:has(+.hero){background:var(--navy);padding-bottom:4px}
.crumbs:has(+.hero) ol,.crumbs:has(+.hero) a{color:var(--on-navy-2)}
.crumbs:has(+.hero) li[aria-current]{color:#fff}
.crumbs+.hero .hero-in{padding-top:40px}
.center+.lead{text-align:center;margin-inline:auto}
.crumbs ol.wrap{padding-left:var(--gutter);padding-right:var(--gutter-r)}
@media(min-width:900px){.crumbs ol.wrap{padding-left:max(32px,env(safe-area-inset-left,0px));padding-right:max(32px,env(safe-area-inset-right,0px))}}
.lg-items{list-style:disc}
/* www-1.1 · product screens (HTML, example data) and screenshots */
.screen,.shot{margin:0;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 28px 56px -32px rgba(10,34,64,.55)}
.scr-chrome{display:flex;align-items:center;gap:6px;padding:9px 14px;background:#eef3f8;border-bottom:1px solid var(--line)}
.scr-chrome i{width:10px;height:10px;border-radius:50%;background:#cad3df}
.scr-chrome span{margin-inline-start:12px;flex:1 1 auto;max-width:280px;font-size:12px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:6px;padding:2px 10px}
.scr-head{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid var(--line)}
.scr-head img{border-radius:5px}
.scr-head strong{font-family:var(--head);font-size:15px;color:var(--navy);flex:1 1 auto;min-width:0}
.scr-head span{font-size:12px;color:var(--muted);white-space:nowrap}
.scr-body{padding:14px 18px 6px;display:flex;flex-direction:column;gap:12px}
.scr-bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}
.chip.on{background:var(--navy);border-color:var(--navy);color:#fff}
.scr-meta{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:12px;color:var(--muted)}
.scr-meta strong{color:var(--ink)}
.scr-table{overflow-x:auto;position:relative;border:1px solid var(--line);border-radius:8px}
.scr-table table{min-width:420px;font-size:13px}
.scr-table th,.scr-table td{padding:9px 12px;text-align:start;border-bottom:1px solid #eef3f7;vertical-align:middle;position:relative}
.scr-table thead th{font-size:12px;font-weight:600;color:var(--muted);background:#fbfcfd}
.scr-table tbody tr:last-child th,.scr-table tbody tr:last-child td{border-bottom:0}
.scr-table td strong{display:block;font-weight:600}
.scr-table td span[dir=ltr]{display:block;font-size:12px;color:var(--muted)}
.scr-table .yes{color:var(--teal);width:18px;height:18px;stroke-width:2.4}
.scr-table .no{color:#8a99a8}
.rel tbody th{font-weight:600}
.scr-sub{font-size:13px;font-weight:700;color:var(--navy)}
.scr-note{font-size:12px;color:var(--muted)}
.srcs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.src{display:flex;flex-direction:column;gap:4px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-size:13px}
.src strong{font-size:13px}
.src-n{font-size:12px;color:var(--muted)}
.src-idle{background:#fbfcfd}
.pill-idle{background:#eef1f5;color:#4a5d70}
.scr-progress{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}
.scr-progress .bar{flex:1 1 auto;height:6px;border-radius:3px;background:#e7edf3;overflow:hidden}
.scr-progress .bar i{display:block;width:72%;height:100%;background:var(--teal)}
.screen figcaption,.shot figcaption{padding:8px 18px 12px;font-size:12px;color:var(--muted)}
.shot-frame{background:#f6f8fb;border-bottom:1px solid var(--line)}
.shot img{display:block;width:100%;height:auto}
.gallery-panel{align-items:center}
.gp-text{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.gp-text h3{font-size:clamp(22px,2.4vw,28px);font-weight:800}
.gp-text p{font-size:17px;color:var(--muted)}
.gp-visual{flex:2 1 560px;min-width:0}
.hero .screen{border-color:transparent}
.screen .mock-sub{padding:0 0 10px;border-bottom:1px solid #eef3f7}
.screen .dl-rows{padding:0}
/* www-1.4 · logo 50 % larger (owner request 2026-11-11) */
.brand img{width:294px}
.f-brand img{width:294px}
.header-in{min-height:88px}
@media(max-width:1060px){.brand img{width:255px}.header-in{min-height:76px}}
@media(max-width:400px){.brand img{width:220px}}
/* www-1.4 · declarative product screens (quarantine, directory connectors, product pages, statistics) */
.facts{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12px;color:var(--muted)}
.facts strong{color:var(--ink)}
progress.usage{display:block;width:100%;height:6px;border:0;border-radius:3px;background:#e7edf3;overflow:hidden;-webkit-appearance:none;appearance:none}
progress.usage::-webkit-progress-bar{background:#e7edf3}
progress.usage::-webkit-progress-value{background:var(--teal)}
progress.usage::-moz-progress-bar{background:var(--teal)}
.mini{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:6px;border:1px solid var(--line);font-size:12px;font-weight:600;color:var(--navy);background:#fff;white-space:nowrap}
.mini.dark{background:var(--navy);border-color:var(--navy);color:#fff}
.mini.warn{background:#fff0f0;border-color:#e7b7b7;color:#9a1c14}
.acts{display:flex;flex-wrap:wrap;gap:6px}
.scr-table td .sub{display:block;font-size:12px;color:var(--muted)}
.scr-table td strong{display:block;font-weight:600}
.scr-table.wide table{min-width:640px}
.kv{display:grid;grid-template-columns:minmax(0,170px) minmax(0,1fr);gap:6px 14px;font-size:13px;margin:0}
.kv dt{color:var(--muted)}.kv dd{margin:0}
.box{border:1px solid var(--line);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;font-size:13px}
.box.safe{background:#f6fbf9;border-color:#bfe0d2}
.box h4{margin:0;font-size:14px;color:var(--navy)}
.layers3{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px;font-size:12px}
.layers3>span{display:flex;justify-content:space-between;align-items:center;gap:6px;border:1px solid #eef3f7;border-radius:6px;padding:6px 8px}
.dialog{max-width:520px;margin:0 auto;border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:12px;font-size:14px;background:#fff;color:var(--ink);box-shadow:0 20px 40px -24px rgba(10,34,64,.45)}
.dialog h4{margin:0;font-size:17px;color:var(--navy)}
.opt{display:flex;gap:10px;align-items:center;font-weight:400}
.radio{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid #9fb0c2;flex:0 0 auto}.radio.on{border:5px solid var(--navy)}
.check{display:inline-block;width:16px;height:16px;border-radius:4px;border:2px solid #9fb0c2;flex:0 0 auto}.check.on{background:var(--navy);border-color:var(--navy)}
.field{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--ink)}
.input{border:1px solid #b8c4d2;border-radius:6px;padding:8px 10px;font-weight:400;font-size:13px;color:var(--ink);background:#fff;min-height:36px;overflow-wrap:anywhere}
.input.ph{color:#6b7c8d}
.fgrid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.mail{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:13px;background:#fff;color:var(--ink);box-shadow:0 28px 56px -32px rgba(10,34,64,.55)}
.mail-h{background:#f6f8fb;padding:10px 14px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
.mail-h strong{font-size:15px;color:var(--ink)}
.mail-h span{color:var(--muted);overflow-wrap:anywhere}
.mail-b{padding:16px;display:flex;flex-direction:column;gap:10px}
.mail figcaption{padding:0 16px 12px;font-size:12px;color:var(--muted)}
.mail .acts{align-self:flex-start}
.banner{background:#fff4dc;border:1px solid #ecd78f;border-radius:6px;padding:10px 12px;color:#5b4700;display:flex;flex-direction:column;gap:4px}
.banner-a{font-weight:700;text-decoration:underline}
.scr-text{margin:0;font-size:13px}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}
.tile{border:1px solid var(--line);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--muted)}
.tile strong{font-size:18px;color:var(--navy);overflow-wrap:anywhere}
.conn{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}
.conn>div{border:1px solid var(--line);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-size:12px}
.conn strong{font-size:13px}
.addt{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}
.addt>span{border:1px solid var(--line);border-radius:10px;padding:14px;font-weight:700;font-size:13px;color:var(--navy);display:flex;flex-direction:column;gap:2px}
.addt small{font-weight:400;color:var(--muted);font-size:12px}
.steps2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.steps2>div{border:1px solid var(--line);border-radius:8px;padding:12px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-size:13px}
.steps2 b{color:var(--teal);font-size:12px}
.fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px;font-size:12px}
.fit>span{background:#f6f8fb;border-radius:6px;padding:6px 8px;display:flex;flex-direction:column}
.fit strong{font-size:14px;color:var(--ink)}
.timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;font-size:13px}
.timeline li{display:grid;grid-template-columns:60px 14px 1fr;gap:10px;align-items:start;padding:6px 0}
.timeline i{width:10px;height:10px;border-radius:50%;background:#c9a227;margin-top:5px}
.timeline .tl-ok i{background:var(--teal)}.timeline .tl-bad i{background:#c0392b}
.notice{background:#fff4dc;border:1px solid #ecd78f;border-radius:8px;padding:10px 12px;font-size:13px;color:#5b4700}
.linkpage{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:18px 10px}
.linkpage .ic{width:40px;height:40px;color:#c0392b}
.linkpage h4{margin:0;font-size:18px;color:var(--navy)}
.linkpage p{margin:0;font-size:13px;color:var(--muted);max-width:44ch;overflow-wrap:anywhere}
.hbars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:13px}
.hbars li{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,2fr) auto;gap:10px;align-items:center}
.hbars progress{width:100%;height:10px;border:0;border-radius:5px;background:#e7edf3;overflow:hidden;-webkit-appearance:none;appearance:none}
.hbars progress::-webkit-progress-bar{background:#e7edf3}
.hbars progress::-webkit-progress-value{background:var(--blue)}
.hbars progress::-moz-progress-bar{background:var(--blue)}
.hbars progress.tone-red::-webkit-progress-value{background:#c0392b}.hbars progress.tone-red::-moz-progress-bar{background:#c0392b}
.hbars progress.tone-orange::-webkit-progress-value{background:#d9822b}.hbars progress.tone-orange::-moz-progress-bar{background:#d9822b}
.hbars progress.tone-teal::-webkit-progress-value{background:var(--teal)}.hbars progress.tone-teal::-moz-progress-bar{background:var(--teal)}
.hb-v{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.vbars{display:flex;align-items:flex-end;gap:6px;height:150px;padding:8px 4px 0;border-bottom:1px solid var(--line)}
.vb{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;height:100%;min-width:0}
.vb i{display:block;width:100%;max-width:28px;border-radius:4px 4px 0 0;background:var(--blue)}
.vb small{font-size:12px;color:var(--muted);white-space:nowrap}
.vb .h1{height:10%}.vb .h2{height:20%}.vb .h3{height:30%}.vb .h4{height:40%}.vb .h5{height:50%}.vb .h6{height:60%}.vb .h7{height:70%}.vb .h8{height:80%}.vb .h9{height:85%}.vb .h10{height:90%}
.legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:var(--muted)}
.legend span{display:inline-flex;align-items:center;gap:6px}
.legend i{width:10px;height:10px;border-radius:2px;background:var(--blue)}
.legend i.tone-red{background:#c0392b}.legend i.tone-orange{background:#d9822b}.legend i.tone-teal{background:var(--teal)}
.cmp-wrap .scr-table{background:#fff}
.cmp-wrap .scr-table table{min-width:720px}
.cmp-wrap tbody th{font-weight:700;color:var(--navy);text-align:start}
.screen-wide{margin-top:32px}
.scr-table .mini{white-space:normal;text-align:center;min-height:26px;padding:2px 8px}
.scr-table .acts{flex-direction:column;align-items:flex-start;gap:4px}
.hero .tiles,.split-visual .tiles{grid-template-columns:repeat(auto-fit,minmax(105px,1fr))}

/* www-1.5 · less empty space at the top of the blue hero (owner 2026-11-11) */
.hero-in{padding-top:44px;padding-bottom:52px}
.hero-home .hero-in{padding-top:52px;padding-bottom:60px}
.crumbs+.hero .hero-in{padding-top:28px}
@media (max-width:760px){.hero-in,.hero-home .hero-in{padding-top:32px;padding-bottom:40px}}
.eyebrow-home{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.eyebrow-home [lang=en]{font-size:15px;letter-spacing:.06em;text-transform:uppercase}
.eyebrow-local{color:var(--on-navy);font-weight:600}

/* www-1.5 · support band, assurance, WhatsApp */
.support-band{background:#fff;border-bottom:1px solid var(--line);padding-top:28px;padding-bottom:28px}
.support-h{font-family:var(--head);font-weight:800;font-size:18px;color:var(--navy);margin:0 0 16px}
.support{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.support li{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border:1px solid var(--line);border-radius:10px;background:var(--tint)}
.support .ic{color:var(--teal);width:26px;height:26px;margin-top:2px}
.support div{display:flex;flex-direction:column;gap:4px;min-width:0}
.support strong{color:var(--navy);font-size:16px}
.support span{color:var(--muted);font-size:14px;line-height:1.5}
.support-note{margin:14px 0 0;color:var(--muted);font-size:14px}
.support-note a{font-weight:700;color:var(--teal-ink)}
.assure-grid{display:flex;flex-wrap:wrap;gap:32px;margin-top:36px;align-items:flex-start}
.assure-facts{flex:1 1 560px;min-width:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.assure-facts>div{border:1px solid var(--navy-line);border-radius:12px;padding:20px;background:rgba(255,255,255,.04);display:flex;flex-direction:column;gap:6px}
.assure-facts .ic{color:var(--gold);width:24px;height:24px}
.assure-facts dt{color:var(--on-navy-2);font-size:13px;font-weight:600}
.assure-facts dd{margin:0;font-family:var(--head);font-weight:800;font-size:26px;line-height:1.2;color:#fff}
.assure-facts p{margin:0;color:var(--on-navy);font-size:14px}
.assure-map{flex:1 1 340px;min-width:0;border:1px solid var(--navy-line);border-radius:12px;padding:24px;background:rgba(255,255,255,.04) url(globe.svg) right -60px top -40px/300px no-repeat;display:flex;flex-direction:column;gap:18px}
[dir=rtl] .assure-map{background-position:left -60px top -40px}
.assure-map-h{margin:0;color:var(--gold);font-weight:700;font-size:14px}
.locs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.locs li{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.locs strong{color:#fff;font-size:18px}
.locs span:last-child{color:var(--on-navy-2);font-size:14px}
.loc-dot{width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(227,199,102,.18)}
.assure-map .points{font-size:14px;color:var(--on-navy)}
.assure-map .points .ic{color:var(--gold)}
.plan-support{display:flex;gap:10px;align-items:flex-start;margin:0;padding:12px 14px;border-radius:8px;background:var(--tint);color:var(--navy);font-size:14px;font-weight:600}
.plan-support .ic{color:var(--teal);width:18px;height:18px;margin-top:2px}
.support-lang{font-size:14px}
.wa-float{position:fixed;z-index:30;inset-inline-end:max(20px,env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:10px;
  padding:12px 18px 12px 14px;border-radius:999px;background:#0f7b5a;color:#fff;font-weight:700;font-size:15px;text-decoration:none;box-shadow:0 8px 24px rgba(6,23,45,.28)}
.wa-float:hover,.wa-float:focus-visible{background:#0b6148;color:#fff}
.wa-float .ic{width:26px;height:26px;stroke-width:1.9}
@media (max-width:760px){
  .wa-float{padding:13px;bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  .wa-float span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media print{.wa-float{display:none}}