*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --navy:#2b1d6e;
  --navy2:#1e1550;
  --navydk:#150f3a;
  --pink:#e040a0;
  --pink2:#c8308a;
  --white:#fff;
  --light:#eef6f5;
  --offwhite:#f7f6fc;
  --gray:#444;
  --lgray:#888;
  --serif:'Playfair Display',Georgia,serif;
  --sans:'Montserrat',system-ui,sans-serif;
}
html{scroll-behavior:smooth}
body{font-family:var(--sans);background:#fff;color:#222;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-thumb{background:var(--pink);border-radius:4px}

/* ═══════════ TOP BAR ═══════════ */
.topbar{background:var(--navydk);padding:0.38rem 5vw;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0.3rem}
.topbar span,.topbar a{font-size:0.68rem;letter-spacing:0.05em;color:rgba(255,255,255,0.7)}
.topbar a:hover{color:var(--pink)}
.tb-left,.tb-right{display:flex;align-items:center;gap:1.1rem}
.tb-sep{opacity:0.3;font-size:0.55rem}

/* ═══════════ NAV ═══════════ */
nav{background:#fff;position:sticky;top:0;z-index:999;box-shadow:0 1px 0 #e0e0ec,0 4px 18px rgba(43,29,110,0.06);transition:box-shadow 0.3s}
nav.scrolled{box-shadow:0 2px 24px rgba(43,29,110,0.13)}
.nav-r1{display:flex;align-items:center;padding:0 5vw;height:76px;gap:1rem}
.nav-logo{display:flex;align-items:center;flex-shrink:0;padding:8px 0;height:76px;margin-right:0.5rem}
.logo-pill{display:flex;align-items:center;background:#fff;border:1.5px solid rgba(43,29,110,0.13);border-radius:50px;padding:4px 14px 4px 4px;gap:8px;box-shadow:0 2px 10px rgba(43,29,110,0.08)}
.logo-pill img{height:48px;width:48px;object-fit:cover;object-position:3% center;border-radius:50%;flex-shrink:0}
.logo-pill-text{line-height:1.15}
.lpt-main{font-size:0.85rem;font-weight:800;letter-spacing:0.05em;color:var(--navy);display:block}
.lpt-sub{font-size:0.56rem;font-weight:500;letter-spacing:0.08em;color:var(--lgray);display:block;text-transform:uppercase}
.nav-links{flex:1;display:flex;align-items:center;justify-content:center;list-style:none;gap:0;flex-wrap:wrap}
.nav-links li{position:relative}
.nav-links a{display:flex;align-items:center;gap:3px;font-size:0.75rem;font-weight:600;letter-spacing:0.04em;color:#2a2a40;padding:0 1rem;height:76px;white-space:nowrap;border-bottom:2.5px solid transparent;transition:color 0.2s,border-color 0.2s}
.nav-links a:hover,.nav-links a.active{color:var(--navy);border-bottom-color:var(--navy)}
.caret{font-size:0.55rem;opacity:0.55;margin-left:1px}
.dd{position:absolute;top:100%;left:0;z-index:200;background:#fff;min-width:230px;border-top:2.5px solid var(--navy);border:1px solid #e4e4f0;border-top:2.5px solid var(--navy);box-shadow:0 10px 36px rgba(43,29,110,0.13);display:none}
.has-dd:hover .dd{display:block}
.dd a{display:block;padding:0.68rem 1.2rem;font-size:0.74rem;font-weight:500;color:#333;height:auto;border-bottom:none;transition:background 0.18s,color 0.18s}
.dd a+a{border-top:1px solid #f2f2f8}
.dd a:hover{background:#f2f0ff;color:var(--navy)}
.nav-cta{flex-shrink:0;margin-left:auto}
.nav-cta a{display:inline-flex;align-items:center;background:var(--navy);color:#fff;border-radius:40px;overflow:hidden;box-shadow:0 4px 18px rgba(43,29,110,0.28);transition:box-shadow 0.25s,transform 0.2s;font-size:0.72rem;font-weight:800;letter-spacing:0.12em;text-transform:uppercase}
.nav-cta a:hover{box-shadow:0 6px 26px rgba(43,29,110,0.42);transform:translateY(-1px)}
.cta-label{padding:0 1.3rem 0 1.6rem;white-space:nowrap}
.cta-circle{width:50px;height:50px;border-radius:50%;background:var(--pink);flex-shrink:0;display:flex;align-items:center;justify-content:center}
.hbg{display:none;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:6px;margin-left:auto}
.hbg span{display:block;width:22px;height:2px;background:#333;border-radius:2px;transition:all .3s}
.hbg.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hbg.open span:nth-child(2){opacity:0}
.hbg.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.mob{display:none;position:fixed;inset:0;background:#fff;z-index:998;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;overflow-y:auto;padding:2rem 0}
.mob.open{display:flex}
.mob a{font-size:1.05rem;font-weight:700;color:#222;text-transform:uppercase;letter-spacing:0.1em}
.mob a:hover{color:var(--navy)}
.mob .mob-btn{margin-top:0.4rem;background:var(--navy);color:#fff;padding:0.85rem 2.6rem;border-radius:32px;font-size:0.8rem}
.mob-sub{display:flex;flex-direction:column;align-items:center;gap:0.9rem;padding-top:0.4rem}
.mob-sub a{font-size:0.82rem;font-weight:600;color:#666}

/* ═══════════ PAGE HERO (sub-pages) ═══════════ */
.pg-hero{
  position:relative;padding:6.5rem 5vw 4rem;text-align:center;overflow:hidden;
  background:linear-gradient(150deg,#1a1030 0%,#241848 35%,#2e1e5c 65%,#1c1238 100%);
  color:#fff;
}
.pg-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px);background-size:64px 64px}
.pg-hero-blob{position:absolute;border-radius:50%;pointer-events:none}
.pg-hero-blob1{width:420px;height:420px;right:-100px;top:-80px;background:radial-gradient(circle at 35% 35%,rgba(224,64,160,0.22),transparent 70%)}
.pg-hero-blob2{width:300px;height:300px;left:-80px;bottom:-100px;background:radial-gradient(circle,rgba(43,29,110,0.3),transparent 70%)}
.pg-crumb{position:relative;z-index:2;font-size:0.72rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(255,255,255,0.5);margin-bottom:1.1rem}
.pg-crumb a{color:rgba(255,255,255,0.75);transition:color 0.2s}
.pg-crumb a:hover{color:var(--pink)}
.pg-title{position:relative;z-index:2;font-family:var(--serif);font-size:clamp(2.4rem,5.5vw,4.2rem);font-weight:700;line-height:1.1;margin-bottom:1rem}
.pg-sub{position:relative;z-index:2;font-size:0.92rem;color:rgba(255,255,255,0.62);max-width:620px;margin:0 auto;line-height:1.85}

/* ═══════════ SHARED SECTION ═══════════ */
.sec{padding:5rem 5vw}
.sec-hd{text-align:center;margin-bottom:3.2rem}
.sec-pill{display:inline-block;font-size:0.65rem;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--pink);padding:0.3rem 0.9rem;border:1px solid rgba(224,64,160,0.28);border-radius:20px;background:rgba(224,64,160,0.05);margin-bottom:0.85rem}
.sec-tit{font-family:var(--serif);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;color:var(--navy);margin-bottom:0.6rem}
.sec-sub{font-size:0.86rem;color:var(--gray);max-width:540px;margin:0 auto;line-height:1.8}

/* ═══════════ STATS STRIP ═══════════ */
.strip{background:var(--light);border-bottom:1px solid #d4dde8;padding:2.5rem 5vw;display:flex;align-items:center;justify-content:space-evenly;flex-wrap:wrap;gap:1.2rem}
.stat{text-align:center;flex:1;min-width:100px}
.stat-n{font-family:var(--serif);font-size:2.1rem;font-weight:700;color:var(--navy);line-height:1;margin-bottom:0.28rem}
.stat-l{font-size:0.67rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--lgray)}
.strip-sep{width:1px;height:42px;background:#c0c8d8;flex-shrink:0}

/* ═══════════ CARD GRID (services overview) ═══════════ */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.svc-card{border:1px solid #e4e6f2;border-radius:12px;padding:1.9rem 1.6rem;background:#fff;transition:transform .25s,box-shadow .25s,border-color .25s;display:block}
.svc-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px rgba(43,29,110,0.1);border-color:rgba(43,29,110,0.2)}
.svc-ico{width:50px;height:50px;border-radius:11px;margin-bottom:1.1rem;background:linear-gradient(135deg,rgba(43,29,110,0.07),rgba(224,64,160,0.09));display:flex;align-items:center;justify-content:center;color:var(--navy);transition:background .25s,color .25s}
.svc-card:hover .svc-ico{background:linear-gradient(135deg,var(--navy),var(--pink));color:#fff}
.svc-n{font-family:var(--serif);font-size:2.8rem;font-weight:700;color:rgba(43,29,110,0.05);float:right;line-height:0.9}
.svc-card h3{font-size:0.95rem;font-weight:700;color:var(--navy);margin-bottom:0.5rem}
.svc-card p{font-size:0.78rem;color:var(--gray);line-height:1.75}
.svc-link{display:inline-flex;align-items:center;gap:5px;font-size:0.72rem;font-weight:700;color:var(--pink2);margin-top:0.9rem;letter-spacing:0.03em}

/* ═══════════ SERVICE DETAIL PAGE ═══════════ */
.svc-detail{padding:5rem 5vw;display:grid;grid-template-columns:1.1fr 0.9fr;gap:5vw;align-items:start}
.svc-detail.alt{direction:rtl}
.svc-detail.alt > *{direction:ltr}
.sd-tag{display:inline-block;font-size:0.65rem;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--pink);padding:0.3rem 0.9rem;border:1px solid rgba(224,64,160,0.28);border-radius:20px;background:rgba(224,64,160,0.05);margin-bottom:1rem}
.sd-title{font-family:var(--serif);font-size:clamp(1.7rem,2.8vw,2.3rem);font-weight:700;color:var(--navy);margin-bottom:1.1rem;line-height:1.25}
.sd-text p{font-size:0.88rem;color:var(--gray);line-height:1.88;margin-bottom:1.1rem}
.sd-list{list-style:none;margin-top:1.4rem;display:flex;flex-direction:column;gap:0.7rem}
.sd-list li{display:flex;align-items:flex-start;gap:0.7rem;font-size:0.84rem;color:#333;line-height:1.6}
.sd-check{width:20px;height:20px;border-radius:50%;background:rgba(224,64,160,0.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;color:var(--pink2)}
.sd-visual{
  aspect-ratio:4/5;border-radius:14px;position:relative;overflow:hidden;
  background:linear-gradient(150deg,#241848,#3a2470);
  display:flex;align-items:center;justify-content:center;
}
.sd-visual::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 25% 25%,rgba(224,64,160,0.22) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(43,29,110,0.3) 0%,transparent 50%)}
.sd-badge{position:absolute;right:-1rem;bottom:-1rem;background:var(--pink);border-radius:10px;padding:1.1rem 1.4rem;text-align:center;box-shadow:0 8px 28px rgba(224,64,160,0.4)}
.sd-badge-n{font-family:var(--serif);font-size:1.7rem;font-weight:800;color:#fff;line-height:1}
.sd-badge-l{font-size:0.56rem;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.85);margin-top:3px}

/* ═══════════ PROCESS STEPS ═══════════ */
.proc-strip{background:var(--offwhite);padding:4.5rem 5vw}
.proc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:2.6rem}
.proc-card{background:#fff;border:1px solid #e6e8f4;border-radius:12px;padding:1.8rem 1.4rem;position:relative;transition:transform .25s,box-shadow .25s}
.proc-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(43,29,110,0.08)}
.proc-num{font-family:var(--serif);font-size:1.6rem;font-weight:800;color:var(--pink);margin-bottom:0.8rem}
.proc-card h4{font-size:0.9rem;font-weight:700;color:var(--navy);margin-bottom:0.5rem}
.proc-card p{font-size:0.78rem;color:var(--gray);line-height:1.7}

/* ═══════════ PORTFOLIO ═══════════ */
.filter-row{display:flex;justify-content:center;gap:0.7rem;margin-bottom:3rem;flex-wrap:wrap}
.filter-btn{font-size:0.74rem;font-weight:700;letter-spacing:0.04em;color:var(--navy);background:#fff;border:1.5px solid #e0e0ee;padding:0.55rem 1.3rem;border-radius:24px;cursor:pointer;transition:all 0.22s}
.filter-btn:hover{border-color:var(--pink)}
.filter-btn.active{background:var(--navy);color:#fff;border-color:var(--navy)}
.port-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}
.port-card{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:4/3.1;cursor:pointer;transition:transform 0.3s;display:block}
.port-card:hover{transform:translateY(-5px)}
.port-img{position:absolute;inset:0;background-size:cover;background-position:center}
.port-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(21,15,58,0.92) 0%,rgba(21,15,58,0.2) 55%,rgba(21,15,58,0.05) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:1.4rem;transition:background 0.3s}
.port-card:hover .port-overlay{background:linear-gradient(to top,rgba(21,15,58,0.96) 0%,rgba(21,15,58,0.5) 60%,rgba(21,15,58,0.15) 100%)}
.port-cat{font-size:0.62rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--pink);margin-bottom:0.4rem}
.port-name{font-size:1.05rem;font-weight:700;color:#fff;font-family:var(--serif)}
.port-meta{font-size:0.72rem;color:rgba(255,255,255,0.6);margin-top:0.3rem}
.port-zoom{position:absolute;top:1rem;right:1rem;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,0.18);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(0.7);transition:all 0.25s}
.port-card:hover .port-zoom{opacity:1;transform:scale(1)}

/* ═══════════ TEAM ═══════════ */
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem}
.team-card{text-align:center;transition:transform 0.25s}
.team-card:hover{transform:translateY(-6px)}
.team-photo{
  aspect-ratio:1;border-radius:16px;position:relative;overflow:hidden;margin-bottom:1.1rem;
  background:linear-gradient(150deg,#241848,#3a2470);
}
.team-photo::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(224,64,160,0.25),transparent 55%)}
.team-initial{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:3.4rem;font-weight:700;color:rgba(255,255,255,0.18)}
.team-social{position:absolute;bottom:0.9rem;left:0;right:0;display:flex;justify-content:center;gap:0.5rem;opacity:0;transform:translateY(10px);transition:all 0.3s}
.team-card:hover .team-social{opacity:1;transform:translateY(0)}
.team-social a{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,0.95);display:flex;align-items:center;justify-content:center;color:var(--navy);transition:background 0.2s}
.team-social a:hover{background:var(--pink);color:#fff}
.team-name{font-size:0.98rem;font-weight:700;color:var(--navy);margin-bottom:0.25rem}
.team-role{font-size:0.74rem;color:var(--pink2);font-weight:600;letter-spacing:0.03em}

/* ═══════════ WHY / CTA SECTIONS ═══════════ */
.why{padding:5rem 5vw;background:var(--navy);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}
.wy-tit{font-family:var(--serif);font-size:clamp(1.9rem,3vw,2.6rem);font-weight:700;color:#fff;margin-bottom:0.9rem;line-height:1.2}
.wy-pill{display:inline-block;font-size:0.64rem;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:rgba(255,255,255,0.75);padding:0.28rem 0.85rem;border:1px solid rgba(255,255,255,0.22);border-radius:20px;background:rgba(255,255,255,0.07);margin-bottom:0.9rem}
.wy-p{font-size:0.86rem;color:rgba(255,255,255,0.58);line-height:1.88;margin-bottom:1.8rem}
.wy-btn{display:inline-flex;align-items:center;gap:0;background:var(--pink);color:#fff;border-radius:32px;overflow:hidden;font-size:0.7rem;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;box-shadow:0 4px 20px rgba(224,64,160,0.38);transition:transform .2s,box-shadow .2s}
.wy-btn:hover{transform:translateY(-2px);box-shadow:0 6px 28px rgba(224,64,160,0.55)}
.wy-btn-t{padding:0 1.5rem 0 1.8rem;white-space:nowrap}
.wy-btn-i{width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,0.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.wp-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
.wp{background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:1.3rem 1.1rem;transition:background .25s}
.wp:hover{background:rgba(255,255,255,0.12)}
.wp-ico{width:38px;height:38px;border-radius:8px;background:var(--pink);display:flex;align-items:center;justify-content:center;margin-bottom:0.8rem}
.wp h4{font-size:0.85rem;font-weight:700;margin-bottom:0.35rem}
.wp p{font-size:0.74rem;color:rgba(255,255,255,0.5);line-height:1.65}

.cta-band{
  background:linear-gradient(135deg,var(--navy),var(--navy2));
  padding:4rem 5vw;text-align:center;color:#fff;position:relative;overflow:hidden;
}
.cta-band::before{content:'';position:absolute;right:-120px;top:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(224,64,160,0.25),transparent 70%)}
.cta-band-inner{position:relative;z-index:2;max-width:640px;margin:0 auto}
.cta-band h2{font-family:var(--serif);font-size:clamp(1.8rem,3.4vw,2.7rem);font-weight:700;margin-bottom:0.9rem}
.cta-band p{font-size:0.9rem;color:rgba(255,255,255,0.65);margin-bottom:2rem;line-height:1.8}

/* ═══════════ FOOTER ═══════════ */
footer{background:var(--navydk);border-top:1px solid rgba(255,255,255,0.07);padding:3rem 5vw 1.5rem}
.ft-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:3rem;padding-bottom:2.4rem;border-bottom:1px solid rgba(255,255,255,0.08)}
.ft-logo{display:flex;align-items:center;gap:8px;margin-bottom:1.1rem}
.ft-logo-img{width:38px;height:38px;border-radius:50%;overflow:hidden;border:1.5px solid rgba(255,255,255,0.2);flex-shrink:0}
.ft-logo-img img{width:38px;height:38px;object-fit:cover;object-position:3% center}
.ft-logo-text .lpt-main{color:#fff;font-size:0.82rem;font-weight:800}
.ft-logo-text .lpt-sub{font-size:0.55rem;color:rgba(255,255,255,0.4)}
.ft-col p{font-size:0.78rem;color:rgba(255,255,255,0.45);line-height:1.8;margin-bottom:1rem}
.ft-h{font-size:0.74rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#fff;margin-bottom:1.1rem}
.ft-links{list-style:none;display:flex;flex-direction:column;gap:0.65rem}
.ft-links a{font-size:0.78rem;color:rgba(255,255,255,0.5);transition:color 0.2s}
.ft-links a:hover{color:var(--pink)}
.ft-contact{display:flex;flex-direction:column;gap:0.8rem}
.ft-contact-item{display:flex;gap:0.6rem;font-size:0.78rem;color:rgba(255,255,255,0.5);align-items:flex-start}
.ft-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0.8rem;padding-top:1.6rem}
.ft-bottom small{font-size:0.68rem;color:rgba(255,255,255,0.3);letter-spacing:0.03em}
.ft-top{font-size:0.68rem;color:var(--pink)}
.ft-social{display:flex;gap:0.6rem}
.ft-social a{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.6);transition:all 0.2s}
.ft-social a:hover{background:var(--pink);color:#fff}

/* ═══════════ SIDE BUTTON + SCROLL FAB ═══════════ */
.side-btn{position:fixed;right:0;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:center center;z-index:500}
.side-btn a{display:inline-flex;align-items:center;gap:0;background:var(--navy);color:#fff;font-size:0.62rem;font-weight:800;letter-spacing:0.14em;text-transform:uppercase;border-radius:36px 36px 0 0;overflow:hidden;box-shadow:0 -4px 20px rgba(43,29,110,0.32);transition:box-shadow .2s}
.side-btn a:hover{box-shadow:0 -6px 28px rgba(43,29,110,0.46)}
.sb-up{width:44px;height:44px;border-radius:50%;background:var(--pink);flex-shrink:0;display:flex;align-items:center;justify-content:center;transform:rotate(90deg)}
.sb-txt{padding:0 1.4rem 0 1.5rem;line-height:1;white-space:nowrap}
.scroll-fab{position:fixed;right:4px;bottom:2.5rem;z-index:501;width:42px;height:42px;border-radius:50%;border:none;cursor:pointer;background:var(--navy2);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px rgba(43,29,110,0.35);opacity:0;pointer-events:none;transition:opacity .3s,transform .2s}
.scroll-fab.vis{opacity:1;pointer-events:auto}
.scroll-fab:hover{transform:translateY(-3px)}

/* ═══════════ RESPONSIVE ═══════════ */
@media(max-width:980px){
  .nav-links,.nav-cta{display:none}
  .hbg{display:flex}
  .svc-grid,.proc-grid,.port-grid,.team-grid{grid-template-columns:repeat(2,1fr)}
  .why,.svc-detail,.svc-detail.alt{grid-template-columns:1fr;direction:ltr}
  .sd-visual{max-width:420px;margin:0 auto}
  .strip-sep{display:none}
  .side-btn{display:none}
  .ft-grid{grid-template-columns:1fr 1fr;gap:2.2rem}
}
@media(max-width:600px){
  .topbar{display:none}
  .svc-grid,.proc-grid,.port-grid,.team-grid{grid-template-columns:1fr}
  .wp-grid{grid-template-columns:1fr}
  .ft-grid{grid-template-columns:1fr;gap:1.8rem}
  .ft-bottom{flex-direction:column;align-items:flex-start}
  .filter-row{gap:0.5rem}
  .filter-btn{font-size:0.68rem;padding:0.45rem 1rem}
}

/* ═══════════ HOMEPAGE HERO SLIDER ═══════════ */
.hero{position:relative;width:100%;height:calc(100vh - 102px);min-height:460px;max-height:900px;overflow:hidden;background:#1a1530}
.slides-wrap{display:flex;height:100%;transition:transform 0.9s cubic-bezier(0.76,0,0.24,1);will-change:transform}
.slide{flex:0 0 100%;height:100%;position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:7.5rem}
.slide-ov{position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(10,8,22,0.82) 0%,rgba(10,8,22,0.38) 48%,rgba(10,8,22,0.10) 100%)}
.sl1-bg{position:absolute;inset:0;z-index:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='900'%3E%3Cdefs%3E%3ClinearGradient id='sky' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23d4e8f4'/%3E%3Cstop offset='1' stop-color='%23aacde0'/%3E%3C/linearGradient%3E%3ClinearGradient id='fl' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23c8c0b0'/%3E%3Cstop offset='1' stop-color='%23a09080'/%3E%3C/linearGradient%3E%3ClinearGradient id='wall' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23e8e0d4'/%3E%3Cstop offset='1' stop-color='%23d0c8bc'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='1600' height='900' fill='%23d8d0c4'/%3E%3Crect width='1600' height='420' fill='url(%23wall)'/%3E%3Crect x='0' y='415' width='1600' height='485' fill='url(%23fl)'/%3E%3Crect x='0' y='415' width='1600' height='6' fill='%23706858' opacity='0.5'/%3E%3Crect x='160' y='60' width='480' height='380' fill='url(%23sky)' opacity='0.9'/%3E%3Crect x='170' y='70' width='460' height='360' fill='%23c8dcea' opacity='0.95'/%3E%3Crect x='820' y='40' width='400' height='360' fill='url(%23sky)' opacity='0.85'/%3E%3Crect x='830' y='50' width='380' height='340' fill='%23bed8e8' opacity='0.9'/%3E%3Crect x='1280' y='80' width='280' height='320' fill='url(%23sky)' opacity='0.75'/%3E%3Cg fill='%23484040'%3E%3Crect x='80' y='360' width='260' height='68' rx='3'/%3E%3Crect x='380' y='375' width='220' height='58' rx='3'/%3E%3Crect x='650' y='355' width='300' height='72' rx='3'/%3E%3Crect x='1000' y='365' width='250' height='65' rx='3'/%3E%3Crect x='1300' y='358' width='220' height='70' rx='3'/%3E%3C/g%3E%3Cg fill='%23282028' opacity='0.9'%3E%3Crect x='100' y='300' width='220' height='65' rx='2'/%3E%3Crect x='400' y='315' width='180' height='62' rx='2'/%3E%3Crect x='670' y='292' width='260' height='68' rx='2'/%3E%3Crect x='1020' y='305' width='200' height='63' rx='2'/%3E%3C/g%3E%3Cg fill='%23181020' opacity='0.85'%3E%3Crect x='118' y='252' width='185' height='52' rx='4'/%3E%3Crect x='418' y='264' width='145' height='52' rx='4'/%3E%3Crect x='688' y='248' width='225' height='48' rx='4'/%3E%3Crect x='1038' y='258' width='166' height='50' rx='4'/%3E%3C/g%3E%3Cg font-family='serif' font-weight='900' fill='rgba(255,255,255,0.055)'%3E%3Ctext x='30' y='320' font-size='148' transform='rotate(-4,30,320)'%3EWORK%3C/text%3E%3Ctext x='20' y='460' font-size='148' transform='rotate(-4,20,460)'%3EHARD.%3C/text%3E%3Ctext x='460' y='280' font-size='120' transform='rotate(-4,460,280)'%3EDREAM%3C/text%3E%3Ctext x='440' y='400' font-size='120' transform='rotate(-4,440,400)'%3EBIG.%3C/text%3E%3C/g%3E%3Ccircle cx='210' cy='228' r='72' fill='%23201828' opacity='0.92'/%3E%3Ccircle cx='232' cy='208' r='66' fill='%23100c18' opacity='0.94'/%3E%3Crect x='194' y='288' width='16' height='138' fill='%23181020'/%3E%3Ccircle cx='700' cy='200' r='58' fill='%23281828' opacity='0.9'/%3E%3Ccircle cx='720' cy='182' r='52' fill='%23181020' opacity='0.92'/%3E%3Crect x='706' y='252' width='14' height='110' fill='%23181020'/%3E%3Cg fill='%232d4a38' opacity='0.7'%3E%3Cellipse cx='630' cy='388' rx='28' ry='35'/%3E%3Cellipse cx='590' cy='392' rx='22' ry='28'/%3E%3Cellipse cx='1500' cy='395' rx='30' ry='38'/%3E%3Cellipse cx='1460' cy='398' rx='24' ry='30'/%3E%3C/g%3E%3C/svg%3E") center/cover no-repeat;filter:saturate(0.85) brightness(0.95)}
.sl2-bg{position:absolute;inset:0;z-index:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='900'%3E%3Cdefs%3E%3ClinearGradient id='s2' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23b8cce0'/%3E%3Cstop offset='0.6' stop-color='%238aaec8'/%3E%3Cstop offset='1' stop-color='%23607890'/%3E%3C/linearGradient%3E%3ClinearGradient id='b1' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23e8e0d0'/%3E%3Cstop offset='1' stop-color='%23c8c0b0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='1600' height='900' fill='url(%23s2)'/%3E%3Crect x='0' y='600' width='1600' height='300' fill='%23988878'/%3E%3Crect x='0' y='596' width='1600' height='8' fill='%23706050' opacity='0.6'/%3E%3Crect x='60' y='180' width='360' height='440' fill='url(%23b1)' stroke='%23b0a898' stroke-width='2'/%3E%3Cg fill='%2390b8d0' opacity='0.82'%3E%3Crect x='80' y='210' width='90' height='110' rx='1'/%3E%3Crect x='190' y='210' width='90' height='110' rx='1'/%3E%3Crect x='300' y='210' width='90' height='110' rx='1'/%3E%3Crect x='80' y='340' width='90' height='110' rx='1'/%3E%3Crect x='190' y='340' width='90' height='110' rx='1'/%3E%3Crect x='300' y='340' width='90' height='110' rx='1'/%3E%3Crect x='80' y='470' width='90' height='110' rx='1'/%3E%3Crect x='190' y='470' width='90' height='110' rx='1'/%3E%3Crect x='300' y='470' width='90' height='110' rx='1'/%3E%3C/g%3E%3Crect x='480' y='80' width='560' height='540' fill='%23ece4d4' stroke='%23c8c0b0' stroke-width='2'/%3E%3Cg fill='%2398c0d8' opacity='0.85'%3E%3Crect x='500' y='110' width='120' height='150'/%3E%3Crect x='640' y='110' width='120' height='150'/%3E%3Crect x='780' y='110' width='120' height='150'/%3E%3Crect x='920' y='110' width='100' height='150'/%3E%3Crect x='500' y='280' width='120' height='150'/%3E%3Crect x='640' y='280' width='120' height='150'/%3E%3Crect x='780' y='280' width='120' height='150'/%3E%3Crect x='920' y='280' width='100' height='150'/%3E%3Crect x='500' y='450' width='120' height='150'/%3E%3Crect x='640' y='450' width='120' height='150'/%3E%3Crect x='780' y='450' width='120' height='150'/%3E%3Crect x='920' y='450' width='100' height='150'/%3E%3C/g%3E%3Crect x='1100' y='200' width='320' height='420' fill='%23e4dcc8' stroke='%23c0b8a8' stroke-width='2'/%3E%3Cg fill='%2388b0c8' opacity='0.8'%3E%3Crect x='1120' y='230' width='90' height='110'/%3E%3Crect x='1230' y='230' width='90' height='110'/%3E%3Crect x='1330' y='230' width='70' height='110'/%3E%3Crect x='1120' y='360' width='90' height='110'/%3E%3Crect x='1230' y='360' width='90' height='110'/%3E%3Crect x='1330' y='360' width='70' height='110'/%3E%3C/g%3E%3Cellipse cx='800' cy='620' rx='600' ry='28' fill='rgba(0,0,0,0.12)'/%3E%3C/svg%3E") center/cover no-repeat;filter:saturate(0.82) brightness(0.9)}
.sl3-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 60% 55% at 75% 40%,rgba(43,29,110,0.55) 0%,transparent 70%),radial-gradient(ellipse 45% 50% at 20% 70%,rgba(224,64,160,0.18) 0%,transparent 65%),linear-gradient(155deg,#1a1030 0%,#241848 30%,#2e1e5c 55%,#1c1238 100%)}
.sl3-grid{position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px);background-size:70px 70px}
.sl3-deco{position:absolute;inset:0;z-index:0;overflow:hidden}
.sl3-deco::before{content:'THINK\\A DIGITAL.';white-space:pre;position:absolute;bottom:20%;left:4%;font-family:'Playfair Display',serif;font-size:clamp(5rem,11vw,9.5rem);font-weight:700;line-height:0.92;color:rgba(255,255,255,0.04);letter-spacing:-0.02em}
.slide-content{position:relative;z-index:2;text-align:center;color:#fff;padding:0 5vw;max-width:920px;width:100%}
.sl-eyebrow{font-size:0.7rem;font-weight:600;letter-spacing:0.22em;text-transform:uppercase;color:rgba(255,255,255,0.65);margin-bottom:1.3rem;display:flex;align-items:center;justify-content:center;gap:0.9rem}
.sl-eyebrow::before,.sl-eyebrow::after{content:'';display:block;width:38px;height:1px;background:rgba(255,255,255,0.32)}
.sl-title{font-family:var(--serif);font-size:clamp(3.5rem,8vw,7rem);font-weight:700;line-height:1;margin-bottom:1.2rem;letter-spacing:-0.01em;text-shadow:0 2px 40px rgba(0,0,0,0.5)}
.sl-sub{font-size:clamp(0.8rem,1.4vw,0.98rem);color:rgba(255,255,255,0.78);letter-spacing:0.07em;line-height:1.65;margin-bottom:0.5rem}
.sl-tag{font-size:clamp(0.74rem,1.1vw,0.88rem);color:rgba(255,255,255,0.52);letter-spacing:0.04em;margin-bottom:2.2rem}
.sl-btn{display:inline-flex;align-items:center;gap:0;background:var(--navy);color:#fff;border-radius:40px;overflow:hidden;font-size:0.74rem;font-weight:800;letter-spacing:0.13em;text-transform:uppercase;box-shadow:0 4px 28px rgba(0,0,0,0.38);transition:transform .25s,box-shadow .25s}
.sl-btn:hover{transform:translateY(-3px);box-shadow:0 8px 38px rgba(0,0,0,0.5)}
.sl-btn-txt{padding:0 1.7rem 0 2.1rem;white-space:nowrap}
.sl-btn-ico{width:50px;height:50px;border-radius:50%;background:var(--pink);flex-shrink:0;display:flex;align-items:center;justify-content:center}
.sl-crumb{position:absolute;top:44%;left:50%;transform:translateX(-50%);z-index:2;font-size:0.74rem;letter-spacing:0.14em;color:rgba(255,255,255,0.38);pointer-events:none}
.sl-arr{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:46px;height:46px;border-radius:50%;cursor:pointer;background:rgba(255,255,255,0.13);border:1px solid rgba(255,255,255,0.26);display:flex;align-items:center;justify-content:center;transition:background .2s;backdrop-filter:blur(6px)}
.sl-arr:hover{background:rgba(255,255,255,0.25)}
#slPrev{left:2.5vw}
#slNext{right:2.5vw}
.sl-dots{position:absolute;bottom:3.6rem;left:50%;transform:translateX(-50%);z-index:10;display:flex;gap:7px;align-items:center}
.sl-dot{height:3px;border-radius:2px;cursor:pointer;background:rgba(255,255,255,0.3);width:22px;transition:width .35s,background .35s}
.sl-dot.on{width:44px;background:#fff}
.sl-ctr{position:absolute;bottom:3.4rem;right:4.5vw;z-index:10;font-size:0.67rem;font-weight:700;letter-spacing:0.12em;color:rgba(255,255,255,0.44)}
.sl-prog{position:absolute;bottom:0;left:0;height:3px;z-index:11;background:var(--pink);width:0%;transition:width .1s linear}
@media(max-width:600px){.hero{height:88vw;min-height:380px}.sl-title{font-size:clamp(2.6rem,9.5vw,4rem)}.sl-ctr{display:none}}