:root{--navy:#134E7A;--navy-dark:#0D3557;--teal:#1E7A7A;--teal-light:#E6F4F4;--gold:#C9A84C;--white:#FFFFFF;--gray-50:#F8FAFB;--gray-100:#EEF2F5;--gray-400:#94A3B8;--gray-600:#475569;--gray-900:#0F172A;--font-d:'Playfair Display',Georgia,serif;--font-b:'Inter',system-ui,sans-serif;}
*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}body{font-family:var(--font-b);color:var(--gray-900);background:var(--white);line-height:1.6;}img{max-width:100%;display:block;}a{color:inherit;text-decoration:none;}
.util-bar{background:#0D3557;color:rgba(255,255,255,0.8);font-size:12px;padding:7px 24px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.util-bar span{display:flex;align-items:center;gap:5px;}
nav{background:var(--white);border-bottom:1px solid var(--gray-100);padding:0 40px;display:flex;align-items:center;justify-content:space-between;height:68px;position:sticky;top:0;z-index:200;box-shadow:0 1px 12px rgba(19,78,122,0.08);}
.nav-logo svg{height:44px;width:auto;}
.nav-links{display:flex;gap:20px;list-style:none;font-size:13px;font-weight:500;}
.nav-links a{color:var(--gray-600);padding:4px 0;border-bottom:2px solid transparent;transition:color .2s;}
.nav-links a:hover,.nav-links a.active{color:var(--navy);border-bottom-color:var(--teal);}
.nav-cta{background:var(--navy)!important;color:var(--white)!important;padding:10px 18px;border-radius:6px;font-size:13px;font-weight:600;border-bottom:none!important;white-space:nowrap;}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:4px;}
.nav-toggle svg{stroke:var(--navy);}
section{padding:80px 40px;}
.container{max-width:1120px;margin:0 auto;}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:12px;display:block;}
.section-title{font-family:var(--font-d);font-size:clamp(26px,3.5vw,42px);color:var(--navy);line-height:1.2;margin-bottom:16px;}
.section-sub{font-size:16px;color:var(--gray-600);max-width:580px;line-height:1.7;}
.section-header{margin-bottom:48px;}
.section-header.centered{text-align:center;}
.section-header.centered .section-sub{margin:0 auto;}
.btn-navy{display:inline-block;background:var(--navy);color:var(--white)!important;padding:13px 26px;border-radius:6px;font-size:15px;font-weight:600;margin-top:24px;}
.btn-teal{display:inline-block;background:var(--teal);color:var(--white)!important;padding:13px 26px;border-radius:6px;font-size:15px;font-weight:600;}
footer{background:var(--navy-dark);padding:40px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.08);gap:24px;flex-wrap:wrap;}
.footer-brand{font-family:var(--font-d);font-size:16px;color:white;font-weight:700;}
.footer-tag{font-size:13px;color:rgba(255,255,255,.5);margin-top:4px;}
.footer-links{display:flex;gap:20px;flex-wrap:wrap;}
.footer-links a{color:rgba(255,255,255,.6);font-size:13px;}
.footer-copy{font-size:12px;color:rgba(255,255,255,.4);}

/* HERO */
.hero{position:relative;min-height:640px;display:flex;align-items:center;padding:80px 40px;background:linear-gradient(135deg,#0D3557 0%,#134E7A 45%,#1a5f8a 70%,#0f4060 100%);overflow:hidden;}
.hero::before{content:'';position:absolute;right:-120px;top:-80px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(30,122,122,0.25) 0%,transparent 70%);pointer-events:none;}
.hero::after{content:'';position:absolute;right:80px;bottom:-100px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,0.12) 0%,transparent 70%);pointer-events:none;}
.hero-content{position:relative;z-index:2;max-width:640px;}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(30,122,122,0.25);border:1px solid rgba(30,122,122,0.5);color:#7dd3d3;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;border-radius:100px;margin-bottom:24px;}
.hero-eyebrow::before{content:'';width:6px;height:6px;background:var(--teal);border-radius:50%;}
.hero h1{font-family:var(--font-d);font-size:clamp(36px,5.5vw,60px);font-weight:700;color:var(--white);line-height:1.15;margin-bottom:20px;}
.hero h1 em{font-style:normal;color:#7dd3d3;}
.hero-sub{color:rgba(255,255,255,0.82);font-size:17px;margin-bottom:28px;max-width:520px;line-height:1.65;}
.google-strip{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.15);border-radius:10px;padding:13px 18px;margin-bottom:32px;max-width:380px;}
.g-logo{font-size:17px;font-weight:700;letter-spacing:-0.5px;line-height:1;}
.g-logo span:nth-child(1){color:#4285F4;}.g-logo span:nth-child(2){color:#EA4335;}.g-logo span:nth-child(3){color:#FBBC05;}.g-logo span:nth-child(4){color:#4285F4;}.g-logo span:nth-child(5){color:#34A853;}.g-logo span:nth-child(6){color:#EA4335;}
.g-stars{color:#FBBC05;font-size:14px;letter-spacing:1px;}
.g-text{font-size:13px;color:rgba(255,255,255,0.88);font-weight:500;line-height:1.3;}
.g-text small{color:rgba(255,255,255,0.5);font-size:11px;display:block;}
.hero-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;}
.btn-ghost{color:rgba(255,255,255,0.85);font-size:14px;font-weight:500;border-bottom:1px solid rgba(255,255,255,0.35);padding-bottom:2px;}
.hero-stats{position:absolute;right:40px;top:50%;transform:translateY(-50%);z-index:2;display:flex;flex-direction:column;gap:14px;}
.hero-stat-card{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:12px;padding:18px 22px;backdrop-filter:blur(10px);min-width:190px;}
.hero-stat-card.gold{border-color:rgba(201,168,76,0.5);background:rgba(201,168,76,0.1);}
.hero-stat-num{font-family:var(--font-d);font-size:36px;font-weight:700;color:white;line-height:1;}
.hero-stat-card.gold .hero-stat-num{color:var(--gold);}
.hero-stat-label{font-size:12px;color:rgba(255,255,255,0.6);margin-top:4px;}
.hero-hours-card{position:absolute;right:40px;bottom:0;z-index:2;background:var(--white);border-radius:12px 12px 0 0;padding:20px 24px;min-width:220px;box-shadow:0 -4px 24px rgba(0,0,0,0.15);}
.hero-hours-card h4{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--teal);margin-bottom:10px;}
.hero-hours-card ul{list-style:none;}
.hero-hours-card li{font-size:12px;color:var(--gray-600);padding:4px 0;display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--gray-100);}
.hero-hours-card li:last-child{border-bottom:none;}
.hero-hours-card li strong{color:var(--gray-900);font-weight:600;}

/* INTRO */
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;max-width:1120px;margin:0 auto;}
.intro-img{border-radius:12px;overflow:hidden;position:relative;}
.intro-img img{width:100%;height:440px;object-fit:cover;}
.intro-badge{position:absolute;bottom:20px;left:20px;background:var(--navy);color:var(--white);padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;}
.intro-badge span{display:block;font-size:11px;opacity:.75;margin-top:2px;}

/* T-SHAPE FEATURE   prominent callout */
.tshape-feature{background:var(--navy);padding:80px 40px;}
.tshape-inner{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;}
.tshape-img{border-radius:12px;overflow:hidden;position:relative;}
.tshape-img img{width:100%;height:460px;object-fit:cover;}
.tshape-badge{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:var(--navy-dark);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 14px;border-radius:100px;margin-bottom:16px;}
.tshape-feature h2{font-family:var(--font-d);font-size:clamp(28px,3.5vw,42px);color:var(--white);line-height:1.2;margin-bottom:16px;}
.tshape-feature p{color:rgba(255,255,255,0.72);font-size:15px;line-height:1.7;margin-bottom:16px;}
.tshape-points{list-style:none;margin:20px 0;display:flex;flex-direction:column;gap:10px;}
.tshape-points li{display:flex;align-items:flex-start;gap:10px;color:rgba(255,255,255,0.85);font-size:15px;}
.tshape-points li svg{flex-shrink:0;margin-top:2px;stroke:#7dd3d3;}
.tshape-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0;}
.tshape-stat{background:rgba(255,255,255,0.07);border-radius:10px;padding:18px;text-align:center;}
.tshape-stat-n{font-family:var(--font-d);font-size:28px;font-weight:700;color:#7dd3d3;}
.tshape-stat-l{font-size:12px;color:rgba(255,255,255,0.55);margin-top:4px;}

/* TIRZEPATIDE */
.tirz{background:var(--gray-50);padding:80px 40px;}
.tirz-inner{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;}
.tirz-badge{display:inline-flex;align-items:center;gap:7px;background:var(--gold);color:var(--navy-dark);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 16px;border-radius:100px;margin-bottom:16px;}
.tirz h2{font-family:var(--font-d);font-size:clamp(24px,3.5vw,38px);color:var(--navy);line-height:1.2;margin-bottom:16px;}
.tirz p{color:var(--gray-600);font-size:15px;line-height:1.7;margin-bottom:12px;}
.tirz-points{list-style:none;margin:20px 0;display:flex;flex-direction:column;gap:10px;}
.tirz-points li{display:flex;align-items:flex-start;gap:10px;color:var(--gray-600);font-size:15px;}
.tirz-points li svg{flex-shrink:0;margin-top:2px;stroke:var(--teal);}
.tirz-compare{background:var(--white);border:1px solid var(--gray-100);border-radius:12px;padding:24px;box-shadow:0 2px 16px rgba(0,0,0,0.04);}
.tirz-compare h4{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--teal);margin-bottom:18px;}
.cmp-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;}
.cmp-card{background:var(--gray-50);border-radius:8px;padding:14px;text-align:center;border:1px solid var(--gray-100);}
.cmp-card.ft{background:var(--teal-light);border-color:var(--teal);}
.cmp-card .cl{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-400);margin-bottom:5px;}
.cmp-card.ft .cl{color:var(--teal);}
.cmp-card .cn{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:3px;}
.cmp-card .cs{font-size:11px;color:var(--gray-600);}
.cmp-item{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:13px;padding:7px 0;border-bottom:1px solid var(--gray-100);}
.cmp-item:last-child{border:none;}
.cmp-item span:first-child{color:var(--teal);font-weight:500;}
.cmp-item span:last-child{color:var(--gray-400);}
.tirz-note{font-size:11px;color:var(--gray-400);text-align:center;margin-top:14px;}

/* SERVICES GRID */
.svcs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.svc-card{background:var(--white);border-radius:12px;overflow:hidden;border:1px solid var(--gray-100);transition:box-shadow .2s,transform .2s;}
.svc-card:hover{box-shadow:0 8px 32px rgba(19,78,122,0.12);transform:translateY(-2px);}
.svc-img{height:200px;overflow:hidden;}
.svc-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s;}
.svc-card:hover .svc-img img{transform:scale(1.04);}
.svc-ph{height:200px;background:var(--gray-100);display:flex;align-items:center;justify-content:center;color:var(--gray-400);flex-direction:column;gap:8px;font-size:13px;}
.svc-body{padding:22px; height: 170px;}
.svc-body h3{font-family:var(--font-d);font-size:17px;color:var(--navy);margin-bottom:8px;}
.svc-body p{font-size:14px;color:var(--gray-600);line-height:1.65;margin-bottom:12px;}
.svc-link{font-size:13px;font-weight:600;color:var(--teal);display:inline-flex;align-items:center;gap:4px;}
.svc-link svg{stroke:var(--teal);}
.bc-div{display:flex;align-items:center;gap:16px;margin:0 0 20px;}
.bc-div::before,.bc-div::after{content:'';flex:1;height:2px;background:var(--teal);opacity:0.5;}
.bc-div span{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);white-space:nowrap;background:var(--white);padding:4px 14px;border-radius:20px;}
.bc-intro{text-align:center;font-size:15px;color:var(--gray-700,#334155);max-width:640px;margin:0 auto 32px;line-height:1.75;}
.bc-callout{background:var(--teal-light);border-radius:12px;padding:24px 28px;margin-top:28px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;}
.bc-callout p:first-child{font-size:15px;font-weight:600;color:var(--navy);margin-bottom:4px;}
.bc-callout p:last-of-type{font-size:14px;color:var(--gray-600);}

/* WHY */
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;max-width:1120px;margin:0 auto;}
.why-img{border-radius:12px;overflow:hidden;}
.why-img img{width:100%;height:480px;object-fit:cover;}
.why-pts{display:flex;flex-direction:column;gap:22px;margin:28px 0;}
.why-pt{display:flex;gap:14px;align-items:flex-start;}
.why-ico{width:38px;height:38px;min-width:38px;background:var(--teal-light);border-radius:8px;display:flex;align-items:center;justify-content:center;}
.why-ico svg{stroke:var(--teal);}
.why-pt h4{font-size:15px;font-weight:600;color:var(--navy);margin-bottom:4px;}
.why-pt p{font-size:14px;color:var(--gray-600);line-height:1.6;}

/* STATS */
.stats{background:var(--navy);padding:60px 40px;}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;max-width:1000px;margin:0 auto;text-align:center;}
.stat-n{font-family:var(--font-d);font-size:44px;font-weight:700;color:var(--white);line-height:1;margin-bottom:8px;}
.stat-n span{color:#7dd3d3;}
.stat-l{font-size:13px;color:rgba(255,255,255,0.6);font-weight:500;}

/* CLIENT OF THE MONTH */
.cotm{background:var(--white);padding:80px 40px;}
.cotm-inner{max-width:1120px;margin:0 auto;}
.cotm-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;flex-wrap:wrap;gap:16px;}
.cotm-header-left .eyebrow{color:var(--teal);}
.cotm-tabs{display:flex;gap:8px;flex-wrap:wrap;}
.cotm-tab{background:var(--gray-100);border:none;padding:7px 16px;border-radius:100px;font-size:13px;font-weight:600;color:var(--gray-600);cursor:pointer;font-family:var(--font-b);transition:all .2s;}
.cotm-tab:hover{background:var(--teal-light);color:var(--teal);}
.cotm-tab.active{background:var(--teal);color:white;}
.cotm-panels{position:relative;}
.cotm-panel{display:none;}
.cotm-panel.active{display:grid;grid-template-columns:340px 1fr;gap:48px;align-items:start;}
.cotm-photo{border-radius:12px;overflow:hidden;position:relative;}
.cotm-photo img{width:100%;height:420px;object-fit:cover;object-position:top;}
.cotm-month-badge{position:absolute;top:16px;left:16px;background:var(--teal);color:white;font-size:12px;font-weight:700;padding:5px 14px;border-radius:100px;}
.cotm-info h3{font-family:var(--font-d);font-size:28px;color:var(--navy);margin-bottom:8px;}
.cotm-info .cotm-tagline{font-size:16px;color:var(--gray-600);margin-bottom:28px;line-height:1.6;}
.cotm-quote{background:var(--teal-light);border-left:4px solid var(--teal);border-radius:0 8px 8px 0;padding:20px 24px;margin-bottom:28px;font-size:15px;color:var(--gray-700);font-style:italic;line-height:1.7;}
.cotm-disclaimer{font-size:12px;color:var(--gray-400);margin-top:20px;}

/* MILESTONES */
.milestones{background:var(--navy-dark);padding:80px 40px;}
.milestones-inner{max-width:1120px;margin:0 auto;}
.milestone-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px;}
.milestone-card{border-radius:12px;overflow:hidden;position:relative;cursor:pointer;}
.milestone-card img{width:100%;height:260px;object-fit:cover;object-position:top;transition:transform .3s;}
.milestone-card:hover img{transform:scale(1.04);}
.milestone-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(13,53,87,0.92) 0%,transparent 100%);padding:16px 14px;}
.milestone-name{font-size:13px;font-weight:600;color:white;}
.milestone-tag{display:inline-block;background:var(--gold);color:var(--navy-dark);font-size:11px;font-weight:700;padding:3px 10px;border-radius:100px;margin-bottom:6px;}
.milestone-show-more{text-align:center;margin-top:32px;}

/* COTY */
.coty{background:var(--navy);padding:80px 40px;}
.coty-in{max-width:1120px;margin:0 auto;}
.coty-badge{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:var(--navy-dark);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 16px;border-radius:100px;margin-bottom:24px;}
.coty h2{font-family:var(--font-d);font-size:clamp(26px,3.5vw,44px);color:var(--white);line-height:1.2;margin-bottom:12px;}
.coty-sub{color:rgba(255,255,255,0.6);font-size:16px;margin-bottom:44px;max-width:560px;}
.coty-grid{display:grid;grid-template-columns:auto 1fr;gap:52px;align-items:start;}
.coty-photo{position:relative;width:280px;}
.coty-photo img{width:280px;height:380px;object-fit:cover;object-position:top;border-radius:12px;}
.coty-ov{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(13,53,87,.95) 0%,transparent 100%);border-radius:0 0 12px 12px;padding:20px 18px;}
.coty-nm{font-family:var(--font-d);font-size:22px;color:var(--white);font-weight:700;}
.coty-dr{font-size:13px;color:#7dd3d3;margin-top:3px;}
.coty-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.coty-stat{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:20px;}
.coty-stat.hl{background:rgba(30,122,122,0.2);border-color:rgba(30,122,122,0.4);}
.coty-sn{font-family:var(--font-d);font-size:36px;font-weight:700;color:white;line-height:1;margin-bottom:6px;}
.coty-stat.hl .coty-sn{color:#7dd3d3;}
.coty-sl{font-size:12px;color:rgba(255,255,255,0.55);}
.coty-dis{font-size:12px;color:rgba(255,255,255,0.3);margin-top:28px;}

/* BA */
.ba-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;}
.ba-card img{width:100%;height:300px;object-fit:cover;object-position:top;border-radius:10px;}
.ba-dis{text-align:center;font-size:13px;color:var(--gray-400);margin-top:20px;}

/* TESTIMONIALS */
.t-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.t-card{background:var(--gray-50);border-radius:12px;padding:28px;display:flex;flex-direction:column;border:1px solid var(--gray-100);}
.t-q{font-size:28px;color:var(--teal);line-height:1;margin-bottom:10px;font-family:Georgia,serif;}
.t-card p{font-size:14px;color:var(--gray-600);line-height:1.7;flex:1;margin-bottom:18px;}
.t-auth{display:flex;align-items:center;gap:10px;}
.t-av{width:38px;height:38px;background:var(--navy);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:12px;font-weight:700;flex-shrink:0;}
.t-nm{font-size:14px;font-weight:600;color:var(--navy);}
.t-res{font-size:12px;color:var(--teal);font-weight:600;}

/* APP */
.app-sec{background:var(--teal);padding:80px 40px;}
.app-in{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:52px;align-items:center;}
.app-ey{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,0.65);margin-bottom:12px;display:block;}
.app-sec h2{font-family:var(--font-d);font-size:clamp(24px,3.5vw,38px);color:var(--white);line-height:1.2;margin-bottom:14px;}
.app-sec p{color:rgba(255,255,255,0.78);font-size:15px;line-height:1.7;margin-bottom:28px;max-width:480px;}
.app-btns{display:flex;gap:14px;flex-wrap:wrap;}
.app-btn{display:flex;align-items:center;gap:10px;background:var(--navy);color:white;padding:12px 20px;border-radius:10px;}
.app-btn svg{flex-shrink:0;stroke:white;}
.app-btn-t span{display:block;font-size:10px;color:rgba(255,255,255,0.6);text-transform:uppercase;letter-spacing:.06em;}
.app-btn-t strong{font-size:14px;font-weight:600;}
.app-screens{display:flex;gap:14px;align-items:flex-end;}
.app-scr{width:120px;border-radius:14px;overflow:hidden;box-shadow:0 16px 48px rgba(0,0,0,0.3);border:2px solid rgba(255,255,255,0.15);}
.app-scr img{width:100%;display:block;}
.app-scr.tall{width:140px;}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.blog-card{background:var(--white);border-radius:12px;overflow:hidden;border:1px solid var(--gray-100);}
.blog-th{height:170px;background:var(--gray-100);display:flex;align-items:center;justify-content:center;color:var(--gray-400);flex-direction:column;gap:6px;font-size:13px;}
.blog-bd{padding:20px;}
.blog-tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--teal);margin-bottom:8px;display:block;}
.blog-card h3{font-size:15px;font-weight:600;color:var(--navy);line-height:1.4;margin-bottom:6px;}
.blog-dt{font-size:12px;color:var(--gray-400);}

/* MOBILE */
@media(max-width:768px){
  nav{padding:0 16px;height:60px;}
  .nav-logo svg{height:36px;}
  .nav-links{display:none;position:absolute;top:60px;left:0;right:0;background:var(--white);flex-direction:column;gap:0;padding:8px 0;box-shadow:0 8px 24px rgba(0,0,0,0.12);border-top:1px solid var(--gray-100);z-index:300;}
  .nav-links.open{display:none;}
  .nav-links li a{display:block;padding:14px 24px;font-size:15px;}
  .nav-cta{display:none;}
  .nav-toggle{display:block;}
  .util-bar{padding:6px 16px;font-size:11px;}
  section,.tshape-feature,.tirz,.cotm,.milestones,.coty,.stats,.app-sec{padding:56px 20px!important;}
  .hero{min-height:auto;padding:48px 20px 32px;}
  .hero::before,.hero::after{display:none;}
  .hero h1{font-size: clamp(28px, 6vw, 48px);}
  .hero-sub{font-size:15px;}
  .hero-stats{display:none;}
  .hero-hours-card{position:static;border-radius:12px;margin-top:28px;width:100%;box-shadow:0 4px 16px rgba(0,0,0,0.12);}
  .intro-grid,.tshape-inner,.tirz-inner,.why-grid{grid-template-columns:1fr!important;gap:32px!important;}
  .intro-img img,.tshape-img img,.why-img img{height:260px!important;}
  .svcs-grid{grid-template-columns:1fr 1fr!important;gap:14px!important;}
  .bc-callout{flex-direction:column;align-items:flex-start;}
  .stats-grid{grid-template-columns:1fr 1fr!important;gap:20px!important;}
  .stat-n{font-size:36px!important;}
  .cotm-panel.active{grid-template-columns:1fr!important;gap:24px!important;}
  .cotm-photo img{height:300px!important;}
  .milestone-grid{grid-template-columns:1fr 1fr!important;gap:12px!important;}
  .milestone-card img{height:200px!important;}
  .coty-grid{grid-template-columns:1fr!important;gap:28px!important;}
  .coty-photo,.coty-photo img{width:100%!important;}
  .coty-photo img{height:300px!important;}
  .coty-stats{grid-template-columns:1fr 1fr!important;}
  .coty-sn{font-size:28px!important;}
  .ba-grid{grid-template-columns:1fr 1fr!important;gap:8px!important;}.t-grid{grid-template-columns:1fr 1fr!important;gap:12px!important;}
  .ba-card img{height:220px!important;}
  .app-in{grid-template-columns:1fr!important;gap:36px!important;}
  .app-screens{justify-content:center!important;}
  .blog-grid{grid-template-columns:1fr!important;gap:16px!important;}
  footer{padding:32px 20px;flex-direction:column;align-items:flex-start;gap:16px;}
}
@media(max-width:480px){
  .svcs-grid{grid-template-columns:1fr!important;}
  .stats-grid{grid-template-columns:1fr 1fr!important;}
  .milestone-grid{grid-template-columns:1fr!important;}
  .tshape-stats{grid-template-columns:1fr 1fr!important;}
  .cotm-tabs{gap:6px!important;}
  .cotm-tab{font-size:11px!important;padding:5px 10px!important;}
}

/* Nav Services Dropdown */
.nav-has-drop{position:relative;}
.nav-has-drop>a{display:flex;align-items:center;gap:4px;}
.nav-drop{display:none;position:absolute;top:calc(100% + 8px);left:0;background:var(--white);border:1px solid var(--gray-100);border-radius:12px;padding:8px 0;min-width:220px;box-shadow:0 8px 24px rgba(19,78,122,.12);list-style:none;z-index:200;}
.nav-drop li a{display:block;padding:10px 20px;font-size:13px;color:var(--gray-600);text-decoration:none;font-weight:500;transition:background .15s,color .15s;}
.nav-drop li a:hover{background:var(--teal-light);color:var(--navy);}
.nav-has-drop:hover .nav-drop{display:block;}


/* ── App Popup Modal ────────────────────────────── */
#app-popup-overlay{position:fixed;inset:0;background:rgba(13,53,87,0.75);backdrop-filter:blur(6px);z-index:9000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .35s ease;}
#app-popup-overlay.visible{opacity:1;pointer-events:all;}
#app-popup{background:var(--white);border-radius:20px;padding:48px 40px;max-width:540px;width:90%;position:relative;transform:translateY(24px);transition:transform .35s ease;box-shadow:0 24px 80px rgba(13,53,87,0.25);}
#app-popup-overlay.visible #app-popup{transform:translateY(0);}
#app-popup-close{position:absolute;top:16px;right:18px;background:none;border:none;font-size:24px;color:var(--gray-400);cursor:pointer;line-height:1;padding:4px 8px;}
#app-popup-close:hover{color:var(--navy);}
.app-popup-badge{display:inline-flex;align-items:center;gap:8px;background:var(--teal-light);border-radius:20px;padding:6px 14px;font-size:12px;font-weight:700;color:var(--teal);letter-spacing:.06em;text-transform:uppercase;margin-bottom:18px;}
.app-popup-badge svg{stroke:var(--teal);}
#app-popup h2{font-family:var(--font-d);font-size:clamp(22px,3vw,30px);color:var(--navy);line-height:1.2;margin-bottom:12px;}
#app-popup p{font-size:14px;color:var(--gray-600);line-height:1.7;margin-bottom:24px;}
.app-popup-features{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px;}
.app-popup-feat{display:flex;gap:10px;align-items:flex-start;}
.app-popup-feat svg{flex-shrink:0;margin-top:2px;stroke:var(--teal);}
.app-popup-feat span{font-size:13px;color:var(--gray-600);line-height:1.5;}
.app-popup-btns{display:flex;gap:12px;flex-wrap:wrap;}
.app-popup-btn{display:flex;align-items:center;gap:10px;background:var(--navy);color:white;border-radius:10px;padding:12px 20px;text-decoration:none;transition:background .2s;}
.app-popup-btn:hover{background:var(--navy-dark);}
.app-popup-btn span{font-size:11px;color:rgba(255,255,255,0.65);display:block;}
.app-popup-btn strong{font-size:14px;display:block;}
.app-popup-dismiss{display:block;text-align:center;margin-top:16px;font-size:13px;color:var(--gray-400);cursor:pointer;text-decoration:underline;}
.app-popup-dismiss:hover{color:var(--navy);}


 /* ==========================
   Navigation
========================== */

nav{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
    position:relative;
}

.nav-logo{
    display:flex;
    align-items:center;
    flex-shrink:0;
}

.nav-logo svg{
    height:44px;
    width:auto;
    display:block;
}

/* ==========================
   Main Menu
========================== */

.nav-links{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:40px;
    list-style:none;
    margin:0;
    padding:0;
    flex:1;
}

.nav-links > li{
    position:relative;
    list-style:none;
}

.nav-links > li > a{
    display:flex;
    align-items:center;
    color:#344767;
    text-decoration:none;
    font-size:18px;
    font-weight:500;
    padding:12px 0;
    transition:.3s;
}

.nav-links > li > a:hover{
    color:#0B4C8C;
}

/* ==========================
   Dropdown Arrow
========================== */

/*.menu-item-has-children > a::after{
    content:"";
    width:7px;
    height:7px;
    border-right:2px solid currentColor;
    border-bottom:2px solid currentColor;
    transform:rotate(45deg);
    margin-left:8px;
    transition:.3s;
}*/

/*.menu-item-has-children.active > a::after{
    transform:rotate(225deg);
    margin-top:4px;
}*/


/* Mobile Services Arrow */
@media (max-width:991px){

    .menu-item-has-children > a{
        display:flex;
        align-items:center;
        justify-content:space-between;
        width:100%;
    }

    .menu-item-has-children > a::after{

        content:"+";
        font-size:26px;
        font-weight:300;
        line-height:1;
        width:24px;
        text-align:center;
        flex-shrink:0;

        transition:.25s ease;

    }

    .menu-item-has-children.active > a::after{

        content:"−";

    }

}

@media (max-width:991px){

    #navlinks .menu-item-has-children > a{
        display:flex !important;
        justify-content:space-between !important;
        align-items:center !important;
        width:100%;
    }

    #navlinks .menu-item-has-children > a::after{
        content:"+";
        font-size:28px;
        font-weight:300;
        line-height:1;
        margin-left:auto;
        flex-shrink:0;
    }

    #navlinks .menu-item-has-children.active > a::after{
        content:"−";
    }

    /* IMPORTANT */
    #navlinks .current-menu-parent > a,
    #navlinks .current-menu-ancestor > a,
    #navlinks .current-menu-item > a,
    #navlinks .current_page_parent > a,
    #navlinks .current_page_ancestor > a,
    #navlinks .current_page_item > a{

        display:flex !important;
        justify-content:space-between !important;
        align-items:center !important;
        width:100%;

    }

}

/* ==========================
   Dropdown
========================== */

.sub-menu{
    position:absolute;
    top:100%;
    left:0;
    min-width:270px;
    padding:12px 0;
    margin:0;
    background:#fff;
    border-radius:14px;
    list-style:none;

    opacity:0;
    visibility:hidden;
    transform:translateY(15px);

    transition:.3s;

    box-shadow:0 20px 50px rgba(0,0,0,.12);

    z-index:999;
}

.menu-item-has-children:hover > .sub-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.sub-menu li{
    margin:0;
}

.sub-menu li a{
    display:block;
    padding:12px 22px;
    color:#344767;
    font-size:15px;
    text-decoration:none;
    transition:.3s;
}

.sub-menu li a:hover{
    background:#f5f8fc;
    color:#0B4C8C;
}

/* ==========================
   CTA Button
========================== */

.nav-cta{
    background:#0B4C8C;
    color:#fff;
    text-decoration:none;
    padding:16px 28px;
    border-radius:12px;
    font-weight:600;
    white-space:nowrap;
    transition:.3s;
}

.nav-cta:hover{
    background:#083c70;
    color:#fff;
}

/* ==========================
   Mobile Toggle
========================== */

.nav-toggle{
    display:none;
    background:none;
    border:0;
    cursor:pointer;
}

/* ==========================
   Responsive
========================== */

@media(max-width:991px){

    nav{
        flex-wrap:wrap;
    }

    .nav-toggle{
        display:block;
    }

    .nav-links{
        position:absolute;
        top:100%;
        left:0;
        width:100%;
        background:#fff;
        display:none;
        flex-direction:column;
        align-items:flex-start;
        gap:0;
        padding:20px;
        box-shadow:0 15px 35px rgba(0,0,0,.1);
    }

    .nav-links.open{
        display:flex;
    }

    .nav-links > li{
        width:100%;
    }

    .nav-links > li > a{
        width:100%;
        padding:14px 0;
    }

    .sub-menu{
        position:static;
        opacity:1;
        visibility:visible;
        transform:none;
        display:none;
        box-shadow:none;
        border-radius:0;
        padding-left:15px;
        background:none;
    }

   .menu-item-has-children.active > .sub-menu{
    display:block;
}

    .nav-cta{
        display:none;
    }
}


@media (max-width:991px){

    nav > #navlinks{
        display:none !important;
    }

    nav > #navlinks.open{
        display:flex !important;
    }

}

@media (max-width: 768px) {

  .tshape-stats {

    display: flex;

    flex-direction: row;

    gap: 8px;

  }

  .tshape-stat {

    flex: 1;

    padding: 12px 8px;

    font-size: 12px;

  }

}


@media (max-width: 768px) {

    .milestone-grid{
        display: flex !important;
        overflow-x: auto;
        overflow-y: hidden;
        gap: 16px;
        padding-bottom: 10px;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
    }

    .milestone-grid::-webkit-scrollbar{
        display: none;
    }

    .milestone-grid{
        scrollbar-width: none;
    }

    .milestone-card{
        flex: 0 0 280px;
        max-width: 280px;
        scroll-snap-align: start;
    }

    .milestone-card img{
        width: 100%;
        height: 320px;
        object-fit: cover;
    }

    .milestone-show-more{
        margin-top: 30px;
    }

}

@media (max-width:768px){

    #t-grid-visible{
        display:flex !important;
        flex-wrap:nowrap !important;
        overflow-x:auto;
        overflow-y:hidden;
        gap:16px;
        scrollbar-width:none;
    }

    #t-grid-visible::-webkit-scrollbar{
        display:none;
    }

    #t-grid-visible .t-card{
        flex:0 0 85%;
        min-width:85%;
    }

}



@media (max-width:768px){

    .app-screens{
        display:flex !important;
        flex-wrap:nowrap !important;
        justify-content:flex-start !important;

        overflow-x:auto;
        overflow-y:hidden;

        gap:16px;

        padding:0 20px 15px;
        margin:0 -20px;

        scroll-snap-type:x mandatory;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }

    .app-screens::-webkit-scrollbar{
        display:none;
    }

    .app-scr{
        flex:0 0 75%;
        min-width:75%;
        max-width:75%;
        scroll-snap-align:start;
    }

    .app-scr.tall{
        flex:0 0 75%;
        min-width:75%;
        max-width:75%;
    }

    .app-scr img{
        width:100%;
        display:block;
    }

}


@media (min-width:992px){

    .menu-item-has-children{
        position:relative;
    }

    .menu-item-has-children > a{
        display:inline-flex;
        align-items:center;
    }

    .menu-item-has-children > a::after{
        content:"";
        display:inline-block;
        width:7px;
        height:7px;
        margin-left:8px;
        border-right:2px solid currentColor;
        border-bottom:2px solid currentColor;
        transform:rotate(45deg);
        transition:.3s;
    }

    .menu-item-has-children:hover > a::after{
        transform:rotate(225deg);
        margin-top:4px;
    }

}



@media (max-width:768px){

    .compare-table{

        overflow-x:auto !important;
        overflow-y:hidden;

        width:100% !important;
        min-width:100% !important;

        white-space:nowrap;

        -webkit-overflow-scrolling:touch;

    }

    .compare-table thead,
    .compare-table tbody{
        display:table-header-group;
    }

    .compare-table tr{
        display:table-row;
    }

    .compare-table th,
    .compare-table td{
        display:table-cell;
        min-width:180px;
        padding:16px;
    }

}