:root{
  --navy:#00566B; --navy-2:#003F50; --blue:#00849E; --blue-d:#006C83; --sky:#E2F1F4;
  --page:#FFFFFF; --alt:#F3F8F9; --card:#FFFFFF;
  --ink:#15303A; --body:#4E656E; --line:#D9E5E8;
  --wa:#25A75A; --star:#F2A62B;
  --r:8px;
  --sh:0 1px 2px rgba(0,86,107,.06), 0 6px 18px -10px rgba(0,86,107,.24);
  --sh-h:0 2px 4px rgba(0,86,107,.09), 0 16px 32px -14px rgba(0,86,107,.36);
  --max:1180px;
  --fs:1;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth; scroll-padding-top:132px; font-size:calc(16px * var(--fs))}
body{
  margin:0; direction:rtl; text-align:right;
  background:var(--page); color:var(--ink);
  font-family:"Assistant","Segoe UI",Arial,sans-serif;
  font-size:1.02rem; line-height:1.62; -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:"Rubik","Assistant",Arial,sans-serif; margin:0; line-height:1.28; color:var(--navy)}
p{margin:0}
ul{margin:0; padding:0; list-style:none}
a{color:inherit; text-decoration:none}
img{max-width:100%; display:block}
button{font:inherit; cursor:pointer}
:focus-visible{outline:3px solid var(--blue); outline-offset:2px}
.wrap{width:100%; max-width:var(--max); margin-inline:auto; padding-inline:20px}
.sr{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}
.skip{position:absolute; z-index:200; inset-block-start:-100px; inset-inline-start:16px;
  background:var(--navy); color:#fff; font-family:"Rubik",sans-serif; font-weight:600;
  padding:12px 22px; border-radius:0 0 8px 8px; transition:inset-block-start .18s}
.skip:focus{inset-block-start:0}

/* ============ header ============ */
.topline{height:3px; background:linear-gradient(90deg,var(--navy) 0%,var(--blue) 55%,#84BFEA 100%)}
.hdr{position:sticky; top:0; z-index:70; background:#fff; border-bottom:1px solid var(--line); transition:box-shadow .25s}
.hdr.stuck{box-shadow:0 8px 26px -18px rgba(14,52,98,.6)}
.hdr-in{display:flex; align-items:center; gap:16px; min-height:82px}
.brand{display:flex; align-items:center; gap:11px; flex:0 0 auto}
.brand .mark{width:50px; height:50px; background:var(--mark) center/contain no-repeat}
.brand .wm{height:26px; aspect-ratio:760/155; background:var(--wm-d) center/contain no-repeat}

.mainnav{margin-inline-start:auto; display:flex; align-items:center; gap:2px; font-family:"Rubik",sans-serif; font-weight:500; font-size:.95rem}
.mainnav > li{position:relative}
.mainnav > li > a,.mainnav > li > button{
  display:flex; align-items:center; gap:6px; padding:9px 15px; border-radius:999px;
  color:var(--ink); background:none; border:0; white-space:nowrap;
  transition:background .18s, color .18s;
}
.mainnav > li > a:hover,.mainnav > li > button:hover,.mainnav > li.open > button{background:var(--sky); color:var(--navy)}
.mainnav .caret{width:11px; height:11px; opacity:.65; transition:transform .2s}
.mainnav li.open .caret{transform:rotate(180deg)}
.submenu{
  position:absolute; inset-inline-start:0; top:calc(100% + 8px); min-width:238px; background:#fff;
  border:1px solid var(--line); border-radius:10px; box-shadow:0 18px 40px -16px rgba(14,52,98,.45);
  padding:7px; display:none; z-index:5;
}
.submenu::before{content:""; position:absolute; top:-6px; inset-inline-start:26px; width:11px; height:11px; background:#fff; border-inline-start:1px solid var(--line); border-top:1px solid var(--line); transform:rotate(45deg)}
.mainnav li.open .submenu{display:block}
.submenu a{display:flex; align-items:center; gap:9px; padding:10px 13px; border-radius:7px; font-size:.94rem; color:var(--body)}
.submenu a::before{content:""; width:5px; height:5px; border-radius:50%; background:var(--blue); opacity:.45; flex:0 0 auto}
.submenu a:hover{background:var(--sky); color:var(--navy)}
.submenu a:hover::before{opacity:1}

.hdr-div{flex:0 0 auto; width:1px; height:36px; background:var(--line); margin-inline:6px}
.hphone{flex:0 0 auto; display:flex; align-items:center; gap:10px}
.hphone .ic{width:40px; height:40px; border-radius:50%; background:var(--sky); display:grid; place-items:center; flex:0 0 auto}
.hphone .ic svg{width:18px; height:18px; color:var(--blue)}
.hphone small{display:block; font-size:.72rem; color:var(--body); font-family:"Rubik",sans-serif; letter-spacing:.05em}
.hphone b{display:block; font-family:"Rubik",sans-serif; font-weight:600; font-size:1.02rem; color:var(--navy); line-height:1.2; direction:ltr; unicode-bidi:plaintext}
.hphone:hover b{color:var(--blue)}

.burger{display:none; margin-inline-start:auto; width:46px; height:46px; border:1px solid var(--line); border-radius:10px; background:#fff; align-items:center; justify-content:center}
.burger svg{width:22px; height:22px; color:var(--navy)}
@media (max-width:1240px){ .hdr .cta{display:none} }
@media (max-width:1080px){
  .mainnav,.hdr-div,.hphone{display:none}
  .burger{display:flex}
  .hdr-in{min-height:70px}
  .brand .mark{width:42px; height:42px}
  .brand .wm{height:23px}
}
.mobnav{display:none; border-top:1px solid var(--line); background:#fff; padding:8px 0 16px}
.mobnav.open{display:block}
.mobnav a{display:block; padding:12px 20px; border-bottom:1px solid var(--line); font-weight:600}
.mobnav a.sub{padding-inline-start:38px; font-weight:400; color:var(--body); font-size:.94rem}

/* ============ buttons ============ */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  font-family:"Rubik",sans-serif; font-weight:600; font-size:1rem;
  padding:14px 26px; border-radius:var(--r); border:2px solid transparent; text-align:center;
  transition:background .18s, border-color .18s, color .18s, box-shadow .18s;
}
.btn svg{width:19px; height:19px; flex:0 0 auto}
.btn-p{background:var(--blue); color:#fff; border-color:var(--blue)}
.btn-p:hover{background:var(--blue-d); border-color:var(--blue-d)}
.btn-o{background:#fff; color:var(--navy); border-color:var(--line)}
.btn-o:hover{border-color:var(--blue); color:var(--blue)}
.btn-w{background:var(--wa); color:#fff; border-color:var(--wa)}
.btn-w:hover{background:#1E8E4B; border-color:#1E8E4B}
.btn-l{background:#fff; color:var(--navy); border-color:#fff}
.btn-l:hover{background:var(--sky)}
.btn-sm{padding:11px 20px; font-size:.94rem}
.btn-full{width:100%}

/* ============ hero ============ */
.hero{background:var(--navy) linear-gradient(160deg,#0E3462,#0A2748); color:#fff; padding-block:52px 56px; position:relative; overflow:hidden}
.hero-art{position:relative; display:grid; place-items:center; min-height:300px}
.hero-art .halo{position:absolute; width:min(410px,94%); aspect-ratio:1; border-radius:50%;
  background:radial-gradient(circle,rgba(143,196,238,.24),rgba(143,196,238,0) 66%)}
.hero-art .logo{position:relative; width:min(310px,74%); aspect-ratio:1;
  background:var(--mark) center/contain no-repeat; filter:drop-shadow(0 22px 34px rgba(0,0,0,.45))}
.hero-in{position:relative; display:grid; grid-template-columns:1.1fr .9fr; gap:48px; align-items:center}
.hero h1{color:#fff; font-size:clamp(1.95rem,3.7vw,2.9rem); font-weight:700}
.hero h1 b{color:#8FC4EE; font-weight:700}
.hero .eyebrow{display:inline-block; font-family:"Rubik",sans-serif; font-weight:600; font-size:.8rem; letter-spacing:.1em; color:#8FC4EE; border:1px solid rgba(143,196,238,.4); border-radius:4px; padding:5px 11px; margin-bottom:20px}
.hero .lede{margin-top:18px; color:#C6D9EC; font-size:1.09rem; max-width:52ch}
.hero-btns{display:flex; flex-wrap:wrap; gap:12px; margin-top:26px}
.trust{display:flex; align-items:center; gap:10px; margin-top:26px; padding-top:22px; border-top:1px solid rgba(255,255,255,.14); color:#DCE9F5; font-weight:600}
.trust .stars{display:flex; gap:1px; color:var(--star)}
.trust .stars svg{width:16px; height:16px}
.hero ul.ticks{margin-top:22px; display:grid; gap:9px}
.hero ul.ticks li{display:flex; align-items:flex-start; gap:9px; color:#C6D9EC; font-size:1rem}
.hero ul.ticks svg{width:17px; height:17px; color:#8FC4EE; flex:0 0 auto; margin-top:6px}

/* lead form */
.lead-h{background:var(--blue); color:#fff; padding:17px 24px}
.lead-h b{display:block; font-family:"Rubik",sans-serif; font-size:1.12rem; font-weight:600}
.lead-h span{font-size:.9rem; color:#D6E9F8}
.fld label{display:block; font-size:.86rem; font-weight:700; color:var(--navy); margin-bottom:5px}
.fld input,.fld select,.fld textarea{
  width:100%; font:inherit; font-size:.98rem; color:var(--ink);
  padding:11px 13px; border:1px solid var(--line); border-radius:6px; background:#fff;
}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--blue); outline:none; box-shadow:0 0 0 3px rgba(27,111,181,.14)}
.fld textarea{resize:vertical; min-height:74px}
.note{font-size:.8rem; color:var(--body); text-align:center; margin-top:2px}
.note a{color:var(--blue); text-decoration:underline}
@media (max-width:980px){
  .hero{padding-block:40px 44px}
  .hero-in{grid-template-columns:1fr; gap:30px}
  .hero-art{order:-1; min-height:auto}
  .hero-art .logo{width:min(200px,52%)}
  .hero-art .halo{width:min(270px,70%)}
}

/* ============ badges strip ============ */
.badges{background:var(--alt); border-bottom:1px solid var(--line)}
.badges-in{display:grid; grid-template-columns:repeat(4,1fr)}
.badge{display:flex; align-items:center; gap:13px; padding:19px 20px; border-inline-start:1px solid var(--line)}
.badge:first-child{border-inline-start:0}
.badge svg{width:32px; height:32px; color:var(--blue); flex:0 0 auto}
.badge b{display:block; font-family:"Rubik",sans-serif; font-size:1rem; font-weight:600; color:var(--navy)}
.badge span{font-size:.87rem; color:var(--body)}
@media (max-width:900px){ .badges-in{grid-template-columns:repeat(2,1fr)} .badge:nth-child(odd){border-inline-start:0} .badge:nth-child(n+3){border-top:1px solid var(--line)} }
@media (max-width:520px){ .badges-in{grid-template-columns:1fr} .badge{border-inline-start:0; border-top:1px solid var(--line)} .badge:first-child{border-top:0} }

/* ============ sections ============ */
.sec{padding-block:58px}
.sec-alt{background:var(--alt); border-block:1px solid var(--line)}
.head{max-width:58ch; margin-bottom:32px}
.head.mid{margin-inline:auto; text-align:center}
.kicker{font-family:"Rubik",sans-serif; font-weight:600; font-size:.8rem; letter-spacing:.11em; color:var(--blue); display:block; margin-bottom:11px}
.head h2{font-size:clamp(1.6rem,2.9vw,2.15rem); font-weight:700}
.head p{margin-top:13px; color:var(--body); font-size:1.06rem}
.rule{width:56px; height:3px; background:var(--blue); border-radius:2px; margin-top:16px}
.head.mid .rule{margin-inline:auto}

/* service cards */
.grid3{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
.svc{background:var(--card); border:1px solid var(--line); border-radius:var(--r); padding:24px 22px 22px; box-shadow:var(--sh); transition:box-shadow .2s, border-color .2s}
.svc:hover{box-shadow:var(--sh-h); border-color:#BFD4E8}
.svc .ic{width:46px; height:46px; border-radius:var(--r); background:var(--sky); display:grid; place-items:center; margin-bottom:17px}
.svc .ic svg{width:27px; height:27px; color:var(--blue)}
.svc h3{font-size:1.16rem; font-weight:600}
.svc p{margin-top:9px; color:var(--body); font-size:.97rem}
@media (max-width:940px){ .grid3{grid-template-columns:repeat(2,1fr)} }
@media (max-width:620px){ .grid3{grid-template-columns:1fr} }

/* illustrations */
.seg{padding:0; overflow:hidden}
.seg-img{display:block; aspect-ratio:620/256; background:#D3E5F5 center/cover no-repeat; border-bottom:1px solid var(--line)}
.seg-img.i-hotel{background-image:var(--ph-hotel)}
.seg-img.i-inst{background-image:var(--ph-inst)}
.seg-img.i-cater{background-image:var(--ph-cater)}
.seg-img.i-biz{background-image:var(--ph-biz)}
.seg-body{padding:20px 20px 22px}
.weave{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2722%27 height=%2722%27%3E%3Cpath d=%27M0 5.5h22M0 16.5h22M5.5 0v22M16.5 0v22%27 stroke=%27%23ffffff%27 stroke-opacity=%27.07%27 stroke-width=%272.5%27/%3E%3C/svg%3E")}
.illus{aspect-ratio:660/377; background:#D3E5F5 var(--ph-about) center/cover no-repeat; border:1px solid var(--line); border-radius:var(--r); margin:0 0 18px; box-shadow:var(--sh)}

/* segments */
.grid4{display:grid; grid-template-columns:repeat(4,1fr); gap:20px}
.seg{background:#fff; border:1px solid var(--line); border-top:3px solid var(--blue); border-radius:var(--r); padding:22px 20px; box-shadow:var(--sh)}
.seg h3{font-size:1.08rem; font-weight:600}
.seg p{margin-top:8px; color:var(--body); font-size:.94rem}
@media (max-width:940px){ .grid4{grid-template-columns:repeat(2,1fr)} }
@media (max-width:520px){ .grid4{grid-template-columns:1fr} }

/* rental */
.rent{display:grid; grid-template-columns:1.1fr .9fr; gap:0; border:1px solid var(--line); border-radius:var(--r); overflow:hidden; box-shadow:var(--sh)}
.rent-a{background:#fff; padding:38px 34px}
.rent-b{background:var(--navy); color:#fff; padding:38px 34px}
.rent-b h3{color:#fff; font-size:1.1rem; font-weight:600; margin-bottom:16px}
.rent-b li{display:flex; align-items:center; gap:10px; padding-block:8px; border-bottom:1px solid rgba(255,255,255,.12); color:#D3E3F2}
.rent-b li:last-child{border-bottom:0}
.rent-b svg{width:17px; height:17px; color:#8FC4EE; flex:0 0 auto}
.tagline{display:inline-block; background:var(--sky); color:var(--navy); font-family:"Rubik",sans-serif; font-weight:600; font-size:.78rem; letter-spacing:.08em; padding:5px 12px; border-radius:4px; margin-bottom:14px}
.rent-a h3{font-size:1.42rem; font-weight:700}
.rent-a p{margin-top:12px; color:var(--body)}
@media (max-width:860px){ .rent{grid-template-columns:1fr} }

/* about */
.about{display:grid; grid-template-columns:1.25fr .75fr; gap:48px; align-items:start}
.about .txt p + p{margin-top:15px}
.about .txt p{color:var(--body)}
.factbox{background:#fff; border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--sh); overflow:hidden}
.factbox h3{background:var(--navy); color:#fff; font-size:1.02rem; font-weight:600; padding:16px 22px}
.factbox dl{margin:0; padding:8px 22px 18px}
.factbox div{padding-block:12px; border-bottom:1px dashed var(--line)}
.factbox div:last-child{border-bottom:0}
.factbox dt{font-size:.8rem; color:var(--body); font-family:"Rubik",sans-serif; letter-spacing:.05em}
.factbox dd{margin:3px 0 0; font-weight:700; color:var(--navy)}
@media (max-width:860px){ .about{grid-template-columns:1fr; gap:32px} }

/* faq */
.faq{max-width:880px; margin-inline:auto; border:1px solid var(--line); border-radius:var(--r); overflow:hidden; background:#fff}
.faq details{border-bottom:1px solid var(--line)}
.faq details:last-child{border-bottom:0}
.faq summary{
  display:flex; align-items:center; gap:12px; padding:19px 22px; cursor:pointer;
  font-family:"Rubik",sans-serif; font-weight:600; font-size:1.03rem; color:var(--navy); list-style:none;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+"; margin-inline-start:auto; font-size:1.5rem; font-weight:400; color:var(--blue); line-height:1}
.faq details[open] summary::after{content:"−"}
.faq summary:hover{background:var(--alt)}
.faq .ans{padding:0 22px 20px; color:var(--body)}

/* contact */
.contact{display:grid; grid-template-columns:.95fr 1.05fr; gap:44px; align-items:start}
.cinfo li{display:flex; gap:14px; padding:16px 0; border-bottom:1px solid var(--line)}
.cinfo li:last-child{border-bottom:0}
.cinfo .ic{flex:0 0 auto; width:44px; height:44px; border-radius:var(--r); background:var(--sky); display:grid; place-items:center}
.cinfo .ic svg{width:21px; height:21px; color:var(--blue)}
.cinfo dt{font-size:.82rem; color:var(--body); font-family:"Rubik",sans-serif; letter-spacing:.05em}
.cinfo dd{margin:2px 0 0; font-weight:700; font-size:1.06rem; color:var(--navy)}
.cinfo dd a:hover{color:var(--blue); text-decoration:underline}
.cinfo .ltr{direction:ltr; unicode-bidi:plaintext; display:inline-block}
.cform{background:#fff; border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--sh); overflow:hidden}
.cform .lead-h{background:var(--navy)}
.cform form{padding:24px}
.two{display:grid; grid-template-columns:1fr 1fr; gap:13px}
@media (max-width:860px){ .contact{grid-template-columns:1fr; gap:32px} .two{grid-template-columns:1fr} }

/* footer */
.ftr{background:var(--navy-2); color:rgba(255,255,255,.74); padding-block:44px 0; font-size:.93rem}
.ftr-grid{display:grid; grid-template-columns:1.5fr .8fr 1.1fr; gap:40px; padding-bottom:34px}
.ftr h4{color:#fff; font-size:1rem; font-weight:600; margin-bottom:16px}
.ftr .brand .wm{background-image:var(--wm-l)}
.ftr li{padding-block:5px}
.ftr a:hover{color:#fff; text-decoration:underline}
.ftr .about-f{margin-top:16px; color:rgba(255,255,255,.6); font-size:.93rem}
.social{display:flex; gap:9px; margin-top:18px}
.social a{width:38px; height:38px; border:1px solid rgba(255,255,255,.16); border-radius:var(--r); display:grid; place-items:center}
.social a:hover{background:var(--blue); border-color:var(--blue); color:#fff}
.social svg{width:17px; height:17px}
.ftr-bot{border-top:1px solid rgba(255,255,255,.12); padding-block:20px; display:flex; flex-wrap:wrap; gap:10px 22px; align-items:center; font-size:.88rem; color:rgba(255,255,255,.56)}
.legal{display:flex; flex-wrap:wrap; gap:6px 18px; margin-inline-start:auto}
.legal button{background:none; border:0; color:rgba(255,255,255,.56); padding:0; text-decoration:underline}
.legal button:hover{color:#fff}
@media (max-width:940px){ .ftr-grid{grid-template-columns:1fr 1fr; gap:28px} }
@media (max-width:600px){ .ftr-grid{grid-template-columns:1fr} .legal{margin-inline-start:0} }

/* floating */
.fab{position:fixed; z-index:80; width:56px; height:56px; border-radius:50%; display:grid; place-items:center; box-shadow:0 6px 20px rgba(0,0,0,.28); border:0}
.fab-wa{inset-block-end:22px; inset-inline-end:22px; background:var(--wa); color:#fff}
.fab-wa svg{width:29px; height:29px}
.fab-a11y{inset-block-end:22px; inset-inline-start:22px; background:var(--navy); color:#fff}
.fab-a11y svg{width:28px; height:28px}
@media (max-width:520px){ .fab{width:50px; height:50px} }

/* a11y panel */
.a11y{
  position:fixed; z-index:95; inset-block-end:90px; inset-inline-start:22px; width:290px; max-width:calc(100vw - 44px);
  background:#fff; border:1px solid var(--line); border-radius:var(--r); box-shadow:0 20px 50px -14px rgba(0,0,0,.4); display:none;
}
.a11y.open{display:block}
.a11y h3{background:var(--navy); color:#fff; font-size:1rem; font-weight:600; padding:14px 18px; display:flex; align-items:center; gap:9px; border-radius:7px 7px 0 0}
.a11y h3 button{margin-inline-start:auto; background:none; border:0; color:#fff; font-size:1.3rem; line-height:1; padding:0 2px}
.a11y .opts{padding:12px; display:grid; gap:7px}
.a11y .opts button{
  display:flex; align-items:center; gap:10px; width:100%; text-align:start; padding:10px 12px;
  background:var(--alt); border:1px solid var(--line); border-radius:6px; color:var(--ink); font-size:.94rem; font-weight:600;
}
.a11y .opts button:hover{border-color:var(--blue); color:var(--blue)}
.a11y .opts button[aria-pressed="true"]{background:var(--sky); border-color:var(--blue); color:var(--navy)}
.a11y .opts svg{width:17px; height:17px; color:var(--blue); flex:0 0 auto}
.a11y .foot{padding:0 12px 14px; font-size:.8rem; color:var(--body)}
.a11y .foot button{background:none; border:0; color:var(--blue); text-decoration:underline; padding:0}

/* a11y modes */
html.a11y-contrast{filter:contrast(1.35)}
html.a11y-gray{filter:grayscale(1)}
html.a11y-contrast.a11y-gray{filter:contrast(1.35) grayscale(1)}
html.a11y-links a{text-decoration:underline !important; font-weight:700 !important}
html.a11y-readable body,html.a11y-readable h1,html.a11y-readable h2,html.a11y-readable h3,
html.a11y-readable h4,html.a11y-readable .btn,html.a11y-readable input,html.a11y-readable select{
  font-family:Arial,"Segoe UI",sans-serif !important; letter-spacing:.02em !important;
}
html.a11y-nomotion *{animation:none !important; transition:none !important; scroll-behavior:auto !important}

/* cookie */
.cookie{
  position:fixed; z-index:90; inset-block-end:0; inset-inline:0; background:#fff;
  border-top:3px solid var(--blue); box-shadow:0 -8px 30px rgba(14,52,98,.16); padding:18px 0; display:none;
}
.cookie.show{display:block}
.cookie-in{display:flex; align-items:center; gap:20px; flex-wrap:wrap}
.cookie p{color:var(--body); font-size:.94rem; flex:1 1 380px}
.cookie p b{color:var(--navy)}
.cookie .acts{display:flex; gap:10px; flex-wrap:wrap}
@media (max-width:520px){ .cookie .acts{width:100%} .cookie .acts .btn{flex:1} }

/* modal */
.modal{position:fixed; inset:0; z-index:100; background:rgba(10,25,45,.62); display:none; padding:24px; overflow-y:auto}
.modal.open{display:block}
.modal-box{background:#fff; max-width:760px; margin:32px auto; border-radius:var(--r); box-shadow:0 30px 70px rgba(0,0,0,.45)}
.modal-h{position:sticky; top:0; background:var(--navy); color:#fff; padding:18px 26px; border-radius:7px 7px 0 0; display:flex; align-items:center; gap:14px}
.modal-h h3{color:#fff; font-size:1.15rem; font-weight:600}
.modal-h button{margin-inline-start:auto; background:none; border:0; color:#fff; font-size:1.6rem; line-height:1; padding:0 4px}
.modal-b{padding:26px 30px 34px; color:var(--body); font-size:.99rem}
.modal-b h4{font-size:1.03rem; margin:22px 0 8px; color:var(--navy)}
.modal-b h4:first-child{margin-top:0}
.modal-b p + p{margin-top:10px}
.modal-b ul{list-style:disc; padding-inline-start:22px; margin-top:8px}
.modal-b li{padding-block:3px}
.modal-b .upd{margin-top:26px; padding-top:14px; border-top:1px solid var(--line); font-size:.87rem}

@media (prefers-reduced-motion: reduce){ *{animation:none !important; transition:none !important} html{scroll-behavior:auto} }


/* ============ draft notice + placeholders (removed once details arrive) ============ */
.draft{background:#2B2119; color:#FFDE7A; border-bottom:3px solid #E8B400; font-size:.92rem}
.draft-in{display:flex; align-items:flex-start; gap:14px; padding-block:13px}
.draft svg{width:22px; height:22px; flex:0 0 auto; margin-top:2px; color:#FFC42B}
.draft b{color:#fff; font-family:"Rubik",sans-serif; font-weight:600; display:block; margin-bottom:3px}
.draft p{color:#E8D7B4; line-height:1.55}
.todo{
  background:#FFF0B8; color:#6B4E00; border-bottom:2px dotted #B4880B;
  padding:0 5px; border-radius:3px; font-weight:700; white-space:nowrap;
  direction:rtl; unicode-bidi:isolate; font-size:.94em;
}

/* ============ branches ============ */
.branches{display:grid; grid-template-columns:1fr 1fr; gap:20px}
.branch{background:#fff; border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--sh); overflow:hidden; display:flex; flex-direction:column}
.branch-h{background:var(--navy); color:#fff; padding:17px 22px; display:flex; align-items:center; gap:11px}
.branch-h svg{width:20px; height:20px; color:#fff; opacity:.8; flex:0 0 auto}
.branch-h b{font-family:"Rubik",sans-serif; font-size:1.14rem; font-weight:600}
.branch-b{padding:20px 22px 22px; display:flex; flex-direction:column; gap:12px; flex:1}
.branch-b .addr{font-size:1.04rem; font-weight:700; color:var(--navy)}
.branch-b .near{color:var(--body); font-size:.94rem; margin-top:2px}
.branch-b .acts{margin-top:auto; display:flex; gap:10px; flex-wrap:wrap; padding-top:6px}
@media (max-width:760px){ .branches{grid-template-columns:1fr} }

/* ============ process steps ============ */
.steps{display:grid; grid-template-columns:repeat(4,1fr); gap:20px; counter-reset:st}
.step{position:relative; background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:26px 20px 22px; box-shadow:var(--sh)}
.step::before{
  counter-increment:st; content:counter(st);
  position:absolute; top:-15px; inset-inline-start:20px;
  width:34px; height:34px; border-radius:50%; background:var(--blue); color:#fff;
  font-family:"Rubik",sans-serif; font-weight:600; font-size:1rem;
  display:grid; place-items:center; box-shadow:0 4px 10px -3px rgba(0,0,0,.35);
}
.step h3{font-size:1.06rem; font-weight:600; margin-top:6px}
.step p{margin-top:8px; color:var(--body); font-size:.94rem}
@media (max-width:900px){ .steps{grid-template-columns:repeat(2,1fr)} }
@media (max-width:520px){ .steps{grid-template-columns:1fr} }


/* brand lockup proportions */
.brand .wm{height:24px; aspect-ratio:404/79}
@media (max-width:1080px){ .brand .wm{height:21px} }
.hero{background:var(--navy) linear-gradient(158deg,#00647C 0%,#003F50 100%)}
.hero-art .halo{background:radial-gradient(circle,rgba(120,200,220,.26),rgba(120,200,220,0) 66%)}

:root{
  --mark:url("../img/mark.webp");
  --wm-d:url("../img/wordmark-dark.webp");
  --wm-l:url("../img/wordmark-light.webp");
}

a.svc{display:block; color:inherit}
.pagehead{background:var(--navy); color:#fff; padding:34px 0 30px}
.pagehead h1{color:#fff; font-size:clamp(1.7rem,3vw,2.35rem)}
.pagehead p{color:#D5E4EA; margin-top:10px; max-width:64ch}
.crumbs{display:flex; flex-wrap:wrap; gap:6px; align-items:center; font-size:.86rem; color:#C9DCE3; margin-bottom:12px}
.crumbs a{color:#fff; text-decoration:underline}
.prose{max-width:68ch}
.prose p+p,.prose ul+p,.prose p+ul,.prose h2+p,.prose h3+p{margin-top:12px}
.prose h2{font-size:1.35rem; margin:26px 0 8px; color:var(--navy)}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:1.12rem; margin:20px 0 8px; color:var(--navy)}
.prose ul{list-style:disc; padding-inline-start:22px}
.prose li{margin:6px 0; color:var(--body)}
.prose p{color:var(--body); font-size:1.05rem; line-height:1.75}
.page-split{display:grid; grid-template-columns:minmax(0,1.7fr) minmax(230px,.78fr); gap:28px 36px; align-items:start}
.pitch{background:var(--sky); border:1px solid var(--line); border-radius:14px; padding:18px 18px 8px}
.pitch h2{font-size:1.2rem; margin:0 0 6px; color:var(--navy)}
.pitch ul{list-style:none; padding:0; margin:8px 0 10px}
.pitch li{position:relative; padding-inline-start:18px; margin:11px 0; color:var(--ink); line-height:1.55}
.pitch li::before{content:""; position:absolute; inset-inline-start:0; top:.55em; width:8px; height:8px; border-radius:50%; background:var(--blue)}
.reasons{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:8px}
.reason{background:#fff; border:1px solid var(--line); border-radius:14px; padding:18px 16px}
.reason h3{margin:0 0 8px; font-size:1.08rem; color:var(--navy)}
.reason p{margin:0; color:var(--body); line-height:1.65}
@media (max-width:860px){
  .page-split,.reasons{grid-template-columns:1fr}
}
.note-miss{background:#FFF0B8; color:#6B4E00; border:1px solid #E2C56A; border-radius:8px; padding:12px 14px; margin-top:16px}
.related{margin-top:28px}
.seg-img{position:relative; overflow:hidden; background:#D3E5F5}
.seg-img img{width:100%; height:100%; object-fit:cover; aspect-ratio:620/256}
.photo{width:100%; height:auto; border-radius:var(--r); border:1px solid var(--line); box-shadow:var(--sh)}
.cta-band{display:flex; flex-wrap:wrap; gap:12px; margin-top:22px}