*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{--gold:#F5C518;--gold-d:#d4ab12;--navy:#2D2B55;--bg:#13161d;--s1:#1a1d24;--s2:#22262f;--s3:#2a2f3b;--text:#fff;--muted:#8a94aa;--border:rgba(255,255,255,.06);--max:1400px;--page-max:100%;}
/* Fixed header — full width */
#siteTop{
  position:fixed;top:0;z-index:9999;
  background:var(--s1);box-shadow:0 2px 20px rgba(0,0,0,.4);
  width:100%;left:0;right:0;
}
body{padding-top:var(--hh);background:var(--bg);overflow-x:hidden}
/* Page wrapper — full width, no side gaps */
#pageWrap{width:100%;overflow-x:hidden}
/* Global SVG size safety */
svg:not([width]):not([height]):not(.logo-mark){max-width:24px;max-height:24px}

body{font-family:'Barlow',sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}img{display:block;max-width:100%;object-fit:cover}a{text-decoration:none;color:inherit}ul{list-style:none}button{font-family:inherit;cursor:pointer}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:14px;letter-spacing:1px;text-transform:uppercase;padding:13px 30px;border-radius:50px;transition:.2s;white-space:nowrap;border:none}.btn-gold{background:var(--gold);color:var(--navy);box-shadow:0 6px 28px rgba(245,197,24,.3)}.btn-gold:hover{background:var(--gold-d);transform:translateY(-2px);box-shadow:0 12px 36px rgba(245,197,24,.45)}.btn-outline{background:transparent;color:var(--text);border:1.5px solid rgba(255,255,255,.2)}.btn-outline:hover{border-color:var(--gold);color:var(--gold)}.btn-sm{font-size:12px;padding:9px 20px}
.sh{text-align:center;margin-bottom:52px}.sh-lbl{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;gap:10px;margin-bottom:14px}.sh-lbl::before,.sh-lbl::after{content:'';width:24px;height:2px;background:var(--gold);display:inline-block}.sh h2{font-family:'Barlow Condensed',sans-serif;font-size:52px;font-weight:900;text-transform:uppercase;letter-spacing:-1px;line-height:1.05;margin-bottom:14px}.sh h2 em{color:var(--gold);font-style:normal}.sh p{font-size:15px;color:var(--muted);max-width:600px;margin:0 auto 24px;line-height:1.75}
.topbar{background:var(--bg);border-bottom:1px solid var(--border);padding:7px 52px;display:flex;justify-content:space-between;align-items:center}.topbar a{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);transition:color .2s;margin:0 4px}.topbar a:hover{color:var(--gold)}.topbar svg{width:12px;height:12px;stroke:var(--gold);fill:none;stroke-width:2;flex-shrink:0}.topbar-l,.topbar-r{display:flex;gap:4px;align-items:center}
.header{background:var(--s1);height:72px;padding:0 52px;display:flex;align-items:center;gap:20px;position:sticky;top:0;z-index:9998;border-bottom:1px solid var(--border);box-shadow:0 2px 20px rgba(0,0,0,.3)}.logo{display:flex;align-items:center;gap:11px;flex-shrink:0}.logo-mark{width:42px;height:42px}.logo-name{font-family:'Barlow Condensed',sans-serif;font-size:23px;font-weight:900;letter-spacing:1px;display:block;line-height:1}.logo-sub{font-family:'Barlow Condensed',sans-serif;font-size:9px;font-weight:700;letter-spacing:3px;color:var(--gold);text-transform:uppercase;display:block;margin-top:2px}.hdr-search{flex:1;max-width:420px;margin:0 auto;position:relative}.hdr-search input{width:100%;background:var(--s2);border:1px solid var(--border);border-radius:50px;padding:9px 44px 9px 18px;color:var(--text);font-size:13px;font-family:'Barlow',sans-serif;outline:none;transition:border-color .2s,box-shadow .2s}.hdr-search input::placeholder{color:var(--muted)}.hdr-search input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(245,197,24,.12)}.hdr-search svg{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:16px;height:16px;stroke:var(--muted);fill:none;stroke-width:2;pointer-events:none}.hdr-search input:focus+svg,.hdr-search:focus-within svg{stroke:var(--gold)}.search{flex:1;max-width:420px;margin:0 auto;position:relative}.search input{width:100%;background:var(--s2);border:1px solid var(--border);border-radius:50px;padding:9px 40px 9px 18px;color:var(--text);font-size:13px;outline:none;transition:border-color .2s}.search input::placeholder{color:var(--muted)}.search input:focus{border-color:var(--gold)}.search-ico{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;stroke:var(--muted);fill:none;stroke-width:2;pointer-events:none}.hdr-r{display:flex;align-items:center;gap:8px;margin-left:auto}.bee{border:1.5px solid var(--gold);color:var(--gold);font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:11px;letter-spacing:1.5px;padding:6px 14px;border-radius:50px;transition:.2s}.bee:hover{background:var(--gold);color:var(--navy)}.ico{background:none;border:none;color:var(--muted);padding:6px;display:flex;align-items:center;border-radius:8px;transition:color .2s}.ico:hover{color:var(--gold)}.ico svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2}
.nav{background:var(--bg);border-bottom:2px solid var(--s2)}.nav ul{display:flex;justify-content:center;padding:0 52px;overflow-x:auto;scrollbar-width:none}.nav ul::-webkit-scrollbar{display:none}.nav li a{display:block;padding:15px 18px;color:var(--muted);font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap;position:relative;transition:color .2s}.nav li a::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold);transform:scaleX(0);transition:transform .25s}.nav li a:hover,.nav li a.active{color:var(--text)}.nav li a:hover::after,.nav li a.active::after{transform:scaleX(1)}
.page-hero{position:relative;background:var(--bg);padding:80px 52px 72px;overflow:hidden;border-bottom:1px solid var(--border)}.page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 100% at 105% 50%,var(--s3) 0%,transparent 55%),radial-gradient(ellipse 50% 60% at -5% 50%,var(--s2) 0%,transparent 50%)}.page-hero::after{content:'';position:absolute;bottom:-80px;left:35%;width:600px;height:300px;background:radial-gradient(ellipse,rgba(245,197,24,.05) 0%,transparent 70%)}.hero-inner{max-width:var(--max);margin:0 auto;position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-inner.full{grid-template-columns:1fr;max-width:760px;text-align:center}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);margin-bottom:20px;font-family:'Barlow Condensed',sans-serif;letter-spacing:1px;text-transform:uppercase;flex-wrap:wrap}.breadcrumb a{color:var(--muted);transition:color .2s}.breadcrumb a:hover,.breadcrumb .cur{color:var(--gold)}.breadcrumb svg{width:11px;height:11px;stroke:var(--muted);fill:none;stroke-width:2}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(245,197,24,.1);border:1px solid rgba(245,197,24,.25);border-radius:50px;padding:5px 14px 5px 8px;margin-bottom:20px;width:fit-content}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}.eyebrow span{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;color:var(--gold);text-transform:uppercase}.page-h1{font-family:'Barlow Condensed',sans-serif;font-size:74px;font-weight:900;line-height:.92;letter-spacing:-2px;text-transform:uppercase;margin-bottom:20px}.page-h1 em{color:var(--gold);font-style:normal;display:block}.page-sub{font-size:16px;color:var(--muted);line-height:1.8;margin-bottom:36px;max-width:520px}.hero-inner.full .page-sub{margin:0 auto 36px}.hero-btns{display:flex;gap:14px;flex-wrap:wrap}.hero-inner.full .hero-btns{justify-content:center}.hero-img{border-radius:24px;overflow:hidden;box-shadow:0 32px 64px rgba(0,0,0,.7)}.hero-img img{width:100%;height:400px;object-fit:cover;display:block;filter:brightness(.9)}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:var(--max);margin:0 auto}.pc{background:var(--s1);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:.25s;display:flex;flex-direction:column}.pc:hover{border-color:rgba(245,197,24,.35);transform:translateY(-5px);box-shadow:0 18px 44px rgba(0,0,0,.45)}.pc-img{height:220px;overflow:hidden;position:relative;background:var(--s2)}.pc-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.pc:hover .pc-img img{transform:scale(1.07)}.pc-badge{position:absolute;top:10px;left:10px;background:var(--gold);color:var(--navy);font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:900;letter-spacing:1px;padding:4px 10px;border-radius:50px}.pc-body{padding:16px;flex:1;display:flex;flex-direction:column;gap:6px}.pc-title{font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.pc-desc{font-size:12.5px;color:var(--muted);line-height:1.6;flex:1}.pc-footer{display:flex;gap:8px;margin-top:10px}
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:var(--max);margin:0 auto}.fc{background:var(--s1);border:1px solid var(--border);border-radius:14px;padding:28px 24px;transition:.25s}.fc:hover{border-color:rgba(245,197,24,.3);transform:translateY(-4px)}.fc-icon{width:52px;height:52px;border-radius:12px;background:rgba(245,197,24,.08);border:1px solid rgba(245,197,24,.18);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.fc-icon svg{width:26px;height:26px;stroke:var(--gold);fill:none;stroke-width:2}.fc-title{font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.fc-body{font-size:13px;color:var(--muted);line-height:1.7}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;max-width:var(--max);margin:0 auto}.tc-h2{font-family:'Barlow Condensed',sans-serif;font-size:50px;font-weight:900;text-transform:uppercase;letter-spacing:-1px;line-height:1.05;margin-bottom:18px}.tc-h2 em{color:var(--gold);font-style:normal}.tc-body{font-size:14px;color:var(--muted);line-height:1.82;margin-bottom:24px}.tc-ul{margin-bottom:34px}.tc-ul li{font-size:14px;font-weight:600;color:var(--text);padding:8px 0 8px 22px;position:relative;border-bottom:1px solid rgba(255,255,255,.05)}.tc-ul li::before{content:'-';position:absolute;left:0;color:var(--gold);font-weight:900}.tc-img{border-radius:20px;overflow:hidden;box-shadow:0 28px 60px rgba(0,0,0,.6)}.tc-img img{width:100%;height:460px;object-fit:cover;display:block}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;max-width:var(--max);margin:0 auto;background:var(--s2);border-radius:18px;overflow:hidden}.ps{background:var(--s1);padding:32px 26px;transition:background .2s}.ps:hover{background:var(--s2)}.ps-bar{width:32px;height:3px;background:var(--gold);border-radius:2px;margin-bottom:16px;transform:scaleX(.35);transform-origin:left;transition:transform .3s}.ps:hover .ps-bar{transform:scaleX(1)}.ps-num{font-family:'Barlow Condensed',sans-serif;font-size:52px;font-weight:900;color:rgba(245,197,24,.1);line-height:1;margin-bottom:12px;transition:color .2s}.ps:hover .ps-num{color:rgba(245,197,24,.22)}.ps-title{font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.ps-body{font-size:13px;color:var(--muted);line-height:1.65}
.port-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;max-width:var(--max);margin:0 auto;background:var(--s2);border-radius:18px;overflow:hidden}.port-item{position:relative;overflow:hidden;aspect-ratio:4/3;cursor:pointer}.port-item.wide{grid-column:span 2;aspect-ratio:unset;min-height:320px}.port-item img{width:100%;height:100%;object-fit:cover;filter:brightness(.65);transition:transform .5s,filter .3s}.port-item:hover img{transform:scale(1.06);filter:brightness(.38)}.port-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(19,22,29,.95) 0%,transparent 55%);opacity:0;transition:opacity .3s}.port-item:hover .port-ov{opacity:1}.port-info{position:absolute;bottom:0;left:0;right:0;padding:22px;transform:translateY(10px);opacity:0;transition:.3s}.port-item:hover .port-info{transform:translateY(0);opacity:1}.port-cat{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;color:var(--gold);text-transform:uppercase;margin-bottom:5px}.port-title{font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:900;text-transform:uppercase}
.stats-bar{background:var(--navy);padding:56px 52px}.stats-inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:rgba(255,255,255,.06);border-radius:14px;overflow:hidden}.sb{background:rgba(45,43,85,.5);padding:36px 24px;text-align:center}.sb strong{font-family:'Barlow Condensed',sans-serif;font-size:52px;font-weight:900;color:var(--gold);display:block;line-height:1}.sb span{font-size:12px;color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;margin-top:6px;display:block}
.contact-wrap{display:grid;grid-template-columns:1fr 1.4fr;gap:52px;max-width:var(--max);margin:0 auto;align-items:start}.ci{display:flex;gap:14px;align-items:flex-start;padding:20px 0;border-bottom:1px solid var(--border)}.ci-ico{width:44px;height:44px;min-width:44px;border-radius:11px;background:rgba(245,197,24,.08);border:1px solid rgba(245,197,24,.18);display:flex;align-items:center;justify-content:center}.ci-ico svg{width:20px;height:20px;stroke:var(--gold);fill:none;stroke-width:2}.ci-lbl{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.ci-val{font-size:15px;color:var(--text);font-weight:600}.ci-val a{color:var(--text);transition:color .2s}.ci-val a:hover{color:var(--gold)}.form-box{background:var(--s1);border:1px solid var(--border);border-radius:18px;padding:36px 32px}.form-box h3{font-family:'Barlow Condensed',sans-serif;font-size:28px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;margin-bottom:24px}.form-box h3 em{color:var(--gold);font-style:normal}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fg{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.fg label{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.fg input,.fg select,.fg textarea{background:var(--s2);border:1px solid var(--border);border-radius:10px;padding:12px 16px;color:var(--text);font-size:14px;font-family:'Barlow',sans-serif;outline:none;transition:border-color .2s;resize:vertical}.fg input::placeholder,.fg textarea::placeholder{color:var(--muted)}.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--gold);background:rgba(245,197,24,.03)}.fg select option{background:var(--s2)}.fg textarea{min-height:130px}
.faq-wrap{max-width:880px;margin:0 auto}.faq-item{border-bottom:1px solid rgba(255,255,255,.06)}.faq-btn{width:100%;background:none;border:none;padding:22px 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-align:left;gap:20px}.faq-btn span{font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text);transition:color .2s}.faq-btn:hover span{color:var(--gold)}.faq-ico{width:28px;height:28px;min-width:28px;border-radius:50%;border:1.5px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;transition:.2s}.faq-ico svg{width:13px;height:13px;stroke:var(--muted);fill:none;stroke-width:2.5;transition:transform .3s}.faq-item.open .faq-ico{background:var(--gold);border-color:var(--gold)}.faq-item.open .faq-ico svg{stroke:var(--navy);transform:rotate(45deg)}.faq-ans{max-height:0;overflow:hidden;transition:max-height .38s ease,padding .2s}.faq-item.open .faq-ans{max-height:220px;padding-bottom:22px}.faq-ans p{font-size:14px;color:var(--muted);line-height:1.8}
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:var(--max);margin:0 auto}.tc2{background:var(--s1);border:1px solid var(--border);border-radius:14px;padding:28px;position:relative;transition:.25s}.tc2:hover{border-color:rgba(245,197,24,.25);transform:translateY(-4px)}.tc2-stars{display:flex;gap:3px;margin-bottom:14px}.tc2-stars svg{width:15px;height:15px;fill:var(--gold)}.tc2-quote{font-size:14px;color:var(--muted);line-height:1.75;margin-bottom:18px;font-style:italic}.tc2-author{display:flex;align-items:center;gap:12px}.tc2-av{width:42px;height:42px;border-radius:50%;background:var(--s3);border:2px solid rgba(245,197,24,.2);display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:900;color:var(--gold);flex-shrink:0}.tc2-name{font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:800;display:block}.tc2-co{font-size:11px;color:var(--muted)}.tc2::before{content:'\201C';position:absolute;top:16px;right:22px;font-size:64px;color:rgba(245,197,24,.07);font-family:Georgia,serif;line-height:1}
.cta-sec{background:var(--navy);padding:96px 52px;text-align:center;position:relative;overflow:hidden}.cta-sec::before{content:'';position:absolute;top:-160px;left:50%;transform:translateX(-50%);width:800px;height:500px;background:radial-gradient(ellipse,rgba(245,197,24,.09) 0%,transparent 70%);pointer-events:none}.cta-h2{font-family:'Barlow Condensed',sans-serif;font-size:62px;font-weight:900;text-transform:uppercase;letter-spacing:-1.5px;margin-bottom:16px;position:relative}.cta-h2 em{color:var(--gold);font-style:normal}.cta-p{font-size:17px;color:var(--muted);margin:0 auto 38px;max-width:520px;position:relative}.cta-btns{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;position:relative}
.footer{background:var(--bg);padding:72px 52px 0;position:relative}.footer::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--navy),var(--gold) 50%,var(--navy))}.footer-grid{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:52px;padding-bottom:52px;border-bottom:1px solid var(--border)}.fb p{font-size:13px;color:var(--muted);line-height:1.8;max-width:280px;margin:16px 0 20px}.fsoc{display:flex;gap:10px}.fsoc a{width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.05);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--muted);transition:.2s}.fsoc a:hover{background:rgba(245,197,24,.12);border-color:rgba(245,197,24,.3);color:var(--gold)}.fsoc svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2}.fcol h5{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:20px}.fcol li{margin-bottom:10px}.fcol li a{font-size:13px;color:var(--muted);transition:color .2s}.fcol li a:hover{color:var(--text)}.fcon li{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted);margin-bottom:12px}.fcon svg{width:14px;height:14px;stroke:var(--gold);fill:none;stroke-width:2;flex-shrink:0;margin-top:2px}.fcon a{color:var(--muted);transition:color .2s}.fcon a:hover{color:var(--gold)}.footer-bot{max-width:var(--max);margin:0 auto;padding:20px 0;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:rgba(255,255,255,.2);flex-wrap:wrap;gap:8px}
.sec{padding:88px 52px}.sec-alt{background:var(--s1)}.sec-dark{background:var(--bg)}.wrap{max-width:var(--max);margin:0 auto}
@media(max-width:1100px){.hero-inner{grid-template-columns:1fr}.hero-img{display:none}.two-col,.contact-wrap{grid-template-columns:1fr;gap:40px}.product-grid{grid-template-columns:repeat(2,1fr)}.feat-grid{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(2,1fr)}.port-grid{grid-template-columns:repeat(2,1fr)}.port-item.wide{grid-column:span 1}.stats-inner{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.test-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.topbar,.nav ul,.header,.sec,.page-hero,.cta-sec,.stats-bar,.footer{padding-left:20px;padding-right:20px}.page-h1{font-size:48px}.sh h2,.tc-h2,.cta-h2{font-size:36px}.product-grid,.feat-grid,.process,.port-grid,.test-grid,.stats-inner{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}}

/* =====================================================
   HOMEPAGE SPECIFIC STYLES
===================================================== */

/* HERO */
.hero{position:relative;background:var(--bg);min-height:600px;display:grid;grid-template-columns:55% 45%;overflow:hidden}
.hero-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 70% 100% at 105% 50%,var(--s3) 0%,transparent 55%),radial-gradient(ellipse 50% 60% at -5% 50%,var(--s2) 0%,transparent 50%)}
.hero-bg::after{content:'';position:absolute;bottom:-80px;left:35%;width:600px;height:300px;background:radial-gradient(ellipse,rgba(245,197,24,.05) 0%,transparent 70%)}
.hero-l{position:relative;z-index:2;padding:80px 32px 72px 52px;display:flex;flex-direction:column;justify-content:center}
.hero-h1{font-family:'Barlow Condensed',sans-serif;font-size:88px;font-weight:900;line-height:.9;letter-spacing:-2px;text-transform:uppercase;margin-bottom:22px}
.h1-line1{display:block;color:var(--text)}
.h1-line2{display:block;color:var(--gold)}
.h1-line3{display:block;-webkit-text-stroke:1.5px rgba(255,255,255,.15);color:transparent;font-size:108px;letter-spacing:-3px}
.hero-p{font-size:16px;color:var(--muted);line-height:1.8;max-width:440px;margin-bottom:36px}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:0}
.btn-ghost{display:inline-flex;align-items:center;gap:8px;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:14px;letter-spacing:1px;text-transform:uppercase;padding:13px 30px;border-radius:50px;transition:.2s;white-space:nowrap;background:transparent;color:var(--text);border:1.5px solid rgba(255,255,255,.2)}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
.hero-stats{display:flex;gap:28px;margin-top:44px;padding-top:32px;border-top:1px solid rgba(255,255,255,.08);align-items:center}
.stat strong{font-family:'Barlow Condensed',sans-serif;font-size:34px;font-weight:900;color:var(--gold);display:block;line-height:1}
.stat small{font-size:10px;color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;margin-top:4px;display:block}
.sdiv{width:1px;height:40px;background:rgba(255,255,255,.1)}

/* HERO RIGHT - MOCKUP */
.hero-r{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;padding:40px 52px 40px 0}
.mockup{position:relative;width:100%;max-width:440px}
.mk-ring{position:absolute;top:-28px;right:-28px;width:180px;height:180px;border:1.5px solid rgba(245,197,24,.18);border-radius:50%;animation:mkspin 24s linear infinite;pointer-events:none}
@keyframes mkspin{to{transform:rotate(360deg)}}
.mk-card{width:100%;border-radius:28px;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.05);animation:levitate 5s ease-in-out infinite;position:relative;background:var(--s2)}
.mk-card img{width:100%;height:380px;object-fit:cover;display:block;filter:brightness(.9)}
@keyframes levitate{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-16px) rotate(0)}}
.mk-sub{position:absolute;bottom:-18px;left:-28px;width:140px;height:100px;border-radius:16px;overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.65);border:2px solid rgba(255,255,255,.07);animation:levitate2 6.5s ease-in-out infinite}
.mk-sub img{width:100%;height:100%;object-fit:cover;display:block}
@keyframes levitate2{0%,100%{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-10px) rotate(0)}}
.mk-pill{position:absolute;background:rgba(19,22,29,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:10px 14px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 28px rgba(0,0,0,.5);z-index:5}
.mk-pill.p1{top:-16px;left:-24px;border-color:rgba(245,197,24,.22);animation:pill1 4.5s ease-in-out infinite}
.mk-pill.p2{bottom:24px;right:-26px;animation:pill2 5.5s ease-in-out infinite}
@keyframes pill1{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes pill2{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.pill-icon{width:34px;height:34px;border-radius:9px;background:rgba(245,197,24,.1);border:1px solid rgba(245,197,24,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pill-icon svg{width:16px;height:16px;stroke:var(--gold);fill:none;stroke-width:2}
.pill-text strong{display:block;font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:900;color:var(--gold);line-height:1}
.pill-text small{display:block;font-size:10px;color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-top:2px}

/* QUICK LINKS */
.quick{background:var(--s1);border-bottom:1px solid var(--border)}
.quick-wrap{max-width:1400px;margin:0 auto;display:flex}
.qi{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;padding:18px 10px;border-right:1px solid var(--border);cursor:pointer;position:relative;transition:background .2s;text-decoration:none;color:inherit}
.qi:last-child{border-right:none}
.qi::after{content:'';position:absolute;bottom:0;left:10%;right:10%;height:2px;background:var(--gold);transform:scaleX(0);transition:transform .25s}
.qi:hover{background:rgba(255,255,255,.03)}
.qi:hover::after{transform:scaleX(1)}
.qi svg{width:22px;height:22px;stroke:var(--gold)}
.qi span{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}

/* WELCOME */
.welcome{background:var(--s1);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:72px 52px;text-align:center;position:relative;overflow:hidden}
.welcome::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 50% -10%,rgba(245,197,24,.05) 0%,transparent 65%);pointer-events:none}
.welcome h2{font-family:'Barlow Condensed',sans-serif;font-size:62px;font-weight:900;text-transform:uppercase;letter-spacing:-2px;line-height:.95;margin-bottom:16px;position:relative}
.welcome h2 em{color:var(--gold);font-style:normal}
.welcome p{font-size:17px;color:var(--muted);max-width:500px;margin:0 auto;line-height:1.75;position:relative}

/* SERVICES GRID */
.services{background:var(--bg);padding:80px 52px}
.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;max-width:1400px;margin:0 auto;border-radius:18px;overflow:hidden;background:var(--s2)}
.svc-card{background:var(--s1);position:relative;overflow:hidden;min-height:320px;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none}
.svc-card > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.45);transition:transform .6s ease,filter .3s}
.svc-card:hover > img{transform:scale(1.07);filter:brightness(.22)}
.svc-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(19,22,29,.97) 0%,rgba(19,22,29,.35) 60%,transparent 100%)}
.svc-body{position:relative;z-index:2;padding:18px 18px 20px;transition:transform .3s}
.svc-card:hover .svc-body{transform:translateY(-8px)}
.svc-n{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;color:rgba(245,197,24,.5);margin-bottom:4px}
.svc-name{font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:900;text-transform:uppercase;color:#fff;margin-bottom:5px}
.svc-desc{font-size:12px;color:var(--muted);line-height:1.5;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s,opacity .25s}
.svc-card:hover .svc-desc{max-height:50px;opacity:1}
.svc-cta{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--gold);margin-top:8px;opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s;display:inline-block}
.svc-card:hover .svc-cta{opacity:1;transform:translateY(0)}
.cart-dot{position:absolute;top:12px;left:12px;z-index:3;width:30px;height:30px;background:var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center}
.cart-dot svg{width:14px;height:14px;stroke:var(--navy);fill:none;stroke-width:2}

/* FEATURED PACKAGING */
.featured{background:var(--s1);padding:80px 52px;border-top:1px solid var(--border)}
.feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;max-width:1400px;margin:0 auto;border-radius:18px;overflow:hidden;background:var(--s2)}
.feat-card{position:relative;overflow:hidden;cursor:pointer;min-height:280px;display:flex;flex-direction:column;justify-content:flex-end}
.feat-card > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55);transition:transform .5s,filter .3s}
.feat-card:hover > img{transform:scale(1.05);filter:brightness(.35)}
.feat-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(19,22,29,.92) 0%,transparent 55%)}
.feat-body{position:relative;z-index:2;padding:18px 22px;transition:transform .3s}
.feat-card:hover .feat-body{transform:translateY(-6px)}
.feat-name{font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:900;text-transform:uppercase;margin-bottom:4px}
.feat-desc{font-size:12px;color:var(--muted);max-height:0;overflow:hidden;opacity:0;transition:max-height .3s,opacity .3s}
.feat-card:hover .feat-desc{max-height:36px;opacity:1}
.feat-cta{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--gold);margin-top:7px;opacity:0;transition:opacity .3s;display:inline-block}
.feat-card:hover .feat-cta{opacity:1}

/* WHY SECTION */
.why{background:var(--bg);padding:80px 52px}
.why-wrap{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:400px 1fr;gap:64px;align-items:start}
.why-h2{font-family:'Barlow Condensed',sans-serif;font-size:52px;font-weight:900;text-transform:uppercase;letter-spacing:-1px;line-height:1.02;margin-bottom:16px}
.why-h2 em{color:var(--gold);font-style:normal;display:block}
.why-body{font-size:14px;color:var(--muted);line-height:1.82;margin-bottom:22px}
.why-ul{margin-bottom:32px}
.why-ul li{font-size:14px;font-weight:600;color:var(--text);padding:8px 0 8px 22px;position:relative;border-bottom:1px solid rgba(255,255,255,.05)}
.why-ul li::before{content:'-';position:absolute;left:0;color:var(--gold);font-weight:900}
.why-cards{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--s2);border-radius:16px;overflow:hidden}
.why-card{background:var(--s1);padding:28px 24px;transition:background .2s}
.why-card:hover{background:var(--s2)}
.wc-bar{width:28px;height:3px;background:var(--gold);border-radius:2px;margin-bottom:14px;transform:scaleX(.35);transform-origin:left;transition:transform .3s}
.why-card:hover .wc-bar{transform:scaleX(1)}
.wc-num{font-family:'Barlow Condensed',sans-serif;font-size:44px;font-weight:900;color:rgba(245,197,24,.1);line-height:1;margin-bottom:10px}
.wc-title{font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;margin-bottom:7px}
.wc-body{font-size:13px;color:var(--muted);line-height:1.65}

/* FAQ (homepage) */
.faq{background:var(--s1);padding:80px 52px}
.faq-inner{max-width:860px;margin:0 auto}
.faq-item{border-bottom:1px solid rgba(255,255,255,.06)}
.faq-btn{width:100%;background:none;border:none;padding:20px 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-align:left;gap:20px}
.faq-btn span{font-family:'Barlow Condensed',sans-serif;font-size:19px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text);transition:color .2s}
.faq-btn:hover span{color:var(--gold)}
.faq-ico{width:28px;height:28px;min-width:28px;border-radius:50%;border:1.5px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;transition:.2s;flex-shrink:0}
.faq-ico svg{width:12px;height:12px;stroke:var(--muted);fill:none;stroke-width:2.5;transition:transform .3s}
.faq-item.open .faq-ico{background:var(--gold);border-color:var(--gold)}
.faq-item.open .faq-ico svg{stroke:var(--navy);transform:rotate(45deg)}
.faq-ans{max-height:0;overflow:hidden;transition:max-height .38s ease,padding .2s}
.faq-item.open .faq-ans{max-height:180px;padding-bottom:20px}
.faq-ans p{font-size:14px;color:var(--muted);line-height:1.8}

/* HOMEPAGE RESPONSIVE */
@media(max-width:1200px){
  .hero{grid-template-columns:1fr}
  .hero-r{display:none}
  .hero-h1{font-size:68px}
  .svc-grid{grid-template-columns:repeat(2,1fr)}
  .why-wrap{grid-template-columns:1fr;gap:44px}
}
@media(max-width:900px){
  .feat-grid{grid-template-columns:1fr 1fr}
  .feat-card:nth-child(3),.feat-card:nth-child(4){grid-column:span 1}
  .quick-wrap{flex-wrap:wrap}
  .qi{flex:0 0 25%}
}
@media(max-width:640px){
  .hero-l{padding:52px 20px 48px}
  .hero-h1{font-size:44px}
  .h1-line3{font-size:52px}
  .welcome,.services,.featured,.why,.faq{padding-left:20px;padding-right:20px}
  .welcome h2{font-size:36px}
  .quick-wrap{flex-wrap:wrap}
  .qi{flex:0 0 33.333%}
  .svc-grid{grid-template-columns:1fr 1fr}
  .why-cards{grid-template-columns:1fr 1fr}
  .feat-grid{grid-template-columns:1fr}
  .feat-card:nth-child(3),.feat-card:nth-child(4){grid-column:span 1}
  .hero-stats{flex-wrap:wrap;gap:16px}
  .sdiv{display:none}
}
@media(max-width:400px){
  .qi{flex:0 0 50%}
  .svc-grid{grid-template-columns:1fr}
  .why-cards{grid-template-columns:1fr}
}

/* --- clothing PAGE --------------------------------------- */
/* --- CLOTHING PAGE - Fashion lookbook, NO grid cards ---------- */
.lk-intro{background:var(--navy);padding:100px 52px 80px;position:relative;overflow:hidden}
.lk-intro::before{content:'WEAR YOUR BRAND';position:absolute;right:-40px;top:50%;transform:translateY(-50%);font-family:'Barlow Condensed',sans-serif;font-size:13vw;font-weight:900;color:rgba(255,255,255,.03);white-space:nowrap;line-height:1;pointer-events:none;text-transform:uppercase;letter-spacing:-3px}
.lk-intro-inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative;z-index:1}
.lk-eyebrow{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:3px;color:var(--gold);text-transform:uppercase;margin-bottom:18px;display:flex;align-items:center;gap:10px}
.lk-eyebrow::before{content:'';width:32px;height:2px;background:var(--gold)}
.lk-intro h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(3rem,6vw,6rem);font-weight:900;text-transform:uppercase;line-height:.92;letter-spacing:-2px;margin-bottom:24px}
.lk-intro h1 em{color:var(--gold);font-style:normal;display:block}
.lk-intro-text p{font-size:16px;color:var(--muted);line-height:1.8;margin-bottom:28px}
.lk-stats{display:flex;gap:0;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;margin-top:36px}
.lk-stat{flex:1;padding:18px 16px;text-align:center;border-right:1px solid rgba(255,255,255,.1)}
.lk-stat:last-child{border-right:none}
.lk-stat strong{display:block;font-family:'Barlow Condensed',sans-serif;font-size:1.8rem;font-weight:900;color:var(--gold);line-height:1}
.lk-stat span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;font-weight:600;margin-top:4px;display:block}
.lk-intro-img{border-radius:24px;overflow:hidden;height:580px}
.lk-intro-img img{width:100%;height:100%;object-fit:cover}

/* Full-width lookbook strips - completely different to product cards */
.lk-strip{display:grid;height:540px;overflow:hidden}
.lk-strip.img-left{grid-template-columns:55% 45%}
.lk-strip.img-right{grid-template-columns:45% 55%}
.lk-strip-img{position:relative;overflow:hidden}
.lk-strip-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.lk-strip:hover .lk-strip-img img{transform:scale(1.04)}
.lk-strip-content{padding:60px 52px;display:flex;flex-direction:column;justify-content:center}
.lk-strip:nth-child(odd) .lk-strip-content{background:var(--s1)}
.lk-strip:nth-child(even) .lk-strip-content{background:var(--s2)}
.lk-strip-num{font-family:'Barlow Condensed',sans-serif;font-size:4rem;font-weight:900;color:rgba(245,197,24,.12);line-height:1;margin-bottom:-8px}
.lk-strip-content h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(1.8rem,3.5vw,3rem);font-weight:900;text-transform:uppercase;letter-spacing:-.5px;line-height:1.05;margin-bottom:14px}
.lk-strip-content h2 em{color:var(--gold);font-style:normal}
.lk-strip-content p{font-size:14px;color:var(--muted);line-height:1.8;margin-bottom:20px;max-width:420px}
.lk-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:24px}
.lk-tag{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);padding:5px 12px;border-radius:50px;font-size:11px;font-weight:600;color:rgba(255,255,255,.7)}

/* Branding methods - HORIZONTAL TABS, not cards -->
.lk-methods{background:var(--bg);padding:80px 52px}
.lk-methods-inner{max-width:1400px;margin:0 auto}
.lk-methods h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:900;text-transform:uppercase;letter-spacing:-1px;margin-bottom:8px}
.lk-methods h2 em{color:var(--gold);font-style:normal}
.lk-methods-sub{color:var(--muted);margin-bottom:44px;font-size:14px}
.lk-method-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.lk-method-tab{padding:36px 28px;background:var(--s1);border-right:1px solid var(--border);position:relative;overflow:hidden;transition:background .2s}
.lk-method-tab::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--c,var(--gold))}
.lk-method-tab:last-child{border-right:none}
.lk-method-tab:hover{background:var(--s2)}
.lk-method-icon{font-size:2.5rem;margin-bottom:18px}
.lk-method-tab h3{font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}
.lk-method-tab p{font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:12px}
.lk-method-best{font-size:11px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:1px}

/* Brand grid - logo wall -->
.lk-brands{padding:60px 52px;background:var(--s1);border-top:1px solid var(--border)}
.lk-brands-inner{max-width:1400px;margin:0 auto}
.lk-brands h3{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--muted);text-align:center;margin-bottom:32px}
.lk-brand-wall{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.lk-brand-pill{background:var(--s2);border:1px solid var(--border);padding:11px 22px;border-radius:8px;font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,.6);transition:all .2s}
.lk-brand-pill:hover{border-color:rgba(245,197,24,.3);color:var(--gold);background:rgba(245,197,24,.05)}

/* --- displays PAGE --------------------------------------- */
/* --- DISPLAYS PAGE - Full-screen cinematic architecture --------- */
.dp-screen{position:relative;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}
.dp-screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.3)}
.dp-screen::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(19,22,29,.9) 0%,rgba(45,43,85,.5) 50%,rgba(19,22,29,.7) 100%)}
.dp-screen-content{position:relative;z-index:2;text-align:center;padding:0 40px;max-width:900px}
.dp-screen-tag{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:4px;color:var(--gold);text-transform:uppercase;margin-bottom:28px;display:flex;align-items:center;justify-content:center;gap:16px}
.dp-screen-tag::before,.dp-screen-tag::after{content:'';width:40px;height:1px;background:var(--gold);opacity:.6}
.dp-screen h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(4rem,9vw,9rem);font-weight:900;text-transform:uppercase;letter-spacing:-3px;line-height:.88;margin-bottom:28px}
.dp-screen h1 em{color:var(--gold);font-style:normal}
.dp-screen p{font-size:18px;color:rgba(255,255,255,.8);max-width:600px;margin:0 auto 36px;line-height:1.7}
.dp-screen-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.dp-screen-scroll{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font-family:'Barlow Condensed',sans-serif;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.4)}
.dp-screen-scroll::after{content:'';width:1px;height:48px;background:rgba(255,255,255,.2)}

/* Giant numbered product sections - NOT cards -->
.dp-section{display:grid;min-height:600px}
.dp-section.text-left{grid-template-columns:50% 50%}
.dp-section.text-right{grid-template-columns:50% 50%}
.dp-section-img{position:relative;overflow:hidden}
.dp-section-img img{width:100%;height:100%;object-fit:cover;filter:brightness(.75);transition:transform .7s}
.dp-section:hover .dp-section-img img{transform:scale(1.04)}
.dp-section-body{padding:64px 56px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.dp-section-body::before{content:attr(data-num);position:absolute;right:-20px;bottom:-40px;font-family:'Barlow Condensed',sans-serif;font-size:18vw;font-weight:900;color:rgba(255,255,255,.02);line-height:1;pointer-events:none;text-transform:uppercase}
.dp-alt-bg{background:var(--s1)}
.dp-dark-bg{background:var(--navy)}
.dp-section-num{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:3px;color:var(--gold);text-transform:uppercase;margin-bottom:16px}
.dp-section-body h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:900;text-transform:uppercase;letter-spacing:-1px;line-height:1.05;margin-bottom:16px}
.dp-section-body h2 em{color:var(--gold);font-style:normal}
.dp-section-body p{font-size:15px;color:var(--muted);line-height:1.8;margin-bottom:20px;max-width:460px}
.dp-bullets{margin-bottom:28px;display:flex;flex-direction:column;gap:10px}
.dp-bullet{display:flex;align-items:flex-start;gap:10px;font-size:13px;font-weight:600;color:rgba(255,255,255,.85)}
.dp-bullet::before{content:'-';color:var(--gold);flex-shrink:0;font-weight:900}

/* Size comparison table - unique to this page -->
.dp-sizes{background:var(--s2);padding:80px 52px;border-top:1px solid var(--border)}
.dp-sizes-inner{max-width:1400px;margin:0 auto}
.dp-sizes h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:900;text-transform:uppercase;letter-spacing:-1px;margin-bottom:8px}
.dp-sizes h2 em{color:var(--gold);font-style:normal}
.dp-sizes-sub{color:var(--muted);margin-bottom:44px;font-size:14px}
.dp-table{width:100%;border-collapse:collapse}
.dp-table th{background:var(--navy);padding:14px 18px;text-align:left;font-family:'Barlow Condensed',sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold);font-weight:700;border-bottom:2px solid var(--gold)}
.dp-table td{padding:14px 18px;border-bottom:1px solid var(--border);font-size:13px;color:var(--muted);vertical-align:middle;line-height:1.5}
.dp-table tr:hover td{background:var(--s1);color:var(--text)}
.dp-table td:first-child{font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:800;text-transform:uppercase;color:var(--text)}
.dp-table .pop{background:rgba(245,197,24,.05)}
.dp-pop-badge{background:var(--gold);color:var(--navy);font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:900;letter-spacing:1px;padding:2px 8px;border-radius:50px;margin-left:8px;text-transform:uppercase}

/* --- signage PAGE --------------------------------------- */
/* --- SIGNAGE - Dark dramatic, portfolio-first, zero product cards ---- */
.sg-hero{background:var(--bg);padding:120px 52px 80px;position:relative;overflow:hidden}
.sg-hero::before{content:'SIGNAGE';position:absolute;left:-20px;top:50%;transform:translateY(-50%) rotate(-90deg) translateX(50%);font-family:'Barlow Condensed',sans-serif;font-size:22vw;font-weight:900;color:rgba(255,255,255,.02);white-space:nowrap;pointer-events:none;line-height:1;text-transform:uppercase;transform-origin:left center}
.sg-hero-inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative;z-index:1}
.sg-kicker{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:4px;color:var(--gold);text-transform:uppercase;margin-bottom:20px;display:flex;align-items:center;gap:12px}
.sg-kicker::before{content:'';width:36px;height:2px;background:var(--gold)}
.sg-hero h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(3.5rem,7vw,7rem);font-weight:900;text-transform:uppercase;letter-spacing:-3px;line-height:.9;margin-bottom:24px}
.sg-hero h1 em{color:var(--gold);font-style:normal}
.sg-hero p{font-size:16px;color:var(--muted);line-height:1.8;max-width:460px;margin-bottom:32px}
.sg-hero-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:36px}
.sg-fact{background:var(--s1);border:1px solid var(--border);border-radius:10px;padding:18px 16px}
.sg-fact strong{display:block;font-family:'Barlow Condensed',sans-serif;font-size:24px;font-weight:900;color:var(--gold);line-height:1;margin-bottom:4px}
.sg-fact span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-weight:600}
.sg-hero-img-wrap{position:relative}
.sg-hero-img-wrap img{width:100%;height:560px;object-fit:cover;border-radius:20px;filter:brightness(.85)}
.sg-hero-img-badge{position:absolute;bottom:24px;left:24px;background:rgba(19,22,29,.95);backdrop-filter:blur(14px);border:1px solid rgba(245,197,24,.3);border-radius:12px;padding:14px 18px}
.sg-hero-img-badge span{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;color:var(--gold);text-transform:uppercase;display:block;margin-bottom:2px}
.sg-hero-img-badge strong{font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:900;text-transform:uppercase}

/* PORTFOLIO MASONRY - the main feature, real work showcase -->
.sg-port{background:var(--s1);padding:80px 0 0}
.sg-port-head{max-width:1400px;margin:0 auto;padding:0 52px 40px}
.sg-port-head h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:900;text-transform:uppercase;letter-spacing:-1px;margin-bottom:6px}
.sg-port-head h2 em{color:var(--gold);font-style:normal}
.sg-port-head p{font-size:14px;color:var(--muted)}
.sg-masonry{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:260px;gap:3px;background:var(--bg)}
.sg-item{position:relative;overflow:hidden;cursor:pointer}
.sg-item.tall{grid-row:span 2}
.sg-item.wide{grid-column:span 2}
.sg-item img{width:100%;height:100%;object-fit:cover;filter:brightness(.65);transition:transform .6s,filter .4s}
.sg-item:hover img{transform:scale(1.08);filter:brightness(.38)}
.sg-item-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(19,22,29,.96) 0%,transparent 55%);opacity:0;transition:.35s}
.sg-item:hover .sg-item-ov{opacity:1}
.sg-item-text{position:absolute;bottom:0;left:0;right:0;padding:20px 18px;transform:translateY(8px);opacity:0;transition:.35s}
.sg-item:hover .sg-item-text{transform:translateY(0);opacity:1}
.sg-item-cat{font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:700;letter-spacing:2px;color:var(--gold);text-transform:uppercase;margin-bottom:4px}
.sg-item-title{font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:900;text-transform:uppercase}

/* Signage type grid - photos with type name -->
.sg-types{padding:80px 52px;background:var(--bg)}
.sg-types-inner{max-width:1400px;margin:0 auto}
.sg-types h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:900;text-transform:uppercase;letter-spacing:-1px;margin-bottom:8px}
.sg-types h2 em{color:var(--gold);font-style:normal}
.sg-types-sub{color:var(--muted);font-size:14px;margin-bottom:44px}
.sg-types-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.sg-type{border-radius:12px;overflow:hidden;background:var(--s1);border:1px solid var(--border);transition:transform .2s,border-color .2s;cursor:pointer}
.sg-type:hover{transform:translateY(-4px);border-color:rgba(245,197,24,.3)}
.sg-type img{width:100%;height:140px;object-fit:cover;filter:brightness(.7);transition:filter .3s}
.sg-type:hover img{filter:brightness(.5)}
.sg-type-name{padding:12px 13px;font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}

/* Vehicle branding - full bleed dark section -->
.sg-vehicle{display:grid;grid-template-columns:1fr 1fr;min-height:560px}
.sg-vehicle-img{position:relative;overflow:hidden}
.sg-vehicle-img img{width:100%;height:100%;object-fit:cover;filter:brightness(.6)}
.sg-vehicle-body{background:var(--navy);padding:72px 56px;display:flex;flex-direction:column;justify-content:center}
.sg-vehicle-body h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:900;text-transform:uppercase;letter-spacing:-1px;line-height:1.05;margin-bottom:16px}
.sg-vehicle-body h2 em{color:var(--gold);font-style:normal}
.sg-vehicle-body p{font-size:15px;color:var(--muted);line-height:1.8;margin-bottom:24px;max-width:440px}
.sg-vehicle-list{margin-bottom:32px;display:flex;flex-direction:column;gap:12px}
.sg-v-item{display:flex;align-items:flex-start;gap:10px;font-size:13px;font-weight:600;color:rgba(255,255,255,.85)}
.sg-v-item::before{content:'-';color:var(--gold);font-weight:900;flex-shrink:0}

/* --- printing PAGE --------------------------------------- */
/* --- PRINTING PAGE - Full-bleed split hero + spec table + swatches - */
.pr-hero{display:grid;grid-template-columns:1fr 1fr;min-height:88vh}
.pr-hero-left{background:var(--s1);padding:120px 52px 80px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.pr-hero-left::after{content:'PRINT';position:absolute;bottom:-30px;right:-20px;font-family:'Barlow Condensed',sans-serif;font-size:20vw;font-weight:900;color:rgba(255,255,255,.02);line-height:1;pointer-events:none;white-space:nowrap}
.pr-kicker{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:4px;color:var(--gold);text-transform:uppercase;margin-bottom:20px;display:flex;align-items:center;gap:12px}
.pr-kicker::before{content:'';width:36px;height:2px;background:var(--gold)}
.pr-hero-left h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(3.5rem,7vw,7rem);font-weight:900;text-transform:uppercase;letter-spacing:-3px;line-height:.9;margin-bottom:24px;position:relative;z-index:1}
.pr-hero-left h1 em{color:var(--gold);font-style:normal;display:block}
.pr-hero-left p{font-size:16px;color:var(--muted);line-height:1.8;max-width:460px;margin-bottom:32px;position:relative;z-index:1}
.pr-hero-specs{display:flex;gap:0;background:var(--s2);border-radius:8px;overflow:hidden;margin-top:28px;position:relative;z-index:1}
.pr-spec{flex:1;padding:16px;text-align:center;border-right:1px solid var(--border)}
.pr-spec:last-child{border-right:none}
.pr-spec strong{display:block;font-family:'Barlow Condensed',sans-serif;font-size:1.5rem;font-weight:900;color:var(--gold);line-height:1}
.pr-spec span{font-size:10px;color:var(--muted);letter-spacing:1px;text-transform:uppercase;font-weight:600;display:block;margin-top:3px}
.pr-hero-right{position:relative;overflow:hidden}
.pr-hero-right img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pr-hero-right::after{content:'';position:absolute;left:0;top:0;bottom:0;width:100px;background:linear-gradient(to right,var(--s1),transparent)}

/* Products as horizontal rows - NOT a card grid -->
.pr-products{background:var(--bg);padding:80px 52px}
.pr-products-inner{max-width:1400px;margin:0 auto}
.pr-products h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:900;text-transform:uppercase;letter-spacing:-1px;margin-bottom:8px}
.pr-products h2 em{color:var(--gold);font-style:normal}
.pr-products-sub{color:var(--muted);margin-bottom:44px;font-size:14px}
.pr-row{display:grid;grid-template-columns:80px 1fr auto;gap:24px;align-items:center;padding:24px 0;border-bottom:1px solid var(--border);transition:background .15s;cursor:default}
.pr-row:hover{background:rgba(255,255,255,.02);margin:0 -16px;padding:24px 16px}
.pr-row-num{font-family:'Barlow Condensed',sans-serif;font-size:3rem;font-weight:900;color:rgba(245,197,24,.15);line-height:1;transition:color .2s}
.pr-row:hover .pr-row-num{color:rgba(245,197,24,.35)}
.pr-row h3{font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}
.pr-row p{font-size:13px;color:var(--muted);line-height:1.6}
.pr-row-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.pr-row-tag{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:3px 10px;border-radius:50px;font-size:11px;color:rgba(255,255,255,.5)}
.pr-row-action{flex-shrink:0}

/* Finish swatches - visual only, completely unique -->
.pr-finishes{background:var(--s1);padding:80px 52px;border-top:1px solid var(--border)}
.pr-finishes-inner{max-width:1400px;margin:0 auto}
.pr-finishes h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:900;text-transform:uppercase;letter-spacing:-1px;margin-bottom:8px}
.pr-finishes h2 em{color:var(--gold);font-style:normal}
.pr-finishes-sub{color:var(--muted);margin-bottom:44px;font-size:14px}
.pr-swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.pr-swatch{padding:28px 18px;background:var(--s2);border-right:1px solid var(--border);transition:background .2s;cursor:default}
.pr-swatch:last-child{border-right:none}
.pr-swatch:hover{background:var(--bg)}
.pr-swatch-dot{width:48px;height:48px;border-radius:50%;margin:0 auto 18px;border:2px solid rgba(255,255,255,.1)}
.pr-swatch h4{font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;text-align:center;margin-bottom:8px}
.pr-swatch p{font-size:11px;color:var(--muted);text-align:center;line-height:1.6}

/* Quote CTA - horizontal strip, no CTA section -->
.pr-quote-strip{background:var(--navy);padding:52px;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.pr-quote-strip h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:900;text-transform:uppercase;letter-spacing:-1px;line-height:1.1}
.pr-quote-strip h2 em{color:var(--gold);font-style:normal}
.pr-quote-strip p{color:var(--muted);margin-top:6px;font-size:14px;max-width:420px}
.pr-contact-info{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--muted);text-align:right}
.pr-contact-info a{color:var(--gold);font-weight:700}

/* --- graphic-design PAGE --------------------------------------- */
/* --- GRAPHIC DESIGN - Creative agency, big type, diagonal -------- */
.gd-hero{min-height:100vh;background:var(--navy);display:flex;align-items:center;position:relative;overflow:hidden;padding:120px 52px 80px}
.gd-hero::before{content:'DESIGN';position:absolute;right:-60px;top:50%;transform:translateY(-50%);font-family:'Barlow Condensed',sans-serif;font-size:28vw;font-weight:900;color:rgba(255,255,255,.025);white-space:nowrap;line-height:1;pointer-events:none;letter-spacing:-6px}
.gd-hero-inner{max-width:1400px;margin:0 auto;position:relative;z-index:1}
.gd-hero h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(5rem,12vw,12rem);font-weight:900;text-transform:uppercase;letter-spacing:-5px;line-height:.85;margin-bottom:0}
.gd-hero h1 .line-outline{-webkit-text-stroke:2px rgba(255,255,255,.2);color:transparent}
.gd-hero h1 .line-gold{color:var(--gold)}
.gd-hero h1 .line-white{color:#fff}
.gd-hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;flex-wrap:wrap;margin-top:60px;padding-top:40px;border-top:1px solid rgba(255,255,255,.1)}
.gd-hero-desc{font-size:17px;color:rgba(255,255,255,.7);max-width:480px;line-height:1.8}
.gd-hero-actions{display:flex;flex-direction:column;gap:12px;align-items:flex-end}

/* Services as a magazine list - huge numbers -->
.gd-services{padding:0 52px 80px;background:var(--navy)}
.gd-services-inner{max-width:1400px;margin:0 auto;border-top:2px solid rgba(245,197,24,.3)}
.gd-svc-item{display:grid;grid-template-columns:120px 1fr 200px;gap:28px;align-items:center;padding:36px 0;border-bottom:1px solid rgba(255,255,255,.07);transition:background .2s;cursor:default}
.gd-svc-item:hover{background:rgba(255,255,255,.02);margin:0 -28px;padding:36px 28px}
.gd-svc-num{font-family:'Barlow Condensed',sans-serif;font-size:4.5rem;font-weight:900;color:rgba(245,197,24,.12);line-height:1;transition:color .2s}
.gd-svc-item:hover .gd-svc-num{color:rgba(245,197,24,.3)}
.gd-svc-info h3{font-family:'Barlow Condensed',sans-serif;font-size:24px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
.gd-svc-info p{font-size:13px;color:var(--muted);line-height:1.7;max-width:540px}
.gd-svc-info-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.gd-svc-tag{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);padding:3px 10px;border-radius:50px;font-size:11px;color:rgba(255,255,255,.5)}
.gd-svc-price{text-align:right}
.gd-svc-from{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:4px}
.gd-svc-price strong{font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:900;color:var(--gold)}

/* What you get - delivered files breakdown -->
.gd-deliverables{background:var(--bg);padding:80px 52px}
.gd-deliverables-inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.gd-del-left h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:900;text-transform:uppercase;letter-spacing:-1px;line-height:1.05;margin-bottom:16px}
.gd-del-left h2 em{color:var(--gold);font-style:normal}
.gd-del-left p{font-size:15px;color:var(--muted);line-height:1.8;margin-bottom:28px}
.gd-del-list{display:flex;flex-direction:column;gap:0}
.gd-del-item{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--border);align-items:flex-start}
.gd-del-icon{width:40px;height:40px;min-width:40px;background:rgba(245,197,24,.1);border:1px solid rgba(245,197,24,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}
.gd-del-item h4{font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}
.gd-del-item p{font-size:12px;color:var(--muted);line-height:1.6;margin:0}
.gd-del-right{background:var(--s1);border-radius:20px;padding:40px 36px;border:1px solid var(--border)}
.gd-del-right h3{font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:900;text-transform:uppercase;margin-bottom:6px}
.gd-del-right h3 em{color:var(--gold);font-style:normal}
.gd-del-right p{font-size:13px;color:var(--muted);margin-bottom:24px;line-height:1.7}
.gd-file-types{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.gd-file-type{background:var(--s2);border:1px solid var(--border);padding:8px 14px;border-radius:8px;font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--gold)}
.gd-promise{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}
.gd-promise-item{display:flex;gap:10px;align-items:center;font-size:13px;color:rgba(255,255,255,.8)}
.gd-promise-item::before{content:'-';color:var(--gold);font-weight:900;flex-shrink:0}

/* --- web-development PAGE --------------------------------------- */
/* --- WEB DEV - Code terminal, dark tech feel, different from ALL others ---- */
.wd-hero{background:#050608;padding:110px 52px 80px;position:relative;overflow:hidden}
.wd-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 80% 50%,rgba(80,144,248,.07),transparent),radial-gradient(ellipse 50% 40% at 20% 50%,rgba(245,197,24,.04),transparent)}
.wd-hero-inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;position:relative;z-index:1}
.wd-kicker{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:4px;color:#5090f8;text-transform:uppercase;margin-bottom:18px;display:flex;align-items:center;gap:10px}
.wd-kicker::before{content:'';width:32px;height:2px;background:#5090f8}
.wd-hero h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(3.2rem,6vw,6rem);font-weight:900;text-transform:uppercase;letter-spacing:-2px;line-height:.92;margin-bottom:22px}
.wd-hero h1 em{color:#5090f8;font-style:normal}
.wd-hero p{font-size:16px;color:var(--muted);line-height:1.8;max-width:480px;margin-bottom:28px}
.wd-hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.wd-badge{background:rgba(80,144,248,.1);border:1px solid rgba(80,144,248,.2);padding:6px 14px;border-radius:50px;font-size:11px;font-weight:600;color:#5090f8}

/* Terminal mockup - core visual -->
.wd-terminal{background:#0a0b0e;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.8)}
.wd-terminal-bar{background:#151618;padding:14px 18px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.07)}
.wd-t-dot{width:12px;height:12px;border-radius:50%}
.wd-terminal-filename{font-family:'Courier New',monospace;font-size:11px;color:rgba(255,255,255,.3);margin-left:10px}
.wd-terminal-body{padding:26px 24px;font-family:'Courier New',monospace;font-size:13px;line-height:2.2}
.wd-t-comment{color:rgba(255,255,255,.25)}
.wd-t-key{color:#5090f8}
.wd-t-val{color:#F5C518}
.wd-t-str{color:#28c77a}
.wd-t-punc{color:rgba(255,255,255,.5)}
.wd-t-cursor{display:inline-block;width:10px;height:18px;background:#5090f8;vertical-align:middle;animation:blink 1.2s step-end infinite;margin-left:2px}
@keyframes blink{50%{opacity:0}}

/* Services - different: stacked feature cards with blue accent -->
.wd-services{background:var(--bg);padding:80px 52px}
.wd-services-inner{max-width:1400px;margin:0 auto}
.wd-services h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:900;text-transform:uppercase;letter-spacing:-1px;margin-bottom:8px}
.wd-services h2 em{color:#5090f8;font-style:normal}
.wd-services-sub{color:var(--muted);margin-bottom:44px;font-size:14px}
.wd-svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:rgba(255,255,255,.06);border-radius:12px;overflow:hidden}
.wd-svc-card{background:var(--s1);padding:28px 24px;transition:background .2s;position:relative;overflow:hidden}
.wd-svc-card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#5090f8,rgba(80,144,248,.3));opacity:0;transition:opacity .2s}
.wd-svc-card:hover{background:var(--s2)}
.wd-svc-card:hover::after{opacity:1}
.wd-svc-icon{font-size:1.8rem;margin-bottom:16px}
.wd-svc-card h3{font-family:'Barlow Condensed',sans-serif;font-size:19px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
.wd-svc-card p{font-size:12px;color:var(--muted);line-height:1.7}

/* Why SA-built - dark split with score card -->
.wd-why{background:var(--s1);padding:80px 52px;border-top:1px solid var(--border)}
.wd-why-inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.wd-why h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:900;text-transform:uppercase;letter-spacing:-1px;line-height:1.05;margin-bottom:16px}
.wd-why h2 em{color:#5090f8;font-style:normal}
.wd-why p{font-size:14px;color:var(--muted);line-height:1.8;margin-bottom:28px}
.wd-why-list{display:flex;flex-direction:column;gap:0}
.wd-why-item{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid var(--border);font-size:13px;color:rgba(255,255,255,.8)}
.wd-why-item::before{content:'-';color:#5090f8;font-weight:900;flex-shrink:0}
.wd-score-box{background:#050608;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden}
.wd-score-header{background:#0a0b0e;padding:13px 18px;font-family:'Courier New',monospace;font-size:11px;color:rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.07)}
.wd-score-row{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.06)}
.wd-score-row:last-of-type{border-bottom:none}
.wd-score-label{font-size:13px;font-weight:600;color:rgba(255,255,255,.7)}
.wd-score-val{font-family:'Barlow Condensed',sans-serif;font-size:1.6rem;font-weight:900}
.wd-score-val.green{color:#28c77a}
.wd-score-val.blue{color:#5090f8}
.wd-score-val.gold{color:var(--gold)}
.wd-score-cta{padding:18px 22px}

/* --- online-marketing PAGE --------------------------------------- */
/* --- ONLINE MARKETING - Dashboard/data aesthetic, completely unique -------- */
.om-hero{background:linear-gradient(135deg,#06080f 0%,#0a0c1a 100%);padding:110px 52px 80px;position:relative;overflow:hidden}
.om-hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(80,144,248,.06),transparent);pointer-events:none}
.om-hero-inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}
.om-kicker{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:4px;color:#5090f8;text-transform:uppercase;margin-bottom:18px;display:flex;align-items:center;gap:10px}
.om-kicker::before{content:'';width:32px;height:2px;background:#5090f8}
.om-hero h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(3rem,5.5vw,5.5rem);font-weight:900;text-transform:uppercase;letter-spacing:-2px;line-height:.92;margin-bottom:22px}
.om-hero h1 em{color:#5090f8;font-style:normal}
.om-hero p{font-size:16px;color:var(--muted);line-height:1.8;max-width:480px;margin-bottom:28px}

/* Live metrics dashboard mockup -->
.om-dashboard{background:#0a0c14;border:1px solid rgba(80,144,248,.2);border-radius:16px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.8)}
.om-dash-header{background:#0e1018;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07)}
.om-dash-title{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.4)}
.om-live-dot{width:8px;height:8px;border-radius:50%;background:#28c77a;animation:blink 2s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.om-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.07)}
.om-metric{background:#0a0c14;padding:20px 18px}
.om-metric-label{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:rgba(255,255,255,.3);font-weight:700;margin-bottom:8px}
.om-metric-value{font-family:'Barlow Condensed',sans-serif;font-size:2rem;font-weight:900;line-height:1;margin-bottom:4px}
.om-metric-change{font-size:11px;font-weight:700}
.om-metric-change.up{color:#28c77a}
.om-metric-change.dn{color:#d04848}
.om-dash-chart{padding:18px;background:#0a0c14;border-top:1px solid rgba(255,255,255,.07)}
.om-chart-bars{display:flex;align-items:flex-end;gap:4px;height:60px}
.om-bar{flex:1;border-radius:3px 3px 0 0;background:rgba(80,144,248,.4);transition:background .2s}
.om-bar.active{background:#5090f8}
.om-chart-label{font-family:'Barlow Condensed',sans-serif;font-size:10px;color:rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:1px;margin-top:8px;text-align:center}

/* Platforms - NOT cards, horizontal feature rows -->
.om-platforms{background:var(--bg);padding:80px 52px}
.om-platforms-inner{max-width:1400px;margin:0 auto}
.om-platforms h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:900;text-transform:uppercase;letter-spacing:-1px;margin-bottom:8px}
.om-platforms h2 em{color:#5090f8;font-style:normal}
.om-platforms-sub{color:var(--muted);margin-bottom:44px;font-size:14px}
.om-platform-list{display:flex;flex-direction:column;gap:0}
.om-plat-item{display:grid;grid-template-columns:64px 1fr 160px;gap:24px;align-items:center;padding:28px 0;border-bottom:1px solid var(--border);transition:background .15s}
.om-plat-item:hover{background:rgba(255,255,255,.02);margin:0 -20px;padding:28px 20px}
.om-plat-icon{width:64px;height:64px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0}
.om-plat-info h3{font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}
.om-plat-info p{font-size:13px;color:var(--muted);line-height:1.6}
.om-plat-stat{text-align:right}
.om-plat-stat span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}
.om-plat-stat strong{font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:900;color:#5090f8}

/* No lock-in pledge + process - clean two columns -->
.om-pledge{background:var(--s1);padding:80px 52px;border-top:1px solid var(--border)}
.om-pledge-inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px}
.om-pledge h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:900;text-transform:uppercase;letter-spacing:-1px;line-height:1.05;margin-bottom:16px}
.om-pledge h2 em{color:#5090f8;font-style:normal}
.om-pledge p{font-size:15px;color:var(--muted);line-height:1.8;margin-bottom:24px}
.om-pledge-points{display:flex;flex-direction:column;gap:14px;margin-bottom:32px}
.om-pledge-point{display:flex;gap:12px;align-items:flex-start;font-size:13px;color:rgba(255,255,255,.8)}
.om-pledge-point strong{color:#fff;display:block;margin-bottom:2px;font-size:14px}
.om-pledge-point::before{content:'-';color:#5090f8;font-weight:900;flex-shrink:0;font-size:14px}
.om-process h3{font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:900;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,.4);margin-bottom:28px}
.om-proc-item{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.om-proc-num{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;color:#5090f8;letter-spacing:1px;flex-shrink:0;width:22px}
.om-proc-item h4{font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:800;text-transform:uppercase;margin-bottom:4px}
.om-proc-item p{font-size:12px;color:var(--muted);line-height:1.6;margin:0}

/* --- gifts PAGE --------------------------------------- */
/* --- GIFTS PAGE - Magazine editorial layout --------------- */
.gft-hero{position:relative;height:85vh;overflow:hidden;display:flex;align-items:flex-end}
.gft-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.45)}
.gft-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(19,22,29,1) 0%,rgba(19,22,29,.3) 60%,transparent 100%)}
.gft-hero-content{position:relative;z-index:2;padding:0 52px 72px;max-width:1400px;width:100%}
.gft-eyebrow{display:inline-flex;align-items:center;gap:10px;background:rgba(245,197,24,.15);border:1px solid rgba(245,197,24,.3);border-radius:50px;padding:5px 16px;margin-bottom:24px}
.gft-eyebrow span{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;color:var(--gold);text-transform:uppercase}
.gft-hero h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(4rem,8vw,8rem);font-weight:900;text-transform:uppercase;letter-spacing:-2px;line-height:.9;margin-bottom:24px;color:#fff}
.gft-hero h1 em{color:var(--gold);font-style:normal;display:block}
.gft-hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;flex-wrap:wrap}
.gft-hero-sub{font-size:16px;color:rgba(255,255,255,.75);max-width:480px;line-height:1.75}
.gft-hero-btns{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0}

/* Scrolling category showcase */
.gft-scroll-wrap{background:var(--s1);padding:52px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden}
.gft-scroll-label{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:3px;color:var(--gold);text-transform:uppercase;padding:0 52px;margin-bottom:28px;display:flex;align-items:center;gap:14px}
.gft-scroll-label::after{content:'';flex:1;height:1px;background:var(--border)}
.gft-scroll{display:flex;gap:16px;padding:0 52px;overflow-x:auto;scrollbar-width:none;cursor:grab}
.gft-scroll::-webkit-scrollbar{display:none}
.gft-item{flex-shrink:0;width:280px;border-radius:16px;overflow:hidden;background:var(--s2);border:1px solid var(--border);transition:transform .2s,border-color .2s;position:relative}
.gft-item:hover{transform:translateY(-6px);border-color:rgba(245,197,24,.3)}
.gft-item img{width:100%;height:200px;object-fit:cover;filter:brightness(.8);transition:filter .3s}
.gft-item:hover img{filter:brightness(.65)}
.gft-item-body{padding:20px 18px 18px}
.gft-badge{position:absolute;top:12px;left:12px;background:var(--gold);color:var(--navy);font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;padding:3px 10px;border-radius:50px}
.gft-item-name{font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:800;text-transform:uppercase;margin-bottom:6px}
.gft-item-desc{font-size:12px;color:var(--muted);line-height:1.6;margin-bottom:14px}
.gft-item-actions{display:flex;gap:8px}

/* Occasions - staggered bento grid */
.gft-bento{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:300px 300px;gap:3px;max-width:100%;background:var(--s2)}
.gft-bento-item{position:relative;overflow:hidden;cursor:pointer}
.gft-bento-item.span2c{grid-column:span 2}
.gft-bento-item.span2r{grid-row:span 2}
.gft-bento-item img{width:100%;height:100%;object-fit:cover;filter:brightness(.55);transition:transform .6s,filter .4s}
.gft-bento-item:hover img{transform:scale(1.08);filter:brightness(.35)}
.gft-bento-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(19,22,29,.95) 0%,transparent 50%);opacity:0;transition:opacity .3s}
.gft-bento-item:hover .gft-bento-ov{opacity:1}
.gft-bento-text{position:absolute;bottom:0;left:0;right:0;padding:24px 22px;transform:translateY(8px);opacity:0;transition:.35s}
.gft-bento-item:hover .gft-bento-text{transform:translateY(0);opacity:1}
.gft-bento-cat{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;color:var(--gold);text-transform:uppercase;margin-bottom:5px}
.gft-bento-title{font-family:'Barlow Condensed',sans-serif;font-size:24px;font-weight:900;text-transform:uppercase}
.gft-bento-sub{font-size:13px;color:rgba(255,255,255,.75);margin-top:5px}

/* Why choose - horizontal bands, alternating */
.gft-why{max-width:1400px;margin:0 auto;padding:80px 52px}
.gft-why-title{font-family:'Barlow Condensed',sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:900;text-transform:uppercase;margin-bottom:48px;letter-spacing:-1px}
.gft-why-title em{color:var(--gold);font-style:normal}
.gft-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.gft-why-card{background:var(--s1);padding:36px 28px;transition:background .2s}
.gft-why-card:hover{background:var(--s2)}
.gft-why-num{font-family:'Barlow Condensed',sans-serif;font-size:56px;font-weight:900;color:rgba(245,197,24,.1);line-height:1;margin-bottom:16px;transition:color .2s}
.gft-why-card:hover .gft-why-num{color:rgba(245,197,24,.25)}
.gft-why-card h3{font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}
.gft-why-card p{font-size:13px;color:var(--muted);line-height:1.7}

/* --- RESPONSIVE - All service pages -------------------------- */
@media(max-width:1100px){
  /* Clothing strips */
  .lk-intro-inner{grid-template-columns:1fr;gap:40px}
  .lk-intro-img{height:360px}
  .lk-strip.img-left,.lk-strip.img-right{grid-template-columns:1fr;height:auto}
  .lk-strip-img{height:340px}
  .lk-method-tabs{grid-template-columns:1fr}
  .lk-brands-logos{grid-template-columns:repeat(3,1fr)}
  /* Displays */
  .dp-section.text-left,.dp-section.text-right{grid-template-columns:1fr;min-height:auto}
  .dp-section-img{height:360px}
  /* Signage */
  .sg-hero-inner{grid-template-columns:1fr;gap:40px}
  .sg-hero-img-wrap{display:none}
  .sg-masonry{grid-template-columns:repeat(2,1fr)}
  .sg-item.tall,.sg-item.wide{grid-column:span 1;grid-row:span 1}
  .sg-types-grid{grid-template-columns:repeat(3,1fr)}
  .sg-vehicle{grid-template-columns:1fr}
  .sg-vehicle-img{height:340px}
  /* Printing */
  .pr-hero{grid-template-columns:1fr;min-height:auto}
  .pr-hero-right{height:340px}
  .pr-swatches{grid-template-columns:repeat(3,1fr)}
  /* Graphic Design */
  .gd-deliverables-inner{grid-template-columns:1fr;gap:40px}
  .gd-svc-item{grid-template-columns:80px 1fr;gap:20px}
  .gd-svc-price{display:none}
  /* Web Dev */
  .wd-hero-inner{grid-template-columns:1fr;gap:40px}
  .wd-terminal{display:none}
  .wd-svc-grid{grid-template-columns:repeat(2,1fr)}
  .wd-why-inner{grid-template-columns:1fr;gap:40px}
  /* Marketing */
  .om-hero-inner{grid-template-columns:1fr;gap:40px}
  .om-dashboard{display:none}
  .om-plat-item{grid-template-columns:52px 1fr;gap:16px}
  .om-plat-stat{display:none}
  .om-pledge-inner{grid-template-columns:1fr;gap:52px}
  /* Gifts */
  .gft-bento{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}
  .gft-bento-item.span2c,.gft-bento-item.span2r{grid-column:span 2;grid-row:span 1}
  .gft-why-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .sg-masonry{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px}
  .sg-types-grid{grid-template-columns:repeat(2,1fr)}
  .pr-swatches{grid-template-columns:repeat(2,1fr)}
  .wd-svc-grid{grid-template-columns:1fr}
  .gft-bento{grid-template-columns:1fr}
  .gft-bento-item.span2c,.gft-bento-item.span2r{grid-column:span 1}
  .gft-why-grid{grid-template-columns:1fr}
  .dp-sizes{padding:52px 20px}
  .dp-table{font-size:11px}
  .dp-table th,.dp-table td{padding:10px 10px}
  .lk-method-tabs,.gd-svc-item{grid-template-columns:1fr}
  .pr-quote-strip{padding:36px 24px;flex-direction:column}
  .gd-hero{padding:100px 24px 60px}
  .sg-hero,.sg-types,.sg-vehicle-body{padding-left:24px;padding-right:24px}
  .dp-screen-content{padding:0 24px 60px}
}

/* ============================================================
   MEGA MENU
============================================================ */
:root{--hh:146px}

.hdr-nav{
  height:46px;display:flex;align-items:stretch;justify-content:center;
  padding:0 20px;overflow-x:auto;scrollbar-width:none;
  background:var(--s1);border-bottom:1px solid var(--border);
}
.hdr-nav::-webkit-scrollbar{display:none}

/* Each nav item wrapper */
.ni{position:static;display:flex;align-items:stretch}

/* Split label + arrow: label is a real <a>, arrow is a tiny button */
.ni-wrap{display:flex;align-items:stretch}
.nb{
  display:flex;align-items:center;gap:5px;padding:0 14px;
  font-family:"Barlow Condensed",sans-serif;font-size:1rem;font-weight:700;
  letter-spacing:.5px;text-transform:uppercase;
  color:var(--text);background:none;border:none;
  border-bottom:2.5px solid transparent;
  white-space:nowrap;cursor:pointer;text-decoration:none;
  transition:color .14s,border-color .14s;
}
.nb:hover,.nb:focus{color:var(--gold);outline:none}
.nb.active{color:var(--gold);border-bottom-color:var(--gold)}
/* The label link part */
.nb-link{padding-right:4px}
/* The tiny arrow button */
.nb-arrow{padding:0 10px 0 4px;border-bottom:2.5px solid transparent;background:none;border-top:none;border-left:none;border-right:none;color:var(--muted);cursor:pointer;transition:color .14s,border-color .14s;display:flex;align-items:center}
.nb-arrow:hover{color:var(--gold)}
.nb-arrow svg{transition:transform .18s}
.ni.open .nb-arrow svg{transform:rotate(180deg)}
.ni.open .nb-link,.ni.open .nb-arrow{color:var(--gold);border-bottom-color:var(--gold)}
/* Direct links (no dropdown) */
.ni > .nb{padding:0 16px}

/* MEGA PANEL */
.mega{
  position:fixed;top:var(--hh);left:0;right:0;
  background:var(--s1);border-bottom:3px solid var(--gold);
  box-shadow:0 24px 80px rgba(0,0,0,.85);
  z-index:9996;display:none;
}
.ni.open .mega{display:block}
.mega-inner{
  max-width:1600px;margin:0 auto;
  padding:24px 48px 32px;
  display:flex;flex-direction:column;gap:0;
}
.mega-top-bar{
  padding-bottom:12px;
  border-bottom:1px solid rgba(255,255,255,.07);
  margin-bottom:18px;
}
.mega-view-all{
  font-family:"Barlow Condensed",sans-serif;
  font-size:.78rem;font-weight:800;letter-spacing:.15em;
  color:var(--gold);text-transform:uppercase;text-decoration:none;
  display:inline-flex;align-items:center;gap:8px;
  transition:opacity .2s;
}
.mega-view-all:hover{opacity:.75}
/* cols: flex row, scrollable if content is very tall */
.mega-cols{
  display:flex;gap:0;align-items:flex-start;
  max-height:72vh;overflow-y:auto;scrollbar-width:thin;
  scrollbar-color:rgba(245,197,24,.3) transparent;
}
.mega-cols::-webkit-scrollbar{width:4px}
.mega-cols::-webkit-scrollbar-thumb{background:rgba(245,197,24,.3);border-radius:4px}
.mcol{
  flex:1;min-width:140px;max-width:220px;
  padding:0 20px;border-right:1px solid var(--border);
}
.mcol:first-child{padding-left:0}
.mcol:last-child{border-right:none}
.mc-head{
  font-family:"Barlow Condensed",sans-serif;
  font-size:.67rem;text-transform:uppercase;letter-spacing:.15em;
  color:var(--gold);font-weight:800;margin-bottom:10px;
  padding-bottom:7px;border-bottom:1px solid rgba(245,197,24,.2);
  white-space:nowrap;
}
.mc-link{
  display:flex;align-items:center;gap:7px;
  padding:5px 0;font-size:.84rem;font-weight:500;color:rgba(255,255,255,.75);
  text-decoration:none;width:100%;
  transition:color .12s,padding-left .12s;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;
}
.mc-link:hover{color:var(--gold);padding-left:4px}
.mc-link svg{color:var(--muted);flex-shrink:0;transition:color .12s}
.mc-link:hover svg{color:var(--gold)}

@media(max-width:900px){
  #menuTog{
    display:flex !important;align-items:center;justify-content:center;
    width:40px;height:40px;border-radius:8px;
    background:rgba(255,255,255,.07);border:1px solid var(--border);
  }
  #menuTog svg{width:20px;height:20px}
  .bee{display:none}
  .hdr-search{display:none !important}
  .hdr-nav{
    display:none;
    position:fixed;
    top:72px;
    left:0;
    right:0;
    bottom:0;
    height:auto !important;
    z-index:9997;
    background:var(--s1);
    flex-direction:column;
    align-items:stretch;
    padding:8px 0 24px;
    border-top:2px solid var(--gold);
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
    box-shadow:0 20px 60px rgba(0,0,0,.85);
  }
  .hdr-nav.open{display:flex}
  .ni{flex-direction:column}
  .ni-wrap{justify-content:space-between;border-bottom:1px solid var(--border)}
  .nb,.nb-link{padding:14px 22px;border-bottom:none;border-left:3px solid transparent;font-size:1rem}
  .nb-arrow{border-left:none;padding:14px 18px}
  .nb.active,.ni.open .nb-link{border-left-color:var(--gold);color:var(--gold);background:rgba(245,197,24,.04)}
  .ni > .nb{padding:14px 22px;border-bottom:1px solid var(--border);border-left:3px solid transparent;font-size:1rem}
  .ni > .nb.active{border-left-color:var(--gold);color:var(--gold)}
  .mega{
    position:static;top:auto;
    box-shadow:none;border:none;border-bottom:1px solid var(--border);
    background:rgba(245,197,24,.03);display:none;
  }
  .ni.open .mega{display:block}
  .mega-inner{padding:10px 22px 18px}
  .mega-top-bar{display:none}
  .mega-cols{flex-direction:column;gap:0}
  .mcol{border:none;padding:0;min-width:unset}
  .mc-head{font-size:.68rem;margin-bottom:8px;padding-top:14px}
  .mc-link{font-size:.9rem;padding:8px 10px;border-radius:6px}
  .mc-link:hover{background:rgba(245,197,24,.06);padding-left:14px}
  .mc-link svg{display:none}
  #megaOv{display:none !important}
  .topbar{display:none}
  :root{--hh:72px}
}
@media(max-width:480px){
  .hdr-r .btn{display:none}
  .hdr-r .btn:last-of-type{display:flex}
}