@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
:root{
  --navy:#102b50;--navy-deep:#06182d;--navy-light:#244a78;--sand:#d8bd82;--sand-light:#f1dfb7;
  --cream:#f6f2e9;--paper:#fff;--ink:#111d2f;--body:#516073;--muted:#788395;--line:rgba(16,43,80,.14);
  --green:#2c6b54;--danger:#9c3940;--shadow:0 28px 80px rgba(6,24,45,.15);--shadow-soft:0 16px 44px rgba(6,24,45,.10);
  --radius:26px;--radius-lg:44px;--shell:min(1280px,calc(100% - 48px));--header:84px;
  --ease:cubic-bezier(.2,.75,.25,1);--spring:cubic-bezier(.16,1,.3,1)
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 Inter,Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.menu-open{overflow:hidden}img,svg,video,canvas{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,p,blockquote,figure{margin-top:0}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;top:10px;left:14px;z-index:10000;background:#fff;color:var(--navy);padding:12px 18px;border-radius:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}.sr-only,.honeypot{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.no-js .site-loader{display:none}.no-js [data-reveal]{opacity:1!important;transform:none!important;clip-path:none!important}

/* Loader, progress, cursor */
.site-loader{position:fixed;inset:0;z-index:9999;background:var(--navy-deep);display:grid;place-content:center;text-align:center;color:#fff;transition:opacity .7s var(--ease),visibility .7s}.site-loader.is-hidden{opacity:0;visibility:hidden}.loader-mark{width:116px;height:106px;margin:auto;position:relative;display:grid;place-items:center}.loader-mark:before,.loader-mark:after{content:"";position:absolute;inset:-18px;border:1px solid rgba(216,189,130,.38);border-radius:34px;animation:loaderOrbit 2.4s linear infinite}.loader-mark:after{inset:-30px;animation-direction:reverse;animation-duration:3.3s}.loader-mark img{width:94px;filter:drop-shadow(0 18px 40px rgba(0,0,0,.3));animation:loaderFloat 1.8s ease-in-out infinite}.site-loader strong{display:block;margin-top:28px;font-size:14px;text-transform:uppercase;letter-spacing:.22em}.loader-line{width:190px;height:2px;margin:16px auto 0;background:rgba(255,255,255,.12);overflow:hidden}.loader-line:after{content:"";display:block;width:50%;height:100%;background:var(--sand);animation:loaderLine 1.25s ease-in-out infinite}@keyframes loaderOrbit{to{transform:rotate(360deg)}}@keyframes loaderFloat{50%{transform:translateY(-7px)}}@keyframes loaderLine{from{transform:translateX(-120%)}to{transform:translateX(230%)}}
.scroll-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:9998;pointer-events:none}.scroll-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--sand),#fff1bd)}.cursor-dot,.cursor-ring{position:fixed;left:0;top:0;z-index:9997;border-radius:50%;pointer-events:none;display:none}.cursor-dot{width:7px;height:7px;background:var(--sand)}.cursor-ring{width:38px;height:38px;border:1px solid rgba(16,43,80,.45);transition:width .22s,height .22s,background .22s,border .22s}.cursor-ring.is-hover{width:62px;height:62px;background:rgba(216,189,130,.18);border-color:var(--sand)}@media(hover:hover) and (pointer:fine){.cursor-dot,.cursor-ring{display:block}body,a,button{cursor:none}}
.page-wipe{position:fixed;inset:0;z-index:9996;background:var(--navy);transform:translateY(101%);pointer-events:none}.page-wipe.is-leaving{animation:wipeUp .65s var(--spring) both}@keyframes wipeUp{to{transform:translateY(0)}}

/* utility/header */
.utility{background:var(--navy-deep);color:#fff;position:relative;z-index:95}.utility__inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px}.utility p{color:#dbe5ef;margin:0;display:flex;align-items:center;gap:10px}.pulse{width:7px;height:7px;border-radius:50%;background:var(--sand);box-shadow:0 0 0 0 rgba(216,189,130,.6);animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 10px transparent}}.utility__actions{display:flex;align-items:center;gap:18px}.utility__actions a{opacity:.86}.utility__actions a:hover{color:var(--sand);opacity:1}.language-link{padding:4px 10px;border:1px solid rgba(255,255,255,.2);border-radius:999px}
.site-header{height:var(--header);position:sticky;top:0;z-index:90;background:rgba(246,242,233,.88);backdrop-filter:blur(20px) saturate(150%);border-bottom:1px solid transparent;transition:.3s}.site-header.is-scrolled{background:rgba(255,255,255,.94);border-color:var(--line);box-shadow:0 12px 40px rgba(6,24,45,.07)}.header__inner{height:100%;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:12px;flex:none}.brand img{width:50px;height:45px;object-fit:contain}.brand__text{display:grid;line-height:1}.brand__text strong{font-size:18px;letter-spacing:-.035em;color:var(--navy)}.brand__text small{margin-top:6px;font-size:8.5px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.nav{display:flex;align-items:center;gap:20px;margin-left:auto}.nav>a,.nav-group>button{position:relative;border:0;background:none;padding:29px 0;color:var(--ink);font-size:13px;font-weight:750;white-space:nowrap}.nav>a:after,.nav-group>button:after{content:"";position:absolute;bottom:19px;left:0;width:100%;height:2px;background:var(--sand);transform:scaleX(0);transform-origin:right;transition:transform .3s var(--ease)}.nav>a:hover:after,.nav>a.active:after,.nav-group:hover>button:after{transform:scaleX(1);transform-origin:left}.nav-group{position:relative}.nav-group>button{display:flex;gap:6px;align-items:center}.nav-group>button i{font-style:normal;font-size:11px;transition:.25s}.nav-group:hover>button i{transform:rotate(180deg)}.dropdown{position:absolute;top:calc(100% - 5px);left:-24px;width:270px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-soft);opacity:0;visibility:hidden;transform:translateY(12px);transition:.25s var(--ease)}.nav-group--wide .dropdown{width:310px;display:grid;grid-template-columns:1fr}.nav-group:hover .dropdown,.nav-group:focus-within .dropdown{opacity:1;visibility:visible;transform:none}.dropdown a{display:block;padding:11px 13px;border-radius:11px;color:var(--body);font-size:13px;font-weight:700}.dropdown a:hover{background:var(--cream);color:var(--navy)}.header-actions{display:flex;align-items:center;gap:10px}.menu-toggle{width:48px;height:48px;border:1px solid var(--line);border-radius:50%;background:#fff;display:grid;place-content:center;gap:5px}.menu-toggle span{display:block;width:19px;height:1.5px;background:var(--navy)}.menu-toggle span:nth-child(2){width:13px;margin-left:auto}.mobile-menu{position:fixed;inset:0;z-index:300;visibility:hidden}.mobile-menu.open{visibility:visible}.mobile-menu__shade{position:absolute;inset:0;background:rgba(2,12,24,.65);backdrop-filter:blur(6px);opacity:0;transition:.35s}.mobile-menu.open .mobile-menu__shade{opacity:1}.mobile-menu__panel{position:absolute;right:0;top:0;bottom:0;width:min(650px,95vw);background:var(--cream);padding:62px clamp(28px,6vw,76px);overflow:auto;transform:translateX(102%);transition:.55s var(--spring)}.mobile-menu.open .mobile-menu__panel{transform:none}.mobile-close{position:absolute;top:24px;right:28px;width:46px;height:46px;border:1px solid var(--line);background:#fff;border-radius:50%;font-size:26px;color:var(--navy)}.mobile-menu nav{display:grid;margin-top:20px}.mobile-menu nav a{display:flex;gap:18px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:clamp(19px,3vw,31px);font-weight:800;letter-spacing:-.035em;color:var(--navy)}.mobile-menu nav a:hover{padding-left:10px;color:#b18c43}.mobile-menu nav span{font-size:10px;color:var(--muted);letter-spacing:.13em}.mobile-contact{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.mobile-contact a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 13px;font-size:12px;font-weight:700}

/* shared typography/buttons */
.section{padding:clamp(82px,9vw,142px) 0;position:relative}.section--paper{background:#fff}.section--navy{background:var(--navy);color:#fff}.section--deep{background:var(--navy-deep);color:#fff}.section--sand{background:var(--sand-light)}.section--navy p,.section--deep p{color:#cbd7e5}.eyebrow{margin:0 0 18px;color:#b18c43;font-size:11px;line-height:1;text-transform:uppercase;letter-spacing:.19em;font-weight:850}.eyebrow--light{color:var(--sand)}.display{font-family:"Iowan Old Style","Baskerville",Georgia,serif;font-weight:500;letter-spacing:-.055em;line-height:.96}.section-title{font-size:clamp(40px,5.2vw,76px);max-width:900px;margin-bottom:22px}.lead{font-size:clamp(17px,1.5vw,20px);max-width:780px;color:var(--body)}.section-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.62fr);gap:60px;align-items:end;margin-bottom:54px}.section-head p{margin:0}.kicker{font-size:13px;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:var(--sand)}.button{min-height:54px;padding:0 23px;display:inline-flex;align-items:center;justify-content:center;gap:13px;border:1px solid transparent;border-radius:999px;font-size:13px;font-weight:850;transition:.25s var(--ease);position:relative;overflow:hidden}.button:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(6,24,45,.12)}.button--gold{background:var(--sand);color:var(--navy-deep)}.button--navy{background:var(--navy);color:#fff}.button--light{background:#fff;color:var(--navy)}.button--outline{border-color:rgba(16,43,80,.25);color:var(--navy);background:transparent}.button--ghost-light{border-color:rgba(255,255,255,.3);color:#fff}.button--small{min-height:44px;padding:0 18px}.text-link{display:inline-flex;align-items:center;gap:10px;font-weight:800;color:var(--navy);border-bottom:1px solid var(--sand);padding-bottom:4px}.section--navy .text-link,.section--deep .text-link{color:#fff}.tag{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:rgba(216,189,130,.19);border:1px solid rgba(216,189,130,.36);font-size:11px;font-weight:800;color:var(--navy)}.tag--dark{color:#fff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:0 0 0 rgba(0,0,0,0);transition:transform .35s var(--ease),box-shadow .35s}.card:hover{transform:translateY(-7px);box-shadow:var(--shadow-soft)}.card h3{font-size:24px;line-height:1.2;letter-spacing:-.035em;margin:0 0 12px}.card p{margin-bottom:0}.card-number{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--sand-light);color:var(--navy);font-size:12px;font-weight:900;margin-bottom:28px}[data-reveal]{opacity:0;transform:translateY(34px);transition:opacity .85s var(--ease),transform .85s var(--ease)}[data-reveal="left"]{transform:translateX(-45px)}[data-reveal="right"]{transform:translateX(45px)}[data-reveal].visible{opacity:1;transform:none}.image-reveal{overflow:hidden;clip-path:inset(0 100% 0 0 round var(--radius-lg));transition:clip-path 1.2s var(--spring)}.image-reveal.visible{clip-path:inset(0 0 0 0 round var(--radius-lg))}.concept-label{position:absolute;left:18px;bottom:18px;background:rgba(6,24,45,.85);color:#fff;padding:7px 11px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;backdrop-filter:blur(8px)}
/* Home hero */
.home-hero{min-height:calc(100svh - 122px);padding:clamp(56px,7vw,104px) 0 78px;position:relative;overflow:hidden;background:radial-gradient(circle at 74% 18%,rgba(216,189,130,.25),transparent 30%),linear-gradient(135deg,#f9f6ef 0%,#f3eee3 100%)}.home-hero:before{content:"";position:absolute;width:720px;height:720px;border:1px solid rgba(16,43,80,.09);border-radius:50%;right:-220px;top:-290px}.home-hero:after{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(216,189,130,.32);border-radius:50%;left:-210px;bottom:-220px}.hero-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(480px,1.06fr);gap:clamp(50px,6vw,96px);align-items:center;position:relative;z-index:2}.hero-copy{padding-top:15px}.hero-title{font-size:clamp(67px,8.4vw,128px);margin:0 0 28px;max-width:760px}.hero-title span{display:block}.hero-title em{font-weight:400;color:#b9964f}.hero-sub{font-size:clamp(18px,1.7vw,22px);font-weight:750;color:var(--ink);max-width:700px;margin-bottom:14px}.hero-description{font-size:17px;max-width:650px;margin-bottom:30px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-status{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);margin-top:38px;padding-top:22px;max-width:700px}.hero-status div{padding:0 18px;border-right:1px solid var(--line)}.hero-status div:first-child{padding-left:0}.hero-status div:last-child{border:0}.hero-status strong{display:block;font-size:13px;color:var(--navy)}.hero-status span{font-size:12px;color:var(--muted)}.hero-media{min-height:650px;position:relative}.hero-photo-main{position:absolute;inset:0 0 62px 72px;border-radius:56px 56px 160px 56px;overflow:hidden;box-shadow:var(--shadow);transform:rotate(1.7deg)}.hero-photo-main:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(6,24,45,.62));pointer-events:none}.hero-photo-main img{width:100%;height:100%;object-fit:cover}.hero-photo-small{position:absolute;left:0;bottom:10px;width:230px;height:276px;border:11px solid var(--cream);border-radius:36px;overflow:hidden;box-shadow:var(--shadow-soft);transform:rotate(-3deg);z-index:3}.hero-photo-small img{width:100%;height:100%;object-fit:cover}.hero-float{position:absolute;z-index:5;background:rgba(255,255,255,.92);backdrop-filter:blur(13px);border:1px solid rgba(255,255,255,.65);box-shadow:var(--shadow-soft);border-radius:22px;padding:16px 18px;display:flex;align-items:center;gap:13px;animation:float 5s ease-in-out infinite}.hero-float--one{top:9%;left:2%}.hero-float--two{right:-2%;bottom:17%;animation-delay:-2s}.hero-float i{width:42px;height:42px;border-radius:14px;background:var(--sand);display:grid;place-items:center;font-style:normal;font-size:17px;font-weight:900;color:var(--navy)}.hero-float strong{display:block;font-size:13px;line-height:1.3}.hero-float small{display:block;font-size:11px;color:var(--muted)}@keyframes float{50%{transform:translateY(-12px) rotate(.5deg)}}.hero-scroll{position:absolute;bottom:20px;left:50%;z-index:3;display:flex;align-items:center;gap:10px;font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);transform:translateX(-50%) rotate(90deg);transform-origin:center}.hero-scroll:after{content:"";width:52px;height:1px;background:var(--sand)}
.trust-marquee{background:var(--navy-deep);color:#fff;overflow:hidden;padding:17px 0}.marquee-track{display:flex;width:max-content;animation:marquee 25s linear infinite}.marquee-item{display:flex;align-items:center;gap:20px;padding:0 32px;font-size:12px;text-transform:uppercase;letter-spacing:.15em;font-weight:800}.marquee-item:after{content:"✦";color:var(--sand)}@keyframes marquee{to{transform:translateX(-50%)}}

/* interior page hero */
.page-hero{min-height:590px;padding:90px 0 76px;position:relative;overflow:hidden;background:var(--navy-deep);color:#fff}.page-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 10%,rgba(216,189,130,.22),transparent 28%),radial-gradient(circle at 90% 80%,rgba(36,74,120,.7),transparent 34%)}.page-hero__grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);gap:70px;align-items:center;position:relative;z-index:2}.page-hero h1{font-size:clamp(58px,7.4vw,108px);max-width:790px;margin-bottom:26px}.page-hero p{font-size:18px;max-width:670px;color:#d1ddeb}.breadcrumb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--sand);font-weight:800;margin-bottom:24px}.breadcrumb a{color:#fff;opacity:.72}.page-hero__media{height:440px;position:relative}.page-hero__media figure{height:100%;margin:0;border-radius:50px 50px 130px 50px;overflow:hidden;transform:rotate(1.5deg);box-shadow:0 30px 80px rgba(0,0,0,.3);position:relative}.page-hero__media figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(6,24,45,.65))}.page-hero__media img{width:100%;height:100%;object-fit:cover}.page-hero__stamp{position:absolute;left:-38px;bottom:-18px;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--sand);color:var(--navy-deep);font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;animation:slowSpin 20s linear infinite;z-index:3}.page-hero__stamp:after{content:"DB";position:absolute;font-family:Georgia,serif;font-size:36px;letter-spacing:-.05em;animation:slowSpin 20s linear infinite reverse}@keyframes slowSpin{to{transform:rotate(360deg)}}

/* image/editorial sections */
.editorial{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(44px,8vw,110px);align-items:center}.editorial--reverse{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.editorial--reverse .editorial__media{order:2}.editorial__media{position:relative}.editorial__media figure{margin:0;height:620px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);position:relative}.editorial__media img{width:100%;height:100%;object-fit:cover}.editorial__badge{position:absolute;right:-28px;bottom:44px;width:190px;padding:24px;border-radius:24px;background:var(--sand);color:var(--navy);box-shadow:var(--shadow-soft)}.editorial__badge strong{display:block;font-family:Georgia,serif;font-size:44px;line-height:1}.editorial__badge span{font-size:12px;font-weight:800}.editorial__copy h2{font-size:clamp(43px,5.4vw,76px);margin-bottom:24px}.editorial__copy>p{font-size:18px}.check-list{display:grid;gap:13px;margin:28px 0 32px;padding:0;list-style:none}.check-list li{position:relative;padding-left:34px;color:var(--body)}.check-list li:before{content:"✓";position:absolute;left:0;top:1px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--sand-light);color:var(--navy);font-size:12px;font-weight:900}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.stat{padding:21px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.6)}.stat strong{display:block;font-family:Georgia,serif;font-size:38px;color:var(--navy);line-height:1}.stat span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}

/* model, processes, tabs */
.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.model-card{min-height:420px;padding:34px;border-radius:32px;background:#fff;border:1px solid var(--line);position:relative;overflow:hidden;transition:.35s}.model-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-soft)}.model-card:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:var(--sand-light);right:-120px;top:-120px;transition:.5s}.model-card:hover:before{transform:scale(1.2)}.model-card__num{font-family:Georgia,serif;font-size:68px;color:rgba(16,43,80,.13);line-height:1}.model-card h3{font-size:29px;line-height:1.15;margin:80px 0 14px;max-width:250px}.model-card p{margin:0}.model-card a{position:absolute;left:34px;bottom:32px;font-size:13px;font-weight:850;color:var(--navy)}.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;position:relative}.flow:before{content:"";position:absolute;left:8%;right:8%;top:35px;height:1px;background:linear-gradient(90deg,var(--sand),rgba(216,189,130,.15));z-index:0}.flow-step{position:relative;z-index:1;text-align:center}.flow-step span{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;background:var(--navy);color:#fff;border:8px solid var(--cream);box-shadow:0 0 0 1px var(--sand);font-weight:900}.section--navy .flow-step span,.section--deep .flow-step span{background:var(--sand);color:var(--navy);border-color:var(--navy)}.flow-step h3{font-size:17px;margin-bottom:8px}.flow-step p{font-size:13px}.tabs{display:grid;grid-template-columns:330px 1fr;gap:28px}.tab-list{display:grid;gap:10px;align-content:start}.tab-button{width:100%;padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:#fff;text-align:left;color:var(--navy);font-weight:800;transition:.25s}.tab-button.active,.tab-button:hover{background:var(--navy);color:#fff;transform:translateX(8px)}.tab-panel{display:none;background:#fff;border-radius:32px;padding:44px;border:1px solid var(--line);min-height:420px}.tab-panel.active{display:block;animation:panelIn .5s var(--ease)}@keyframes panelIn{from{opacity:0;transform:translateY(14px)}}.tab-panel h3{font-size:38px;letter-spacing:-.04em;margin-bottom:16px}.tab-panel ul{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:28px 0;padding:0;list-style:none}.tab-panel li{padding:14px;border-radius:14px;background:var(--cream);font-size:14px;color:var(--body)}
/* category and growth visuals */
.category-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.category{grid-column:span 4;min-height:390px;border-radius:30px;overflow:hidden;position:relative;background:var(--navy);box-shadow:var(--shadow-soft)}.category:nth-child(1),.category:nth-child(5){grid-column:span 6}.category img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--spring)}.category:hover img{transform:scale(1.07)}.category:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(6,24,45,.92))}.category__content{position:absolute;inset:auto 25px 24px;z-index:2;color:#fff}.category__content span{color:var(--sand);font-size:11px;font-weight:900;letter-spacing:.15em}.category h3{font-size:29px;margin:8px 0 7px;line-height:1.1}.category p{color:#d9e2ec;font-size:14px;margin:0}.category small{display:inline-flex;margin-top:12px;padding:6px 10px;border-radius:999px;background:rgba(216,189,130,.18);border:1px solid rgba(216,189,130,.35);color:#fff}.map-stage{min-height:590px;border-radius:var(--radius-lg);background:linear-gradient(140deg,var(--navy-deep),var(--navy));position:relative;overflow:hidden;padding:50px;color:#fff}.map-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:36px 36px}.map-shape{position:absolute;width:380px;height:520px;right:10%;top:30px;filter:drop-shadow(0 20px 40px rgba(0,0,0,.22))}.map-shape path{fill:rgba(216,189,130,.16);stroke:var(--sand);stroke-width:2;stroke-dasharray:9 7;animation:dash 15s linear infinite}.map-dot{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--sand);box-shadow:0 0 0 8px rgba(216,189,130,.16);animation:mapPulse 2.4s infinite}.map-dot--1{right:34%;top:21%}.map-dot--2{right:27%;top:39%;animation-delay:-.8s}.map-dot--3{right:39%;top:57%;animation-delay:-1.6s}.map-dot--4{right:20%;top:70%;animation-delay:-.3s}@keyframes dash{to{stroke-dashoffset:-200}}@keyframes mapPulse{50%{box-shadow:0 0 0 18px rgba(216,189,130,0)}}.map-copy{position:relative;z-index:2;max-width:510px}.map-copy h2{font-size:clamp(46px,5vw,72px);margin:0 0 22px}.map-copy p{color:#cad7e5;font-size:17px}.map-status{display:grid;gap:10px;margin-top:32px;max-width:370px}.map-status div{display:flex;justify-content:space-between;gap:18px;padding:13px 16px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.05);backdrop-filter:blur(6px);font-size:13px}.map-status strong{color:var(--sand)}

/* forms */
.application-layout{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);gap:clamp(38px,7vw,90px);align-items:start}.application-copy{position:sticky;top:120px}.application-copy h2{font-size:clamp(42px,5vw,68px);margin-bottom:22px}.application-copy .contact-pill{display:flex;gap:12px;align-items:center;padding:14px 16px;border:1px solid var(--line);background:#fff;border-radius:16px;margin-top:12px}.contact-pill i{width:36px;height:36px;border-radius:12px;background:var(--sand-light);display:grid;place-items:center;font-style:normal;color:var(--navy);font-weight:900}.contact-pill strong{display:block;font-size:13px}.contact-pill span{font-size:12px;color:var(--muted)}.form-card{background:#fff;border:1px solid var(--line);border-radius:34px;padding:clamp(26px,4vw,50px);box-shadow:var(--shadow-soft)}.form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:30px}.form-head h2,.form-head h3{margin:0;font-size:31px;letter-spacing:-.04em}.form-head p{margin:6px 0 0}.form-progress{height:4px;border-radius:5px;background:var(--cream);overflow:hidden;margin-bottom:30px}.form-progress span{display:block;width:50%;height:100%;background:var(--sand);transition:.4s}.form-step{display:none}.form-step.active{display:block;animation:panelIn .45s var(--ease)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.field{display:grid;gap:8px}.field--full{grid-column:1/-1}.field label{font-size:12px;color:var(--navy);font-weight:800}.field label span{color:#b18c43}.field input,.field select,.field textarea{width:100%;min-height:54px;border:1px solid var(--line);border-radius:14px;background:#fbfaf7;padding:13px 15px;color:var(--ink);outline:none;transition:.22s}.field textarea{min-height:130px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--sand);box-shadow:0 0 0 4px rgba(216,189,130,.16);background:#fff}.field input.invalid,.field select.invalid,.field textarea.invalid{border-color:var(--danger)}.field small{font-size:11px;color:var(--muted)}.form-nav{display:flex;justify-content:space-between;gap:12px;margin-top:25px}.consent{display:flex;gap:10px;align-items:flex-start;margin-top:19px;font-size:12px;color:var(--muted)}.consent input{margin-top:4px}.form-note{padding:14px 16px;border-radius:14px;background:var(--cream);font-size:12px;color:var(--body);margin-top:18px}.toast{position:fixed;right:22px;bottom:22px;z-index:9994;background:var(--navy-deep);color:#fff;padding:15px 18px;border-radius:14px;box-shadow:var(--shadow);transform:translateY(130px);opacity:0;transition:.35s}.toast.show{transform:none;opacity:1}

/* timeline, values, news */
.timeline{position:relative;display:grid;gap:0}.timeline:before{content:"";position:absolute;left:38px;top:35px;bottom:35px;width:1px;background:var(--sand)}.timeline-item{display:grid;grid-template-columns:78px 1fr;gap:25px;padding:26px 0}.timeline-item>span{position:relative;z-index:2;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--sand);font-weight:900;color:var(--navy);box-shadow:0 0 0 8px var(--cream)}.timeline-item h3{font-size:29px;margin:7px 0 10px}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.value-card{padding:28px;border-radius:24px;background:#fff;border:1px solid var(--line);min-height:250px}.value-card span{display:block;font-family:Georgia,serif;font-size:50px;color:var(--sand);line-height:1}.value-card h3{font-size:21px;margin:28px 0 10px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.news-card{background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;transition:.35s}.news-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-soft)}.news-card figure{height:245px;margin:0;overflow:hidden;position:relative}.news-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.news-card:hover img{transform:scale(1.06)}.news-card__body{padding:27px}.news-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;margin-bottom:14px}.news-card h2,.news-card h3{font-size:26px;line-height:1.15;letter-spacing:-.035em;margin-bottom:13px}.article-body{max-width:860px;margin:auto}.article-body h2{font-size:40px;line-height:1.12;margin-top:58px}.article-body h3{font-size:27px;margin-top:36px}.article-body p,.article-body li{font-size:18px;color:var(--body)}.article-body blockquote{margin:42px 0;padding:30px 34px;border-left:4px solid var(--sand);background:#fff;border-radius:0 22px 22px 0;font-family:Georgia,serif;font-size:28px;color:var(--navy)}.article-body figure{margin:45px 0;border-radius:30px;overflow:hidden}.article-body figure img{width:100%;height:480px;object-fit:cover}

/* CTA/footer/floating */
.cta-band{padding:clamp(70px,8vw,110px) 0;background:var(--sand);position:relative;overflow:hidden}.cta-band:before{content:"";position:absolute;width:460px;height:460px;border:1px solid rgba(16,43,80,.2);border-radius:50%;right:-160px;top:-260px}.cta-band__inner{display:flex;align-items:center;justify-content:space-between;gap:45px;position:relative;z-index:2}.cta-band h2{font-size:clamp(42px,5vw,72px);max-width:830px;margin:0}.cta-band__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.site-footer{background:var(--navy-deep);color:#fff;padding:78px 0 24px}.footer-grid{display:grid;grid-template-columns:1.35fr repeat(4,.72fr);gap:42px}.footer-logo{display:flex;align-items:center;gap:13px;margin-bottom:22px}.footer-logo img{width:58px;height:52px;object-fit:contain}.footer-logo strong{display:block;font-size:20px;letter-spacing:-.03em}.footer-logo span{display:block;color:var(--sand);font-size:9px;text-transform:uppercase;letter-spacing:.14em;margin-top:4px}.footer-brand p{color:#aebdcd;max-width:340px}.footer-social{display:flex;gap:9px;margin-top:20px}.footer-social a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);font-size:12px;font-weight:800}.footer-social a:hover{background:var(--sand);color:var(--navy)}.footer-col h3{font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:var(--sand);margin-bottom:18px}.footer-col a{display:block;color:#b9c6d4;font-size:13px;margin:10px 0}.footer-col a:hover{color:#fff}.footer-bottom{margin-top:55px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:25px;font-size:11px;color:#8292a5}.floating-actions{position:fixed;right:18px;bottom:18px;z-index:75;display:grid;gap:9px;justify-items:end}.floating-actions a,.floating-actions button{min-height:47px;padding:0 17px;border-radius:999px;display:flex;align-items:center;gap:9px;background:#fff;color:var(--navy);box-shadow:var(--shadow-soft);font-size:12px;font-weight:850}.floating-actions .whatsapp{background:#25d366;color:#071c20}.back-top{width:47px!important;padding:0!important;justify-content:center!important;opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s}.back-top.show{opacity:1;visibility:visible;transform:none}.error-page{min-height:70vh;display:grid;place-content:center;text-align:center;padding:80px 24px}.error-page strong{font:500 clamp(100px,20vw,240px)/.8 Georgia,serif;color:var(--sand)}.error-page h1{font-size:48px;margin:26px 0 14px}.logo-wall{display:grid;place-items:center;padding:50px;background:#fff;border-radius:30px}.logo-wall img{max-height:320px}

/* responsive */
@media(max-width:1180px){.nav{display:none}.header-actions{margin-left:auto}.hero-grid,.page-hero__grid{grid-template-columns:1fr 1fr}.hero-title{font-size:clamp(65px,9vw,98px)}.footer-grid{grid-template-columns:1.3fr repeat(2,1fr)}.footer-col:nth-child(4),.footer-col:nth-child(5){margin-top:10px}.values-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){:root{--shell:min(100% - 34px,1280px)}.utility__inner{justify-content:center}.utility__actions a:not(.language-link){display:none}.home-hero{padding-top:66px}.hero-grid,.page-hero__grid,.editorial,.editorial--reverse,.application-layout,.section-head,.tabs{grid-template-columns:1fr}.hero-media{min-height:570px}.page-hero{min-height:auto}.page-hero__media{height:390px}.editorial--reverse .editorial__media{order:0}.editorial__media figure{height:520px}.application-copy{position:static}.model-grid,.news-grid{grid-template-columns:1fr 1fr}.model-card:last-child{grid-column:1/-1}.flow{grid-template-columns:1fr;gap:0}.flow:before{left:35px;right:auto;top:8%;bottom:8%;height:auto;width:1px}.flow-step{display:grid;grid-template-columns:70px 1fr;text-align:left;gap:20px;align-items:center}.flow-step span{margin:0}.category{grid-column:span 6!important}.map-stage{padding:35px}.map-shape{opacity:.38;right:-12%}.tab-list{grid-template-columns:repeat(2,1fr)}.tab-button.active,.tab-button:hover{transform:translateY(-3px)}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-brand{grid-column:1/-1}.cta-band__inner{display:grid}.cta-band__actions{justify-content:flex-start}}
@media(max-width:640px){:root{--shell:calc(100% - 28px);--header:72px}.utility{display:none}.brand__text small{display:none}.brand img{width:44px}.header-actions>.button{display:none}.section{padding:76px 0}.section-title{font-size:42px}.lead{font-size:16px}.home-hero{min-height:auto;padding:48px 0 66px}.hero-grid{display:flex;flex-direction:column}.hero-copy{width:100%}.hero-title{font-size:clamp(58px,18vw,78px)}.hero-description{font-size:15px}.hero-actions .button{width:100%}.hero-status{grid-template-columns:1fr;gap:12px}.hero-status div{padding:0 0 12px;border-right:0;border-bottom:1px solid var(--line)}.hero-media{width:100%;min-height:470px}.hero-photo-main{left:28px;bottom:42px;border-radius:34px 34px 90px 34px}.hero-photo-small{width:135px;height:175px;border-width:7px}.hero-float{padding:11px 12px}.hero-float--one{top:4%;left:-2%}.hero-float--two{right:-2%;bottom:10%}.hero-float i{width:35px;height:35px}.hero-scroll{display:none}.page-hero{padding:65px 0}.page-hero h1{font-size:52px}.page-hero__grid{gap:38px}.page-hero__media{height:320px}.page-hero__media figure{border-radius:30px 30px 80px 30px}.page-hero__stamp{width:105px;height:105px;left:-8px;font-size:8px}.page-hero__stamp:after{font-size:27px}.editorial__media figure{height:410px}.editorial__badge{right:10px;bottom:20px;width:160px}.stat-row,.grid-2,.grid-3,.grid-4,.model-grid,.news-grid,.values-grid,.form-grid,.tab-list,.tab-panel ul{grid-template-columns:1fr}.model-card:last-child{grid-column:auto}.category-grid{display:grid;grid-template-columns:1fr}.category{grid-column:auto!important;min-height:350px}.map-stage{min-height:650px;padding:28px}.map-shape{width:290px;top:170px;right:-35%}.map-copy h2{font-size:44px}.tabs{gap:20px}.tab-panel{padding:28px}.form-card{padding:23px}.form-head{display:block}.application-copy h2{font-size:42px}.timeline:before{left:27px}.timeline-item{grid-template-columns:54px 1fr;gap:16px}.timeline-item>span{width:54px;height:54px;box-shadow:0 0 0 5px var(--cream)}.article-body p,.article-body li{font-size:16px}.article-body h2{font-size:32px}.article-body figure img{height:300px}.cta-band h2{font-size:43px}.cta-band__actions .button{width:100%}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}.footer-bottom{display:grid}.floating-actions a:not(.whatsapp):not(.back-top){display:none}.concept-label{font-size:8px}.section-head{gap:14px;margin-bottom:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cursor-dot,.cursor-ring{display:none!important}[data-reveal]{opacity:1!important;transform:none!important}.image-reveal{clip-path:none!important}}



/* ===== DaaBasics Premium V3 Glass Refresh ===== */
:root{
  --navy:#091325;
  --navy-deep:#040c18;
  --navy-light:#17365d;
  --sand:#d8bd82;
  --sand-light:#f3e5bf;
  --cream:#f4f7fb;
  --paper:#ffffff;
  --ink:#0f1d31;
  --body:#5e6d82;
  --muted:#8a96aa;
  --line:rgba(13,25,45,.10);
  --shadow:0 28px 80px rgba(4,12,24,.22);
  --shadow-soft:0 18px 50px rgba(4,12,24,.12);
}
body{background:linear-gradient(180deg,#06101e 0,#0a1425 230px,#f4f7fb 230px,#f6f9fc 100%)}
.display,h1,h2,h3,h4,.brand__text strong,.button,.nav>a,.nav-group>button,.footer-logo strong,.mobile-menu nav a{font-family:'League Spartan',Inter,system-ui,sans-serif;font-weight:700;letter-spacing:-.03em}
body,.lead,.hero-description,.page-hero p,.card p,.news-card p,.footer-col a,.footer-brand p{font-family:Inter,system-ui,sans-serif}
.display{line-height:.92}
.section-title{font-size:clamp(34px,4.1vw,58px);margin-bottom:14px}
.hero-title{font-size:clamp(54px,7.2vw,94px);margin-bottom:22px}
.page-hero h1{font-size:clamp(44px,5.6vw,78px);margin-bottom:18px}
.application-copy h2,.cta-band h2{font-size:clamp(34px,4vw,58px)}
.card h3,.news-card h3,.form-head h2,.form-head h3{font-size:clamp(22px,2vw,28px)}

.eyebrow,.hero-sub,.kicker,.tag,.breadcrumb,.language-link{
  display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(18px);box-shadow:0 14px 34px rgba(4,12,24,.12)
}
.eyebrow,.kicker,.tag,.breadcrumb,.page-hero p,.home-hero p,.hero-sub{position:relative;z-index:2}
.eyebrow,.breadcrumb,.kicker{font-size:11px;letter-spacing:.18em}
.hero-sub{font-size:14px;font-weight:800;line-height:1.2;color:#eff5ff;margin-bottom:16px;max-width:max-content}
.section--paper .eyebrow,.section--paper .kicker,.section--paper .tag,.section--paper .breadcrumb,
.page-hero .breadcrumb a,.page-hero .breadcrumb span{color:#f6e2b0}
.section:not(.section--navy):not(.section--deep) .eyebrow,
.section:not(.section--navy):not(.section--deep) .kicker,
.section:not(.section--navy):not(.section--deep) .tag{
  background:rgba(9,19,37,.04);border-color:rgba(9,19,37,.08);color:#8d6a2c
}

.utility{background:rgba(4,12,24,.96);border-bottom:1px solid rgba(255,255,255,.06)}
.utility p,.utility__actions a{color:#e0ebfa}
.site-header{background:rgba(4,12,24,.76);backdrop-filter:blur(18px) saturate(160%);border-bottom:1px solid rgba(255,255,255,.08)}
.site-header.is-scrolled{background:rgba(4,12,24,.92);border-color:rgba(255,255,255,.09);box-shadow:0 18px 40px rgba(0,0,0,.18)}
.nav>a,.nav-group>button,.brand__text strong,.brand__text small{color:#eef5ff}
.nav>a:after,.nav-group>button:after{background:linear-gradient(90deg,var(--sand),#fff1bd)}
.brand__text small{opacity:.76}
.menu-toggle,.mobile-close{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);backdrop-filter:blur(16px)}
.menu-toggle span{background:#fff}
.dropdown,.mobile-menu__panel{background:rgba(7,17,31,.84);border-color:rgba(255,255,255,.08);backdrop-filter:blur(22px)}
.dropdown a,.mobile-menu nav a,.mobile-contact a{color:#eef5ff}
.dropdown a:hover,.mobile-contact a:hover,.mobile-menu nav a:hover{background:rgba(255,255,255,.06);color:#f6e2b0}
.mobile-contact a{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.08)}

.home-hero{
  color:#fff;
  background:
    radial-gradient(circle at 78% 18%,rgba(216,189,130,.22),transparent 26%),
    radial-gradient(circle at 14% 24%,rgba(39,78,127,.35),transparent 32%),
    linear-gradient(135deg,#040d1b 0%,#071424 46%,#0a1b32 100%);
}
.home-hero:before{border-color:rgba(216,189,130,.18)}
.home-hero:after{border-color:rgba(255,255,255,.10)}
.hero-title span,.hero-title em{display:inline}
.hero-title em{color:#f2dca2;font-style:normal;position:relative}
.hero-title em:after{content:'';position:absolute;left:0;bottom:-8px;width:100%;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--sand),transparent);animation:glideLine 1.8s ease-in-out infinite}
.hero-description{color:#d4e0f0;max-width:680px}
.hero-status{gap:14px;border-top:0;padding-top:26px}
.hero-status div{padding:18px;border-right:0;border:1px solid rgba(255,255,255,.10);border-radius:22px;background:rgba(255,255,255,.08);backdrop-filter:blur(14px)}
.hero-status strong{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.hero-status span{color:#d0dded}
.hero-photo-main,.hero-photo-small,.page-hero__media figure,.editorial__media figure,.logo-wall,
.card,.category,.news-card,.map-stage,.flow-step,.form-card,.application-copy .contact-pill,.tab-button,.tab-panel,.faq-item,
.cta-band__inner,.footer-grid>div,.floating-actions a,.floating-actions button{
  background:rgba(255,255,255,.74);
  border:1px solid rgba(255,255,255,.52)!important;
  box-shadow:0 24px 70px rgba(4,12,24,.14);
  backdrop-filter:blur(22px);
}
.home-hero .hero-photo-main,.home-hero .hero-photo-small,.page-hero__media figure,.editorial__media figure{background:none;border-color:rgba(255,255,255,.18)!important}
.hero-photo-main{inset:0 0 56px 84px;border-radius:42px 42px 120px 42px;transform:none}
.hero-photo-small{border-color:rgba(255,255,255,.2)!important;background:rgba(255,255,255,.06)}
.hero-float{background:rgba(8,20,39,.70);border-color:rgba(255,255,255,.12);color:#fff}
.hero-float i{background:rgba(216,189,130,.15);border:1px solid rgba(216,189,130,.32);color:#f6e2b0}
.hero-float small{color:#d0dded}
.hero-scroll{color:#bdcce0}
.page-hero{
  background:
    radial-gradient(circle at 10% 16%,rgba(216,189,130,.22),transparent 24%),
    radial-gradient(circle at 84% 82%,rgba(27,61,108,.74),transparent 30%),
    linear-gradient(135deg,#05101f,#09182e 58%,#0e2140);
}
.page-hero__stamp{box-shadow:0 16px 30px rgba(0,0,0,.18);border:8px solid rgba(255,255,255,.08)}
.page-hero__media figure{transform:none;border-radius:38px 38px 110px 38px}
.page-hero p{color:#d5e2f1}

.button{min-height:52px;padding-inline:22px;border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:#fff;backdrop-filter:blur(16px);box-shadow:0 12px 28px rgba(4,12,24,.10)}
.button:before{content:'';position:absolute;inset:-120% auto auto -40%;width:42%;height:300%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.34),transparent);transform:rotate(18deg);transition:transform .8s var(--ease)}
.button:hover:before{transform:translateX(330%) rotate(18deg)}
.button:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(4,12,24,.18)}
.button--gold{background:linear-gradient(135deg,#d3b26d 0%,#f4e0ac 100%);color:#07111f;border-color:rgba(255,255,255,.16)}
.button--navy{background:linear-gradient(135deg,#102b50 0%,#1d4f88 100%);color:#fff}
.section--paper .button--outline,.cta-band .button--outline,.site-footer .button--outline,.header-actions .button--outline{color:var(--ink);background:rgba(255,255,255,.66);border-color:rgba(13,25,45,.10)}
.button--outline{color:#fff;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.18)}
.button--light{background:rgba(255,255,255,.85);color:#08111f}

.card,.category,.news-card,.flow-step,.faq-item,.tab-panel,.form-card,.application-copy .contact-pill,.map-stage,.cta-band__inner,.footer-grid>div{border-radius:28px}
.card:hover,.category:hover,.news-card:hover,.tab-button:hover,.application-copy .contact-pill:hover{transform:translateY(-8px);box-shadow:0 28px 60px rgba(4,12,24,.16)}
.category img,.news-card figure img,.editorial__media img,.page-hero__media img,.hero-photo-main img,.hero-photo-small img,.article-body figure img{transition:transform .9s var(--spring),filter .55s ease;filter:none!important}
.category:hover img,.news-card:hover figure img,.editorial__media:hover img,.page-hero__media:hover img,.hero-photo-main:hover img,.hero-photo-small:hover img{transform:scale(1.06)}
.category__content,.news-card__body{position:relative;z-index:2}
.category__content small,.news-meta span,.concept-label{background:rgba(6,24,45,.72);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px)}
.section--paper,.section--sand{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(244,247,251,.98))}
.section--navy,.section--deep,.site-footer{background:linear-gradient(135deg,#06101f,#09182e 58%,#0b2141)}
.section--navy p,.section--deep p,.site-footer p{color:#d6e0ef}
.section-head{gap:28px;margin-bottom:42px}
.lead{font-size:clamp(16px,1.35vw,18px);line-height:1.75}
.text-link{border-bottom-color:rgba(216,189,130,.45)}
.section-title:after,.page-hero h1:after,.application-copy h2:after,.cta-band h2:after{content:'';display:block;width:86px;height:3px;margin-top:16px;border-radius:999px;background:linear-gradient(90deg,var(--sand),transparent)}
.hero-title:after{content:'';display:block;width:110px;height:3px;margin-top:16px;border-radius:999px;background:linear-gradient(90deg,var(--sand),transparent)}

.footer-grid{gap:26px}
.footer-grid>div{padding:26px}
.footer-brand p,.footer-col a{color:#dae4f2}
.footer-col h3{font-size:11px}
.footer-social a{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
.footer-social a:hover{background:linear-gradient(135deg,#d3b26d,#f4e0ac)}
.footer-bottom{color:#aebfd3}
.cta-band{background:linear-gradient(135deg,#d4b170,#f0dfb7)}
.cta-band__inner{background:rgba(255,255,255,.28)}
.floating-actions a,.floating-actions button{border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.84)}
.floating-actions .whatsapp{background:linear-gradient(135deg,#25d366,#7af2a7)}

[data-reveal]{transition-duration:.9s}
[data-reveal].visible .display,[data-reveal].visible.display{animation:titleRise .85s var(--spring) both}
@keyframes titleRise{from{opacity:0;transform:translateY(14px);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes glideLine{50%{opacity:.82;transform:scaleX(.84)}100%{opacity:1;transform:scaleX(1)}}

@media(max-width:1180px){.hero-photo-main{inset:0 0 44px 48px}}
@media(max-width:900px){body{background:linear-gradient(180deg,#06101e 0,#0a1425 160px,#f4f7fb 160px,#f6f9fc 100%)}.hero-status{grid-template-columns:1fr}.hero-title{font-size:clamp(48px,11vw,76px)}.page-hero__media figure{border-radius:30px 30px 90px 30px}}
@media(max-width:640px){.site-header{background:rgba(4,12,24,.92)}.home-hero{padding-top:36px}.hero-title{font-size:clamp(42px,15vw,64px)}.section-title{font-size:34px}.page-hero h1{font-size:40px}.hero-photo-main{left:20px;bottom:36px;border-radius:28px 28px 74px 28px}.hero-photo-small{width:132px;height:168px}.footer-grid{grid-template-columns:1fr}.footer-grid>div{padding:20px}.button,.hero-actions .button,.cta-band__actions .button{width:100%}}


/* ===== DaaBasics Premium V4 targeted refinement ===== */
.site-loader{background:radial-gradient(circle at center,rgba(20,44,78,.32),transparent 42%),linear-gradient(135deg,#030a14,#071426 58%,#0b1d37)}
.loader-mark{width:136px;height:136px;padding:18px;border-radius:38px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(14px);box-shadow:0 24px 60px rgba(0,0,0,.35)}
.loader-mark img{width:96px;filter:brightness(0) invert(1) drop-shadow(0 10px 26px rgba(255,255,255,.18))}
.loader-mark:before,.loader-mark:after{border-color:rgba(216,189,130,.55)}
.site-loader strong{font-size:15px;letter-spacing:.28em;color:#fff}
.loader-line{width:220px;height:3px;border-radius:999px;background:rgba(255,255,255,.10)}
.loader-line:after{background:linear-gradient(90deg,#d8bd82,#f6e2b0,#d8bd82)}

.utility__inner{min-height:42px;flex-wrap:wrap;padding:8px 0}
.utility p{font-weight:700;letter-spacing:.02em}
.utility__actions{gap:14px;flex-wrap:wrap;justify-content:flex-end}
.utility__actions a{font-weight:700}
.language-link{color:#fff;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.16)}

.brand img,.footer-logo img,.mobile-menu__brand img,.loader-mark img{filter:brightness(0) invert(1)}
.header-actions{margin-left:auto;gap:10px}
.header-actions .button{font-size:14px;padding-inline:20px}

.mobile-menu__brand{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding:14px 16px;border-radius:24px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.mobile-menu__brand img{width:56px;height:56px;object-fit:contain}
.mobile-menu__brand strong{display:block;color:#fff;font-size:20px;line-height:1.05}
.mobile-menu__brand span{display:block;margin-top:4px;color:#d8bd82;font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.mobile-contact{display:grid;gap:10px;margin-top:26px}
.mobile-contact a{justify-content:flex-start;padding:13px 16px;border-radius:18px;line-height:1.4;font-size:13px}
.mobile-social{display:flex;gap:10px;margin-top:16px}
.mobile-social a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#fff;font-weight:800}
.mobile-social a:hover{background:linear-gradient(135deg,#d3b26d,#f4e0ac);color:#07111f}
.mobile-cta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.mobile-cta .button{width:100%}

.home-hero{min-height:calc(100vh - 118px);background:linear-gradient(90deg,rgba(3,10,20,.92) 0%,rgba(3,10,20,.86) 28%,rgba(5,17,33,.64) 48%,rgba(5,17,33,.28) 65%,rgba(5,17,33,.06) 100%),url('../images/daabasics-limited-dark-retail-hero-banner.webp') center right/cover no-repeat!important;display:flex;align-items:center}
.home-hero:before,.home-hero:after{display:none}
.hero-grid--single{grid-template-columns:1fr!important;align-items:center;min-height:calc(100vh - 118px)}
.hero-copy{max-width:700px;padding-block:62px}
.hero-media,.hero-status,.hero-scroll{display:none!important}
.hero-title{font-size:clamp(64px,7.3vw,110px);line-height:.92;max-width:700px;margin-bottom:18px}
.hero-title:after,.hero-title em:after{content:none!important}
.hero-title span,.hero-title em{display:block;width:max-content;max-width:100%;padding:10px 20px 8px;margin:0 0 10px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(12px);box-shadow:0 20px 38px rgba(0,0,0,.14);transition:transform .35s ease,background .35s ease,border-color .35s ease}
.hero-title em{color:#f2dca2;font-style:normal}
.hero-title:hover span,.hero-title:hover em{transform:translateY(-2px);background:rgba(255,255,255,.08);border-color:rgba(216,189,130,.22)}
.hero-description{font-size:clamp(18px,1.5vw,21px);color:#deebfa;max-width:640px;margin-top:18px;margin-bottom:28px}
.home-hero .eyebrow,.section .eyebrow,.section .kicker,.tag,.breadcrumb{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;backdrop-filter:blur(14px);box-shadow:0 12px 24px rgba(0,0,0,.08);padding:10px 16px;border-radius:999px;display:inline-flex;align-items:center;animation:subtitleFloat 3.6s ease-in-out infinite}
.section:not(.section--navy):not(.section--deep) .eyebrow,.section:not(.section--navy):not(.section--deep) .kicker,.section:not(.section--navy):not(.section--deep) .tag,.page-hero .breadcrumb{background:rgba(9,19,37,.04)!important;border-color:rgba(9,19,37,.08)!important;color:#8d6a2c!important}
@keyframes subtitleFloat{50%{transform:translateY(-2px)}}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px}
.button{font-size:14px!important;min-height:54px;padding-inline:24px}
.button--small{min-height:44px;padding-inline:18px;font-size:13px!important}

.trust-marquee{background:linear-gradient(135deg,#c9a75b,#d9b871 48%,#b89242)!important;border-top:0;border-bottom:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 14px 30px rgba(8,20,39,.10)}
.marquee-track{gap:0}
.marquee-item{color:#fff!important;font-weight:800;letter-spacing:.05em;position:relative;padding-inline:34px}
.marquee-item:before{content:'◆';position:absolute;left:10px;top:50%;transform:translateY(-54%);color:#102b50;font-size:11px}

.floating-actions{right:18px;bottom:18px}
.floating-actions a{display:none!important}

.footer-col a[href^="tel:"]{white-space:nowrap}

@media(max-width:900px){
  .utility__inner{justify-content:center;text-align:center}.utility__actions{justify-content:center}
  .home-hero,.hero-grid--single{min-height:76vh}
  .hero-title{font-size:clamp(52px,10vw,78px)}
}
@media(max-width:640px){
  .utility{display:block!important}.utility__inner{padding:8px 0;gap:8px}.utility p{font-size:11px;justify-content:center;width:100%}.utility__actions{width:100%;gap:8px;justify-content:center}.utility__actions a,.language-link{font-size:11px}
  .home-hero{min-height:auto;padding:70px 0 72px;background-position:70% center!important}
  .hero-copy{padding-block:24px}.hero-title{font-size:clamp(42px,13vw,60px)}.hero-title span,.hero-title em{padding:9px 14px 7px;border-radius:18px}.hero-description{font-size:16px}
  .mobile-menu__panel{padding:60px 22px 28px}.mobile-menu nav a{font-size:24px}.mobile-cta{grid-template-columns:1fr}
  .header-actions>.button{display:none}
}


/* ===== DaaBasics Premium V5 navigation, typography and animation refinements ===== */
/* Consistent global title and CTA typography */
h1,h2,h3,h4,.display,.section-title,.page-hero h1,.application-copy h2,.cta-band h2,
.button,.nav>a,.nav-group>button,.mobile-panel-intro h2,.footer-col h3{
  text-transform:uppercase;
}
h1,h2,h3,h4,.display{font-weight:800}
.section-title{font-size:clamp(40px,4.7vw,68px)}
.page-hero h1{font-size:clamp(50px,6.2vw,88px)}
.application-copy h2,.cta-band h2{font-size:clamp(40px,4.6vw,66px)}
.card h3,.news-card h3,.form-head h2,.form-head h3{font-size:clamp(24px,2.15vw,31px)}
.button{font-size:15px!important;font-weight:800;letter-spacing:.025em}
.nav{gap:25px}
.nav>a,.nav-group>button{font-size:14px;font-weight:800;letter-spacing:-.012em}

/* One universal glass subtitle style across the entire website */
.eyebrow,.eyebrow--light,.kicker,.tag,.tag--dark,.breadcrumb{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content;
  max-width:100%;
  min-height:34px;
  margin:0 0 18px!important;
  padding:10px 16px!important;
  border-radius:999px!important;
  background:rgba(8,20,39,.72)!important;
  border:1px solid rgba(216,189,130,.28)!important;
  color:#d8bd82!important;
  box-shadow:0 14px 34px rgba(4,12,24,.14)!important;
  backdrop-filter:blur(16px) saturate(145%)!important;
  font-family:Inter,system-ui,sans-serif!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  animation:universalSubtitleFloat 3.8s ease-in-out infinite!important;
}
.breadcrumb a,.breadcrumb span{color:#d8bd82!important}
@keyframes universalSubtitleFloat{50%{transform:translateY(-2px);box-shadow:0 19px 38px rgba(4,12,24,.18)}}

/* Hero title: larger, two lines, true load animation and glass hover */
.hero-title{
  font-size:clamp(72px,8.5vw,126px)!important;
  line-height:.86!important;
  letter-spacing:-.045em!important;
  max-width:820px!important;
  perspective:1000px;
}
.hero-title span,.hero-title em{
  position:relative;
  display:block!important;
  width:max-content;
  max-width:100%;
  overflow:hidden;
  opacity:0;
  transform:translateY(55px) rotateX(-12deg) scale(.96);
  filter:blur(12px);
  clip-path:inset(100% 0 0 0 round 24px);
  will-change:transform,opacity,filter,clip-path;
}
.hero-title.visible span{animation:heroTitleLineIn 1.05s cubic-bezier(.16,1,.3,1) .08s forwards}
.hero-title.visible em{animation:heroTitleLineIn 1.05s cubic-bezier(.16,1,.3,1) .28s forwards}
.hero-title span:after,.hero-title em:after{
  content:''!important;
  position:absolute!important;
  inset:-30% auto -30% -55%!important;
  width:38%!important;
  height:160%!important;
  margin:0!important;
  background:linear-gradient(110deg,transparent 15%,rgba(255,255,255,.18) 50%,transparent 85%)!important;
  transform:skewX(-18deg)!important;
  animation:heroTitleShine 5.5s ease-in-out 1.4s infinite!important;
  pointer-events:none;
}
.hero-title:hover span,.hero-title:hover em{
  transform:translateY(-4px) scale(1.012)!important;
  background:rgba(255,255,255,.085)!important;
  border-color:rgba(216,189,130,.36)!important;
  box-shadow:0 24px 52px rgba(0,0,0,.24)!important;
}
@keyframes heroTitleLineIn{
  0%{opacity:0;transform:translateY(55px) rotateX(-12deg) scale(.96);filter:blur(12px);clip-path:inset(100% 0 0 0 round 24px)}
  65%{opacity:1;filter:blur(0)}
  100%{opacity:1;transform:none;filter:blur(0);clip-path:inset(0 0 0 0 round 24px)}
}
@keyframes heroTitleShine{0%,72%{left:-55%;opacity:0}78%{opacity:1}100%{left:135%;opacity:0}}

/* Header has one CTA only */
.header-actions .button--outline{display:none!important}

/* Side panel: remove page navigation and make close control unmistakable */
.mobile-menu__panel{width:min(560px,96vw);padding:68px 34px 36px}
.mobile-close{
  z-index:5;
  top:20px!important;
  right:22px!important;
  width:52px!important;
  height:52px!important;
  display:grid!important;
  place-items:center!important;
  background:#ffffff!important;
  border:2px solid rgba(216,189,130,.72)!important;
  color:#06101f!important;
  box-shadow:0 16px 32px rgba(0,0,0,.28)!important;
  font-size:34px!important;
  line-height:1!important;
  font-weight:400!important;
}
.mobile-close span{display:block;transform:translateY(-2px)}
.mobile-menu__panel nav{display:none!important}
.mobile-panel-intro{margin:20px 0 24px;padding:22px;border-radius:26px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10)}
.mobile-panel-intro h2{margin:0 0 10px;color:#fff;font-size:clamp(30px,4.5vw,48px);line-height:.96}
.mobile-panel-intro p{margin:0;color:#bfcde0;font-size:15px}
.mobile-contact a{display:grid!important;gap:3px!important}
.mobile-contact small{color:#d8bd82;text-transform:uppercase;letter-spacing:.14em;font-size:9px;font-weight:800}
.mobile-contact strong{color:#fff;font-size:14px;line-height:1.35}

/* Restore the original dark marquee treatment */
.trust-marquee{
  background:#06101f!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  box-shadow:none!important;
}
.marquee-item{
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}
.marquee-item:before{content:'◆'!important;color:#d8bd82!important;font-size:10px!important}

@media(max-width:1180px){
  .nav{gap:18px}.nav>a,.nav-group>button{font-size:13px}
  .hero-title{font-size:clamp(66px,9vw,102px)!important}
}
@media(max-width:640px){
  .hero-title{font-size:clamp(48px,15vw,70px)!important;line-height:.88!important}
  .hero-title span,.hero-title em{padding:10px 14px 8px!important;border-radius:17px!important}
  .mobile-menu__panel{padding:68px 20px 28px}
  .mobile-panel-intro h2{font-size:32px}
}


/* ===== DaaBasics Premium V6 precise navigation and hero refinements ===== */
/* Header navigation hierarchy */
.nav{gap:24px}
.nav>a,.nav-group>button{font-size:14px!important;font-weight:800!important;letter-spacing:-.008em!important}
.nav-group--active>button:after{transform:scaleX(1)!important;transform-origin:left!important}
.nav-group--active>button{color:#f2dca2!important}

/* Top bar without language control */
.utility__actions{gap:18px}
.utility__actions:empty{display:none}

/* True platform icons */
.mobile-social a,.footer-social a{display:grid!important;place-items:center!important}
.mobile-social svg,.footer-social svg{width:19px;height:19px;fill:currentColor;display:block}
.mobile-social a{width:46px!important;height:46px!important}
.footer-social a{width:40px!important;height:40px!important}

/* Hero title: exactly two lines, no glass blocks behind the text */
.hero-copy{max-width:980px!important}
.hero-title{
  max-width:980px!important;
  font-size:clamp(62px,7vw,108px)!important;
  line-height:.88!important;
  letter-spacing:-.045em!important;
  margin-bottom:24px!important;
}
.hero-title span,.hero-title em{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  padding:0!important;
  margin:0 0 10px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  color:#fff!important;
  text-shadow:0 16px 42px rgba(0,0,0,.35);
  transition:color .35s ease,text-shadow .35s ease,transform .35s ease!important;
}
.hero-title em{color:#f2dca2!important;font-style:normal!important}
.hero-title:hover span{color:#f7fbff!important;transform:translateX(6px)!important}
.hero-title:hover em{color:#fff!important;transform:translateX(6px)!important;text-shadow:0 0 26px rgba(242,220,162,.28),0 16px 42px rgba(0,0,0,.35)}
.hero-title span:after,.hero-title em:after{
  content:''!important;
  position:absolute!important;
  inset:0 auto 0 -45%!important;
  width:28%!important;
  height:100%!important;
  background:linear-gradient(110deg,transparent,rgba(255,255,255,.28),transparent)!important;
  transform:skewX(-18deg)!important;
  animation:heroTextSweep 5.8s ease-in-out 1.2s infinite!important;
  pointer-events:none!important;
}
@keyframes heroTextSweep{0%,72%{left:-45%;opacity:0}78%{opacity:1}100%{left:120%;opacity:0}}

/* Universal glass subtitle: same size, colour, border and movement everywhere */
.eyebrow,.eyebrow--light,.kicker,.tag,.tag--dark,.breadcrumb{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-height:36px!important;
  padding:11px 17px!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.18em!important;
  color:#d8bd82!important;
  background:rgba(7,18,34,.62)!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  background-image:linear-gradient(rgba(7,18,34,.82),rgba(7,18,34,.82)),linear-gradient(90deg,rgba(216,189,130,.16),#f2dca2,rgba(216,189,130,.16))!important;
  background-origin:border-box!important;
  background-clip:padding-box,border-box!important;
  background-size:100% 100%,260% 100%!important;
  animation:subtitleBorderFlow 4.2s linear infinite!important;
  box-shadow:0 14px 34px rgba(4,12,24,.16)!important;
  backdrop-filter:blur(16px) saturate(140%)!important;
}
.eyebrow:after,.eyebrow--light:after,.kicker:after,.tag:after,.tag--dark:after,.breadcrumb:after{
  content:''!important;
  position:absolute!important;
  left:-25%!important;
  top:0!important;
  width:22%!important;
  height:100%!important;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.16),transparent)!important;
  animation:subtitleShine 4.2s ease-in-out infinite!important;
  pointer-events:none!important;
}
@keyframes subtitleBorderFlow{to{background-position:0 0,260% 0}}
@keyframes subtitleShine{0%,70%{left:-25%;opacity:0}76%{opacity:1}100%{left:112%;opacity:0}}
.section:not(.section--navy):not(.section--deep) .eyebrow,
.section:not(.section--navy):not(.section--deep) .kicker,
.section:not(.section--navy):not(.section--deep) .tag,
.page-hero .breadcrumb{
  color:#a77a2c!important;
  background-image:linear-gradient(rgba(255,255,255,.78),rgba(255,255,255,.78)),linear-gradient(90deg,rgba(216,189,130,.18),#c89e4f,rgba(216,189,130,.18))!important;
}

/* Lower section headings: controlled size and softer weight */
.section-title{font-size:clamp(34px,3.7vw,54px)!important;font-weight:700!important;line-height:.98!important}
.page-hero h1{font-size:clamp(42px,5vw,70px)!important;font-weight:700!important;line-height:.96!important}
.application-copy h2,.cta-band h2{font-size:clamp(34px,3.9vw,56px)!important;font-weight:700!important}
.card h3,.news-card h3,.form-head h2,.form-head h3{font-size:clamp(21px,1.75vw,27px)!important;font-weight:700!important}
.editorial__copy h2,.map-copy h2,.tab-panel h2,.article-body h2{font-weight:700!important}

@media(max-width:1180px){
  .nav{gap:17px}.nav>a,.nav-group>button{font-size:13px!important}
  .hero-title{font-size:clamp(58px,8.4vw,92px)!important}
}
@media(max-width:640px){
  .hero-title{font-size:clamp(43px,13.7vw,62px)!important;line-height:.9!important}
  .hero-title span,.hero-title em{white-space:normal!important;width:auto!important}
  .section-title{font-size:32px!important}.page-hero h1{font-size:40px!important}
}

/* V6 final conflict fixes */
.hero-title{font-size:clamp(58px,6vw,86px)!important;max-width:none!important}
.hero-title span,.hero-title em{white-space:nowrap!important}
.hero-title:hover span,.hero-title:hover em{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.section:not(.section--navy):not(.section--deep) .eyebrow,
.section:not(.section--navy):not(.section--deep) .kicker,
.section:not(.section--navy):not(.section--deep) .tag,
.page-hero .breadcrumb{
  color:#d8bd82!important;
  background-image:linear-gradient(rgba(7,18,34,.82),rgba(7,18,34,.82)),linear-gradient(90deg,rgba(216,189,130,.16),#f2dca2,rgba(216,189,130,.16))!important;
  background-origin:border-box!important;
  background-clip:padding-box,border-box!important;
  border-color:transparent!important;
}
@media(max-width:1180px){.hero-title{font-size:clamp(52px,6.2vw,72px)!important}}
@media(max-width:700px){.hero-title{font-size:clamp(30px,8.5vw,42px)!important}.hero-title span,.hero-title em{white-space:nowrap!important}}


/* ===== Requested second and third section updates only ===== */
.retail-intro{background:#fff!important;color:#0f1d31!important;padding-top:80px!important;padding-bottom:88px!important;overflow:hidden!important}
.retail-intro__grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:44px!important;align-items:stretch!important}
.retail-orbit,.retail-intro__copy{min-height:650px!important;height:650px!important}
.retail-orbit{position:relative!important;background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}
.retail-orbit:before{content:'';position:absolute;left:50%;top:50%;width:530px;height:530px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(16,43,80,.05),rgba(216,189,130,.04) 42%,transparent 70%);pointer-events:none}
.retail-orbit__ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px dashed rgba(16,43,80,.16);pointer-events:none}
.retail-orbit__ring--outer{width:570px;height:570px;animation:orbitRingSpin 32s linear infinite}
.retail-orbit__ring--inner{width:430px;height:430px;border-color:rgba(216,189,130,.42);animation:orbitRingSpin 23s linear infinite reverse}
@keyframes orbitRingSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.retail-orbit__feature{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:320px;height:442px;border-radius:34px;overflow:hidden;background:#081426;border:1px solid rgba(216,189,130,.40);box-shadow:0 30px 75px rgba(8,20,38,.24);transition:opacity .25s ease,transform .25s ease}
.retail-orbit__feature.is-changing{opacity:.55;transform:translate(-50%,-50%) scale(.985)}
.retail-orbit__feature:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,15,28,.03),rgba(6,15,28,.92) 76%);pointer-events:none}
.retail-orbit__feature>img{width:100%;height:100%;object-fit:cover;display:block}
.retail-orbit__count{position:absolute;right:18px;top:18px;z-index:3;padding:9px 12px;border-radius:999px;background:rgba(6,20,38,.72);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);color:#fff;font-size:12px;font-weight:850}
.retail-orbit__feature-copy{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:28px;color:#fff}
.retail-orbit__feature-copy small{display:inline-flex;padding:8px 12px;margin-bottom:12px;border-radius:999px;background:rgba(216,189,130,.18);border:1px solid rgba(216,189,130,.36);color:#f2dca2;font-size:10px;font-weight:850;letter-spacing:.12em}
.retail-orbit__feature-copy h3{margin:0 0 9px;color:#fff;font-size:31px;line-height:1.05}
.retail-orbit__feature-copy p{margin:0 0 18px;color:#d7e2f0;font-size:13px;line-height:1.6}
.retail-orbit__feature-copy a{display:inline-flex;align-items:center;gap:10px;padding:11px 16px;border-radius:999px;background:linear-gradient(135deg,#102b50,#2b598f);color:#fff;font-size:12px;font-weight:850}
.retail-orbit__node{position:absolute;z-index:4;width:106px;height:110px;padding:0;border-radius:24px;overflow:hidden;background:#fff;border:1px solid rgba(15,29,49,.08);box-shadow:0 16px 38px rgba(9,19,37,.12);cursor:pointer;transition:border-color .25s ease,box-shadow .25s ease,scale .25s ease}
.retail-orbit__node img{width:100%;height:100%;object-fit:cover;display:block}
.retail-orbit__node span{position:absolute;left:7px;right:7px;bottom:7px;padding:7px 6px;border-radius:14px;background:rgba(8,20,38,.84);border:1px solid rgba(216,189,130,.26);color:#fff;font-size:10px;font-weight:800;line-height:1.1;text-align:center;backdrop-filter:blur(8px)}
.retail-orbit__node:hover,.retail-orbit__node.is-active{border-color:#d8bd82;box-shadow:0 0 0 4px rgba(216,189,130,.12),0 22px 44px rgba(9,19,37,.16);scale:1.04}
.retail-intro__copy{background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important;padding:8px 0 8px 8px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;position:relative!important}
.retail-intro__copy .eyebrow{align-self:flex-start;background:rgba(9,19,37,.03)!important;border:1px solid rgba(216,189,130,.42)!important;color:#9a7227!important;padding:10px 16px!important;border-radius:999px!important}
.retail-intro__subtitle{margin:0 0 14px!important;padding:12px 16px!important;border-radius:16px!important;background:rgba(255,255,255,.55)!important;border:1px solid rgba(216,189,130,.32)!important;color:#102b50!important;font-size:14px!important;font-weight:700!important;line-height:1.6!important;display:inline-flex!important;align-self:flex-start!important;max-width:520px!important}
.retail-intro__copy h2{color:#102b50!important;font-size:clamp(34px,3.5vw,52px)!important;line-height:1.02!important;font-weight:700!important;max-width:560px!important;margin:16px 0 18px!important}
.retail-intro__lead{color:#53657a!important;font-size:17px!important;max-width:590px!important;margin-bottom:24px!important}
.retail-value-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;margin-bottom:26px!important;align-items:stretch!important}
.retail-value-list article{position:relative!important;display:grid!important;grid-template-columns:50px 1fr!important;gap:16px!important;align-items:start!important;padding:20px 18px 24px!important;min-height:150px!important;border-radius:24px!important;border:1px solid rgba(15,29,49,.08)!important;box-shadow:0 12px 30px rgba(9,19,37,.06)!important;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease!important;overflow:hidden!important}
.retail-value-list article:after{content:'';position:absolute;left:18px;right:18px;bottom:0;height:3px;border-radius:999px;background:linear-gradient(90deg,#d8bd82,#102b50);transform:scaleX(.26);transform-origin:left;transition:transform .35s ease,opacity .35s ease;opacity:.55}
.retail-value-list article:hover{transform:translateY(-6px)!important;box-shadow:0 22px 46px rgba(9,19,37,.12)!important;border-color:rgba(216,189,130,.38)!important}
.retail-value-list article:hover:after{transform:scaleX(1);opacity:1}
.retail-value-list article>span{width:42px!important;height:42px!important;border-radius:14px!important;display:grid!important;place-items:center!important;font-size:12px!important;font-weight:900!important;border:1px solid rgba(15,29,49,.12)!important;background:#fff!important;color:#102b50!important}
.retail-value-list article:nth-child(1){background:linear-gradient(180deg,#f1ddb0,#ecd49c)!important;color:#102b50!important}
.retail-value-list article:nth-child(2){background:linear-gradient(180deg,#081426,#102b50)!important}
.retail-value-list article:nth-child(2) h3{color:#fff!important}.retail-value-list article:nth-child(2) p{color:#d7e2ef!important}.retail-value-list article:nth-child(2)>span{background:rgba(255,255,255,.12)!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important}
.retail-value-list article:nth-child(3){background:#fff!important}
.retail-value-list article:nth-child(4){background:linear-gradient(180deg,#eef3fb,#dfe9f8)!important}
.retail-value-list h3{margin:0 0 5px!important;font-size:18px!important;font-weight:700!important;color:#102b50!important}
.retail-value-list p{margin:0!important;font-size:13px!important;line-height:1.55!important;color:#5a6b7f!important}
.retail-intro .button--navy{align-self:flex-start!important;background:linear-gradient(135deg,#102b50,#244a78)!important;color:#fff!important}

/* Third section cards */
.model-grid{gap:26px!important}
.model-card{min-height:410px!important;border-radius:32px!important;overflow:hidden!important;backdrop-filter:blur(12px)!important;box-shadow:0 18px 50px rgba(8,20,38,.08)!important;border:1px solid rgba(16,43,80,.10)!important;padding:34px!important}
.model-card:before{display:none!important}
.model-card__top{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;margin-bottom:74px!important}
.model-card__num{font-family:Georgia,serif!important;font-size:62px!important;line-height:1!important;opacity:.24!important}
.model-card__icon{width:54px!important;height:54px!important;border-radius:18px!important;display:grid!important;place-items:center!important;font-size:19px!important;font-weight:800!important;border:1px solid rgba(255,255,255,.4)!important;background:rgba(255,255,255,.25)!important;backdrop-filter:blur(12px)!important;box-shadow:0 12px 28px rgba(8,20,38,.10)!important}
.model-card h3{margin:0 0 14px!important;max-width:260px!important}
.model-card p{max-width:310px!important}
.model-card__button{position:absolute!important;left:34px!important;bottom:30px!important;display:inline-flex!important;align-items:center!important;gap:10px!important;padding:12px 18px!important;border-radius:999px!important;font-size:13px!important;font-weight:850!important;overflow:hidden!important;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease!important}
.model-card__button span{transition:transform .3s ease!important}
.model-card__button:before{content:'';position:absolute;inset:0 auto 0 -120%;width:70%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .7s ease}
.model-card:hover .model-card__button:before{left:160%}
.model-card:hover .model-card__button span{transform:translateX(3px)}
.model-card:after{content:'';position:absolute;left:24px;right:24px;bottom:0;height:3px;border-radius:999px;background:linear-gradient(90deg,#d8bd82,#102b50);transform:scaleX(.2);transform-origin:left;opacity:.5;transition:transform .35s ease,opacity .35s ease}
.model-card:hover:after{transform:scaleX(1);opacity:1}
.model-card:hover{transform:translateY(-8px)!important;box-shadow:0 24px 54px rgba(8,20,38,.12)!important;border-color:rgba(216,189,130,.42)!important}
.model-card--light{background:rgba(255,255,255,.92)!important;color:#102b50!important}
.model-card--light .model-card__icon{color:#102b50!important;background:rgba(255,255,255,.55)!important}
.model-card--light .model-card__button{color:#102b50!important;border:1px solid rgba(16,43,80,.12)!important;background:rgba(255,255,255,.7)!important;box-shadow:0 10px 26px rgba(8,20,38,.08)!important}
.model-card--gold{background:linear-gradient(180deg,rgba(241,221,176,.96),rgba(235,210,154,.96))!important;color:#102b50!important}
.model-card--gold .model-card__icon{color:#102b50!important;background:rgba(255,255,255,.35)!important}
.model-card--gold .model-card__button{color:#102b50!important;border:1px solid rgba(16,43,80,.12)!important;background:rgba(255,255,255,.46)!important;box-shadow:0 10px 26px rgba(8,20,38,.08)!important}
.model-card--navy{background:linear-gradient(180deg,rgba(8,20,38,.96),rgba(16,43,80,.96))!important;color:#fff!important}
.model-card--navy p{color:#d7e2ef!important}
.model-card--navy .model-card__num{color:rgba(255,255,255,.18)!important}
.model-card--navy .model-card__icon{color:#fff!important;background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.18)!important}
.model-card--navy .model-card__button{color:#fff!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.08)!important;box-shadow:none!important}
@media(max-width:1050px){.retail-intro__grid{grid-template-columns:1fr!important}.retail-orbit,.retail-intro__copy{height:auto!important;min-height:unset!important}.retail-orbit{height:610px!important}.model-grid{grid-template-columns:1fr 1fr!important}.model-card:last-child{grid-column:1/-1!important}}
@media(max-width:700px){.retail-orbit{height:530px!important}.retail-orbit__ring--outer{width:470px!important;height:470px!important}.retail-orbit__ring--inner{width:350px!important;height:350px!important}.retail-orbit__feature{width:248px!important;height:352px!important}.retail-orbit__node{width:82px!important;height:86px!important}.retail-intro__copy{padding:2px 0 0!important}.retail-value-list{grid-template-columns:1fr!important}.retail-intro__copy h2{font-size:34px!important}.model-grid{grid-template-columns:1fr!important}.model-card:last-child{grid-column:auto!important}}

/* v15 targeted fixes: cleaner hero + v13 sections preserved */
.home-hero{background:linear-gradient(90deg,rgba(3,10,20,.92) 0%,rgba(3,10,20,.86) 28%,rgba(5,17,33,.64) 48%,rgba(5,17,33,.28) 65%,rgba(5,17,33,.06) 100%),url('../images/hero-clean-patch.webp') center right/cover no-repeat!important;padding:clamp(42px,5vw,72px) 0 58px!important;min-height:calc(100vh - 118px)!important;display:flex;align-items:center}.home-hero:before,.home-hero:after{display:none!important}.hero-title,.hero-title.visible{opacity:1!important;visibility:visible!important;transform:none!important}.hero-grid--single{min-height:auto!important} @media(max-width:900px){.home-hero{padding:58px 0 56px!important}} @media(max-width:640px){.home-hero{padding:52px 0 54px!important;background-position:70% center!important}}

/* ===== Requested mobile navigation + home section refinements ===== */
.mobile-menu__panel .mobile-page-nav{
  display:grid!important;
  gap:7px;
  margin:4px 0 24px;
  padding:10px;
  max-height:42vh;
  overflow:auto;
  overscroll-behavior:contain;
  border-radius:24px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.09);
  scrollbar-width:thin;
  scrollbar-color:rgba(216,189,130,.55) transparent;
}
.mobile-page-nav>a,.mobile-page-group>a{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  min-height:45px;
  padding:11px 14px;
  border-radius:14px;
  color:#eef5ff!important;
  font-family:'League Spartan',Inter,system-ui,sans-serif;
  font-size:16px!important;
  font-weight:700;
  letter-spacing:-.015em;
  transition:background .25s ease,color .25s ease,transform .25s ease;
}
.mobile-page-nav>a:after,.mobile-page-group>a:after{content:'→';color:#d8bd82;transition:transform .25s ease}
.mobile-page-nav>a:hover,.mobile-page-group>a:hover{background:rgba(255,255,255,.075);color:#f6e2b0!important;transform:translateX(3px)}
.mobile-page-nav>a:hover:after,.mobile-page-group>a:hover:after{transform:translateX(3px)}
.mobile-page-group{display:grid;gap:4px;padding:6px 0 8px;border-top:1px solid rgba(255,255,255,.08)}
.mobile-page-group:first-of-type{border-top:0}
.mobile-page-group__label{display:block;padding:7px 14px 3px;color:#d8bd82;font-size:10px;font-weight:850;letter-spacing:.17em;text-transform:uppercase}
.mobile-page-group>a{min-height:40px;padding-left:20px;font-size:14px!important;color:#dbe6f5!important}
.mobile-menu__panel>.eyebrow{margin-top:2px}

/* Make the central category image visually balance the adjacent copy column. */
.retail-orbit__feature{height:520px!important}

/* DaaAgri-inspired interaction language for the third section, retaining DaaBasics colours. */
.model-card{isolation:isolate;transition:transform .42s cubic-bezier(.2,.8,.2,1),box-shadow .42s ease,border-color .42s ease!important}
.model-card:before{display:block!important;content:''!important;position:absolute!important;inset:auto -62px -82px auto!important;width:190px!important;height:190px!important;border-radius:50%!important;background:radial-gradient(circle,rgba(216,189,130,.22),transparent 68%)!important;opacity:.65!important;transform:scale(.72)!important;transition:transform .55s ease,opacity .55s ease!important;pointer-events:none!important}
.model-card:hover:before{transform:scale(1.18)!important;opacity:1!important}
.model-card__icon{position:relative;overflow:hidden;transform:rotate(-3deg);transition:transform .42s cubic-bezier(.2,.8,.2,1),box-shadow .42s ease!important}
.model-card__icon:after{content:'';position:absolute;inset:-35%;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.65) 50%,transparent 65%);transform:translateX(-120%) rotate(12deg);transition:transform .75s ease}
.model-card:hover .model-card__icon{transform:rotate(6deg) scale(1.08);box-shadow:0 18px 34px rgba(8,20,38,.16)!important}
.model-card:hover .model-card__icon:after{transform:translateX(120%) rotate(12deg)}
.model-card__icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;position:relative;z-index:1}
.model-card__num{transition:transform .45s ease,opacity .45s ease!important}
.model-card:hover .model-card__num{transform:translateY(-5px);opacity:.38!important}
.model-card h3{transition:transform .35s ease!important}
.model-card:hover h3{transform:translateY(-3px)}
.model-card--light .model-card__icon{background:rgba(255,255,255,.82)!important}
.model-card--gold .model-card__icon{background:rgba(255,255,255,.46)!important}
.model-card--navy .model-card__icon{background:rgba(255,255,255,.1)!important}
@media(max-width:700px){
  .mobile-menu__panel .mobile-page-nav{max-height:39vh;margin-bottom:18px}
  .retail-orbit__feature{height:398px!important}
  .model-card{min-height:380px!important}
}

.retail-value-list:has(article:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(220px,300px))!important;justify-content:start!important}
@media(max-width:900px){.retail-value-list:has(article:nth-child(2):last-child){grid-template-columns:1fr 1fr!important}}
@media(max-width:700px){.retail-value-list:has(article:nth-child(2):last-child){grid-template-columns:1fr!important}}

/* Requested update: second-section orbit image refresh and third-section colour accents */
.model-card--light .model-card__icon{background:linear-gradient(180deg,#173b68,#102b50)!important;color:#fff!important;border-color:rgba(16,43,80,.15)!important;box-shadow:0 18px 32px rgba(16,43,80,.22)!important}
.model-card--gold .model-card__icon{background:linear-gradient(180deg,#f3a43a,#de8117)!important;color:#fff!important;border-color:rgba(222,129,23,.18)!important;box-shadow:0 18px 32px rgba(222,129,23,.24)!important}
.model-card--navy .model-card__icon{background:linear-gradient(180deg,#158b57,#0f6d44)!important;color:#fff!important;border-color:rgba(21,139,87,.18)!important;box-shadow:0 18px 32px rgba(15,109,68,.26)!important}
.model-card--light .model-card__num{color:#173b68!important;opacity:.20!important}
.model-card--gold .model-card__num{color:#cb7b17!important;opacity:.26!important}
.model-card--navy .model-card__num{color:#d8bd82!important;opacity:.22!important}

/* ===== DaaBasics home fourth section rebuilt in Daa Minerals-inspired portfolio style ===== */
.section--portfolio{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 18%, rgba(216,189,130,.17), transparent 26%),
    radial-gradient(circle at 92% 8%, rgba(216,189,130,.10), transparent 20%),
    linear-gradient(90deg,#060c14 0%,#081426 44%,#091a31 100%);
  color:#eef3fa;
}
.section--portfolio:before,
.section--portfolio:after{
  content:'';
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(216,189,130,.14);
  pointer-events:none;
}
.section--portfolio:before{width:440px;height:440px;top:-180px;right:-120px}
.section--portfolio:after{width:620px;height:620px;bottom:-360px;left:-220px}
.portfolio-head{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(280px,.95fr);
  gap:40px;
  align-items:start;
  margin-bottom:34px;
  position:relative;
  z-index:1;
}
.portfolio-kicker{
  display:flex;
  align-items:center;
  gap:14px;
  margin:0 0 18px;
  color:#f0c157;
  font-size:12px;
  font-weight:800;
  letter-spacing:.24em;
  text-transform:uppercase;
}
.portfolio-kicker span{display:block;width:42px;height:2px;background:linear-gradient(90deg,#d8bd82,#8c6d2b)}
.portfolio-head__title h2{
  max-width:860px;
  margin:0;
  font-size:clamp(42px,5.8vw,82px);
  line-height:.97;
  letter-spacing:-.05em;
  color:#fff;
}
.portfolio-head__title h2 em{
  display:block;
  font-style:normal;
  color:#f0ba3c;
}
.portfolio-head__copy p{
  margin:44px 0 0;
  color:#c7d1de;
  font-size:17px;
  line-height:1.75;
}
.portfolio-head__copy strong{color:#fff}
.portfolio-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:24px;
}
.portfolio-badges span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:8px 13px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(7,16,29,.38);
  backdrop-filter:blur(12px);
  color:#e9eef6;
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.portfolio-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.portfolio-card{
  position:relative;
  min-height:310px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  background:#0a111d;
  box-shadow:0 24px 60px rgba(1,7,14,.24);
  transform:translateZ(0);
  transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease,border-color .45s ease;
}
.portfolio-card--featured{grid-column:span 2;min-height:420px}
.portfolio-card img{
  width:100%;height:100%;display:block;object-fit:cover;
  transform:scale(1.01);
  transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .5s ease;
  filter:saturate(.96) brightness(.92);
}
.portfolio-card__chrome{
  position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(2,8,16,.04),rgba(2,8,16,.22) 35%,rgba(2,8,16,.92) 100%),
    linear-gradient(90deg,rgba(216,189,130,.05),transparent 30%);
}
.portfolio-card__meta{
  position:absolute;left:20px;right:20px;top:18px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  z-index:2;
}
.portfolio-card__count{
  color:#f0c157;
  font-size:12px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
  text-shadow:0 2px 12px rgba(0,0,0,.45);
}
.portfolio-card__tag{
  display:inline-flex;align-items:center;gap:9px;
  min-height:38px;padding:9px 14px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(10,15,24,.74);
  backdrop-filter:blur(14px);
  color:#f3f6fb;
  font-size:12px;font-weight:800;letter-spacing:.10em;text-transform:uppercase;
  box-shadow:0 10px 24px rgba(5,10,18,.18), inset 0 1px 0 rgba(255,255,255,.05);
}
.portfolio-card__tag i{
  width:10px;height:10px;display:block;transform:rotate(45deg);
  background:linear-gradient(180deg,#d8bd82,#f0ba3c);
  box-shadow:0 0 0 3px rgba(216,189,130,.10);
}
.portfolio-card__body{
  position:absolute;left:20px;right:20px;bottom:18px;z-index:2;
}
.portfolio-card__body small{
  display:block;margin:0 0 9px;
  color:#f0c157;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;
}
.portfolio-card__body h3{
  margin:0 0 10px;
  color:#fff;
  font-size:clamp(22px,2.1vw,34px);
  line-height:1.02;
  letter-spacing:-.03em;
}
.portfolio-card__body p{
  max-width:510px;
  margin:0;
  color:#d0d9e6;
  font-size:14px;
  line-height:1.65;
}
.portfolio-card:before{
  content:'';
  position:absolute;
  left:-120%;top:0;width:60%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);
  transform:skewX(-20deg);
  transition:left .8s ease;
  z-index:1;
}
.portfolio-card:hover{
  transform:translateY(-10px);
  border-color:rgba(216,189,130,.22);
  box-shadow:0 34px 82px rgba(1,7,14,.34);
}
.portfolio-card:hover:before{left:150%}
.portfolio-card:hover img{transform:scale(1.08);filter:saturate(1.02) brightness(1)}
.portfolio-card:hover .portfolio-card__tag{border-color:rgba(216,189,130,.30);background:rgba(8,15,26,.82)}
.portfolio-card:hover .portfolio-card__count,
.portfolio-card:hover .portfolio-card__body small{color:#ffd464}
.portfolio-card:nth-child(2n) .portfolio-card__tag i{background:linear-gradient(180deg,#f0ba3c,#d8bd82)}
.portfolio-card:nth-child(3n) .portfolio-card__tag i{background:linear-gradient(180deg,#c9d6ea,#8ea0bd)}
.portfolio-card:nth-child(4n) .portfolio-card__tag i{background:linear-gradient(180deg,#d8bd82,#9f8450)}
.portfolio-card:nth-child(5n) .portfolio-card__tag i{background:linear-gradient(180deg,#f1d8a1,#c99f48)}
.portfolio-card:nth-child(6n) .portfolio-card__tag i{background:linear-gradient(180deg,#e7edf6,#b2bdd3)}
.portfolio-card:nth-child(7n) .portfolio-card__tag i{background:linear-gradient(180deg,#d7bc80,#7f6440)}

/* remove green accent and keep palette aligned with DaaBasics branding */
.model-card--navy .model-card__icon{background:linear-gradient(180deg,#b6914b,#89662e)!important;color:#fff!important;border-color:rgba(182,145,75,.2)!important;box-shadow:0 18px 32px rgba(137,102,46,.24)!important}

@media (max-width:1180px){
  .portfolio-head{grid-template-columns:1fr;gap:16px}
  .portfolio-head__copy p{margin-top:0;max-width:720px}
  .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .portfolio-card--featured{grid-column:1/-1}
}
@media (max-width:760px){
  .section--portfolio{padding-top:74px!important;padding-bottom:74px!important}
  .portfolio-head__title h2{font-size:clamp(34px,10vw,54px)}
  .portfolio-grid{grid-template-columns:1fr}
  .portfolio-card,.portfolio-card--featured{grid-column:auto;min-height:310px}
  .portfolio-card--featured{min-height:360px}
  .portfolio-card__meta{left:14px;right:14px;top:14px;gap:8px;flex-wrap:wrap;align-items:flex-start}
  .portfolio-card__tag{min-height:34px;padding:8px 11px;font-size:11px}
  .portfolio-card__body{left:14px;right:14px;bottom:14px}
  .portfolio-card__body h3{font-size:24px}
  .portfolio-card__body p{font-size:13px}
}

/* ===== Updated vertical source-to-confidence timeline ===== */
.flow-timeline{
  position:relative;
  display:grid;
  gap:16px;
}
.flow-item{
  position:relative;
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  gap:16px;
  align-items:stretch;
}
.flow-item__rail{
  position:relative;
  display:flex;
  justify-content:center;
}
.flow-item__rail:before{
  content:'';
  position:absolute;
  top:0;
  bottom:-16px;
  left:50%;
  width:2px;
  transform:translateX(-50%);
  background:linear-gradient(180deg,#d8bd82 0%, rgba(216,189,130,.24) 100%);
  box-shadow:0 0 12px rgba(216,189,130,.18);
}
.flow-item:last-child .flow-item__rail:before{bottom:54px}
.flow-item__node{
  position:sticky;
  top:110px;
  width:20px;
  height:20px;
  margin-top:36px;
  background:linear-gradient(180deg,#0f2038,#081526);
  border:2px solid rgba(216,189,130,.88);
  transform:rotate(45deg);
  box-shadow:0 0 0 6px rgba(255,255,255,.84),0 14px 34px rgba(6,24,45,.16);
  transition:transform .45s var(--spring),box-shadow .45s ease,background .45s ease;
}
.flow-item__node:after{
  content:'';
  position:absolute;
  inset:4px;
  border:1px solid rgba(255,255,255,.5);
}
.flow-item__card{
  position:relative;
  overflow:hidden;
  min-height:178px;
  padding:28px 30px 24px;
  border-radius:26px;
  border:1px solid rgba(16,43,80,.1);
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,250,252,.86));
  box-shadow:0 18px 40px rgba(6,24,45,.08);
  backdrop-filter:blur(12px) saturate(140%);
  transition:transform .45s var(--spring),box-shadow .45s ease,border-color .45s ease;
}
.flow-item__card:before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(16,43,80,.03),transparent 24%,rgba(16,43,80,.04));
}
.flow-item__card:after{
  content:'';
  position:absolute;
  left:-120%;top:0;width:52%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
  transform:skewX(-20deg);
  transition:left .9s ease;
}
.flow-item__meta, .flow-item__card h3, .flow-item__card p, .flow-item__tags{position:relative;z-index:1}
.flow-item__meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.flow-item__meta p{
  margin:0;
  color:#b18c43;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.2em;
}
.flow-item__meta span{
  color:var(--navy);
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  opacity:.72;
}
.flow-item__card h3{
  margin:0 0 10px;
  font-size:clamp(26px,3vw,42px);
  line-height:1.04;
  letter-spacing:-.04em;
  color:var(--ink);
}
.flow-item__card p{
  margin:0;
  max-width:900px;
  font-size:16px;
  color:var(--body);
}
.flow-item__tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.flow-item__tags span{
  min-height:30px;
  display:inline-flex;
  align-items:center;
  padding:6px 11px;
  border-radius:0;
  border:1px solid rgba(16,43,80,.14);
  background:rgba(255,255,255,.48);
  color:var(--navy);
  font-size:11px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.flow-item:hover .flow-item__card{
  transform:translateY(-6px);
  box-shadow:0 28px 58px rgba(6,24,45,.12);
  border-color:rgba(177,140,67,.28);
}
.flow-item:hover .flow-item__card:after{left:155%}
.flow-item:hover .flow-item__node{
  transform:rotate(225deg) scale(1.08);
  background:linear-gradient(180deg,#d8bd82,#b18c43);
  box-shadow:0 0 0 7px rgba(216,189,130,.12),0 18px 38px rgba(177,140,67,.26);
}
.flow-item:hover .flow-item__meta p,
.flow-item:hover .flow-item__tags span{color:#a67d2d}
.flow-item:hover .flow-item__tags span{border-color:rgba(177,140,67,.22);background:rgba(216,189,130,.12)}

/* ===== Refined portfolio grid: 3 + 3 + full-width strip ===== */
#product-portfolio .portfolio-head__title h2 em{display:inline;color:#f0ba3c}
#product-portfolio .portfolio-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px;
}
#product-portfolio .portfolio-card{
  min-height:330px;
}
#product-portfolio .portfolio-card--row-feature{
  min-height:420px;
}
#product-portfolio .portfolio-card--row-feature .portfolio-card__body h3{
  font-size:clamp(28px,2.4vw,40px);
}
#product-portfolio .portfolio-card--row-feature-left{
  background:linear-gradient(180deg,#08111f,#0b1728);
}
#product-portfolio .portfolio-card--row-feature-right{
  background:linear-gradient(180deg,#08111f,#0b1728);
}
#product-portfolio .portfolio-card--full-strip{
  grid-column:1 / -1;
  min-height:240px;
}
#product-portfolio .portfolio-card--full-strip .portfolio-card__body p{
  max-width:760px;
}
#product-portfolio .portfolio-card--full-strip img{
  object-position:center 42%;
}
#product-portfolio .portfolio-card:nth-child(1){order:1}
#product-portfolio .portfolio-card:nth-child(2){order:2}
#product-portfolio .portfolio-card:nth-child(3){order:3}
#product-portfolio .portfolio-card:nth-child(4){order:4}
#product-portfolio .portfolio-card:nth-child(5){order:5}
#product-portfolio .portfolio-card:nth-child(6){order:6}
#product-portfolio .portfolio-card:nth-child(7){order:7}
#product-portfolio .portfolio-card:hover .portfolio-card__tag{border-color:rgba(216,189,130,.32);background:rgba(6,14,24,.84)}

@media (max-width:900px){
  .flow-item{grid-template-columns:40px 1fr;gap:12px}
  .flow-item__node{top:96px;width:18px;height:18px;margin-top:30px;box-shadow:0 0 0 5px rgba(255,255,255,.84),0 12px 28px rgba(6,24,45,.14)}
  .flow-item__card{padding:22px 20px 20px;min-height:160px}
  .flow-item__meta{flex-wrap:wrap;gap:8px}
  .flow-item__card h3{font-size:28px}
  .flow-item__card p{font-size:15px}
  #product-portfolio .portfolio-grid{grid-template-columns:1fr !important}
  #product-portfolio .portfolio-card,
  #product-portfolio .portfolio-card--row-feature,
  #product-portfolio .portfolio-card--full-strip{grid-column:auto;min-height:320px}
  #product-portfolio .portfolio-card--full-strip{min-height:260px}
}

/* ===== Final requested refinements: portfolio, timeline, growth section ===== */
#product-portfolio .portfolio-head{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.62fr);
  gap:60px;
  align-items:end;
  margin-bottom:54px;
}
#product-portfolio .portfolio-head .section-title{
  margin-bottom:0;
  color:#fff;
  font-family:"Iowan Old Style","Baskerville",Georgia,serif;
  font-size:clamp(40px,5.2vw,76px);
  font-weight:500;
  line-height:.96;
  letter-spacing:-.055em;
  max-width:900px;
}
#product-portfolio .portfolio-head .lead{
  margin:0;
  color:#cbd7e5;
  font-size:clamp(17px,1.5vw,20px);
  line-height:1.65;
  max-width:780px;
}
#product-portfolio .portfolio-head .eyebrow{color:var(--sand)}
#product-portfolio .portfolio-grid{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:18px!important;
}
#product-portfolio .portfolio-card{
  grid-column:span 4!important;
  min-height:365px!important;
}
#product-portfolio .portfolio-card:nth-child(1){grid-column:span 5!important}
#product-portfolio .portfolio-card:nth-child(2){grid-column:span 3!important}
#product-portfolio .portfolio-card:nth-child(3){grid-column:span 4!important}
#product-portfolio .portfolio-card:nth-child(4){grid-column:span 4!important}
#product-portfolio .portfolio-card:nth-child(5){grid-column:span 3!important}
#product-portfolio .portfolio-card:nth-child(6){grid-column:span 5!important}
#product-portfolio .portfolio-card__body h3{
  font-size:clamp(22px,2vw,31px)!important;
  line-height:1.06!important;
}
#product-portfolio .portfolio-card__body p{
  max-width:310px!important;
  min-height:6.6em;
  display:-webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  overflow:hidden;
  line-height:1.65!important;
}
#product-portfolio .portfolio-card:nth-child(1) .portfolio-card__body p,
#product-portfolio .portfolio-card:nth-child(6) .portfolio-card__body p{max-width:330px!important}

/* Timeline uses a fixed dark connection line with a scroll-driven gold progress line. */
.flow-timeline{
  --timeline-progress:0%;
  position:relative;
  display:grid;
  gap:16px;
}
.flow-timeline:before,
.flow-timeline:after{
  content:'';
  position:absolute;
  left:26px;
  top:38px;
  width:3px;
  border-radius:999px;
  pointer-events:none;
}
.flow-timeline:before{
  bottom:38px;
  background:#17263a;
  box-shadow:0 0 0 1px rgba(16,43,80,.06);
}
.flow-timeline:after{
  height:var(--timeline-progress);
  max-height:calc(100% - 76px);
  background:linear-gradient(180deg,#e7cf98,#b18c43);
  box-shadow:0 0 14px rgba(216,189,130,.45);
  transition:height .16s linear;
}
.flow-item__rail:before{display:none!important}
.flow-item__node{
  position:relative!important;
  top:auto!important;
  z-index:3;
  width:20px!important;
  height:20px!important;
  margin-top:36px!important;
  transform:rotate(45deg)!important;
  transition:box-shadow .35s ease,background .35s ease,border-color .35s ease!important;
}
.flow-item:hover .flow-item__node{
  transform:rotate(45deg)!important;
  background:linear-gradient(180deg,#d8bd82,#b18c43)!important;
  border-color:#f1dfb7!important;
  box-shadow:0 0 0 7px rgba(216,189,130,.14),0 16px 34px rgba(177,140,67,.22)!important;
}
.flow-item__card h3{
  font-size:29px!important;
  line-height:1.15!important;
  letter-spacing:-.035em!important;
  margin:0 0 10px!important;
}
.flow-item:nth-child(1) .flow-item__card{background:linear-gradient(135deg,#ffffff,#f7f9fc)!important}
.flow-item:nth-child(2) .flow-item__card{background:linear-gradient(135deg,#f1dfb7,#e8cf98)!important}
.flow-item:nth-child(3) .flow-item__card{background:linear-gradient(135deg,#102b50,#183d68)!important;border-color:rgba(255,255,255,.1)!important}
.flow-item:nth-child(3) .flow-item__card h3,
.flow-item:nth-child(3) .flow-item__meta span{color:#fff!important}
.flow-item:nth-child(3) .flow-item__card>p{color:#d9e4f1!important}
.flow-item:nth-child(3) .flow-item__tags span{color:#fff!important;border-color:rgba(255,255,255,.18)!important;background:rgba(255,255,255,.08)!important}
.flow-item:nth-child(4) .flow-item__card{background:linear-gradient(135deg,#f7f1e4,#ffffff)!important}
.flow-item:nth-child(5) .flow-item__card{background:linear-gradient(135deg,#eaf0f7,#f8fbff)!important}

.section--growth-dark{
  background:linear-gradient(135deg,#06182d 0%,#0b2340 58%,#102b50 100%)!important;
  color:#fff;
  overflow:hidden;
}
.section--growth-dark:before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 85% 12%,rgba(216,189,130,.13),transparent 28%);
  pointer-events:none;
}
.section--growth-dark .map-stage{
  background:linear-gradient(140deg,rgba(5,18,34,.88),rgba(16,43,80,.72))!important;
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(12px);
}

@media(max-width:1050px){
  #product-portfolio .portfolio-head{grid-template-columns:1fr;gap:20px}
  #product-portfolio .portfolio-card:nth-child(n){grid-column:span 6!important}
}
@media(max-width:700px){
  #product-portfolio .portfolio-card:nth-child(n){grid-column:1/-1!important;min-height:340px!important}
  #product-portfolio .portfolio-card__body p{max-width:100%!important;min-height:auto}
  .flow-timeline:before,.flow-timeline:after{left:19px}
  .flow-item__card h3{font-size:24px!important}
}

/* ===== August refinements: homepage portfolio / timeline / growth map / partnership routes ===== */
@keyframes borderSweep{0%{transform:translateX(-135%)}100%{transform:translateX(240%)}}
@keyframes haloPulse{0%,100%{transform:scale(1);opacity:.55}50%{transform:scale(1.16);opacity:1}}
@keyframes markerRipple{0%{transform:translate(-50%,-50%) scale(.75);opacity:.55}100%{transform:translate(-50%,-50%) scale(1.85);opacity:0}}
@keyframes routeDash{0%{background-position:0 0}100%{background-position:160px 0}}

.section-title--brand,
.section-title--brand-light,
.map-copy h2{
  font-family:'League Spartan',Inter,system-ui,sans-serif !important;
  font-weight:800 !important;
  letter-spacing:-.04em !important;
  line-height:.92 !important;
}
.section-title--brand{font-size:clamp(38px,5vw,74px) !important;color:#fff !important;text-transform:uppercase}
.section-title--brand-light{font-size:clamp(40px,5vw,76px) !important;color:#fff !important;max-width:640px;margin:0 0 18px}

#product-portfolio .portfolio-head{align-items:end !important;gap:54px !important}
#product-portfolio .portfolio-head .lead{max-width:520px !important}
#product-portfolio .portfolio-head .eyebrow,
.eyebrow--animated{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  box-shadow:0 0 0 1px rgba(216,189,130,.18),0 16px 38px rgba(0,0,0,.12) !important;
  text-shadow:0 0 10px rgba(244,218,153,.18);
}
#product-portfolio .portfolio-head .eyebrow:before,
.eyebrow--animated:before{
  content:'';
  position:absolute;
  inset:1px;
  border-radius:inherit;
  background:linear-gradient(90deg,transparent,rgba(255,241,189,.05),transparent);
  pointer-events:none;
}
#product-portfolio .portfolio-head .eyebrow:after,
.eyebrow--animated:after{
  content:'';
  position:absolute;
  top:0;
  bottom:0;
  width:70px;
  background:linear-gradient(90deg,transparent,rgba(255,237,178,.9),transparent);
  filter:blur(8px);
  animation:borderSweep 4.8s linear infinite;
  pointer-events:none;
}
#product-portfolio .portfolio-grid{grid-template-columns:repeat(12,minmax(0,1fr)) !important;gap:18px !important}
#product-portfolio .portfolio-card{grid-column:span 3 !important;min-height:388px !important}
#product-portfolio .portfolio-card:nth-child(1){grid-column:span 6 !important}
#product-portfolio .portfolio-card:nth-child(2),
#product-portfolio .portfolio-card:nth-child(3),
#product-portfolio .portfolio-card:nth-child(4),
#product-portfolio .portfolio-card:nth-child(5){grid-column:span 3 !important}
#product-portfolio .portfolio-card:nth-child(6){grid-column:span 6 !important}
#product-portfolio .portfolio-card__body h3{
  font-family:'League Spartan',Inter,system-ui,sans-serif !important;
  font-size:clamp(24px,1.95vw,31px) !important;
  font-weight:800 !important;
  line-height:.98 !important;
  letter-spacing:-.025em !important;
  text-transform:uppercase;
}
#product-portfolio .portfolio-card__body p{
  max-width:100% !important;
  min-height:8.25em;
  line-height:1.65 !important;
  display:-webkit-box;
  -webkit-line-clamp:5;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
#product-portfolio .portfolio-card__body small{letter-spacing:.16em}
#product-portfolio .portfolio-card__chrome{background:linear-gradient(180deg,transparent,rgba(6,12,20,.32))}
#product-portfolio .portfolio-card:hover{box-shadow:0 28px 65px rgba(0,0,0,.26),0 0 0 1px rgba(216,189,130,.18) inset}
#product-portfolio .portfolio-card:hover .portfolio-card__chrome{background:linear-gradient(180deg,rgba(6,12,20,.05),rgba(6,12,20,.54))}
#product-portfolio .portfolio-grid-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:26px;
  margin-top:26px;
  padding:22px 24px;
  border-radius:28px;
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(14px);
}
#product-portfolio .portfolio-grid-footer__copy{margin:0;max-width:760px;color:#d7e0ea}
#product-portfolio .portfolio-grid-footer__action{flex:none}

.flow-timeline{gap:18px;padding-left:0}
.flow-timeline:before{background:linear-gradient(180deg,#1f2f46,#111d2f) !important;box-shadow:0 0 0 1px rgba(8,20,38,.08),0 0 24px rgba(16,43,80,.08)}
.flow-timeline:after{box-shadow:0 0 14px rgba(216,189,130,.38),0 0 32px rgba(216,189,130,.22) !important}
.flow-item{position:relative}
.flow-item__node{box-shadow:0 0 0 7px rgba(255,255,255,.88),0 16px 34px rgba(6,24,45,.16) !important}
.flow-item__card{
  position:relative;
  overflow:hidden;
  border-radius:28px !important;
  border:1px solid rgba(16,43,80,.08) !important;
  box-shadow:0 22px 55px rgba(5,15,29,.08);
}
.flow-item__card:before{
  content:'';
  position:absolute;
  inset:auto -60px -80px auto;
  width:170px;
  height:170px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(216,189,130,.2),transparent 72%);
  transform:scale(.75);
  opacity:.7;
  transition:transform .4s ease,opacity .4s ease;
  pointer-events:none;
}
.flow-item__card:hover:before{transform:scale(1);opacity:1}
.flow-item__card h3{
  font-family:'League Spartan',Inter,system-ui,sans-serif !important;
  font-size:clamp(22px,1.65vw,28px) !important;
  font-weight:800 !important;
  text-transform:uppercase;
  line-height:1.02 !important;
}
.flow-item:hover .flow-item__card{box-shadow:0 28px 62px rgba(10,24,44,.14),0 0 0 1px rgba(216,189,130,.18) inset}
.flow-item:hover .flow-item__node{box-shadow:0 0 0 7px rgba(216,189,130,.16),0 0 22px rgba(216,189,130,.4),0 16px 34px rgba(177,140,67,.22) !important}

.section--growth-dark{background:linear-gradient(140deg,#03101f 0%,#081b33 40%,#0d2749 100%) !important}
.section--growth-dark:before{background:radial-gradient(circle at 82% 18%,rgba(216,189,130,.18),transparent 22%),radial-gradient(circle at 20% 70%,rgba(52,92,144,.2),transparent 30%) !important}
.map-stage--pakistan{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(420px,.95fr);
  gap:38px;
  align-items:center;
  background:linear-gradient(135deg,rgba(5,17,31,.92),rgba(9,30,57,.84)) !important;
  border:1px solid rgba(255,255,255,.08);
  border-radius:34px;
  padding:clamp(28px,4vw,44px);
  overflow:hidden;
}
.map-copy h2:after,.map-copy .section-title:after{display:none !important}
.map-copy p{color:#d6e1ed}
.map-copy .map-status{margin-top:26px;display:grid;gap:12px}
.map-copy .map-status div{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:16px 18px;border-radius:20px;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(14px);
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background .3s ease;
}
.map-copy .map-status div:hover{transform:translateY(-4px);background:rgba(255,255,255,.09);border-color:rgba(216,189,130,.28);box-shadow:0 0 0 1px rgba(216,189,130,.08) inset,0 24px 40px rgba(0,0,0,.16),0 0 28px rgba(216,189,130,.1)}
.map-copy .map-status span{font-size:13px;color:#d9e4ef}
.map-copy .map-status strong{font-size:15px;color:#f1d898}
.map-copy .map-cta{margin-top:26px}
.map-visual{position:relative;min-height:520px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);overflow:hidden}
.map-grid-glow{position:absolute;inset:0;background:
  linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),
  radial-gradient(circle at 50% 50%,rgba(216,189,130,.08),transparent 62%);
  background-size:42px 42px,42px 42px,100% 100%;opacity:.75}
.pakistan-map{position:absolute;inset:34px 22px 22px 22px;width:calc(100% - 44px);height:calc(100% - 56px)}
.pakistan-map__fill{fill:rgba(255,255,255,.08);filter:url(#mapGlow)}
.pakistan-map__stroke{fill:none;stroke:#d8bd82;stroke-width:3;stroke-linejoin:round;stroke-dasharray:8 8;animation:routeDash 6s linear infinite}
.city-marker{position:absolute;transform:translate(-50%,-50%);z-index:2}
.city-marker span{position:relative;display:block;width:18px;height:18px;border-radius:50%;background:#efd08b;border:4px solid rgba(8,27,51,.92);box-shadow:0 0 0 10px rgba(216,189,130,.16),0 0 24px rgba(216,189,130,.34)}
.city-marker span:after{content:'';position:absolute;left:50%;top:50%;width:18px;height:18px;border-radius:50%;border:2px solid rgba(216,189,130,.55);animation:markerRipple 2.4s ease-out infinite}
.city-popup{position:absolute;left:26px;top:-18px;min-width:190px;padding:13px 15px;border-radius:18px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(16px);box-shadow:0 18px 38px rgba(0,0,0,.18);opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s ease}
.city-popup strong{display:block;color:#fff;font-family:'League Spartan',Inter,sans-serif;font-size:19px;line-height:1}.city-popup small{display:block;margin-top:8px;color:#d4deea;font-size:12px;line-height:1.45}
.city-marker:hover .city-popup{opacity:1;visibility:visible;transform:none}
.city-marker--islamabad{left:49%;top:23%}
.city-marker--lahore{left:57%;top:35%}
.city-marker--faisalabad{left:54%;top:39%}
.city-marker--karachi{left:40%;top:74%}
.city-marker--quetta{left:29%;top:50%}
.city-marker--peshawar{left:40%;top:27%}

.routes-ops{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:18px;align-items:stretch}
.routes-visual{position:relative;min-height:720px;border-radius:32px;overflow:hidden;background:#0d1d30;border:1px solid rgba(16,43,80,.08);box-shadow:0 22px 60px rgba(8,20,38,.12)}
.routes-visual img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02);transition:transform .8s ease,filter .5s ease;filter:saturate(.95) contrast(1.02)}
.routes-visual:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,14,24,.12),rgba(5,14,24,.36) 55%,rgba(5,14,24,.78));z-index:1}
.routes-visual:hover img{transform:scale(1.08);filter:saturate(1.06) contrast(1.08)}
.routes-visual__overlay{position:absolute;inset:0;z-index:2;padding:40px 34px;display:flex;flex-direction:column;justify-content:flex-end}
.routes-visual__step{position:absolute;left:34px;top:32px;display:flex;align-items:center;gap:12px}
.routes-visual__step span{width:48px;height:48px;border-radius:14px;background:rgba(240,186,60,.95);display:grid;place-items:center;font-family:'League Spartan',Inter,sans-serif;font-size:22px;font-weight:800;color:#081325;box-shadow:0 12px 28px rgba(240,186,60,.24)}
.routes-visual__step small{font-size:13px;font-weight:850;letter-spacing:.2em;color:#fff;text-transform:uppercase}
.routes-visual__line{position:absolute;left:98px;right:70px;top:55px;height:3px;background:linear-gradient(90deg,#f0ba3c 0 34%,rgba(255,255,255,.24) 34% 100%);overflow:hidden}
.routes-visual__line:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.24) 0 20px,transparent 20px 34px);mix-blend-mode:screen;animation:routeDash 5s linear infinite}
.routes-visual__line i{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:#f0ba3c;box-shadow:0 0 0 10px rgba(240,186,60,.14),0 0 24px rgba(240,186,60,.28)}
.routes-visual__line i:nth-child(1){left:14%}
.routes-visual__line i:nth-child(2){left:48%}
.routes-visual__line i:nth-child(3){left:82%}
.routes-visual__panel{max-width:360px;padding:24px 22px;border-radius:28px;background:rgba(6,19,36,.84);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(18px);box-shadow:0 28px 48px rgba(0,0,0,.25)}
.routes-visual__panel p{margin:0 0 12px;font-size:12px;font-weight:850;letter-spacing:.18em;text-transform:uppercase;color:#f0ba3c}
.routes-visual__panel h3{margin:0;color:#fff;font-family:'League Spartan',Inter,sans-serif;font-size:clamp(30px,2.4vw,42px);line-height:.98;letter-spacing:-.03em}
.routes-visual__chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.routes-visual__chips span{padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:11px;font-weight:800;letter-spacing:.12em;color:#dbe5ef}
.routes-stack{display:grid;gap:16px}
.route-card{padding:28px 24px;border-radius:28px;background:#fff;border:1px solid rgba(16,43,80,.08);box-shadow:0 14px 40px rgba(8,20,38,.06);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;position:relative;overflow:hidden}
.route-card:before{content:'';position:absolute;inset:auto -65px -80px auto;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(216,189,130,.18),transparent 70%);opacity:.75;transition:transform .4s ease}
.route-card:hover{transform:translateY(-6px);border-color:rgba(216,189,130,.22);box-shadow:0 24px 50px rgba(8,20,38,.1)}
.route-card:hover:before{transform:scale(1.1)}
.route-card__meta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}
.route-card__meta span{font-size:13px;font-weight:800;letter-spacing:.18em;color:#b18c43;text-transform:uppercase}
.route-card__meta i{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;font-style:normal;font-family:'League Spartan',Inter,sans-serif;font-weight:800;font-size:20px;color:#081325;background:linear-gradient(180deg,#f2d486,#e7bb4c);box-shadow:0 14px 30px rgba(231,187,76,.2)}
.route-card h3{margin:0 0 12px;font-family:'League Spartan',Inter,sans-serif;font-size:clamp(28px,2.2vw,39px);line-height:1.02;letter-spacing:-.03em;color:#081325}
.route-card p{margin:0 0 12px;color:#57677a}
.route-card .text-link{margin-top:4px}

@media (max-width:1150px){
  .map-stage--pakistan,.routes-ops{grid-template-columns:1fr}
  .map-visual{min-height:460px}
  .routes-visual{min-height:540px}
}
@media (max-width:1050px){
  #product-portfolio .portfolio-card:nth-child(1),#product-portfolio .portfolio-card:nth-child(6){grid-column:span 12 !important}
  #product-portfolio .portfolio-card:nth-child(2),#product-portfolio .portfolio-card:nth-child(3),#product-portfolio .portfolio-card:nth-child(4),#product-portfolio .portfolio-card:nth-child(5){grid-column:span 6 !important}
}
@media (max-width:760px){
  #product-portfolio .portfolio-grid-footer{flex-direction:column;align-items:flex-start}
  #product-portfolio .portfolio-card:nth-child(n){grid-column:1/-1 !important;min-height:340px !important}
  #product-portfolio .portfolio-card__body p{min-height:auto}
  .map-stage--pakistan{padding:24px 20px;gap:22px}
  .map-visual{min-height:390px}
  .pakistan-map{inset:24px 14px 14px 14px;width:calc(100% - 28px);height:calc(100% - 38px)}
  .city-popup{left:auto;right:0;top:26px;min-width:160px}
  .routes-visual{min-height:430px}
  .routes-visual__step{left:22px;top:20px}
  .routes-visual__line{left:86px;right:22px;top:44px}
  .routes-visual__overlay{padding:22px}
  .route-card h3{font-size:26px}
}

/* ===== Final polish: responsive navigation, portfolio proportions, timeline, blogs and CTA ===== */
/* Remove decorative underline rules from all major titles. */
.section-title:after,.page-hero h1:after,.application-copy h2:after,.cta-band h2:after,.hero-title:after,.map-copy h2:after{display:none!important;content:none!important}

/* Clean hero image without the unused decorative empty blocks. */
.home-hero{
  background:
    linear-gradient(90deg,rgba(3,10,20,.94) 0%,rgba(3,10,20,.87) 29%,rgba(5,17,33,.62) 49%,rgba(5,17,33,.24) 68%,rgba(5,17,33,.04) 100%),
    url('../images/daabasics-limited-home-hero-clean.webp') center right/cover no-repeat!important;
}

/* Keep text and icons perfectly centered inside all buttons. */
.button,
button.button,
a.button{
  text-align:center!important;
  line-height:1.15!important;
  align-items:center!important;
  justify-content:center!important;
}
.button span,.button svg{flex:none}
.header-actions .button,.hero-actions .button,.cta-band__actions .button,.mobile-cta .button{display:inline-flex!important}

/* Center submenu arrows/icons vertically. */
.mobile-page-nav>a,.mobile-page-group>a{
  align-items:center!important;
  min-height:46px!important;
  line-height:1.2!important;
}
.mobile-page-nav>a:after,.mobile-page-group>a:after{
  display:grid!important;
  place-items:center!important;
  width:22px!important;
  height:22px!important;
  line-height:1!important;
  flex:0 0 22px!important;
}

/* Sidebar menu is a mobile/tablet control only. */
.menu-toggle{display:none!important}
@media(max-width:1050px){.menu-toggle{display:grid!important}}
@media(min-width:1051px){.mobile-menu{display:none!important}}

/* Simplify mobile/tablet drawer: retain navigation and contact details, hide large promo copy. */
@media(max-width:1050px){
  .mobile-menu__panel>.eyebrow,.mobile-panel-intro{display:none!important}
  .mobile-menu__panel{font-size:15px!important}
  .mobile-page-nav>a{font-size:16px!important}
  .mobile-page-group>a{font-size:14px!important}
}

/* Product portfolio title follows the same sans-serif title system used across the website. */
#product-portfolio .section-title--site{
  margin:0!important;
  max-width:850px!important;
  color:#fff!important;
  font-family:'League Spartan',Inter,system-ui,sans-serif!important;
  font-size:clamp(40px,5vw,72px)!important;
  font-weight:800!important;
  line-height:.94!important;
  letter-spacing:-.04em!important;
  text-transform:uppercase!important;
}
#product-portfolio .portfolio-head .eyebrow{margin-bottom:18px!important}
#product-portfolio .portfolio-grid{
  display:grid!important;
  grid-template-columns:repeat(10,minmax(0,1fr))!important;
  gap:18px!important;
}
#product-portfolio .portfolio-card{
  min-height:330px!important;
  height:330px!important;
}
/* 40 / 30 / 30 in each row. */
#product-portfolio .portfolio-card:nth-child(1),
#product-portfolio .portfolio-card:nth-child(6){grid-column:span 4!important}
#product-portfolio .portfolio-card:nth-child(2),
#product-portfolio .portfolio-card:nth-child(3),
#product-portfolio .portfolio-card:nth-child(4),
#product-portfolio .portfolio-card:nth-child(5){grid-column:span 3!important}
#product-portfolio .portfolio-card__body{bottom:16px!important}
#product-portfolio .portfolio-card__body h3{font-size:clamp(21px,1.75vw,28px)!important}
#product-portfolio .portfolio-card__body p{
  min-height:7.8em!important;
  -webkit-line-clamp:5!important;
  font-size:13.5px!important;
  line-height:1.56!important;
}

/* Timeline: visible glow, rotating fixed nodes, and stronger active progress. */
.flow-timeline:before{background:#122136!important;box-shadow:0 0 0 1px rgba(16,43,80,.08),0 0 18px rgba(16,43,80,.13)!important}
.flow-timeline:after{box-shadow:0 0 12px rgba(216,189,130,.6),0 0 30px rgba(216,189,130,.32)!important}
.flow-item__node{
  transform:rotate(45deg)!important;
  transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,background .35s ease!important;
}
.flow-item:hover .flow-item__node{
  transform:rotate(225deg) scale(1.08)!important;
}
.flow-item__card{box-shadow:0 20px 50px rgba(6,24,45,.09),0 0 0 1px rgba(255,255,255,.45) inset!important}
.flow-item:hover .flow-item__card{box-shadow:0 28px 64px rgba(6,24,45,.14),0 0 30px rgba(216,189,130,.14),0 0 0 1px rgba(216,189,130,.18) inset!important}

/* Blog metadata and buttons stay clearly visible. */
.news-meta{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-bottom:16px!important;
}
.news-meta span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:6px 9px!important;
  background:#e9eef5!important;
  color:#33455b!important;
  border:1px solid rgba(16,43,80,.09)!important;
  border-radius:8px!important;
  font-size:10px!important;
  font-weight:850!important;
  line-height:1!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
  opacity:1!important;
}
.news-card__button{margin-top:12px!important;min-height:46px!important;width:max-content!important;padding-inline:18px!important}

/* Last CTA receives an unused retail image and a cleaner premium overlay. */
.cta-band--image{
  position:relative!important;
  overflow:hidden!important;
  padding:90px 0!important;
  background:
    linear-gradient(90deg,rgba(5,16,30,.94),rgba(8,26,50,.84) 48%,rgba(8,26,50,.54)),
    url('../images/daabasics-limited-why-partner-banner.webp') center 42%/cover no-repeat!important;
}
.cta-band--image:before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 78% 22%,rgba(216,189,130,.18),transparent 27%);
  pointer-events:none;
}
.cta-band--image .cta-band__inner{
  position:relative!important;
  z-index:1!important;
  padding:42px!important;
  border-radius:34px!important;
  background:linear-gradient(135deg,rgba(5,17,31,.82),rgba(16,43,80,.56))!important;
  border:1px solid rgba(255,255,255,.14)!important;
  backdrop-filter:blur(18px) saturate(130%)!important;
  box-shadow:0 32px 78px rgba(0,0,0,.28)!important;
}
.cta-band--image .eyebrow{color:#f0d28d!important}
.cta-band--image .section-title--cta{
  margin:0!important;
  max-width:820px!important;
  color:#fff!important;
  font-family:'League Spartan',Inter,system-ui,sans-serif!important;
  font-size:clamp(38px,4.7vw,68px)!important;
  font-weight:800!important;
  line-height:.94!important;
  letter-spacing:-.04em!important;
  text-transform:uppercase!important;
}
.cta-band--image .button--outline{color:#fff!important;border-color:rgba(255,255,255,.34)!important;background:rgba(255,255,255,.06)!important}

@media(max-width:1050px){
  #product-portfolio .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #product-portfolio .portfolio-card:nth-child(n){grid-column:auto!important;width:auto!important;height:330px!important}
}
@media(max-width:700px){
  #product-portfolio .portfolio-grid{grid-template-columns:1fr!important}
  #product-portfolio .portfolio-card:nth-child(n){height:320px!important;min-height:320px!important}
  #product-portfolio .portfolio-card__body p{min-height:auto!important;font-size:13px!important}
  #product-portfolio .portfolio-grid-footer{padding:20px!important}
  .cta-band--image{padding:62px 0!important}
  .cta-band--image .cta-band__inner{padding:28px 22px!important}
  .cta-band__actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  .cta-band__actions .button{width:100%!important}
  .news-card__button{width:100%!important}
}
/* Use a clean hero photograph with no unused empty glass blocks. */
.home-hero{
  background:
    linear-gradient(90deg,rgba(3,10,20,.96) 0%,rgba(3,10,20,.90) 32%,rgba(5,17,33,.67) 53%,rgba(5,17,33,.30) 74%,rgba(5,17,33,.09) 100%),
    url('../images/daabasics-limited-grocery-product-shelves.webp') center right/cover no-repeat!important;
}

/* ===== User-requested corrections: exact title system, restored sidebar, balanced cards ===== */
/* Restore the sidebar/menu trigger on every device. */
.menu-toggle{display:grid!important}
.mobile-menu{display:block!important}
@media(min-width:1051px){
  .mobile-menu__panel{width:min(520px,42vw)!important}
  .mobile-menu__panel>.eyebrow,.mobile-panel-intro{display:block!important}
  .mobile-page-nav>a{font-size:17px!important}
  .mobile-page-group>a{font-size:15px!important}
}
@media(max-width:1050px){
  .mobile-menu__panel{width:min(560px,95vw)!important}
}

/* Planned Product Categories title now uses the exact same heading system as The DaaBasics System. */
#product-portfolio .portfolio-head .section-title{
  margin:0 0 22px!important;
  max-width:900px!important;
  color:#fff!important;
  font-family:'League Spartan',Inter,system-ui,sans-serif!important;
  font-size:clamp(40px,5.2vw,76px)!important;
  font-weight:800!important;
  line-height:.92!important;
  letter-spacing:-.04em!important;
  text-transform:uppercase!important;
}
#product-portfolio .portfolio-head .section-title:after{display:none!important;content:none!important}
#product-portfolio .portfolio-grid{
  display:grid!important;
  grid-template-columns:repeat(10,minmax(0,1fr))!important;
  gap:18px!important;
}
#product-portfolio .portfolio-card{
  min-height:378px!important;
  height:378px!important;
}
/* One 40% card and two equal 30% cards on each row. */
#product-portfolio .portfolio-card:nth-child(1),
#product-portfolio .portfolio-card:nth-child(4){grid-column:span 4!important}
#product-portfolio .portfolio-card:nth-child(2),
#product-portfolio .portfolio-card:nth-child(3),
#product-portfolio .portfolio-card:nth-child(5),
#product-portfolio .portfolio-card:nth-child(6){grid-column:span 3!important}
#product-portfolio .portfolio-card__chrome{
  background:linear-gradient(180deg,rgba(2,8,16,.04) 0%,rgba(2,8,16,.34) 48%,rgba(2,8,16,.94) 100%)!important;
}
#product-portfolio .portfolio-card:after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 70% 20%,rgba(216,189,130,.08),transparent 30%);
  z-index:1;
}
#product-portfolio .portfolio-card__meta,
#product-portfolio .portfolio-card__body{z-index:3!important}
#product-portfolio .portfolio-card__body p{min-height:7.8em!important;-webkit-line-clamp:5!important}

/* Timeline nodes rotate on hover and when their step becomes active on scroll. */
.flow-item__node{transform:rotate(45deg)!important;will-change:transform}
.flow-item:hover .flow-item__node,
.flow-item.is-active .flow-item__node{
  transform:rotate(225deg) scale(1.09)!important;
  background:linear-gradient(180deg,#d8bd82,#b18c43)!important;
  box-shadow:0 0 0 7px rgba(216,189,130,.15),0 0 25px rgba(216,189,130,.5),0 16px 34px rgba(177,140,67,.24)!important;
}

/* Blog cards retain visible category/time and use the same gold CTA language as the header. */
.news-card__button{
  margin-top:14px!important;
  width:max-content!important;
  min-height:44px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  background:var(--sand)!important;
  color:var(--navy-deep)!important;
  border-color:transparent!important;
}
.news-meta span{opacity:1!important;visibility:visible!important}

/* Final CTA: keep the image, remove the coloured glass box/border and match News & Insights title. */
.cta-band--image .cta-band__inner{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
}
.cta-band--image .section-title{
  margin:0!important;
  max-width:900px!important;
  color:#fff!important;
  font-family:'League Spartan',Inter,system-ui,sans-serif!important;
  font-size:clamp(40px,5.2vw,76px)!important;
  font-weight:800!important;
  line-height:.92!important;
  letter-spacing:-.04em!important;
  text-transform:uppercase!important;
}
.cta-band--image .section-title:after{display:none!important;content:none!important}

/* Growth section: no enclosing border/card background, exact heading system, improved glowing map. */
.section--growth-dark .map-stage--pakistan{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  padding:0!important;
}
.section--growth-dark .map-copy .section-title{
  margin:0 0 22px!important;
  max-width:680px!important;
  color:#fff!important;
  font-family:'League Spartan',Inter,system-ui,sans-serif!important;
  font-size:clamp(40px,5.2vw,76px)!important;
  font-weight:800!important;
  line-height:.92!important;
  letter-spacing:-.04em!important;
  text-transform:uppercase!important;
}
.section--growth-dark .map-copy .section-title:after{display:none!important;content:none!important}
.section--growth-dark .map-visual{
  border:0!important;
  background:radial-gradient(circle at 50% 48%,rgba(216,189,130,.12),rgba(255,255,255,.025) 42%,transparent 70%)!important;
  box-shadow:none!important;
}
.pakistan-map__fill{fill:rgba(211,222,236,.12)!important;filter:url(#mapGlow)!important}
.pakistan-map__stroke{stroke:#e7c879!important;stroke-width:3.2!important;filter:drop-shadow(0 0 10px rgba(216,189,130,.38))}
.city-marker--rawalpindi{left:47.4%;top:24.8%}
.city-marker--multan{left:49%;top:48%}
.city-marker--hyderabad{left:39.5%;top:68%}
.city-marker--gujranwala{left:53.5%;top:31.5%}

@media(max-width:1050px){
  #product-portfolio .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #product-portfolio .portfolio-card:nth-child(n){grid-column:auto!important;height:360px!important;min-height:360px!important}
  .section--growth-dark .map-stage--pakistan{grid-template-columns:1fr!important;gap:32px!important}
}
@media(max-width:700px){
  #product-portfolio .portfolio-grid{grid-template-columns:1fr!important}
  #product-portfolio .portfolio-card:nth-child(n){height:340px!important;min-height:340px!important}
  #product-portfolio .portfolio-head .section-title,
  .section--growth-dark .map-copy .section-title,
  .cta-band--image .section-title{font-size:clamp(36px,11vw,52px)!important}
  .news-card__button{width:auto!important}
}


/* ===== August 2026 final homepage content revision ===== */
.home-hero--blog{
  background:
    linear-gradient(90deg,rgba(4,11,22,.86) 0%,rgba(4,11,22,.72) 28%,rgba(4,11,22,.42) 55%,rgba(4,11,22,.18) 100%),
    radial-gradient(circle at 78% 18%,rgba(216,189,130,.16),transparent 32%),
    url('../images/daabasics-limited-baby-kids-planned-category.webp') center right/cover no-repeat!important;
}
.home-hero--blog .hero-copy{max-width:760px}
.home-hero--blog .hero-title,
.home-hero--blog .hero-description,
.home-hero--blog .eyebrow{color:#fff!important}
.home-hero--blog .hero-title em{color:#f0d28d!important}

/* Second section: replace product orbit with four editorial image cards. */
.retail-intro__grid{align-items:center!important}
.retail-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;position:relative}
.retail-showcase__card{position:relative;min-height:260px;border-radius:30px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 56px rgba(6,24,45,.12);background:#081325;transform:translateY(0);transition:transform .45s ease,box-shadow .45s ease,border-color .45s ease}
.retail-showcase__card img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.01);transition:transform .7s ease,filter .5s ease;filter:saturate(.92) contrast(1.04)}
.retail-showcase__card:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,14,24,.08) 0%,rgba(5,14,24,.18) 38%,rgba(5,14,24,.84) 100%);z-index:1}
.retail-showcase__card span{position:absolute;left:18px;bottom:18px;right:18px;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;background:rgba(8,19,37,.72);backdrop-filter:blur(16px);border:1px solid rgba(240,210,141,.28);box-shadow:0 10px 26px rgba(6,24,45,.18);font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#fff;text-align:center}
.retail-showcase__card:hover{transform:translateY(-7px);box-shadow:0 28px 70px rgba(6,24,45,.18),0 0 0 1px rgba(240,210,141,.18) inset;border-color:rgba(240,210,141,.26)}
.retail-showcase__card:hover img{transform:scale(1.07);filter:saturate(1.05) contrast(1.08)}
.retail-showcase__card:hover span{box-shadow:0 0 0 1px rgba(240,210,141,.16) inset,0 0 24px rgba(240,210,141,.12),0 18px 34px rgba(6,24,45,.28)}

/* Remove oversized titles from requested sections while keeping layout balanced. */
#product-portfolio .portfolio-head .eyebrow{margin-bottom:0!important}
#product-portfolio .portfolio-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:26px!important}
#product-portfolio .portfolio-head > div{max-width:340px}
#product-portfolio .portfolio-head .lead{max-width:660px!important;margin-top:0!important}
#product-portfolio .portfolio-head .section-title{display:none!important}

.section--growth-dark .map-copy .section-title{display:none!important}
.section--growth-dark .map-copy p:last-child{max-width:620px;color:#d7e3ef}

.cta-band--image .section-title{display:none!important}
.cta-band__lead{max-width:760px;margin:8px 0 0;color:#eef4fb;font-size:18px;line-height:1.7}
.cta-band--image{background:linear-gradient(180deg,#0d223f 0%,#0a172b 100%)!important}
.cta-band--image .cta-band__inner{align-items:center!important;gap:30px!important}

/* Product categories grid remains 40 / 30 / 30 with readable copy. */
#product-portfolio .portfolio-card{min-height:350px!important;height:350px!important}
#product-portfolio .portfolio-card:nth-child(1),
#product-portfolio .portfolio-card:nth-child(4){grid-column:span 4!important}
#product-portfolio .portfolio-card:nth-child(2),
#product-portfolio .portfolio-card:nth-child(3),
#product-portfolio .portfolio-card:nth-child(5),
#product-portfolio .portfolio-card:nth-child(6){grid-column:span 3!important}
#product-portfolio .portfolio-card__body p{min-height:8.4em!important;-webkit-line-clamp:5!important;line-height:1.62!important}

/* Timeline line and nodes with animated glow. */
.flow-timeline{position:relative}
.flow-item__rail:before{display:block!important;background:linear-gradient(180deg,rgba(11,31,57,.95) 0%,rgba(11,31,57,.95) 100%)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 0 0 1px rgba(11,31,57,.08)!important}
.flow-item__rail:after{content:'';position:absolute;left:50%;top:18px;bottom:18px;width:3px;border-radius:999px;transform:translateX(-50%);background:linear-gradient(180deg,rgba(240,210,141,0) 0%,rgba(240,210,141,.96) 20%,rgba(240,210,141,.35) 50%,rgba(240,210,141,.96) 80%,rgba(240,210,141,0) 100%);filter:drop-shadow(0 0 8px rgba(240,210,141,.55));animation:timelineGlow 4.8s linear infinite;opacity:.9}
.flow-item__node{box-shadow:0 0 0 7px rgba(255,255,255,.88),0 0 14px rgba(240,210,141,.28),0 16px 34px rgba(6,24,45,.16)!important}
.flow-item:hover .flow-item__node,.flow-item.is-active .flow-item__node{box-shadow:0 0 0 7px rgba(216,189,130,.15),0 0 26px rgba(216,189,130,.55),0 16px 34px rgba(177,140,67,.24)!important}
@keyframes timelineGlow{0%{transform:translateX(-50%) translateY(-18px);opacity:.25}45%{opacity:1}100%{transform:translateX(-50%) translateY(18px);opacity:.25}}

/* Partnership routes redesign with smaller titles, different backgrounds, fresh icons and glassy hover glow. */
.routes-visual{min-height:700px!important}
.route-card{background:linear-gradient(135deg,#ffffff,#f8fbff)!important;border:1px solid rgba(16,43,80,.08)!important}
.route-card:nth-child(1){background:linear-gradient(135deg,#ffffff,#f4f8ff)!important}
.route-card:nth-child(2){background:linear-gradient(135deg,#fffaf1,#fff3dd)!important}
.route-card:nth-child(3){background:linear-gradient(135deg,#eef5ff,#f6fbff)!important}
.route-card:nth-child(4){background:linear-gradient(135deg,#f7f2ff,#fbf8ff)!important}
.route-card__meta i{font-size:24px!important;border-radius:18px!important;background:linear-gradient(180deg,#fff,#f6f8fb)!important;color:#102b50!important;border:1px solid rgba(16,43,80,.08)!important;box-shadow:0 12px 28px rgba(16,43,80,.10)!important}
.route-card h3{font-size:clamp(24px,1.8vw,30px)!important;line-height:1.08!important}
.route-card:hover{transform:translateY(-8px)!important;box-shadow:0 28px 60px rgba(6,24,45,.14),0 0 26px rgba(216,189,130,.18)!important;border-color:rgba(216,189,130,.28)!important}
.route-card:hover .route-card__meta i{background:linear-gradient(180deg,#102b50,#1a3f67)!important;color:#f0d28d!important;box-shadow:0 0 0 1px rgba(240,210,141,.16) inset,0 0 20px rgba(240,210,141,.16),0 16px 34px rgba(16,43,80,.16)!important}
.route-card:hover:before{background:radial-gradient(circle,rgba(216,189,130,.28),transparent 72%)!important;opacity:1!important}

/* News links simplified. */
.news-card__link{font-weight:800;color:var(--navy-deep);display:inline-flex;align-items:center;gap:8px;margin-top:14px}
.news-card__link:hover{color:#b18c43}

/* Responsive adjustments. */
@media (max-width: 980px){
  .retail-showcase{grid-template-columns:1fr 1fr}
  .routes-visual{min-height:420px!important}
  .cta-band--image .cta-band__inner{grid-template-columns:1fr!important}
}
@media (max-width: 640px){
  .home-hero--blog{background-position:center center!important}
  .retail-showcase{grid-template-columns:1fr!important}
  .retail-showcase__card{min-height:230px}
  #product-portfolio .portfolio-head{display:grid!important}
  #product-portfolio .portfolio-head > div,#product-portfolio .portfolio-head .lead{max-width:100%!important}
  .cta-band__lead{font-size:16px}
}


/* ===== Final homepage request polish ===== */
.button--gold,
.button--navy,
.button--outline{
  background:linear-gradient(135deg,#2c5f9b 0%,#183d67 100%)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.06)!important;
  box-shadow:0 18px 34px rgba(10,32,58,.16)!important;
}
.button--gold:hover,
.button--navy:hover,
.button--outline:hover{box-shadow:0 24px 42px rgba(10,32,58,.22)!important}
.button span[aria-hidden="true"]{display:inline-block}

.eyebrow{position:relative;overflow:hidden;isolation:isolate}
.eyebrow:before{content:'';position:absolute;top:-2px;bottom:-2px;left:-140%;width:42%;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.26) 48%,transparent 100%);transform:skewX(-18deg);animation:eyebrowShine 5.4s ease-in-out infinite;pointer-events:none;opacity:.95}
@keyframes eyebrowShine{0%,100%{left:-140%}55%{left:165%}}

.home-hero--blog,.home-hero{
  background:
    linear-gradient(90deg,rgba(3,10,20,.94) 0%,rgba(3,10,20,.88) 30%,rgba(5,17,33,.65) 54%,rgba(5,17,33,.26) 72%,rgba(5,17,33,.04) 100%),
    url('../images/daabasics-limited-dark-retail-hero-banner.webp') center right/cover no-repeat!important;
}

.section-title--ux,
.section-title--portfolio,
.section-title--map,
.section-title--cta-inserted{
  margin:0 0 18px!important;
  font-family:'League Spartan',Inter,system-ui,sans-serif!important;
  font-size:clamp(36px,4.7vw,74px)!important;
  font-weight:800!important;
  line-height:.95!important;
  letter-spacing:-.04em!important;
  text-transform:uppercase!important;
}
.section-title--ux,.section-title--cta-inserted{color:#102b50!important}
.section-title--portfolio,.section-title--map{color:#fff!important;max-width:920px}
.retail-intro__copy .section-title--ux{max-width:560px!important}
.retail-value-list h3{white-space:nowrap!important;font-size:18px!important}
.retail-value-list p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-width:260px}
.retail-orbit__feature-copy a{display:inline-flex!important;min-height:50px!important}
.retail-orbit__feature-copy h3{font-family:'League Spartan',Inter,sans-serif!important;font-size:clamp(28px,2vw,34px)!important;text-transform:uppercase!important;line-height:1.02!important}
.retail-orbit__feature-copy p{max-width:290px!important}
.retail-orbit__node span{font-family:'League Spartan',Inter,sans-serif!important;font-size:11px!important;font-weight:800!important}

#product-portfolio .portfolio-head{display:grid!important;gap:18px!important;margin-bottom:32px!important}
#product-portfolio .portfolio-head .lead{max-width:720px!important;color:#dbe6f2!important}
#product-portfolio .portfolio-grid-footer{margin-top:24px!important}

.section--growth-dark .map-stage--pakistan{grid-template-columns:minmax(0,.92fr) minmax(460px,1fr)!important;gap:42px!important}
.map-copy .section-title--map{max-width:500px!important}
.map-copy p{max-width:500px!important}
.map-visual{min-height:580px!important}
.city-marker--multan{left:50%;top:58%}
.city-marker--rawalpindi{left:51%;top:27%}
.city-marker--hyderabad{left:46%;top:68%}
.city-marker--gujranwala{left:57%;top:30%}
.city-popup strong{font-family:'League Spartan',Inter,sans-serif!important}

.routes-ops{gap:22px!important}
.routes-visual{min-height:760px!important}
.route-card{padding:28px 24px 26px!important}
.route-card h3{font-family:'League Spartan',Inter,sans-serif!important;font-size:clamp(22px,1.8vw,26px)!important;line-height:1.08!important;text-transform:none!important}
.route-card p:first-of-type{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-width:36ch}
.route-card__meta i{font-size:22px!important}
.route-card__action{margin-top:16px!important}
.route-card__button{min-height:46px!important;padding:0 17px!important;font-size:12px!important}
.route-card:nth-child(1) .route-card__meta i{background:linear-gradient(180deg,#f3f7fd,#dce8fb)!important}
.route-card:nth-child(2) .route-card__meta i{background:linear-gradient(180deg,#f7ecff,#ead7ff)!important}
.route-card:nth-child(3) .route-card__meta i{background:linear-gradient(180deg,#eefaf6,#d5f2e7)!important}
.route-card:nth-child(4) .route-card__meta i{background:linear-gradient(180deg,#fff4e8,#ffe0bc)!important}

.cta-band--image{
  background:
    linear-gradient(180deg,rgba(8,22,40,.90),rgba(6,18,33,.94)),
    url('../images/daabasics-limited-verified-retail-plan.webp') center/cover no-repeat!important;
}
.cta-band--image .cta-band__inner{
  padding:34px 38px!important;
  border-radius:34px!important;
  background:rgba(8,20,38,.34)!important;
  border:1px solid rgba(255,255,255,.1)!important;
  backdrop-filter:blur(10px)!important;
}
.cta-band--image .section-title--cta-inserted{color:#fff!important;max-width:760px!important;font-size:clamp(34px,4.2vw,66px)!important;margin:10px 0 8px!important}
.cta-band__lead{max-width:760px!important;color:#e4edf7!important}

.site-footer{position:relative;overflow:hidden;background:linear-gradient(180deg,#081325 0%,#06101d 100%)!important}
.site-footer:before{content:'';position:absolute;inset:0;background:
  radial-gradient(circle at 18% 18%,rgba(216,189,130,.10),transparent 18%),
  radial-gradient(circle at 82% 20%,rgba(43,95,159,.14),transparent 22%),
  linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:auto,auto,34px 34px,34px 34px;opacity:.55;pointer-events:none}
.site-footer>.shell{position:relative;z-index:1}
.footer-bottom{flex-wrap:wrap!important}
.footer-bottom a{color:#f0d28d!important}
.footer-bottom a:hover{color:#fff!important}

@media(max-width:1050px){
  .section--growth-dark .map-stage--pakistan{grid-template-columns:1fr!important}
  .routes-visual{min-height:560px!important}
}
@media(max-width:700px){
  .section-title--ux,.section-title--portfolio,.section-title--map,.section-title--cta-inserted{font-size:clamp(30px,9vw,44px)!important}
  .retail-value-list h3{white-space:normal!important}
  .retail-value-list p{max-width:none}
  .map-visual{min-height:460px!important}
  .cta-band--image .cta-band__inner{padding:26px 22px!important}
}


/* ===== Final polish: sidebar behaviour, hero cleanup, missing section titles ===== */
@media (min-width:1051px){
  .mobile-menu__panel{width:min(500px,42vw)!important}
  .mobile-menu__panel .mobile-page-nav{display:none!important}
  .mobile-menu__panel>.eyebrow,.mobile-panel-intro{display:block!important}
}
@media (max-width:1050px){
  .mobile-menu__panel{width:min(560px,95vw)!important}
  .mobile-menu__panel .mobile-page-nav{display:grid!important}
  .mobile-menu__panel>.eyebrow,.mobile-panel-intro{display:none!important}
  .mobile-page-nav>a{font-size:18px!important;min-height:48px!important}
  .mobile-page-group>a{font-size:16px!important;min-height:44px!important}
  .mobile-page-group__label{font-size:11px!important;letter-spacing:.18em!important}
}

/* Make section subtitles glow consistently. */
#product-portfolio .portfolio-head .eyebrow,
.section--growth-dark .map-copy .eyebrow,
.cta-band--image .eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  gap:14px!important;
  position:relative!important;
  padding-left:56px!important;
  color:#d8bd82!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
}
#product-portfolio .portfolio-head .eyebrow:before,
.section--growth-dark .map-copy .eyebrow:before,
.cta-band--image .eyebrow:before{
  content:''!important;
  position:absolute!important;
  left:0!important;
  top:50%!important;
  width:42px!important;
  height:2px!important;
  transform:translateY(-50%)!important;
  background:linear-gradient(90deg,rgba(216,189,130,1),rgba(216,189,130,.2))!important;
  box-shadow:0 0 16px rgba(216,189,130,.45)!important;
}
#product-portfolio .portfolio-head .eyebrow:after,
.section--growth-dark .map-copy .eyebrow:after,
.cta-band--image .eyebrow:after{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  border-radius:999px!important;
  background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.18) 42%,transparent 68%)!important;
  transform:translateX(-125%)!important;
  animation:eyebrowShine 4.3s linear infinite!important;
  pointer-events:none!important;
}
@keyframes eyebrowShine{to{transform:translateX(125%)}}

/* Restore the missing section titles with the same heading system. */
#product-portfolio .portfolio-head .section-title,
.section--growth-dark .map-copy .section-title,
.cta-band--image .section-title{
  display:block!important;
  margin:10px 0 18px!important;
  color:inherit!important;
  font-family:'League Spartan',Inter,system-ui,sans-serif!important;
  font-size:clamp(40px,5.2vw,76px)!important;
  font-weight:800!important;
  line-height:.92!important;
  letter-spacing:-.045em!important;
}
#product-portfolio .portfolio-head .section-title{color:#fff!important;max-width:1000px!important}
.section--growth-dark .map-copy .section-title{color:#fff!important;max-width:760px!important}
.cta-band--image .section-title{color:#fff!important;max-width:760px!important}

/* Product categories section balance. */
#product-portfolio .portfolio-head{display:grid!important;gap:18px!important;margin-bottom:34px!important}
#product-portfolio .portfolio-head > div,#product-portfolio .portfolio-head .lead{max-width:100%!important}
#product-portfolio .portfolio-grid{align-items:stretch!important}
#product-portfolio .portfolio-card{min-height:470px!important}
#product-portfolio .portfolio-card__body{padding-bottom:30px!important}

/* Fix the second info card title overflow and keep the two cards neat. */
.retail-value-list article{min-height:164px!important}
.retail-value-list h3{white-space:normal!important;line-height:1.08!important;max-width:18ch!important}
.retail-value-list p{display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;max-width:none!important}

/* Growth strategy section title visibility and map layout. */
.section--growth-dark .map-stage--pakistan{grid-template-columns:minmax(0,.9fr) minmax(460px,1fr)!important;gap:42px!important}
.section--growth-dark .map-copy{max-width:720px!important}
@media (max-width:980px){
  .section--growth-dark .map-stage--pakistan{grid-template-columns:1fr!important;gap:30px!important}
}

/* Partnership routes visual + refined icons. */
.routes-visual{display:block!important;min-height:680px!important}
.routes-visual img{width:100%!important;height:100%!important;object-fit:cover!important}
.route-card__meta i{
  font-size:0!important;
  position:relative!important;
  overflow:hidden!important;
  border-radius:18px!important;
}
.route-card__meta i::before{
  display:block!important;
  font-family:'League Spartan',Inter,sans-serif!important;
  font-size:22px!important;
  font-weight:800!important;
  line-height:1!important;
}
.route-card:nth-child(1) .route-card__meta i{background:linear-gradient(180deg,#173b68,#102b50)!important;color:#fff!important}
.route-card:nth-child(1) .route-card__meta i::before{content:'F'!important}
.route-card:nth-child(2) .route-card__meta i{background:linear-gradient(180deg,#e9d39c,#d8bd82)!important;color:#102b50!important}
.route-card:nth-child(2) .route-card__meta i::before{content:'P'!important}
.route-card:nth-child(3) .route-card__meta i{background:linear-gradient(180deg,#234d86,#173b68)!important;color:#fff!important}
.route-card:nth-child(3) .route-card__meta i::before{content:'S'!important}
.route-card:nth-child(4) .route-card__meta i{background:linear-gradient(180deg,#2a3450,#1b2337)!important;color:#fff!important}
.route-card:nth-child(4) .route-card__meta i::before{content:'I'!important}
.route-card__button{border-radius:999px!important}

/* CTA section: keep the image, remove the boxed border background, keep the title visible. */
.cta-band--image{background:transparent!important;position:relative!important}
.cta-band--image .cta-band__inner{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  padding:0!important;
  align-items:center!important;
  gap:34px!important;
}
.cta-band--image:before{opacity:1!important}
@media (max-width:900px){
  .cta-band--image .cta-band__inner{display:grid!important;gap:22px!important}
}

/* Responsive heading scale. */
@media (max-width:700px){
  #product-portfolio .portfolio-head .section-title,
  .section--growth-dark .map-copy .section-title,
  .cta-band--image .section-title{font-size:clamp(34px,11vw,50px)!important}
  #product-portfolio .portfolio-card{min-height:430px!important}
}

/* ===== Final homepage stabilization pass ===== */
/* Hero actions */
.hero-actions .button--transparent{
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.32)!important;
  color:#fff!important;
  box-shadow:none!important;
  backdrop-filter:blur(12px)!important;
}
.hero-actions .button--transparent:hover{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(240,210,141,.58)!important;
  box-shadow:0 0 24px rgba(240,210,141,.12)!important;
}
@media(max-width:1050px){.header-actions>.button{display:none!important}}

/* Header dropdown alignment */
.nav-group>button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}
.nav-group>button i{display:inline-grid!important;place-items:center!important;width:16px!important;height:16px!important;line-height:1!important;transform-origin:center!important}

/* Second-section value cards: exactly four lines, no excess bottom gap. */
.retail-value-list{margin-bottom:18px!important}
.retail-value-list article{min-height:176px!important;padding:20px 18px 18px!important;align-items:start!important}
.retail-value-list h3{margin-bottom:7px!important;line-height:1.08!important}
.retail-value-list p{
  display:-webkit-box!important;
  -webkit-line-clamp:4!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  line-height:1.52!important;
  min-height:6.08em!important;
  margin:0!important;
}

/* Section title/subtitle system matched to the home hero. */
#product-portfolio .portfolio-head .section-title,
.section--growth-dark .map-copy .section-title,
.cta-band--restored .section-title{
  display:block!important;
  margin:12px 0 18px!important;
  font-family:'League Spartan',Inter,system-ui,sans-serif!important;
  font-size:clamp(42px,5.4vw,76px)!important;
  font-weight:800!important;
  line-height:.93!important;
  letter-spacing:-.048em!important;
  text-transform:uppercase!important;
  max-width:920px!important;
}
#product-portfolio .portfolio-head .section-title,
.section--growth-dark .map-copy .section-title,
.cta-band--restored .section-title{color:#fff!important}

/* Restore glow/glass shine for subtitles sitewide. */
.eyebrow{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:38px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  border:1px solid rgba(216,189,130,.26)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025))!important;
  backdrop-filter:blur(13px) saturate(130%)!important;
  box-shadow:0 12px 34px rgba(7,20,38,.08),inset 0 1px 0 rgba(255,255,255,.12),0 0 18px rgba(216,189,130,.08)!important;
}
.eyebrow:before{
  content:''!important;
  position:absolute!important;
  top:-40%!important;
  bottom:-40%!important;
  left:-44%!important;
  width:34%!important;
  background:linear-gradient(110deg,transparent,rgba(255,255,255,.42),transparent)!important;
  transform:skewX(-18deg)!important;
  animation:subtitleSweep 4.8s ease-in-out infinite!important;
  pointer-events:none!important;
}
.eyebrow:after{display:none!important}
@keyframes subtitleSweep{0%,18%{left:-44%}70%,100%{left:126%}}

/* Product categories spacing and title layout. */
#product-portfolio .portfolio-head{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
  align-items:start!important;
  margin-bottom:34px!important;
}
#product-portfolio .portfolio-head>div,
#product-portfolio .portfolio-head .lead{max-width:900px!important;margin:0!important}
#product-portfolio .portfolio-card{min-height:470px!important;height:auto!important}
#product-portfolio .portfolio-card__body p{min-height:8em!important}

/* Growth map: wider, taller, borderless, glowing and animated. */
.section--growth-dark .map-stage--pakistan{
  grid-template-columns:minmax(0,.82fr) minmax(560px,1.18fr)!important;
  gap:34px!important;
  padding:28px 0!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.section--growth-dark .map-copy{padding-left:0!important}
.section--growth-dark .map-visual{
  min-height:610px!important;
  border:none!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.section--growth-dark .map-grid-glow{opacity:.42!important;border-radius:30px!important;filter:drop-shadow(0 0 26px rgba(216,189,130,.12))}
.section--growth-dark .pakistan-map{
  inset:12px -18px 8px -18px!important;
  width:calc(100% + 36px)!important;
  height:calc(100% - 20px)!important;
  filter:drop-shadow(0 0 18px rgba(216,189,130,.18))!important;
  animation:mapFloat 5.5s ease-in-out infinite!important;
}
@keyframes mapFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.city-marker--islamabad{left:50%!important;top:24%!important}
.city-marker--rawalpindi{left:55%!important;top:29%!important}
.city-marker--peshawar{left:36%!important;top:24%!important}
.city-marker--lahore{left:62%!important;top:38%!important}
.city-marker--gujranwala{left:58%!important;top:31%!important}
.city-marker--faisalabad{left:51%!important;top:43%!important}
.city-marker--multan{left:48%!important;top:57%!important}
.city-marker--quetta{left:24%!important;top:53%!important}
.city-marker--karachi{left:40%!important;top:79%!important}
.city-marker--hyderabad{left:47%!important;top:70%!important}

/* Partnership route visual must be visible on the left. */
.routes-ops{
  display:grid!important;
  grid-template-columns:minmax(420px,1.05fr) minmax(360px,.95fr)!important;
  gap:24px!important;
  align-items:stretch!important;
}
.routes-visual{
  display:block!important;
  position:relative!important;
  min-height:760px!important;
  border-radius:32px!important;
  overflow:hidden!important;
  background:#081426!important;
}
.routes-visual img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;opacity:1!important}
.routes-visual__panel{
  max-width:420px!important;
  background:linear-gradient(135deg,rgba(6,19,36,.76),rgba(16,43,80,.52))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  backdrop-filter:blur(18px) saturate(135%)!important;
  box-shadow:0 24px 54px rgba(0,0,0,.26),0 0 28px rgba(216,189,130,.08)!important;
}
.route-card__meta i{
  width:52px!important;height:52px!important;border-radius:17px!important;
  display:grid!important;place-items:center!important;
  border:1px solid rgba(255,255,255,.32)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 14px 32px rgba(8,20,38,.14)!important;
}
.route-card__meta i svg{width:26px!important;height:26px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.route-card:nth-child(1) .route-card__meta i{background:linear-gradient(145deg,#244f85,#102b50)!important;color:#fff!important}
.route-card:nth-child(2) .route-card__meta i{background:linear-gradient(145deg,#f1ddb0,#d8bd82)!important;color:#102b50!important}
.route-card:nth-child(3) .route-card__meta i{background:linear-gradient(145deg,#355e94,#173b68)!important;color:#fff!important}
.route-card:nth-child(4) .route-card__meta i{background:linear-gradient(145deg,#313d58,#182238)!important;color:#fff!important}
.route-card:hover .route-card__meta i{transform:translateY(-3px) rotate(4deg)!important;box-shadow:0 0 0 1px rgba(216,189,130,.18) inset,0 0 26px rgba(216,189,130,.18),0 20px 38px rgba(8,20,38,.18)!important}

/* CTA image restored; remove inner card/border only. */
.cta-band--restored{
  position:relative!important;
  overflow:hidden!important;
  padding:94px 0!important;
  background:
    linear-gradient(90deg,rgba(5,16,30,.93),rgba(8,26,50,.73) 55%,rgba(8,26,50,.46)),
    url('../images/daabasics-limited-why-partner-banner.webp') center 45%/cover no-repeat!important;
}
.cta-band--restored .cta-band__inner{
  padding:0!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.cta-band--restored .cta-band__lead{color:#dce7f3!important;max-width:720px!important}

/* Footer: premium patterned layout. */
.site-footer{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 12% 12%,rgba(216,189,130,.12),transparent 22%),
    radial-gradient(circle at 85% 18%,rgba(44,95,155,.16),transparent 26%),
    linear-gradient(180deg,#071426 0%,#040c17 100%)!important;
  border-top:1px solid rgba(216,189,130,.16)!important;
}
.site-footer:before{
  content:''!important;position:absolute!important;inset:0!important;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px)!important;
  background-size:34px 34px!important;opacity:.52!important;pointer-events:none!important;
}
.site-footer .shell{position:relative!important;z-index:1!important}
.footer-grid>div{padding:22px 20px!important;border:1px solid rgba(255,255,255,.06)!important;background:rgba(255,255,255,.025)!important;backdrop-filter:blur(10px)!important}
.footer-bottom a{color:#f0d28d!important}

/* Mobile spacing and responsive safety. */
@media(max-width:1050px){
  .routes-ops{grid-template-columns:1fr!important}
  .routes-visual{min-height:520px!important}
  .section--growth-dark .map-stage--pakistan{grid-template-columns:1fr!important;padding:16px 0!important}
  .section--growth-dark .map-visual{min-height:520px!important}
}
@media(max-width:700px){
  :root{--shell:calc(100% - 34px)!important}
  .section{padding-left:0!important;padding-right:0!important}
  .shell{width:var(--shell)!important}
  #product-portfolio .portfolio-head .section-title,
  .section--growth-dark .map-copy .section-title,
  .cta-band--restored .section-title{font-size:clamp(34px,10.5vw,48px)!important}
  .retail-value-list{grid-template-columns:1fr!important}
  .retail-value-list article{min-height:166px!important}
  #product-portfolio .portfolio-card{min-height:430px!important}
  .section--growth-dark .map-visual{min-height:430px!important}
  .routes-visual{min-height:430px!important}
  .routes-visual__panel{max-width:calc(100% - 12px)!important;padding:20px 18px!important}
  .cta-band--restored{padding:72px 0!important}
  .footer-grid{grid-template-columns:1fr!important}
  .footer-brand{grid-column:auto!important}
}

/* Lock the cleaned hero artwork without decorative glass boxes. */
.home-hero--blog,.home-hero{
  background:
    linear-gradient(90deg,rgba(3,10,20,.94) 0%,rgba(3,10,20,.88) 30%,rgba(5,17,33,.62) 54%,rgba(5,17,33,.24) 74%,rgba(5,17,33,.03) 100%),
    url('../images/hero-clean-patch.webp') center right/cover no-repeat!important;
}


/* ===== Targeted v4 fixes only ===== */
/* Exact requested title sizing for these three sections. */
#product-portfolio .portfolio-head .section-title,
.section--growth-dark .map-copy .section-title,
.cta-band--restored .section-title{
  font-size:clamp(34px,3.7vw,54px)!important;
  font-weight:700!important;
  line-height:.98!important;
  letter-spacing:-.035em!important;
  text-transform:uppercase!important;
  margin:12px 0 20px!important;
}

/* No decorative line on subtitles; keep glass glow + moving shine sitewide. */
.eyebrow,
#product-portfolio .portfolio-head .eyebrow,
.section--growth-dark .map-copy .eyebrow,
.cta-band--restored .eyebrow{
  padding:0 18px!important;
  min-height:38px!important;
  border:1px solid rgba(216,189,130,.28)!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.025))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 0 20px rgba(216,189,130,.12),0 12px 30px rgba(4,14,27,.10)!important;
  backdrop-filter:blur(14px) saturate(135%)!important;
  overflow:hidden!important;
}
.eyebrow:after,
#product-portfolio .portfolio-head .eyebrow:after,
.section--growth-dark .map-copy .eyebrow:after,
.cta-band--restored .eyebrow:after{display:none!important;content:none!important}
.eyebrow:before,
#product-portfolio .portfolio-head .eyebrow:before,
.section--growth-dark .map-copy .eyebrow:before,
.cta-band--restored .eyebrow:before{
  content:''!important;
  position:absolute!important;
  top:-35%!important;
  bottom:-35%!important;
  left:-45%!important;
  width:34%!important;
  height:auto!important;
  background:linear-gradient(110deg,transparent,rgba(255,255,255,.48),transparent)!important;
  transform:skewX(-18deg)!important;
  animation:subtitleGlassSweep 4.8s ease-in-out infinite!important;
  box-shadow:none!important;
}
@keyframes subtitleGlassSweep{0%,18%{left:-45%}72%,100%{left:130%}}

/* Partnership routes: force left image visible and add bottom glass info card. */
.routes-ops{grid-template-columns:minmax(480px,1.08fr) minmax(390px,.92fr)!important;align-items:stretch!important}
.routes-visual,
.routes-visual.image-reveal,
.routes-visual.image-reveal.visible{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  min-height:760px!important;
  background:#081426!important;
  position:relative!important;
  overflow:hidden!important;
}
.routes-visual img{display:block!important;opacity:1!important;visibility:visible!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
.routes-visual__overlay{display:flex!important;justify-content:flex-end!important;padding:32px!important}
.routes-visual__panel{
  display:block!important;
  position:relative!important;
  max-width:460px!important;
  margin-top:auto!important;
  padding:24px!important;
  border-radius:26px!important;
  background:linear-gradient(135deg,rgba(5,16,30,.72),rgba(16,43,80,.48))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  backdrop-filter:blur(18px) saturate(140%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 28px rgba(216,189,130,.12),0 24px 54px rgba(0,0,0,.26)!important;
}
.routes-visual__panel h3{font-size:clamp(28px,2.3vw,40px)!important;line-height:1!important}
.routes-visual__step,.routes-visual__line{display:none!important}

/* Premium route icons: use SVG only, no duplicate letter overlays. */
.route-card__meta i::before,.route-card__meta i:before{display:none!important;content:none!important}
.route-card__meta i{width:54px!important;height:54px!important;border-radius:18px!important;display:grid!important;place-items:center!important;transition:transform .35s ease,box-shadow .35s ease!important}
.route-card__meta i svg{display:block!important;width:27px!important;height:27px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.75!important}
.route-card:nth-child(1) .route-card__meta i{background:linear-gradient(145deg,#2e65a2,#102b50)!important;color:#fff!important}
.route-card:nth-child(2) .route-card__meta i{background:linear-gradient(145deg,#f2dda9,#cda85c)!important;color:#102b50!important}
.route-card:nth-child(3) .route-card__meta i{background:linear-gradient(145deg,#596f94,#243653)!important;color:#fff!important}
.route-card:nth-child(4) .route-card__meta i{background:linear-gradient(145deg,#d9e3f1,#94a8c3)!important;color:#102b50!important}

/* Growth section: one full-width dark background, no nested border/card/background. */
.section--growth-dark{
  background:#061426!important;
  padding:clamp(78px,8vw,118px) 0!important;
  overflow:hidden!important;
}
.section--growth-dark:before,.section--growth-dark:after{display:none!important}
.section--growth-dark .map-stage--pakistan{
  width:100%!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:none!important;
  border-radius:0!important;
  box-shadow:none!important;
  grid-template-columns:minmax(0,.78fr) minmax(600px,1.22fr)!important;
  gap:30px!important;
}
.section--growth-dark .map-visual{
  min-height:560px!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.section--growth-dark .map-grid-glow{display:none!important}
.section--growth-dark .pakistan-map{inset:0!important;width:100%!important;height:100%!important;filter:drop-shadow(0 0 22px rgba(216,189,130,.22))!important}
.section--growth-dark .pakistan-map__fill{fill:rgba(211,222,236,.14)!important}
.section--growth-dark .pakistan-map__stroke{stroke:#e8ca7d!important;stroke-width:3!important;stroke-dasharray:9 8!important}
.city-marker span{box-shadow:0 0 0 8px rgba(216,189,130,.13),0 0 24px rgba(216,189,130,.34)!important}
.city-marker--peshawar{left:30%!important;top:27%!important}.city-marker--islamabad{left:49%!important;top:29%!important}.city-marker--rawalpindi{left:54%!important;top:34%!important}.city-marker--gujranwala{left:62%!important;top:36%!important}.city-marker--lahore{left:68%!important;top:43%!important}.city-marker--faisalabad{left:54%!important;top:47%!important}.city-marker--multan{left:49%!important;top:61%!important}.city-marker--quetta{left:23%!important;top:57%!important}.city-marker--hyderabad{left:45%!important;top:76%!important}.city-marker--karachi{left:34%!important;top:84%!important}

/* CTA: use the image cleanly with no transparent overlay panel/gradient. */
.cta-band--restored{
  background:url('../images/daabasics-limited-why-partner-banner.webp') center 45%/cover no-repeat!important;
}
.cta-band--restored:before,.cta-band--restored:after{display:none!important}
.cta-band--restored .cta-band__inner{background:transparent!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important}
.cta-band--restored .section-title,.cta-band--restored .cta-band__lead,.cta-band--restored .eyebrow{text-shadow:0 2px 18px rgba(0,0,0,.58)!important}

/* Footer: clean dark structure, no washed-out grey cards. */
.site-footer{background:linear-gradient(180deg,#071527 0%,#030a13 100%)!important;border-top:1px solid rgba(216,189,130,.18)!important}
.site-footer:before{background:radial-gradient(circle at 12% 18%,rgba(216,189,130,.10),transparent 24%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px)!important;background-size:auto,38px 38px,38px 38px!important;opacity:1!important}
.footer-grid>div{background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.075)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;backdrop-filter:blur(8px)!important;color:#fff!important}
.footer-col a,.footer-brand p{color:#b9c6d6!important}.footer-col h3{color:#e7c879!important}.footer-bottom{color:#8ea0b4!important}

@media(max-width:1050px){
 .routes-ops{grid-template-columns:1fr!important}
 .routes-visual{min-height:520px!important}
 .section--growth-dark .map-stage--pakistan{grid-template-columns:1fr!important}
 .section--growth-dark .map-visual{min-height:500px!important}
}
@media(max-width:700px){
 .routes-visual{min-height:430px!important}
 .routes-visual__overlay{padding:16px!important}
 .routes-visual__panel{padding:18px!important;max-width:100%!important}
 .section--growth-dark .map-visual{min-height:420px!important}
}


/* ===== Targeted v5: exact growth title, sitewide subtitle glow, premium partnership routes ===== */
.section--growth-dark .map-copy .section-title{
  font-size:clamp(34px,3.7vw,54px)!important;
  font-weight:700!important;
  line-height:.98!important;
  letter-spacing:-.035em!important;
  text-transform:uppercase!important;
}

/* Strong, consistent glass-glow subtitle treatment across the website. */
.eyebrow,.eyebrow--light,.kicker,.tag,.tag--dark,.breadcrumb{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;
  border:1px solid rgba(216,189,130,.30)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 24px rgba(216,189,130,.14),0 12px 30px rgba(5,16,30,.10)!important;
  backdrop-filter:blur(15px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(15px) saturate(140%)!important;
  text-shadow:0 0 13px rgba(235,211,154,.24)!important;
}
.eyebrow:before,.eyebrow--light:before,.kicker:before,.tag:before,.tag--dark:before,.breadcrumb:before{
  content:''!important;
  position:absolute!important;
  top:-40%!important;
  bottom:-40%!important;
  left:-55%!important;
  width:38%!important;
  height:auto!important;
  background:linear-gradient(110deg,transparent,rgba(255,255,255,.55),transparent)!important;
  transform:skewX(-20deg)!important;
  animation:daabSubtitleSweep 4.6s ease-in-out infinite!important;
  pointer-events:none!important;
}
.eyebrow:after,.eyebrow--light:after,.kicker:after,.tag:after,.tag--dark:after,.breadcrumb:after{display:none!important;content:none!important}
@keyframes daabSubtitleSweep{0%,18%{left:-55%}72%,100%{left:135%}}

/* CTA uses a clean text-free retail photo. */
.cta-band--restored{
  background:
    linear-gradient(90deg,rgba(4,14,27,.93),rgba(8,27,51,.74) 52%,rgba(8,27,51,.30)),
    url('../images/daabasics-limited-modern-customer-shopping.webp') center 48%/cover no-repeat!important;
}
.cta-band--restored:before,.cta-band--restored:after{display:none!important}

/* Partnership routes: a premium editorial operations layout. */
.partnership-routes-section{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 8% 15%,rgba(216,189,130,.13),transparent 28%),
    linear-gradient(180deg,#f7f9fc 0%,#eef3f8 100%)!important;
}
.partnership-routes-section:before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(rgba(16,43,80,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(16,43,80,.035) 1px,transparent 1px);
  background-size:40px 40px;
  opacity:.55;
  pointer-events:none;
}
.partnership-routes-section .shell{position:relative;z-index:1}
.partnership-routes-section .section-head{margin-bottom:42px!important}
.partnership-routes-section .routes-ops{
  display:grid!important;
  grid-template-columns:minmax(430px,.92fr) minmax(500px,1.08fr)!important;
  gap:24px!important;
  align-items:stretch!important;
}
.partnership-routes-section .routes-visual,
.partnership-routes-section .routes-visual.image-reveal,
.partnership-routes-section .routes-visual.image-reveal.visible{
  min-height:720px!important;
  border-radius:34px!important;
  overflow:hidden!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  background:#071527!important;
  box-shadow:0 28px 70px rgba(7,21,39,.18)!important;
  border:1px solid rgba(16,43,80,.08)!important;
}
.partnership-routes-section .routes-visual img{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;
  transform:scale(1.01)!important;filter:saturate(.93) contrast(1.04)!important;
  transition:transform .9s cubic-bezier(.2,.8,.2,1),filter .5s ease!important;
}
.partnership-routes-section .routes-visual:hover img{transform:scale(1.075)!important;filter:saturate(1.06) contrast(1.08)!important}
.partnership-routes-section .routes-visual:after{
  content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,10,20,.03),rgba(3,10,20,.18) 48%,rgba(3,10,20,.82) 100%);pointer-events:none;z-index:1;
}
.partnership-routes-section .routes-visual__overlay{display:flex!important;inset:0!important;padding:30px!important;justify-content:flex-end!important;z-index:2!important}
.partnership-routes-section .routes-visual__step,.partnership-routes-section .routes-visual__line{display:none!important}
.partnership-routes-section .routes-visual__panel{
  position:relative!important;z-index:3!important;margin-top:auto!important;max-width:none!important;width:100%!important;
  padding:26px!important;border-radius:26px!important;
  background:linear-gradient(135deg,rgba(5,17,31,.82),rgba(16,43,80,.52))!important;
  border:1px solid rgba(255,255,255,.17)!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 0 32px rgba(216,189,130,.13),0 24px 50px rgba(0,0,0,.30)!important;
}
.partnership-routes-section .routes-visual__panel>p{color:#efd28d!important;letter-spacing:.18em!important}
.partnership-routes-section .routes-visual__panel h3{font-size:clamp(28px,2.2vw,40px)!important;line-height:1!important;max-width:560px!important}
.routes-visual__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
.routes-visual__metrics div{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10)}
.routes-visual__metrics strong{display:block;color:#fff;font-size:24px;font-family:'League Spartan',Inter,sans-serif;line-height:1}
.routes-visual__metrics span{display:block;margin-top:6px;color:#c9d6e4;font-size:11px;text-transform:uppercase;letter-spacing:.12em}

.partnership-routes-section .routes-stack{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;
}
.partnership-routes-section .route-card{
  min-height:350px!important;padding:25px!important;border-radius:30px!important;
  display:flex!important;flex-direction:column!important;
  background:linear-gradient(145deg,rgba(255,255,255,.93),rgba(247,250,253,.82))!important;
  border:1px solid rgba(16,43,80,.08)!important;
  box-shadow:0 18px 44px rgba(8,20,38,.08)!important;
  backdrop-filter:blur(12px)!important;
  overflow:hidden!important;
  transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease,border-color .4s ease!important;
}
.partnership-routes-section .route-card:after{
  content:'';position:absolute;left:-120%;top:0;width:55%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);transform:skewX(-20deg);transition:left .85s ease;pointer-events:none;
}
.partnership-routes-section .route-card:hover{transform:translateY(-9px)!important;border-color:rgba(216,189,130,.32)!important;box-shadow:0 30px 64px rgba(8,20,38,.14),0 0 30px rgba(216,189,130,.12)!important}
.partnership-routes-section .route-card:hover:after{left:155%}
.partnership-routes-section .route-card:nth-child(2){background:linear-gradient(145deg,#fffaf0,#f7ead0)!important}
.partnership-routes-section .route-card:nth-child(3){background:linear-gradient(145deg,#edf4ff,#e2ecfa)!important}
.partnership-routes-section .route-card:nth-child(4){background:linear-gradient(145deg,#f4f1fb,#ebe5f7)!important}
.partnership-routes-section .route-card__meta{margin-bottom:30px!important}
.partnership-routes-section .route-card__meta i{
  width:58px!important;height:58px!important;border-radius:19px!important;display:grid!important;place-items:center!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 15px 32px rgba(16,43,80,.16)!important;
  transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease!important;
}
.partnership-routes-section .route-card__meta i svg{width:28px!important;height:28px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.75!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.partnership-routes-section .route-card:nth-child(1) .route-card__meta i{background:linear-gradient(145deg,#2f68a6,#102b50)!important;color:#fff!important}
.partnership-routes-section .route-card:nth-child(2) .route-card__meta i{background:linear-gradient(145deg,#f3d99b,#caa150)!important;color:#102b50!important}
.partnership-routes-section .route-card:nth-child(3) .route-card__meta i{background:linear-gradient(145deg,#5a78a8,#243c62)!important;color:#fff!important}
.partnership-routes-section .route-card:nth-child(4) .route-card__meta i{background:linear-gradient(145deg,#cfd9ea,#8fa3c2)!important;color:#102b50!important}
.partnership-routes-section .route-card:hover .route-card__meta i{transform:rotate(-7deg) scale(1.08)!important;box-shadow:0 0 0 1px rgba(216,189,130,.18) inset,0 0 24px rgba(216,189,130,.18),0 18px 36px rgba(16,43,80,.18)!important}
.partnership-routes-section .route-card h3{font-size:clamp(23px,1.7vw,29px)!important;font-weight:800!important;line-height:1.03!important;margin-bottom:12px!important}
.partnership-routes-section .route-card p{font-size:14px!important;line-height:1.65!important;margin-bottom:20px!important}
.partnership-routes-section .route-card__action{margin-top:auto!important}
.partnership-routes-section .route-card__button{min-height:46px!important;padding:0 17px!important;font-size:11px!important}

@media(max-width:1100px){
  .partnership-routes-section .routes-ops{grid-template-columns:1fr!important}
  .partnership-routes-section .routes-visual{min-height:520px!important}
}
@media(max-width:760px){
  .partnership-routes-section .routes-stack{grid-template-columns:1fr!important}
  .partnership-routes-section .route-card{min-height:300px!important}
  .partnership-routes-section .routes-visual{min-height:430px!important}
  .partnership-routes-section .routes-visual__overlay{padding:16px!important}
  .routes-visual__metrics{grid-template-columns:1fr 1fr}
}


/* ===== Surgical fixes requested 2026-08-02: no unrelated sections touched ===== */
/* Header dropdown chevrons centered with labels. */
.nav-group>button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;line-height:1!important}
.nav-group>button i{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:15px!important;height:15px!important;line-height:1!important;margin:0!important;position:relative!important;top:0!important}

/* Second section: reduce only the extra space beneath the two points. */
.retail-value-list{margin-bottom:10px!important}
.retail-value-list article{padding-bottom:13px!important;min-height:158px!important}

/* Third section: all three card titles stay on one line. */
.model-grid .model-card h3{font-size:clamp(22px,1.75vw,27px)!important;white-space:nowrap!important;max-width:none!important;line-height:1!important;letter-spacing:-.035em!important}

/* Fourth section header: title/subtitle left, paragraph opposite on the right. */
#product-portfolio .portfolio-head{
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)!important;
  align-items:end!important;
  gap:42px!important;
  margin-bottom:30px!important;
}
#product-portfolio .portfolio-head>div{max-width:900px!important}
#product-portfolio .portfolio-head .section-title{margin:14px 0 0!important;max-width:900px!important}
#product-portfolio .portfolio-head .lead{margin:0!important;max-width:520px!important;justify-self:end!important;align-self:end!important}
/* 40 / 30 / 30 on each row: first and sixth are the expanded cards. */
#product-portfolio .portfolio-grid{display:grid!important;grid-template-columns:repeat(10,minmax(0,1fr))!important;gap:18px!important}
#product-portfolio .portfolio-card:nth-child(1){grid-column:span 4!important}
#product-portfolio .portfolio-card:nth-child(2),
#product-portfolio .portfolio-card:nth-child(3),
#product-portfolio .portfolio-card:nth-child(4),
#product-portfolio .portfolio-card:nth-child(5){grid-column:span 3!important}
#product-portfolio .portfolio-card:nth-child(6){grid-column:span 4!important}
#product-portfolio .portfolio-card{height:410px!important;min-height:410px!important}

/* Sixth section: constrain the heading to a clean two-to-three line composition. */
.section--growth-dark .map-copy .section-title{max-width:610px!important;font-size:clamp(34px,3.7vw,54px)!important;line-height:.98!important;font-weight:700!important;text-wrap:balance!important}

/* Seventh section: guarantee the visual occupies the previously empty side. */
.partnership-routes-section .routes-ops{
  display:grid!important;
  grid-template-columns:minmax(420px,.95fr) minmax(560px,1.05fr)!important;
  gap:24px!important;
  align-items:stretch!important;
}
.partnership-routes-section .routes-visual{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
  min-height:690px!important;
  height:100%!important;
}
.partnership-routes-section .routes-visual img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;opacity:1!important}
.partnership-routes-section .routes-stack{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}

/* Tablet/mobile navigation: normal large stacked menu, not a boxed mini list. */
@media(max-width:1050px){
  .mobile-menu__panel{padding:72px 28px 34px!important}
  .mobile-menu__panel .mobile-page-nav{
    display:grid!important;
    gap:0!important;
    max-height:none!important;
    overflow:visible!important;
    margin:24px 0 18px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .mobile-page-group{gap:0!important;padding:12px 0!important;border-top:1px solid rgba(255,255,255,.1)!important}
  .mobile-page-group__label{padding:10px 0 6px!important;font-size:12px!important}
  .mobile-page-nav>a,.mobile-page-group>a{
    min-height:54px!important;
    padding:13px 0!important;
    border-radius:0!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    font-size:21px!important;
    line-height:1.15!important;
    background:transparent!important;
  }
  .mobile-page-group>a{font-size:19px!important;padding-left:0!important}
  .mobile-page-nav>a:hover,.mobile-page-group>a:hover{padding-left:6px!important;background:transparent!important}
  #product-portfolio .portfolio-head{grid-template-columns:1fr!important;gap:18px!important}
  #product-portfolio .portfolio-head .lead{justify-self:start!important;max-width:720px!important}
  #product-portfolio .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #product-portfolio .portfolio-card:nth-child(n){grid-column:auto!important;height:390px!important;min-height:390px!important}
  .partnership-routes-section .routes-ops{grid-template-columns:1fr!important}
  .partnership-routes-section .routes-visual{min-height:480px!important}
}
@media(max-width:700px){
  .mobile-menu__panel{padding-left:20px!important;padding-right:20px!important}
  .mobile-page-nav>a,.mobile-page-group>a{font-size:20px!important}
  .mobile-page-group>a{font-size:18px!important}
  .model-grid .model-card h3{font-size:23px!important}
  #product-portfolio .portfolio-grid{grid-template-columns:1fr!important}
  #product-portfolio .portfolio-card:nth-child(n){height:370px!important;min-height:370px!important}
  .partnership-routes-section .routes-stack{grid-template-columns:1fr!important}
  .partnership-routes-section .routes-visual{min-height:410px!important}
}

/* ===== Requested surgical corrections only: growth map, routes image, header chevrons ===== */
/* Header dropdown chevrons: true visual centering with the label. */
.nav-group>button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}
.nav-group>button i{
  display:inline-grid!important;
  place-items:center!important;
  width:14px!important;
  height:14px!important;
  line-height:14px!important;
  font-size:10px!important;
  margin:0!important;
  padding:0!important;
  position:static!important;
  transform-origin:center!important;
  vertical-align:middle!important;
}
.nav-group:hover>button i{transform:rotate(180deg)!important}

/* Growth title fixed to exactly two lines and map given more right-side space. */
.section--growth-dark .map-copy .section-title{max-width:640px!important}
.section--growth-dark .map-copy .section-title span{display:block!important;white-space:nowrap!important}
.section--growth-dark .map-stage--pakistan{
  grid-template-columns:minmax(0,.78fr) minmax(560px,1.22fr)!important;
  gap:34px!important;
}
.section--growth-dark .map-copy{max-width:650px!important}
.section--growth-dark .map-visual{min-height:590px!important;overflow:visible!important}
.section--growth-dark .pakistan-map{
  width:108%!important;
  height:108%!important;
  left:5%!important;
  right:auto!important;
  top:-4%!important;
  transform:none!important;
}
@media(max-width:1050px){
  .section--growth-dark .map-stage--pakistan{grid-template-columns:1fr!important}
  .section--growth-dark .map-copy .section-title span{white-space:normal!important}
  .section--growth-dark .pakistan-map{width:100%!important;height:100%!important;left:0!important;top:0!important}
}

/* Partnership image reveal fix: remove the stale clip-path that was hiding the visual. */
.partnership-routes-section .routes-visual,
.partnership-routes-section .routes-visual.image-reveal,
.partnership-routes-section .routes-visual.image-reveal.visible,
.partnership-routes-section .routes-visual[data-reveal],
.partnership-routes-section .routes-visual[data-reveal].visible{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  clip-path:inset(0 0 0 0 round 32px)!important;
  -webkit-clip-path:inset(0 0 0 0 round 32px)!important;
  transform:none!important;
}
.partnership-routes-section .routes-visual img{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

/* Empty slots reserved for future unique visuals — duplicate content images removed */
.image-slot--awaiting-new-visual{min-height:320px;border-radius:inherit;background:linear-gradient(135deg,rgba(16,43,80,.04),rgba(216,189,130,.09));border:1px dashed rgba(16,43,80,.18)}