.q-hero{padding:clamp(4rem,8vw,6.5rem) 0 4.5rem;background:radial-gradient(circle at 85% 10%,rgba(0,130,144,.11),transparent 26%),linear-gradient(180deg,#f7fbfa,#fff)}
html[dir="rtl"] .q-hero{background:radial-gradient(circle at 15% 10%,rgba(0,130,144,.11),transparent 26%),linear-gradient(180deg,#f7fbfa,#fff)}
.q-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:2.75rem;align-items:center}.q-hero h1{font-family:var(--font-en-display);font-size:clamp(3rem,6vw,5.5rem);line-height:.98;color:var(--sahtna-ink);margin:.8rem 0 1.3rem}html[lang="ar"] .q-hero h1{font-family:var(--font-ar);line-height:1.08}.q-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.8rem}.q-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:2rem}.q-proof>div{background:#fff;border:1px solid var(--sahtna-line);border-radius:var(--radius-md);padding:1.05rem}.q-proof b{display:block;font-size:1.4rem;color:var(--sahtna-ink)}.q-proof span{font-size:.86rem;color:var(--sahtna-muted)}.q-hero-panel{background:var(--sahtna-ink);color:#fff;border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-md)}.q-hero-panel h2{font-size:1.7rem;margin:.6rem 0 1rem}.q-hero-panel p{color:#d5e5e3;line-height:1.75}.q-hero-panel .q-address{padding-top:1.1rem;margin-top:1.1rem;border-top:1px solid rgba(255,255,255,.15)}
.q-section-head{display:grid;grid-template-columns:.34fr 1fr;gap:2rem;margin-bottom:2rem}.q-section-head .q-title{margin:0}.q-section-head p{line-height:1.8;max-width:820px}.q-step-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem;margin-top:2rem}.q-step{border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-md);padding:1.1rem;min-height:160px}.q-step span{color:#91d7d2;font-size:.78rem;font-weight:800}.q-step b{display:block;margin:.75rem 0 .45rem}.q-step p{font-size:.88rem;line-height:1.6;color:#c9d8d7}.q-chip-row{display:flex;flex-wrap:wrap;gap:.6rem}.q-chip{padding:.6rem .85rem;background:var(--sahtna-surface);border-radius:var(--radius-pill);font-weight:800;color:var(--sahtna-ink)}.q-list{margin:0;padding-inline-start:1.2rem}.q-list li{margin:.55rem 0;line-height:1.65}.q-contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:1.25rem}.q-contact-list{display:grid;gap:.55rem}.q-contact-list a{color:var(--sahtna-teal);font-weight:800;text-decoration:none}.q-table{width:100%;border-collapse:collapse}.q-table th,.q-table td{text-align:start;padding:.9rem;border-bottom:1px solid var(--sahtna-line);vertical-align:top}.q-table th{color:var(--sahtna-ink);font-size:.85rem}.q-notice{border-inline-start:4px solid var(--sahtna-yellow);background:#fffaf0;padding:1rem 1.1rem;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.q-page-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.5rem}
@media(max-width:980px){.q-hero-grid,.q-section-head,.q-contact-grid{grid-template-columns:1fr}.q-grid--3{grid-template-columns:1fr 1fr}.q-step-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.q-proof,.q-grid--3,.q-step-grid{grid-template-columns:1fr}.q-hero h1{font-size:clamp(2.65rem,14vw,4rem)}}

/* Qatar interim — Company Profile visibility */
.q-profile-section{background:#fff}.q-profile-band{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:stretch;border:1px solid var(--sahtna-line);border-radius:var(--radius-xl);padding:clamp(1.5rem,4vw,2.75rem);background:linear-gradient(135deg,#fff 0%,var(--sahtna-surface) 100%);overflow:hidden}.q-profile-copy{align-self:center}.q-profile-copy .q-title{margin:.55rem 0 1rem}.q-profile-copy>p{max-width:720px;line-height:1.8}.q-profile-cover{min-height:310px;border-radius:var(--radius-lg);padding:clamp(1.5rem,4vw,2.5rem);background:linear-gradient(155deg,var(--sahtna-teal-dark),var(--sahtna-ink));color:#fff;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.q-profile-cover:before,.q-profile-cover:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.15);border-radius:50%}.q-profile-cover:before{width:220px;height:220px;inset-inline-end:-80px;top:-70px}.q-profile-cover:after{width:120px;height:120px;inset-inline-end:52px;top:46px}.q-profile-cover span{position:relative;z-index:1;font-size:.82rem;font-weight:800;letter-spacing:.12em;color:#9de0da}.q-profile-cover strong{position:relative;z-index:1;display:block;font-family:var(--font-en-display);font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;margin:.55rem 0 .8rem}html[lang="ar"] .q-profile-cover strong{font-family:var(--font-ar);line-height:1.2}.q-profile-cover small{position:relative;z-index:1;max-width:310px;line-height:1.6;color:#d6e8e6}

/* Qatar contact — corporate-family composition, Qatar-specific DNA */
.q-contact-hero{padding:clamp(3.75rem,8vw,6rem) 0 3.75rem;background:radial-gradient(circle at 86% 12%,rgba(0,130,144,.12),transparent 28%),linear-gradient(180deg,#f7fbfa,#fff)}html[dir="rtl"] .q-contact-hero{background:radial-gradient(circle at 14% 12%,rgba(0,130,144,.12),transparent 28%),linear-gradient(180deg,#f7fbfa,#fff)}.q-contact-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2.25rem;align-items:center}.q-contact-hero h1{font-family:var(--font-en-display);font-size:clamp(2.8rem,5.7vw,5rem);line-height:1;color:var(--sahtna-ink);margin:.75rem 0 1.1rem;max-width:850px}html[lang="ar"] .q-contact-hero h1{font-family:var(--font-ar);line-height:1.12}.q-contact-hero .q-lead{max-width:780px}.q-contact-hero-status{display:flex;gap:.55rem;flex-wrap:wrap;margin:1.25rem 0 1.5rem}.q-status-chip{display:inline-flex;align-items:center;min-height:38px;padding:.5rem .75rem;border:1px solid var(--sahtna-line);background:#fff;border-radius:var(--radius-pill);font-size:.8rem;font-weight:800;color:var(--sahtna-ink)}.q-contact-proof{background:var(--sahtna-ink);color:#fff;border-radius:var(--radius-xl);padding:clamp(1.5rem,4vw,2.3rem);box-shadow:var(--shadow-md)}.q-contact-proof .q-eyebrow{color:#91d7d2}.q-contact-proof h2{font-size:clamp(1.6rem,3vw,2.35rem);line-height:1.15;margin:.65rem 0 .8rem}.q-contact-proof p{color:#d4e5e3;line-height:1.75}.q-contact-proof ul{margin:1.2rem 0 0;padding-inline-start:1.2rem;color:#fff}.q-contact-proof li{margin:.55rem 0;line-height:1.55}
@media(max-width:980px){.q-profile-band,.q-contact-hero-grid{grid-template-columns:1fr}.q-profile-cover{min-height:250px}}
@media(max-width:650px){.q-profile-band{padding:1.15rem}.q-profile-cover{min-height:220px}.q-contact-hero{padding-top:3rem}}


/* =========================================================
   Qatar Home — Full-page visual & UX pass
   Preserves shared tokens/shell; establishes Qatar-specific DNA.
   ========================================================= */
.q-home-hero{padding:clamp(4.5rem,8vw,7rem) 0 4rem;background:radial-gradient(circle at 84% 8%,rgba(0,130,144,.13),transparent 30%),linear-gradient(180deg,#f5fbfa 0%,#fff 78%)}
html[dir="rtl"] .q-home-hero{background:radial-gradient(circle at 16% 8%,rgba(0,130,144,.13),transparent 30%),linear-gradient(180deg,#f5fbfa 0%,#fff 78%)}
.q-home-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}
.q-home-hero h1{font-family:var(--font-en-display);font-size:clamp(3.2rem,6vw,5.8rem);line-height:.98;letter-spacing:-.045em;color:var(--sahtna-ink);margin:.8rem 0 1.25rem;max-width:900px}
html[lang="ar"] .q-home-hero h1{font-family:var(--font-ar);line-height:1.08;letter-spacing:0;max-width:860px}
.q-home-hero .q-lead{font-size:clamp(1rem,1.35vw,1.13rem);max-width:760px}
.q-trust-rail{display:grid;grid-template-columns:.62fr 1.7fr .68fr;margin-top:2rem;border-block:1px solid var(--sahtna-line)}
.q-trust-rail>div{padding:1rem 1.1rem;border-inline-end:1px solid var(--sahtna-line)}
.q-trust-rail>div:last-child{border-inline-end:0}
.q-trust-rail span{display:block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--sahtna-muted);margin-bottom:.35rem}
html[lang="ar"] .q-trust-rail span{text-transform:none;letter-spacing:0}
.q-trust-rail strong{display:block;color:var(--sahtna-ink);font-size:clamp(.95rem,1.35vw,1.14rem);line-height:1.35}
.q-operating-visual{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--sahtna-ink),var(--sahtna-ink-deep));color:#fff;border-radius:var(--radius-xl);padding:clamp(1.5rem,3vw,2.35rem);min-height:500px;box-shadow:var(--shadow-md);isolation:isolate}
.q-operating-visual:before,.q-operating-visual:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.11);border-radius:50%;z-index:-1}.q-operating-visual:before{width:320px;height:320px;inset-inline-end:-120px;top:-85px}.q-operating-visual:after{width:190px;height:190px;inset-inline-end:8px;top:48px}
.q-operating-kicker{font-size:.73rem;font-weight:800;letter-spacing:.12em;color:#91d7d2;margin-bottom:2rem}
html[lang="ar"] .q-operating-kicker{letter-spacing:.02em}
.q-operating-hub{position:relative;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-lg);padding:1.35rem 1.35rem 1.35rem 2rem;background:rgba(255,255,255,.06);backdrop-filter:blur(8px)}
html[dir="rtl"] .q-operating-hub{padding:1.35rem 2rem 1.35rem 1.35rem}
.q-operating-dot{position:absolute;inset-inline-start:.9rem;top:1.65rem;width:8px;height:8px;border-radius:50%;background:var(--sahtna-yellow);box-shadow:0 0 0 6px rgba(244,197,66,.12)}
.q-operating-hub small,.q-operating-nodes small{display:block;color:#8ed8d2;font-size:.72rem;font-weight:800;letter-spacing:.08em}.q-operating-hub strong{display:block;font-size:1.45rem;margin:.35rem 0}.q-operating-hub em{font-style:normal;color:#c9dddb;font-size:.88rem}
.q-operating-line{height:42px;width:1px;background:linear-gradient(rgba(145,215,210,.7),rgba(145,215,210,.12));margin:auto}
.q-operating-nodes{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.q-operating-nodes>div{border:1px solid rgba(255,255,255,.13);border-radius:var(--radius-md);padding:1rem;background:rgba(255,255,255,.035)}
.q-operating-nodes strong{display:block;font-size:1rem;margin:.35rem 0 .5rem}.q-operating-nodes span{display:block;color:#c9dddb;font-size:.78rem;line-height:1.55}
.q-operating-channels{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:1rem}.q-operating-channels span{font-size:.72rem;font-weight:800;padding:.38rem .62rem;border-radius:var(--radius-pill);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:#fff}

.q-editorial-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,6vw,5rem);align-items:start}.q-editorial-copy{padding-top:.35rem}.q-story-lead{font-size:clamp(1.1rem,1.7vw,1.35rem);line-height:1.75;color:var(--sahtna-ink);margin-top:0}.q-story-proof{display:grid;margin-top:1.6rem;border-top:1px solid var(--sahtna-line)}.q-story-proof>div{display:grid;grid-template-columns:.34fr 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--sahtna-line)}.q-story-proof strong{color:var(--sahtna-ink)}.q-story-proof span{line-height:1.65}

.q-network-board{display:grid;grid-template-columns:minmax(300px,.88fr) 70px minmax(0,1.12fr);gap:0;align-items:stretch}.q-network-hub{background:var(--sahtna-ink);color:#fff;border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-sm)}.q-network-label{font-size:.7rem;font-weight:800;letter-spacing:.08em;color:#7fcfc9;margin-bottom:.75rem}.q-network-hub h3,.q-network-nodes h3{font-size:1.55rem;margin:.2rem 0 .5rem}.q-network-hub p{color:#d7e6e4}.q-network-meta{font-size:.8rem;font-weight:800;color:var(--sahtna-yellow);margin:.85rem 0 1rem}.q-network-hub ul{margin:0;padding-inline-start:1.1rem;color:#d7e6e4}.q-network-hub li{margin:.45rem 0}.q-network-connector{display:grid;place-items:center}.q-network-connector span{width:100%;height:1px;background:linear-gradient(90deg,rgba(0,130,144,.15),rgba(0,130,144,.8),rgba(0,130,144,.15));position:relative}.q-network-connector span:after{content:"";position:absolute;inset-inline-end:0;top:50%;width:8px;height:8px;border-radius:50%;background:var(--sahtna-yellow);transform:translateY(-50%)}.q-network-nodes{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.q-network-nodes article{background:#fff;border:1px solid var(--sahtna-line);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:0 10px 30px rgba(0,56,61,.035)}.q-network-nodes article .q-network-label{color:var(--sahtna-teal)}.q-network-nodes h3{color:var(--sahtna-ink)}.q-network-nodes p{line-height:1.6}.q-network-nodes article>span{display:block;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--sahtna-line);font-size:.85rem;line-height:1.55;color:var(--sahtna-muted)}

.q-capability-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:1.25rem}.q-capability-feature{background:linear-gradient(145deg,var(--sahtna-teal-dark),var(--sahtna-ink));color:#fff;border-radius:var(--radius-xl);padding:clamp(1.7rem,4vw,2.6rem);min-height:390px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.q-capability-feature:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;border:1px solid rgba(255,255,255,.12);inset-inline-end:-70px;top:-80px}.q-capability-feature>span{font-size:.72rem;font-weight:800;letter-spacing:.1em;color:#9de0da}.q-capability-feature h3{font-size:clamp(2rem,4vw,3.2rem);margin:.7rem 0 .8rem}.q-capability-feature p{color:#d4e5e3;line-height:1.75;max-width:560px}.q-capability-proof{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.16);color:#fff;font-size:.85rem;font-weight:700}.q-capability-list{display:grid;border-top:1px solid var(--sahtna-line)}.q-capability-list article{display:grid;grid-template-columns:54px 1fr;gap:1rem;padding:1.15rem 0;border-bottom:1px solid var(--sahtna-line);align-items:start}.q-capability-list b{font-family:var(--font-en-display);font-size:1rem;color:var(--sahtna-teal)}.q-capability-list h3{margin:0 0 .35rem;color:var(--sahtna-ink);font-size:1.12rem}.q-capability-list p{margin:0;line-height:1.6}

.q-eyebrow--light{color:#91d7d2!important}.q-flow{display:grid;grid-template-columns:1fr 18px 1fr 18px 1fr 18px 1fr 18px 1fr 18px 1fr;gap:.2rem;align-items:stretch;margin-top:2.4rem}.q-flow>div{border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-md);padding:1.2rem;background:rgba(255,255,255,.025);min-height:170px}.q-flow>div span{font-size:.72rem;font-weight:800;color:#91d7d2}.q-flow>div strong{display:block;color:#fff;margin:.7rem 0 .45rem;line-height:1.25}.q-flow>div p{margin:0;color:#bdd0ce;font-size:.82rem;line-height:1.55}.q-flow>i{position:relative}.q-flow>i:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(145,215,210,.45)}.q-flow>i:after{content:"";position:absolute;inset-inline-end:0;top:50%;width:5px;height:5px;border-radius:50%;background:var(--sahtna-yellow);transform:translateY(-50%)}

.q-quality-layout{display:grid;grid-template-columns:1fr 1fr .86fr;gap:1rem}.q-quality-cert{background:#fff;border:1px solid var(--sahtna-line);border-radius:var(--radius-lg);padding:1.7rem}.q-quality-cert>span{font-size:.7rem;font-weight:800;letter-spacing:.08em;color:var(--sahtna-teal)}.q-quality-cert>strong{display:block;font-family:var(--font-en-display);font-size:clamp(2.1rem,4vw,3.6rem);color:var(--sahtna-ink);line-height:1;margin:.8rem 0 1rem}.q-quality-cert p{line-height:1.7;margin-bottom:0}.q-quality-governance{background:var(--sahtna-ink);color:#fff;border-radius:var(--radius-lg);padding:1.7rem}.q-status-dot{width:10px;height:10px;border-radius:50%;background:var(--sahtna-yellow);box-shadow:0 0 0 6px rgba(244,197,66,.12);margin-bottom:1.2rem}.q-quality-governance h3{font-size:1.35rem;margin:0 0 .7rem}.q-quality-governance p{color:#cbdcda;line-height:1.7}.q-quality-governance a{color:#fff;font-weight:800;text-decoration:none}

.q-channel-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:1rem}.q-channel-current{border:1px solid var(--sahtna-line);border-radius:var(--radius-xl);padding:1.6rem}.q-channel-label{display:block;font-size:.72rem;font-weight:800;letter-spacing:.08em;color:var(--sahtna-muted);margin-bottom:1rem}.q-channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.q-channel-grid div{display:grid;place-items:center;min-height:105px;border-radius:var(--radius-md);background:var(--sahtna-surface);font-family:var(--font-en-display);font-size:1.2rem;font-weight:800;color:var(--sahtna-ink);border:1px solid transparent}.q-channel-next{border-radius:var(--radius-xl);padding:1.6rem;background:#fffaf0;border:1px solid rgba(244,197,66,.5)}.q-channel-next>span{display:inline-block;font-size:.68rem;font-weight:900;letter-spacing:.08em;padding:.35rem .55rem;border-radius:var(--radius-pill);background:var(--sahtna-yellow);color:var(--sahtna-ink)}.q-channel-next strong{display:block;font-size:1.4rem;color:var(--sahtna-ink);margin:1rem 0 .6rem}.q-channel-next p{line-height:1.65;margin:0}

.q-profile-band--home{box-shadow:0 18px 55px rgba(0,56,61,.045)}
.q-contact-bridge{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.q-contact-bridge>a{display:flex;flex-direction:column;min-height:190px;border:1px solid var(--sahtna-line);border-radius:var(--radius-lg);padding:1.35rem;background:#fff;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.q-contact-bridge>a:hover{transform:translateY(-3px);border-color:rgba(0,130,144,.45);box-shadow:var(--shadow-sm)}.q-contact-bridge span{font-size:.68rem;font-weight:800;letter-spacing:.08em;color:var(--sahtna-teal)}.q-contact-bridge strong{display:block;margin:auto 0 .55rem;color:var(--sahtna-ink);font-size:1.12rem;overflow-wrap:anywhere}.q-contact-bridge small{color:var(--sahtna-muted);line-height:1.5}

@media(max-width:1100px){
 .q-home-hero-grid{grid-template-columns:1fr .9fr}.q-home-hero h1{font-size:clamp(3rem,6.5vw,4.8rem)}
 .q-network-board{grid-template-columns:.9fr 44px 1.1fr}
 .q-flow{grid-template-columns:repeat(3,1fr);gap:.75rem}.q-flow>i{display:none}
 .q-quality-layout{grid-template-columns:1fr 1fr}.q-quality-governance{grid-column:1/-1}
}
@media(max-width:900px){
 .q-home-hero-grid,.q-editorial-grid,.q-capability-layout,.q-channel-layout{grid-template-columns:1fr}
 .q-operating-visual{min-height:auto}
 .q-network-board{grid-template-columns:1fr;gap:1rem}.q-network-connector{height:28px}.q-network-connector span{width:1px;height:100%;background:linear-gradient(rgba(0,130,144,.15),rgba(0,130,144,.8),rgba(0,130,144,.15))}.q-network-connector span:after{inset-inline-end:auto;left:50%;top:auto;bottom:0;transform:translateX(-50%)}
 .q-network-nodes{grid-template-columns:1fr 1fr}
 .q-contact-bridge{grid-template-columns:1fr 1fr}.q-contact-bridge>a:last-child{grid-column:1/-1}
}
@media(max-width:650px){
 .q-home-hero{padding:3.35rem 0 3rem}.q-home-hero h1{font-size:clamp(2.6rem,13vw,3.75rem)}
 .q-trust-rail{grid-template-columns:1fr}.q-trust-rail>div{border-inline-end:0;border-bottom:1px solid var(--sahtna-line);padding-inline:.2rem}.q-trust-rail>div:last-child{border-bottom:0}
 .q-operating-nodes,.q-network-nodes,.q-quality-layout,.q-channel-grid,.q-contact-bridge{grid-template-columns:1fr}
 .q-story-proof>div{grid-template-columns:1fr;gap:.3rem}
 .q-flow{grid-template-columns:1fr}.q-flow>div{min-height:auto}
 .q-quality-governance,.q-contact-bridge>a:last-child{grid-column:auto}
 .q-contact-bridge>a{min-height:150px}
}


/* =========================================================
   Qatar Home — Visual Spirit Layer
   Character only. The approved information architecture remains frozen.
   ========================================================= */
.q-home{--q-spirit-teal:rgba(0,130,144,.12);--q-spirit-gold:rgba(244,197,66,.22)}
.q-home>section{position:relative;isolation:isolate}
.q-home>section:not(.q-home-hero)::before{content:"";position:absolute;inset-inline-start:max(18px,calc((100vw - var(--container))/2));top:0;width:58px;height:2px;background:linear-gradient(90deg,var(--sahtna-yellow),var(--sahtna-teal));opacity:.75}
html[dir="rtl"] .q-home>section:not(.q-home-hero)::before{background:linear-gradient(270deg,var(--sahtna-yellow),var(--sahtna-teal))}
.q-home .q-eyebrow{display:inline-flex;align-items:center;gap:.55rem}
.q-home .q-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sahtna-yellow);box-shadow:0 0 0 5px rgba(244,197,66,.12);flex:0 0 auto}
.q-home .q-eyebrow--light::before{box-shadow:0 0 0 5px rgba(244,197,66,.16)}

.q-home-hero{overflow:hidden}
.q-home-hero::before{content:"";position:absolute;width:clamp(360px,42vw,660px);height:clamp(360px,42vw,660px);border-radius:50%;inset-inline-end:-18vw;top:-26vw;border:1px solid rgba(0,130,144,.13);box-shadow:0 0 0 54px rgba(0,130,144,.025),0 0 0 110px rgba(0,130,144,.018);z-index:-1}
.q-home-hero::after{content:"";position:absolute;inset-inline-end:clamp(18px,5vw,74px);top:clamp(28px,6vw,88px);width:clamp(62px,8vw,104px);aspect-ratio:1;background:url("/assets/brand/sahtna-favicon.svg") center/contain no-repeat;opacity:.075;filter:saturate(.9);z-index:-1}
.q-home-hero-copy{position:relative}
.q-home-hero-copy::after{content:"QATAR";position:absolute;inset-inline-start:-.08em;bottom:-.68em;font-family:var(--font-en-display);font-size:clamp(4rem,10vw,9rem);font-weight:800;letter-spacing:-.06em;color:rgba(0,56,61,.025);pointer-events:none;z-index:-1}
html[lang="ar"] .q-home-hero-copy::after{content:"قطر";font-family:var(--font-ar);letter-spacing:0}

.q-operating-visual{transition:transform .45s cubic-bezier(.2,.75,.25,1),box-shadow .45s ease}
.q-operating-visual:hover{transform:translateY(-4px);box-shadow:0 28px 80px rgba(0,56,61,.16)}
.q-operating-hub,.q-operating-nodes>div{transition:background .25s ease,border-color .25s ease,transform .25s ease}
.q-operating-hub:hover,.q-operating-nodes>div:hover{background:rgba(255,255,255,.09);border-color:rgba(145,215,210,.38);transform:translateY(-2px)}
.q-operating-dot{animation:qSpiritPulse 2.8s ease-in-out infinite}
.q-operating-line{position:relative;overflow:hidden}
.q-operating-line::after{content:"";position:absolute;left:0;right:0;top:-30%;height:30%;background:linear-gradient(transparent,var(--sahtna-yellow),transparent);animation:qSpiritTravel 3.4s ease-in-out infinite}
.q-operating-channels span{transition:background .2s ease,border-color .2s ease,transform .2s ease}
.q-operating-channels span:hover{background:rgba(145,215,210,.13);border-color:rgba(145,215,210,.28);transform:translateY(-1px)}

.q-home-story{overflow:hidden}
.q-home-story::after{content:"";position:absolute;inset-inline-end:-80px;bottom:-140px;width:310px;height:310px;border-radius:50%;border:1px solid rgba(0,130,144,.08);box-shadow:0 0 0 40px rgba(0,130,144,.018);z-index:-1}
.q-story-proof>div{transition:padding-inline .25s ease,background .25s ease}
.q-story-proof>div:hover{padding-inline:.65rem;background:linear-gradient(90deg,rgba(0,130,144,.045),transparent)}
html[dir="rtl"] .q-story-proof>div:hover{background:linear-gradient(270deg,rgba(0,130,144,.045),transparent)}

.q-network-hub,.q-network-nodes article,.q-capability-feature,.q-quality-cert,.q-quality-governance,.q-channel-current,.q-channel-next,.q-profile-band--home,.q-contact-bridge>a{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.q-network-hub:hover,.q-capability-feature:hover,.q-quality-governance:hover{transform:translateY(-4px);box-shadow:0 22px 58px rgba(0,56,61,.13)}
.q-network-nodes article:hover,.q-quality-cert:hover,.q-channel-current:hover,.q-channel-next:hover,.q-profile-band--home:hover{transform:translateY(-3px);border-color:rgba(0,130,144,.3);box-shadow:0 16px 42px rgba(0,56,61,.07)}
.q-network-connector span{overflow:visible}
.q-network-connector span::before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--sahtna-teal);top:50%;inset-inline-start:0;transform:translateY(-50%);box-shadow:0 0 0 6px rgba(0,130,144,.08)}
.q-network-connector span:after{animation:qSpiritNode 2.8s ease-in-out infinite}

.q-capability-feature::after{content:"";position:absolute;width:84px;aspect-ratio:1;background:url("/assets/brand/sahtna-favicon.svg") center/contain no-repeat;opacity:.08;inset-inline-end:1.6rem;bottom:1.4rem}
.q-capability-list article{position:relative;transition:padding-inline .25s ease,background .25s ease}
.q-capability-list article::after{content:"";position:absolute;inset-inline-start:0;bottom:-1px;height:2px;width:0;background:var(--sahtna-teal);transition:width .3s ease}
.q-capability-list article:hover{padding-inline:.7rem;background:rgba(0,130,144,.028)}
.q-capability-list article:hover::after{width:44px}

.q-home-digital{overflow:hidden;background:
 radial-gradient(circle at 10% 20%,rgba(0,130,144,.18),transparent 28%),
 radial-gradient(circle at 90% 85%,rgba(244,197,66,.07),transparent 23%),
 var(--sahtna-ink)!important}
html[dir="rtl"] .q-home-digital{background:
 radial-gradient(circle at 90% 20%,rgba(0,130,144,.18),transparent 28%),
 radial-gradient(circle at 10% 85%,rgba(244,197,66,.07),transparent 23%),
 var(--sahtna-ink)!important}
.q-flow>div{transition:transform .25s ease,background .25s ease,border-color .25s ease}
.q-flow>div:hover{transform:translateY(-4px);background:rgba(255,255,255,.055);border-color:rgba(145,215,210,.32)}
.q-flow>i:after{animation:qSpiritFlow 2.4s ease-in-out infinite}
.q-flow>i:nth-of-type(2):after{animation-delay:.18s}.q-flow>i:nth-of-type(3):after{animation-delay:.36s}.q-flow>i:nth-of-type(4):after{animation-delay:.54s}.q-flow>i:nth-of-type(5):after{animation-delay:.72s}

.q-quality-cert{position:relative;overflow:hidden}
.q-quality-cert::after{content:"VERIFIED";position:absolute;inset-inline-end:-.9rem;top:1.05rem;transform:rotate(90deg);transform-origin:center;font-size:.58rem;letter-spacing:.18em;font-weight:900;color:rgba(0,130,144,.18)}
html[lang="ar"] .q-quality-cert::after{content:"معتمد";letter-spacing:.04em;font-family:var(--font-ar)}
.q-status-dot{animation:qSpiritPulse 3.2s ease-in-out infinite}

.q-channel-grid div{position:relative;overflow:hidden;transition:transform .25s ease,background .25s ease,border-color .25s ease}
.q-channel-grid div::after{content:"";position:absolute;left:18%;right:18%;bottom:0;height:2px;background:var(--sahtna-teal);transform:scaleX(0);transition:transform .25s ease}
.q-channel-grid div:hover{transform:translateY(-3px);background:#fff;border-color:rgba(0,130,144,.24)}
.q-channel-grid div:hover::after{transform:scaleX(1)}
.q-channel-next{position:relative;overflow:hidden}
.q-channel-next::after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;border:1px solid rgba(244,197,66,.45);inset-inline-end:-34px;bottom:-42px}

.q-profile-band--home{position:relative;overflow:hidden}
.q-profile-band--home::before{content:"";position:absolute;inset-inline-start:0;top:0;width:5px;height:100%;background:linear-gradient(var(--sahtna-yellow),var(--sahtna-teal))}
.q-profile-cover{transition:transform .35s ease}
.q-profile-band--home:hover .q-profile-cover{transform:translateY(-3px) rotate(-.3deg)}
html[dir="rtl"] .q-profile-band--home:hover .q-profile-cover{transform:translateY(-3px) rotate(.3deg)}

.q-contact-bridge>a{position:relative;overflow:hidden}
.q-contact-bridge>a::after{content:"↗";position:absolute;inset-inline-end:1.2rem;top:1.05rem;font-size:1.1rem;color:rgba(0,130,144,.45);transition:transform .2s ease,color .2s ease}
html[dir="rtl"] .q-contact-bridge>a::after{content:"↖"}
.q-contact-bridge>a:hover::after{transform:translate(2px,-2px);color:var(--sahtna-teal)}
html[dir="rtl"] .q-contact-bridge>a:hover::after{transform:translate(-2px,-2px)}

.q-home.q-spirit-enabled [data-q-reveal]{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.25,1)}
.q-home.q-spirit-enabled [data-q-reveal].is-visible{opacity:1;transform:none}
.q-home.q-spirit-enabled [data-q-reveal-delay="1"]{transition-delay:.07s}
.q-home.q-spirit-enabled [data-q-reveal-delay="2"]{transition-delay:.14s}
.q-home.q-spirit-enabled [data-q-reveal-delay="3"]{transition-delay:.21s}

@keyframes qSpiritPulse{0%,100%{box-shadow:0 0 0 5px rgba(244,197,66,.1)}50%{box-shadow:0 0 0 10px rgba(244,197,66,.025)}}
@keyframes qSpiritTravel{0%{transform:translateY(-160%);opacity:0}30%{opacity:1}70%{opacity:1}100%{transform:translateY(430%);opacity:0}}
@keyframes qSpiritNode{0%,100%{box-shadow:0 0 0 0 rgba(244,197,66,.08)}50%{box-shadow:0 0 0 8px rgba(244,197,66,0)}}
@keyframes qSpiritFlow{0%,100%{transform:translateY(-50%) scale(.8);opacity:.45}50%{transform:translateY(-50%) scale(1.4);opacity:1}}

@media(max-width:900px){
 .q-home-hero::after{opacity:.05}
 .q-network-connector span::before{left:50%;top:0;transform:translate(-50%,0)}
 .q-network-connector span:after{left:50%;right:auto;bottom:0;top:auto;transform:translate(-50%,0)}
 .q-quality-cert::after{display:none}
}
@media(max-width:650px){
 .q-home>section:not(.q-home-hero)::before{inset-inline-start:18px;width:42px}
 .q-home-hero-copy::after{font-size:5.4rem;bottom:-.55em}
 .q-operating-visual:hover,.q-network-hub:hover,.q-capability-feature:hover,.q-quality-governance:hover,.q-network-nodes article:hover,.q-quality-cert:hover,.q-channel-current:hover,.q-channel-next:hover,.q-profile-band--home:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
 .q-operating-dot,.q-operating-line::after,.q-network-connector span:after,.q-flow>i:after,.q-status-dot{animation:none!important}
 .q-home.q-spirit-enabled [data-q-reveal]{opacity:1!important;transform:none!important;transition:none!important}
 .q-operating-visual,.q-operating-hub,.q-operating-nodes>div,.q-network-hub,.q-network-nodes article,.q-capability-feature,.q-capability-list article,.q-flow>div,.q-quality-cert,.q-quality-governance,.q-channel-grid div,.q-channel-current,.q-channel-next,.q-profile-band--home,.q-profile-cover,.q-contact-bridge>a{transition:none!important}
}


/* =========================================================
   Qatar Target Reference Pass — image-led editorial system
   ========================================================= */
.q-ref-home{background:#fff;color:var(--sahtna-ink)}
.q-ref-home .q-section{padding:clamp(4rem,7vw,6.5rem) 0}
.q-ref-section-label,.q-ref-kicker{font-size:.72rem;font-weight:800;letter-spacing:.1em;color:var(--sahtna-teal);text-transform:uppercase}
html[lang="ar"] .q-ref-section-label,html[lang="ar"] .q-ref-kicker{letter-spacing:0;text-transform:none}
.q-ref-section-label--light{color:#8ed8d2}
.q-ref-home h2{font-family:var(--font-en-display);font-size:clamp(2.2rem,4.5vw,4.4rem);line-height:1.02;letter-spacing:-.035em;margin:.6rem 0 1rem;color:var(--sahtna-ink)}
html[lang="ar"] .q-ref-home h2{font-family:var(--font-ar);letter-spacing:0;line-height:1.16}
.q-ref-home p{line-height:1.72}
.q-btn--gold{background:var(--sahtna-yellow)!important;border-color:var(--sahtna-yellow)!important;color:var(--sahtna-ink)!important}
.q-btn--glass{background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.55)!important;color:#fff!important;backdrop-filter:blur(8px)}

.q-ref-hero{position:relative;min-height:min(820px,88vh);display:flex;align-items:center;overflow:hidden;background:var(--sahtna-ink-deep)}
.q-ref-hero-media,.q-ref-hero-overlay{position:absolute;inset:0}
.q-ref-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.04)}
.q-ref-hero-overlay{background:linear-gradient(90deg,rgba(0,43,48,.94) 0%,rgba(0,43,48,.75) 42%,rgba(0,43,48,.24) 73%,rgba(0,43,48,.16) 100%)}
html[dir="rtl"] .q-ref-hero-overlay{background:linear-gradient(270deg,rgba(0,43,48,.94) 0%,rgba(0,43,48,.75) 42%,rgba(0,43,48,.24) 73%,rgba(0,43,48,.16) 100%)}
.q-ref-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.78fr);gap:clamp(2rem,5vw,4.5rem);align-items:center;padding-block:clamp(3.5rem,7vw,6rem)}
.q-ref-hero-copy{color:#fff}
.q-ref-kicker{color:#a7e1dc}
.q-ref-hero h1{font-family:var(--font-en-display);font-size:clamp(3.2rem,6vw,6rem);line-height:.98;letter-spacing:-.055em;margin:.75rem 0 1.25rem;color:#fff;max-width:920px}
.q-ref-hero h1 span{color:var(--sahtna-yellow)}
html[lang="ar"] .q-ref-hero h1{font-family:var(--font-ar);letter-spacing:0;line-height:1.1}
.q-ref-hero-copy>p{max-width:760px;color:#e5f0ef;font-size:clamp(1rem,1.35vw,1.15rem)}
.q-ref-trustbar{display:grid;grid-template-columns:.65fr 1.65fr .7fr;margin-top:2rem;border:1px solid rgba(255,255,255,.22);border-radius:var(--radius-lg);overflow:hidden;background:rgba(0,43,48,.56);backdrop-filter:blur(12px)}
.q-ref-trustbar>div{padding:1rem 1.1rem;border-inline-end:1px solid rgba(255,255,255,.17)}
.q-ref-trustbar>div:last-child{border-inline-end:0}
.q-ref-trustbar span{display:block;color:#9fc6c2;font-size:.67rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.32rem}
html[lang="ar"] .q-ref-trustbar span{text-transform:none;letter-spacing:0}
.q-ref-trustbar strong{display:block;color:#fff;line-height:1.35;font-size:clamp(.92rem,1.2vw,1.08rem)}

.q-ref-model{background:rgba(247,255,254,.94);color:var(--sahtna-ink);border:1px solid rgba(255,255,255,.8);border-radius:30px;padding:1.3rem;box-shadow:0 30px 80px rgba(0,24,28,.32);backdrop-filter:blur(15px);transform:rotate(-.6deg)}
html[dir="rtl"] .q-ref-model{transform:rotate(.6deg)}
.q-ref-model-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.2rem .2rem 1rem;font-size:.78rem;font-weight:800;color:var(--sahtna-teal)}
.q-ref-model-head b{color:var(--sahtna-muted);font-size:.68rem;letter-spacing:.1em}
.q-ref-map{position:relative;min-height:430px;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 46% 48%,rgba(0,130,144,.11),transparent 34%),linear-gradient(160deg,#e9f7f6,#fff)}
.q-ref-map:after{content:"";position:absolute;inset:-12%;background:linear-gradient(110deg,transparent 42%,rgba(0,130,144,.04) 42%,rgba(0,130,144,.04) 43%,transparent 43%);pointer-events:none}
.q-ref-map-shape{position:absolute;inset-inline-start:9%;top:12%;width:43%;height:73%;display:grid;place-items:center;border-radius:48% 52% 54% 46% / 34% 38% 62% 66%;background:linear-gradient(160deg,#54c4c3,#008290);color:rgba(255,255,255,.15);font:800 2.1rem var(--font-en-display);transform:rotate(-8deg);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
html[lang="ar"] .q-ref-map-shape{font-family:var(--font-ar)}
.q-ref-node{position:absolute;z-index:2;width:min(52%,260px);background:#fff;border:1px solid #d8ecea;border-radius:16px;padding:.8rem .85rem .8rem 1.05rem;box-shadow:0 12px 28px rgba(0,56,61,.12)}
html[dir="rtl"] .q-ref-node{padding:.8rem 1.05rem .8rem .85rem}
.q-ref-node i{position:absolute;inset-inline-start:.46rem;top:1rem;width:7px;height:7px;border-radius:50%;background:var(--sahtna-teal)}
.q-ref-node-main{inset-inline-end:5%;top:40%;border:2px solid var(--sahtna-yellow)}
.q-ref-node-main i{background:var(--sahtna-yellow);box-shadow:0 0 0 6px rgba(244,197,66,.16)}
.q-ref-node-one{inset-inline-end:5%;top:7%}
.q-ref-node-two{inset-inline-end:5%;bottom:7%}
.q-ref-node small{display:block;font-size:.66rem;font-weight:800;color:var(--sahtna-teal);letter-spacing:.05em}
.q-ref-node strong{display:block;margin:.25rem 0;font-size:.94rem}
.q-ref-node em{display:block;font-style:normal;color:var(--sahtna-muted);font-size:.7rem;line-height:1.4}
.q-ref-link{position:absolute;z-index:1;height:2px;background:repeating-linear-gradient(90deg,var(--sahtna-teal) 0 6px,transparent 6px 12px);transform-origin:left center;opacity:.65}
.q-ref-link-a{left:42%;top:23%;width:26%;transform:rotate(6deg)}
.q-ref-link-b{left:41%;top:50%;width:27%}
.q-ref-link-c{left:41%;top:71%;width:27%;transform:rotate(-7deg)}
html[dir="rtl"] .q-ref-link{transform-origin:right center}
.q-ref-model-foot{padding:.9rem .35rem .1rem;color:var(--sahtna-muted);font-size:.78rem;font-style:italic}

.q-ref-story{background:#fff}
.q-ref-story-grid{display:grid;grid-template-columns:.82fr 1.2fr .65fr;gap:1.2rem;align-items:stretch}
.q-ref-story-copy{padding-top:.8rem}
.q-ref-story-copy h2{max-width:560px}
.q-ref-lead{font-size:1.04rem;color:var(--sahtna-text)}
.q-ref-textlink{display:inline-block;margin-top:.6rem;color:var(--sahtna-teal);font-weight:800;text-decoration:none}
.q-ref-story-media{position:relative;min-height:430px}
.q-ref-photo{position:absolute;margin:0;overflow:hidden;border-radius:24px;box-shadow:var(--shadow-sm)}
.q-ref-photo img{width:100%;height:100%;object-fit:cover}
.q-ref-photo-main{inset:0 27% 0 0}
html[dir="rtl"] .q-ref-photo-main{inset:0 0 0 27%}
.q-ref-photo-side{width:42%;height:55%;inset-inline-end:0;bottom:0;border:6px solid #fff}
.q-ref-story-media blockquote{position:absolute;inset-inline-end:1%;top:7%;width:34%;margin:0;color:var(--sahtna-ink);font-family:var(--font-en-display);font-size:1.1rem;line-height:1.4}
html[lang="ar"] .q-ref-story-media blockquote{font-family:var(--font-ar)}
.q-ref-values{display:grid;align-content:center}
.q-ref-values>div{padding:1rem 0;border-bottom:1px solid var(--sahtna-line)}
.q-ref-values span{font-size:.68rem;font-weight:900;color:var(--sahtna-teal)}
.q-ref-values strong{display:block;margin:.25rem 0;color:var(--sahtna-ink)}
.q-ref-values small{display:block;color:var(--sahtna-muted);line-height:1.45}

.q-ref-network{overflow:hidden;background:linear-gradient(180deg,#edf9f8,#f9fdfd)}
.q-ref-network-bg{position:absolute;inset:0;background:radial-gradient(circle at 70% 40%,rgba(0,130,144,.12),transparent 32%),linear-gradient(120deg,transparent 42%,rgba(0,130,144,.04) 42% 43%,transparent 43%);pointer-events:none}
.q-ref-network-grid{position:relative;z-index:1;display:grid;grid-template-columns:.58fr 1.42fr;gap:2rem;align-items:center}
.q-ref-network-copy h2{max-width:500px}
.q-ref-network-copy p{max-width:460px}
.q-ref-network-canvas{position:relative;min-height:470px}
.q-ref-location{position:absolute;background:rgba(255,255,255,.96);border:1px solid #cfe6e3;border-radius:18px;padding:1.15rem;box-shadow:0 16px 38px rgba(0,56,61,.08);width:min(33%,250px)}
.q-ref-location-main{left:34%;top:24%;border:2px solid var(--sahtna-yellow);transform:scale(1.07);z-index:3}
.q-ref-location-one{left:2%;top:38%;z-index:2}
.q-ref-location-two{right:2%;top:42%;z-index:2}
html[dir="rtl"] .q-ref-location-main{left:auto;right:34%}
html[dir="rtl"] .q-ref-location-one{left:auto;right:2%}
html[dir="rtl"] .q-ref-location-two{right:auto;left:2%}
.q-ref-location b{font-size:.62rem;letter-spacing:.05em;color:var(--sahtna-teal)}
.q-ref-location h3{margin:.35rem 0 .45rem;font-size:1.25rem;color:var(--sahtna-ink)}
.q-ref-location p{font-size:.78rem;line-height:1.5;margin:.25rem 0}
.q-ref-location small{font-size:.68rem;color:var(--sahtna-muted)}
.q-ref-pin{position:absolute;inset-inline-end:.8rem;top:.7rem;color:var(--sahtna-yellow);font-size:1.15rem}
.q-ref-net-path{position:absolute;height:2px;top:52%;background:repeating-linear-gradient(90deg,var(--sahtna-teal) 0 5px,transparent 5px 10px);opacity:.65}
.q-ref-net-path-a{left:23%;width:22%;transform:rotate(-10deg)}
.q-ref-net-path-b{left:55%;width:22%;transform:rotate(8deg)}
.q-ref-network-note{position:absolute;bottom:2%;left:18%;right:18%;padding:1rem;border-top:1px solid rgba(0,130,144,.2);color:var(--sahtna-muted);font-size:.78rem;text-align:center}

.q-ref-capabilities{background:#fff}
.q-ref-heading-row{display:grid;grid-template-columns:1fr .72fr;gap:2rem;align-items:end;margin-bottom:1.7rem}
.q-ref-heading-row p{max-width:520px;justify-self:end}
.q-ref-cap-grid{display:grid;grid-template-columns:1.15fr repeat(4,1fr);gap:.85rem}
.q-ref-cap{position:relative;min-height:310px;border-radius:20px;overflow:hidden;background:#edf7f6;border:1px solid var(--sahtna-line);box-shadow:0 12px 32px rgba(0,56,61,.06);transition:transform .25s ease,box-shadow .25s ease}
.q-ref-cap:hover{transform:translateY(-5px);box-shadow:0 20px 46px rgba(0,56,61,.11)}
.q-ref-cap img{width:100%;height:58%;object-fit:cover;filter:saturate(.9) contrast(.98)}
.q-ref-cap>div{padding:1rem}
.q-ref-cap span{font-size:.64rem;font-weight:900;color:var(--sahtna-teal)}
.q-ref-cap h3{font-size:1rem;margin:.32rem 0;color:var(--sahtna-ink)}
.q-ref-cap p{font-size:.76rem;line-height:1.45;margin:0;color:var(--sahtna-muted)}
.q-ref-cap-primary{border:2px solid rgba(244,197,66,.85);transform:translateY(-5px)}
.q-ref-cap-primary h3{font-size:1.1rem}

.q-ref-digital{position:relative;overflow:hidden;background:linear-gradient(115deg,#002b30,#00464d);color:#fff}
.q-ref-digital-media{position:absolute;inset:0 0 0 38%;opacity:.18}
html[dir="rtl"] .q-ref-digital-media{inset:0 38% 0 0}
.q-ref-digital-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.8)}
.q-ref-digital>.q-container{position:relative;z-index:2}
.q-ref-digital-head{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:start}
.q-ref-digital h2{color:#fff;max-width:680px}
.q-ref-digital p{color:#cfe1df;max-width:720px}
.q-ref-odoo{border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:.8rem 1rem;font-size:.64rem;letter-spacing:.08em;color:#a9cdca;background:rgba(255,255,255,.05)}
.q-ref-odoo strong{display:block;font-size:1.25rem;color:#fff;letter-spacing:.03em;margin-top:.2rem}
.q-ref-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:.65rem;margin:2.4rem 0 1.7rem;position:relative}
.q-ref-flow:before{content:"";position:absolute;left:4%;right:4%;top:32px;height:2px;background:linear-gradient(90deg,rgba(126,223,216,.15),rgba(126,223,216,.8),rgba(244,197,66,.6),rgba(126,223,216,.2))}
.q-ref-flow>i{display:none}
.q-ref-flow>div{position:relative;z-index:1;padding:0 .2rem}
.q-ref-flow>div span{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#063c42;border:1px solid rgba(144,226,219,.35);color:var(--sahtna-yellow);font-weight:900;box-shadow:0 0 0 7px rgba(0,130,144,.08);margin-bottom:.8rem}
.q-ref-flow strong{display:block;color:#fff;font-size:.86rem;line-height:1.3}
.q-ref-flow small{display:block;color:#a9c5c2;font-size:.68rem;line-height:1.4;margin-top:.35rem}

.q-ref-quality{background:#fff}
.q-ref-quality-grid{display:grid;grid-template-columns:.85fr .85fr 1.3fr;gap:1rem}
.q-ref-cert{display:grid;grid-template-columns:86px 1fr;gap:1rem;align-items:start;border:1px solid var(--sahtna-line);border-radius:20px;padding:1.25rem;background:#fff;box-shadow:0 12px 30px rgba(0,56,61,.05)}
.q-ref-cert img{width:86px;height:108px;object-fit:contain}
.q-ref-cert span,.q-ref-governance span{font-size:.64rem;font-weight:900;letter-spacing:.05em;color:var(--sahtna-teal)}
.q-ref-cert strong{display:block;font-family:var(--font-en-display);font-size:1.65rem;color:var(--sahtna-ink);margin:.3rem 0}
.q-ref-cert p{font-size:.76rem;margin:0;color:var(--sahtna-muted)}
.q-ref-governance{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;min-height:250px;border-radius:20px;overflow:hidden;background:#edf8f7}
.q-ref-governance-photo img{width:100%;height:100%;object-fit:cover}
.q-ref-governance>div:last-child{padding:1.25rem}
.q-ref-governance h3{margin:.35rem 0 .7rem;color:var(--sahtna-ink);font-size:1.2rem}
.q-ref-governance ul{padding-inline-start:1.1rem;color:var(--sahtna-muted);font-size:.78rem;line-height:1.55}
.q-ref-governance a{color:var(--sahtna-teal);font-weight:800;text-decoration:none;font-size:.78rem}

.q-ref-access{background:linear-gradient(180deg,#f7fbfb,#fff)}
.q-ref-access-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:2rem;align-items:center}
.q-ref-access h2{font-size:clamp(2.1rem,4vw,3.8rem)}
.q-ref-channel-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}
.q-ref-channel{min-height:145px;border-radius:18px;padding:1rem;border:1px solid var(--sahtna-line);background:#fff;display:flex;flex-direction:column;justify-content:center}
.q-ref-channel>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;font-weight:900;color:#fff;margin-bottom:.65rem}
.q-ref-channel strong{font-size:.98rem;color:var(--sahtna-ink)}
.q-ref-channel small{margin-top:.2rem;color:var(--sahtna-muted);font-size:.68rem}
.q-ref-channel--talabat>span{background:#ff7a00}.q-ref-channel--snoonu>span{background:#e52525}.q-ref-channel--rafeeq>span{background:#6d2fc4}
.q-ref-channel--next{background:#edf9fb;border-color:#b8dfe3}.q-ref-channel--next>span{background:var(--sahtna-teal)}

.q-ref-profile{background:#f4faf9}
.q-ref-profile-grid{display:grid;grid-template-columns:1.1fr .7fr .5fr;gap:1.5rem;align-items:center}
.q-ref-profile-cover{margin:0;transform:rotate(-3deg);filter:drop-shadow(0 20px 24px rgba(0,56,61,.15))}
html[dir="rtl"] .q-ref-profile-cover{transform:rotate(3deg)}
.q-ref-profile-cover img{width:100%;display:block;border-radius:14px}
.q-ref-profile-points{display:grid;gap:.55rem}
.q-ref-profile-points span{padding:.72rem .8rem;border:1px solid var(--sahtna-line);border-radius:12px;background:#fff;font-size:.76rem;font-weight:800;color:var(--sahtna-ink)}

.q-ref-contact{background:#fff}
.q-ref-contact-head{display:grid;grid-template-columns:1fr .7fr;gap:2rem;align-items:end;margin-bottom:1.4rem}
.q-ref-contact-head p{max-width:520px;justify-self:end}
.q-ref-contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.q-ref-contact-cards>a{min-height:220px;display:flex;flex-direction:column;padding:1.25rem;border:1px solid var(--sahtna-line);border-radius:20px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 12px 30px rgba(0,56,61,.05);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.q-ref-contact-cards>a:hover{transform:translateY(-4px);border-color:rgba(0,130,144,.35);box-shadow:0 18px 40px rgba(0,56,61,.1)}
.q-ref-contact-cards span{font-size:.65rem;font-weight:900;color:var(--sahtna-teal);letter-spacing:.05em}
.q-ref-contact-cards strong{display:block;margin:auto 0 .4rem;color:var(--sahtna-ink);font-size:1.1rem;overflow-wrap:anywhere}
.q-ref-contact-cards small{color:var(--sahtna-muted);line-height:1.45}
.q-ref-contact-cards b{margin-top:.9rem;color:var(--sahtna-teal);font-size:.78rem}

@media(max-width:1100px){
 .q-ref-hero-grid{grid-template-columns:1fr .75fr}
 .q-ref-story-grid{grid-template-columns:1fr 1.1fr}.q-ref-values{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:1rem}.q-ref-values>div{border:1px solid var(--sahtna-line);border-radius:14px;padding:1rem}
 .q-ref-network-grid{grid-template-columns:.65fr 1.35fr}
 .q-ref-cap-grid{grid-template-columns:1.15fr repeat(2,1fr)}.q-ref-cap:nth-child(4),.q-ref-cap:nth-child(5){grid-column:auto}
 .q-ref-quality-grid{grid-template-columns:1fr 1fr}.q-ref-governance{grid-column:1/-1}
 .q-ref-profile-grid{grid-template-columns:1fr .65fr}.q-ref-profile-points{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}
}
@media(max-width:900px){
 .q-ref-hero{min-height:auto}.q-ref-hero-grid{grid-template-columns:1fr;padding-top:4rem}.q-ref-model{max-width:680px}
 .q-ref-story-grid,.q-ref-network-grid,.q-ref-heading-row,.q-ref-access-grid,.q-ref-profile-grid,.q-ref-contact-head{grid-template-columns:1fr}
 .q-ref-heading-row p,.q-ref-contact-head p{justify-self:start}
 .q-ref-story-media{min-height:390px}
 .q-ref-network-copy{max-width:680px}.q-ref-network-canvas{min-height:500px}
 .q-ref-flow{grid-template-columns:repeat(3,1fr);gap:1.2rem}.q-ref-flow:before{display:none}.q-ref-flow>div span{width:48px;height:48px}
 .q-ref-channel-row{grid-template-columns:repeat(2,1fr)}
 .q-ref-profile-cover{max-width:430px}.q-ref-profile-points{grid-template-columns:repeat(2,1fr)}
 .q-ref-contact-cards{grid-template-columns:1fr 1fr}.q-ref-contact-cards>a:last-child{grid-column:1/-1}
}
@media(max-width:650px){
 .q-ref-home .q-section{padding:3.5rem 0}
 .q-ref-hero h1{font-size:clamp(2.7rem,13vw,4rem)}
 .q-ref-hero-overlay{background:linear-gradient(180deg,rgba(0,43,48,.78),rgba(0,43,48,.94) 64%)!important}
 .q-ref-hero-media img{object-position:58% center}
 .q-ref-trustbar{grid-template-columns:1fr}.q-ref-trustbar>div{border-inline-end:0;border-bottom:1px solid rgba(255,255,255,.17)}.q-ref-trustbar>div:last-child{border-bottom:0}
 .q-ref-model{padding:.9rem;border-radius:22px;transform:none!important}.q-ref-map{min-height:470px}.q-ref-map-shape{width:55%;height:64%;top:18%;inset-inline-start:2%}.q-ref-node{width:58%}.q-ref-node-main{top:42%}.q-ref-node-one{top:8%}.q-ref-node-two{bottom:7%}
 .q-ref-story-grid{display:block}.q-ref-story-media{margin-top:1.6rem;min-height:350px}.q-ref-values{grid-template-columns:1fr;margin-top:1rem}
 .q-ref-network-canvas{min-height:auto;display:grid;gap:.75rem}.q-ref-location{position:relative!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;width:100%}.q-ref-location-main{order:-1}.q-ref-net-path,.q-ref-network-note{display:none}
 .q-ref-cap-grid{grid-template-columns:1fr 1fr}.q-ref-cap{min-height:290px}.q-ref-cap-primary{grid-column:1/-1;transform:none}
 .q-ref-digital-media{inset:0!important;opacity:.08}.q-ref-digital-head{grid-template-columns:1fr}.q-ref-flow{grid-template-columns:1fr 1fr}.q-ref-flow>div{padding:.65rem;background:rgba(255,255,255,.03);border-radius:14px}.q-ref-flow>div span{margin-bottom:.6rem}
 .q-ref-quality-grid,.q-ref-channel-row,.q-ref-contact-cards{grid-template-columns:1fr}.q-ref-governance{grid-column:auto;grid-template-columns:1fr}.q-ref-governance-photo{height:180px}
 .q-ref-profile-points{grid-template-columns:1fr 1fr}.q-ref-contact-cards>a:last-child{grid-column:auto}
}
@media(max-width:430px){
 .q-ref-cap-grid,.q-ref-flow,.q-ref-profile-points{grid-template-columns:1fr}
 .q-ref-story-media{min-height:320px}.q-ref-photo-main{inset:0 18% 0 0}.q-ref-photo-side{width:44%;height:48%}.q-ref-story-media blockquote{width:42%;font-size:.88rem}
}
@media(prefers-reduced-motion:reduce){.q-ref-cap,.q-ref-contact-cards>a{transition:none!important}.q-ref-model,.q-ref-profile-cover{transform:none!important}}

.q-ref-home [data-q-ref-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.25,1)}
.q-ref-home [data-q-ref-reveal].is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.q-ref-home [data-q-ref-reveal]{opacity:1!important;transform:none!important;transition:none!important}}