/* NASQIRA homepage visual specification — desktop 1440 / mobile 390 */
:root{
  --spec-deep:#071b2d;--spec-navy:#0e2e47;--spec-teal:#148ba6;--spec-mint:#e6fffb;
  --spec-paper:#f7f9fa;--spec-line:#cbd5e1;--spec-muted:#64748b;--spec-radius:20px;
  --spec-shadow:0 16px 40px rgba(27,45,60,.12)
}
body{background:var(--spec-paper)}
.site-header-inner{height:64px;max-width:1440px}.site-header{background:rgba(255,255,255,.98)}
.announcement-bar{background:var(--spec-navy)}
.nasqira-brand svg{width:44px;height:44px}.nasqira-brand b{color:var(--spec-deep)}

/* Unified hero surface */
.twin-portal{width:min(calc(100% - 48px),1440px);max-width:1440px;min-height:620px;margin:24px auto 30px;padding:28px;grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);gap:18px;align-items:stretch;background:linear-gradient(135deg,#061827 0%,#092b43 58%,#0d3b52 100%);border:1px solid #17465e;border-radius:28px;overflow:hidden;box-shadow:0 24px 70px rgba(7,27,45,.2)}
.home-hero-copy{min-height:560px;padding:clamp(30px,4.2vw,62px);display:flex;flex-direction:column;justify-content:center;background:transparent;border:0;color:#fff;border-radius:22px!important}
.home-hero-copy:after{display:none}.home-hero-copy .eyebrow{color:#61ddd3}.home-hero-copy h1{font-size:clamp(2.4rem,4.5vw,4.6rem);line-height:1.13;color:#fff;max-width:680px}.home-hero-copy>p{color:#c8dce5;line-height:2}
.home-actions .primary{background:linear-gradient(135deg,#0f8f9c,#20b7a9);color:#fff}.home-actions .secondary{border-color:#8aa4b3;color:#fff;background:rgba(255,255,255,.04)}
.search-dock{background:#fff;border:0;padding:14px;border-radius:18px;box-shadow:0 16px 38px rgba(0,0,0,.18)}
.search-dock header b,.search-dock header small{color:var(--spec-deep)}.search-dock .search-main input{background:#f8fafc}.search-scope button{color:#526574}.search-scope button.active{background:var(--spec-teal);border-color:var(--spec-teal)}
.search-dock-filters select{color:var(--spec-deep);background:#f8fafc;border-color:#d8e0e5}
.twin-connector{display:none}
.journey-visual{margin:0;min-height:560px;border-radius:22px!important;padding:34px;background:linear-gradient(145deg,rgba(10,47,70,.94),rgba(5,27,45,.98));border-color:#1b5369;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.journey-visual:before{inset-inline-start:auto;inset-inline-end:30px;top:110px;bottom:76px}.journey-visual:after{content:"";inset:24px;background:radial-gradient(circle at 25% 30%,rgba(20,139,166,.19),transparent 28%),linear-gradient(125deg,transparent 49.6%,rgba(85,222,210,.2) 50%,transparent 50.4%);font-size:0}
.live-journey{max-width:82%;margin-inline-start:auto}.live-journey li{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.08);border-radius:14px;margin-bottom:8px}.live-journey .ready{background:rgba(20,139,166,.18);border-color:#3ec5bd}

.managed-placement.container{width:min(calc(100% - 48px),1440px);margin-block:20px}.managed-placement .managed-ad{border-radius:22px;overflow:hidden;box-shadow:var(--spec-shadow)}
.managed-placement .managed-ad picture img{width:100%;aspect-ratio:1600/700;object-fit:cover;display:block}

/* Quick filters from the supplied visual system */
.quick-category-nav{padding:22px;background:#fff;border:1px solid #e0e6ea;border-radius:20px;box-shadow:0 8px 22px rgba(27,45,60,.05);margin-bottom:18px}
.quick-category-nav header{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.quick-category-nav h2{font-size:1.2rem;margin:.25rem 0 0}.quick-category-nav header>a{font-size:.76rem;font-weight:850;color:var(--spec-teal)}
.quick-category-track{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:10px}
.quick-category-track>a{min-height:86px;border:1px solid #e0e6ea;border-radius:16px;display:grid;place-items:center;align-content:center;gap:8px;color:var(--spec-deep);transition:.2s;background:#fff}
.quick-category-track>a:hover,.quick-category-track>a.active{transform:translateY(-2px);border-color:#43b9b3;background:var(--spec-mint)}
.quick-category-track span{font-size:1.45rem;color:var(--spec-teal)}.quick-category-track b{font-size:.72rem;text-align:center}

.home-benefits{max-width:1440px;padding-bottom:26px}.home-benefits article{background:#fff;border:1px solid #e1e7ea!important;border-radius:16px!important;margin:0 6px;padding:22px}.home-benefits article:before,.home-benefits:before{display:none}.home-benefits article+article{border-inline-start:1px solid #e1e7ea}
.buildings-section,.directory-section{padding-block:54px}.section-heading{margin-bottom:24px}.section-heading h2{font-size:clamp(1.8rem,3vw,2.7rem)}
.building-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.building-card{display:block;min-height:0;border-radius:20px!important;box-shadow:0 8px 24px rgba(27,45,60,.06)}.building-cover{height:190px;min-height:0}.building-card-body{padding:18px}.building-card-body h3{font-size:1.15rem}.building-card dl{margin:14px 0}
.directory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.business-result-card{display:block;min-height:0;border-radius:20px!important;box-shadow:0 8px 24px rgba(27,45,60,.06)}.business-result-cover{height:160px;min-height:0;border:0}.business-result-cover>img{opacity:1;filter:none}.business-result-logo{top:auto;bottom:-28px}.open-badge{top:12px;bottom:auto;inset-inline-start:auto;inset-inline-end:12px;background:#e9fff8}.business-result-body{padding:42px 18px 18px}.business-result-body h3{font-size:1.14rem}.identity-stripe,.business-result-card>.nasq-rail{display:none}
.directory-empty{min-height:170px;display:grid;place-content:center;background:linear-gradient(135deg,#fff,#f0f8f8);border-color:#a8cdd0}
.sector-section{display:none}.site-footer{padding-bottom:34px}
.mobile-home-nav{display:none}

@media(max-width:1100px){
  .twin-portal{grid-template-columns:1fr;padding:20px}.home-hero-copy{min-height:auto}.journey-visual{min-height:500px}.building-card-grid,.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-category-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.quick-category-track>a{min-width:130px;scroll-snap-align:start}
}
@media(max-width:700px){
  body{padding-bottom:66px}.announcement-bar{display:none}.site-header{top:0;background:var(--spec-deep);border:0}.site-header:after{display:none}.site-header-inner{height:64px}.nasqira-brand b{color:#fff}.nasqira-brand small,.header-actions{display:none}.nasqira-brand svg{background:transparent}.mobile-menu-toggle{background:transparent;border-color:rgba(255,255,255,.3)}.mobile-menu-toggle span{background:#fff}
  .twin-portal{width:calc(100% - 20px);margin:10px auto 18px;padding:12px;border-radius:22px;min-height:auto}.home-hero-copy{padding:24px 14px;border-radius:16px!important}.home-hero-copy h1{font-size:2.25rem}.home-hero-copy>p{font-size:.88rem}.home-actions{display:none}.search-dock{margin-top:18px;padding:12px}.search-dock header{display:none}.search-scope{overflow-x:auto}.search-scope button{white-space:nowrap}.search-dock-filters{grid-template-columns:1fr 1fr}
  .journey-visual{min-height:390px;padding:22px 16px;border-radius:16px!important}.journey-visual>header{margin-bottom:16px}.journey-visual>footer{display:none}.live-journey{max-width:none}.live-journey li{min-height:64px;margin-inline-start:12px;padding:10px;grid-template-columns:32px 1fr auto}.live-journey strong{width:42px;height:42px}
  .managed-placement.container{width:calc(100% - 20px);margin-block:10px}.managed-placement .managed-ad picture img{aspect-ratio:4/5}.home-benefits{padding:0 10px 14px}.home-benefits article{min-width:78vw;margin:0}.quick-category-nav{width:calc(100% - 20px);padding:14px;border-radius:16px}.quick-category-nav header{margin-bottom:12px}.quick-category-track>a{min-width:106px;min-height:76px}
  .buildings-section,.directory-section{padding:40px 10px}.section-heading{display:block}.section-heading>p{font-size:.85rem}.building-card-grid,.directory-grid{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -10px;padding:0 10px 14px}.building-card,.business-result-card{min-width:82vw;scroll-snap-align:center}.building-cover,.business-result-cover{height:175px}.business-card-actions{grid-template-columns:1fr 1fr}.business-card-actions .secondary{display:flex}
  .dual-journey{padding-inline:10px}.business-cta{margin-inline:10px}.site-footer{display:none}
  .mobile-home-nav{position:fixed;z-index:100;display:grid;grid-template-columns:repeat(4,1fr);inset-inline:0;bottom:0;height:64px;background:rgba(255,255,255,.98);border-top:1px solid #dce4e8;box-shadow:0 -8px 24px rgba(7,27,45,.08);padding-bottom:env(safe-area-inset-bottom)}.mobile-home-nav a{display:grid;place-items:center;align-content:center;gap:2px;color:#64748b}.mobile-home-nav a.active{color:var(--spec-teal)}.mobile-home-nav span{font-size:1.15rem}.mobile-home-nav b{font-size:.58rem}
}
@media(prefers-reduced-motion:reduce){.quick-category-track>a{transition:none}}

/* Managed, compact home strips */
.home-hero.twin-portal{grid-template-columns:1fr;min-height:auto;padding-block:32px 18px}
.home-hero.twin-portal .home-hero-copy{width:100%;max-width:none;min-height:auto;padding:clamp(28px,4vw,54px)}
.home-hero.twin-portal .home-hero-copy>p{max-width:920px}
.home-hero.twin-portal .search-dock{max-width:1120px}
.home-strip-carousel{margin-block:22px 28px;padding:18px;background:#fff;border:1px solid #dfe7eb;border-radius:22px;box-shadow:var(--spec-shadow);overflow:hidden}
.home-strip-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:13px}
.home-strip-heading h2{font-size:clamp(1.05rem,2vw,1.35rem);margin:4px 0 0}
.carousel-controls{display:flex;align-items:center;gap:8px;direction:ltr}
.carousel-controls button{width:36px;height:36px;border:1px solid #d4e0e5;border-radius:11px;background:#fff;color:var(--spec-deep);font-size:1.35rem;line-height:1;cursor:pointer}
.carousel-controls span{min-width:48px;text-align:center;font:750 .68rem/1 Inter,sans-serif;color:#647b88}
.home-strip-viewport{overflow:hidden;border-radius:17px;background:#f4f7f8}
.home-strip-track{display:grid}
.home-strip-slide{grid-area:1/1;min-width:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility .45s ease}
.home-strip-slide[aria-current="true"]{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.home-strip-slide .managed-ad{height:100%}
.home-strip-slide .managed-ad>a{display:grid;grid-template-columns:minmax(0,3fr) minmax(220px,1fr);height:212px;min-height:212px;max-height:212px;background:#fff;color:var(--spec-deep);overflow:hidden}
.home-strip-slide .managed-ad>a>picture{min-width:0;background:#edf3f5;overflow:hidden}
.home-strip-slide .managed-ad>a>picture:only-child{grid-column:1/-1}
.home-strip-slide .managed-ad picture img,.sponsor-banner>picture img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center;display:block;background:#fff}
.home-strip-slide .managed-ad>a>div{padding:clamp(20px,3vw,42px);display:flex;flex-direction:column;justify-content:center;border-inline-start:1px solid #e3eaed}
.home-strip-slide .managed-ad h3{font-size:clamp(1.2rem,2.4vw,2rem);margin:8px 0}.home-strip-slide .managed-ad p{margin:0;color:#617887}
.carousel-dots{display:flex;justify-content:center;gap:7px;margin-top:12px;direction:ltr}
.carousel-dots button{width:7px;height:7px;border:0;border-radius:999px;padding:0;background:#c3d2d9;cursor:pointer;transition:.2s}
.carousel-dots button.active{width:28px;background:var(--spec-teal)}
.home-strip-carousel.is-single .carousel-controls,.home-strip-carousel.is-single .carousel-dots{display:none}
.ad-device-mobile{display:none}

/* Dynamic sectors drawer: no horizontal scrollbar and no clipped labels */
.sector-drawer{margin-block:18px 28px}
.sector-drawer details{background:#fff;border:1px solid #dfe7eb;border-radius:20px;box-shadow:0 8px 22px rgba(27,45,60,.05);overflow:hidden}
.sector-drawer summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;user-select:none}
.sector-drawer summary::-webkit-details-marker{display:none}
.sector-drawer summary>span{display:grid;grid-template-columns:42px auto;align-items:center;column-gap:12px}.sector-drawer summary>span>i{grid-row:1/3;width:42px;height:42px;border-radius:13px;background:var(--spec-mint);color:var(--spec-teal);display:grid;place-items:center;font-style:normal}.sector-drawer summary b{font-size:1.05rem}.sector-drawer summary small{color:#6b7f8b}
.sector-drawer summary>strong{display:flex;align-items:center;gap:9px;color:var(--spec-teal);font-size:.76rem}.sector-drawer summary>strong i{font-size:1.2rem;transition:transform .2s}.sector-drawer details[open] summary>strong i{transform:rotate(180deg)}
.sector-drawer-panel{border-top:1px solid #e4eaed;padding:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px}
.sector-drawer-panel a{min-width:0;min-height:58px;padding:10px 13px;border:1px solid #e0e7ea;border-radius:14px;display:flex;align-items:center;gap:10px;color:var(--spec-deep);background:#fff}
.sector-drawer-panel a span{flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:#edf8f7;color:var(--spec-teal);display:grid;place-items:center;font-weight:900}.sector-drawer-panel a b{min-width:0;white-space:normal;overflow-wrap:anywhere;font-size:.78rem}
.sector-drawer-panel a:hover,.sector-drawer-panel a.active{border-color:#38b9b1;background:var(--spec-mint)}

/* Sponsors use the exact same compact strip geometry */
.sponsor-banner{position:relative;display:grid;height:212px;min-height:212px;max-height:212px;background:linear-gradient(135deg,#061f35,#0b5265);overflow:hidden;color:#fff}
.sponsor-banner>picture{grid-area:1/1;min-width:0}.sponsor-banner>picture:empty{display:none}.sponsor-banner>picture img{opacity:.72}
.sponsor-banner-copy{grid-area:1/1;position:relative;z-index:1;align-self:stretch;display:flex;align-items:center;gap:22px;padding:clamp(24px,5vw,65px);background:linear-gradient(90deg,rgba(5,27,45,.94),rgba(5,27,45,.12) 70%)}
[dir=rtl] .sponsor-banner-copy{background:linear-gradient(270deg,rgba(5,27,45,.94),rgba(5,27,45,.12) 70%)}
.sponsor-banner-copy>img{width:84px;height:84px;object-fit:contain;border-radius:18px;background:#fff;padding:8px}.sponsor-banner-copy small,.sponsor-banner-copy b,.sponsor-banner-copy p{display:block}.sponsor-banner-copy small{color:#72e2d7;font-weight:800}.sponsor-banner-copy b{font-size:clamp(1.35rem,3vw,2.4rem);margin-block:5px}.sponsor-banner-copy p{max-width:680px;margin:0;color:#d3e3e9}

@media(max-width:700px){
  .home-strip-carousel{width:calc(100% - 20px);padding:10px;border-radius:16px;margin-block:12px 18px}.home-strip-heading{align-items:center;margin:4px 3px 10px}.home-strip-heading .eyebrow{display:none}
  .home-strip-slide .managed-ad>a{grid-template-columns:minmax(0,2fr) minmax(105px,1fr);height:176px;min-height:176px;max-height:176px}.home-strip-slide .managed-ad picture img,.sponsor-banner>picture img{aspect-ratio:auto;object-fit:contain}.home-strip-slide .managed-ad>a>div{padding:12px;border-inline-start:1px solid #e3eaed;border-top:0;overflow:hidden}.home-strip-slide .managed-ad h3{font-size:.92rem;margin:4px 0}.home-strip-slide .managed-ad p{font-size:.68rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .sector-drawer{width:calc(100% - 20px);margin-block:12px 18px}.sector-drawer summary{padding:14px}.sector-drawer summary>span{grid-template-columns:38px auto}.sector-drawer summary>span>i{width:38px;height:38px}.sector-drawer summary>span small{display:none}.sector-drawer summary>strong{font-size:0}.sector-drawer summary>strong i{font-size:1.2rem}.sector-drawer-panel{grid-template-columns:1fr 1fr;padding:10px}.sector-drawer-panel a{min-height:52px;padding:8px}.sector-drawer-panel a b{font-size:.72rem}
  .sponsor-banner{height:176px;min-height:176px;max-height:176px}.sponsor-banner-copy{padding:16px;align-items:center;justify-content:start;flex-direction:row;background:linear-gradient(90deg,rgba(5,27,45,.94),rgba(5,27,45,.28))}.sponsor-banner-copy>img{width:56px;height:56px}.sponsor-banner-copy b{font-size:1rem}.sponsor-banner-copy p{font-size:.68rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .ad-device-desktop{display:none}.ad-device-mobile{display:block}
}

/* Keep the original sector cards, but move them automatically without a scrollbar. */
.quick-category-nav{display:block}
.quick-category-window{width:100%;overflow:hidden;padding:2px}
.quick-category-track{display:flex!important;grid-template-columns:none!important;width:max-content;max-width:none;overflow:visible!important;scroll-snap-type:none!important;padding:0!important;transition:transform .55s cubic-bezier(.2,.8,.2,1);will-change:transform}
.quick-category-track>a{flex:0 0 clamp(132px,13vw,180px);min-width:0!important;min-height:94px;scroll-snap-align:none!important}
@media(max-width:700px){.quick-category-track>a{flex-basis:124px;min-height:82px}.quick-category-nav{width:calc(100% - 20px)}}