@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@300;400;500&family=DM+Mono:wght@400;500&display=swap');

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --navy:#0f1b2d;--navy2:#162236;--navy3:#1e2f45;
  --cyan:#2dd4bf;--cyan2:#00c9b1;
  --orange:#f97316;--orange2:#ea6a0a;
  --white:#fff;--muted:#7a93a8;--border:rgba(45,212,191,.15);
  --ft:'Bebas Neue',sans-serif;--fb:'DM Sans',sans-serif;--fm:'DM Mono',monospace;
}
html{scroll-behavior:smooth}
body{font-family:var(--fb);background:var(--navy);color:var(--white);overflow-x:hidden;padding-top:62px}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:.75rem 2.5rem;background:rgba(15,27,45,.97);border-bottom:1px solid var(--border);backdrop-filter:blur(10px);height:62px}
.nav-logo img{height:40px;width:auto;display:block}
.nav-links{display:flex;gap:0;list-style:none}
.nav-links a{color:var(--muted);text-decoration:none;font-size:.72rem;letter-spacing:1.8px;text-transform:uppercase;padding:.5rem .9rem;transition:color .2s;border-bottom:2px solid transparent;white-space:nowrap}
.nav-links a:hover,.nav-links a.active{color:var(--cyan);border-bottom-color:var(--cyan)}
.nav-cta{background:var(--orange);color:var(--white);border:none;padding:.5rem 1.2rem;font-family:var(--fb);font-size:.72rem;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:background .2s;white-space:nowrap;text-decoration:none;display:inline-block}
.nav-cta:hover{background:var(--orange2)}
.nav-burger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px}
.nav-burger span{display:block;width:22px;height:2px;background:var(--white);transition:all .3s}
.nav-burger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.nav-burger.open span:nth-child(2){opacity:0}
.nav-burger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

/* BUTTONS */
.btn-p{background:var(--orange);color:var(--white);border:none;padding:.8rem 2rem;font-family:var(--fb);font-weight:500;font-size:.86rem;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}
.btn-p:hover{background:var(--orange2);transform:translateY(-1px)}
.btn-s{background:transparent;color:var(--cyan);border:1.5px solid var(--cyan);padding:.8rem 2rem;font-family:var(--fb);font-weight:500;font-size:.86rem;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}
.btn-s:hover{background:rgba(45,212,191,.1)}

/* PAGE HERO BANNER */
.page-hero{padding:4rem 2.5rem 3rem;position:relative;overflow:hidden;background:var(--navy2)}
.page-hero::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 59px,rgba(45,212,191,.03) 60px),repeating-linear-gradient(0deg,transparent,transparent 59px,rgba(45,212,191,.03) 60px)}
.page-hero-content{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:2rem}
.page-hero-logo img{height:56px;width:auto}
.page-hero-text .ptag{font-family:var(--fm);font-size:.68rem;letter-spacing:3px;color:var(--cyan);text-transform:uppercase;margin-bottom:.5rem;display:flex;align-items:center;gap:.6rem}
.page-hero-text .ptag::before{content:'';width:16px;height:1px;background:var(--cyan)}
.page-hero-text .ptag.or{color:var(--orange)}
.page-hero-text .ptag.or::before{background:var(--orange)}
.page-hero-text h1{font-family:var(--ft);font-size:clamp(2.8rem,6vw,5rem);line-height:.95;margin-bottom:.8rem}
.page-hero-text h1 .cy{color:var(--cyan)}
.page-hero-text h1 .or{color:var(--orange)}
.page-hero-text p{color:var(--muted);font-size:.9rem;line-height:1.7;max-width:560px}

/* SECTIONS */
section{padding:4rem 2.5rem}
.sec-tag{font-family:var(--fm);font-size:.66rem;letter-spacing:3px;color:var(--cyan);text-transform:uppercase;margin-bottom:.5rem;display:flex;align-items:center;gap:.6rem}
.sec-tag::before{content:'';width:16px;height:1px;background:var(--cyan)}
.sec-tag.or{color:var(--orange)}
.sec-tag.or::before{background:var(--orange)}
.sec-title{font-family:var(--ft);font-size:clamp(2rem,4vw,3.2rem);line-height:1;margin-bottom:.5rem}
.sec-sub{color:var(--muted);font-size:.9rem;line-height:1.7;max-width:600px;margin-bottom:2rem}

/* LOGO BANNER */
.logo-banner{display:flex;align-items:center;gap:1.2rem;padding:1rem 1.5rem;background:var(--navy3);border-left:3px solid var(--orange);margin-bottom:2rem}
.logo-banner.cy{border-left-color:var(--cyan)}
.logo-banner img{height:42px;width:auto}
.lb-div{width:1px;height:40px;background:var(--border)}
.lb-label{font-family:var(--fm);font-size:.6rem;letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin-bottom:.2rem}
.lb-name{font-family:var(--ft);font-size:1.3rem;color:var(--white);line-height:1}

/* CARDS GRID */
.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5px;background:rgba(45,212,191,.07)}
.card{background:var(--navy);padding:1.6rem;position:relative;overflow:hidden;cursor:pointer;transition:all .2s;border-top:2px solid transparent}
.card:hover{background:var(--navy3);border-top-color:var(--orange)}
.card-icon{font-size:1.5rem;margin-bottom:.8rem}
.card-title{font-weight:500;font-size:.92rem;margin-bottom:.4rem}
.card-desc{font-size:.78rem;color:var(--muted);line-height:1.6}
.card-price{margin-top:1rem;font-family:var(--ft);font-size:1.2rem;color:var(--orange)}
.card-badge{position:absolute;top:.8rem;right:.8rem;background:var(--orange);color:var(--white);font-family:var(--fm);font-size:.56rem;padding:.15rem .4rem;letter-spacing:1.5px;text-transform:uppercase}

/* TABS */
.tabs-nav{display:flex;border-bottom:1px solid var(--border);margin-bottom:2rem;overflow-x:auto}
.tab-btn{background:none;border:none;color:var(--muted);padding:.8rem 1.4rem;font-family:var(--fb);font-size:.74rem;letter-spacing:2px;text-transform:uppercase;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s;white-space:nowrap}
.tab-btn:hover{color:var(--white)}
.tab-btn.active{color:var(--orange);border-bottom-color:var(--orange)}
.tab-content{display:none}
.tab-content.active{display:block;animation:fadeIn .2s ease}
@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

/* AUCTION */
.auction-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5px;background:rgba(45,212,191,.07)}
.auction-card{background:var(--navy);padding:1.6rem;border-top:2px solid transparent;transition:border-color .2s}
.auction-card:hover{border-top-color:var(--cyan)}
.abadge{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--fm);font-size:.6rem;letter-spacing:2px;padding:.25rem .6rem;margin-bottom:.8rem;text-transform:uppercase}
.abadge .dot{width:5px;height:5px;border-radius:50%}
.abadge.live{background:rgba(26,122,46,.2);color:#4ade80;border:1px solid rgba(26,122,46,.3)}
.abadge.live .dot{background:#4ade80;animation:pulse 1.5s infinite}
.abadge.ending{background:rgba(249,115,22,.15);color:var(--orange);border:1px solid rgba(249,115,22,.3)}
.abadge.ending .dot{background:var(--orange);animation:pulse .8s infinite}
.abadge.soon{background:rgba(122,147,168,.08);color:var(--muted);border:1px solid rgba(122,147,168,.2)}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}
.a-title{font-weight:500;font-size:.92rem;margin-bottom:.4rem}
.a-desc{font-size:.76rem;color:var(--muted);margin-bottom:1rem;line-height:1.6}
.a-footer{border-top:1px solid rgba(255,255,255,.06);padding-top:.8rem}
.a-price-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:.6rem}
.bid-label{font-size:.58rem;color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:.15rem}
.cur-bid{font-family:var(--ft);font-size:1.8rem;color:var(--cyan);line-height:1}
.timer{font-family:var(--fm);font-size:.76rem;color:var(--orange);text-align:right}
.timer-lbl{font-size:.58rem;color:var(--muted);display:block;margin-bottom:.1rem}
.bid-btn{width:100%;background:var(--cyan);color:var(--navy);border:none;padding:.55rem;font-family:var(--fb);font-weight:500;font-size:.74rem;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:background .2s}
.bid-btn:hover{background:var(--cyan2)}
.bid-btn:disabled{background:var(--navy3);color:var(--muted);cursor:default}

/* SERVICES */
.svc-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5px;background:rgba(45,212,191,.07)}
.svc{background:var(--navy2);padding:2.2rem;position:relative;overflow:hidden}
.svc-num{font-family:var(--ft);font-size:5rem;color:rgba(45,212,191,.06);position:absolute;top:.5rem;right:1.2rem;line-height:1}
.svc-bar{width:32px;height:3px;background:var(--cyan);margin-bottom:1.2rem}
.svc-bar.or{background:var(--orange)}
.svc-title{font-family:var(--ft);font-size:1.7rem;margin-bottom:.7rem}
.svc-desc{font-size:.83rem;color:var(--muted);line-height:1.7}
.svc-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.2rem}
.stag{font-family:var(--fm);font-size:.6rem;letter-spacing:1.5px;padding:.25rem .6rem;text-transform:uppercase;border:1px solid}
.stag.cy{background:rgba(45,212,191,.08);border-color:rgba(45,212,191,.25);color:var(--cyan)}
.stag.or{background:rgba(249,115,22,.08);border-color:rgba(249,115,22,.25);color:var(--orange)}
.svc-cta{background:var(--orange);padding:2.2rem;display:flex;flex-direction:column;justify-content:space-between;gap:1.2rem}
.svc-cta .svc-title,.svc-cta .svc-desc{color:var(--white)}
.svc-cta .svc-desc{color:rgba(255,255,255,.8)}
.svc-cta .btn-p{background:var(--navy);color:var(--white);align-self:flex-start}

/* AQUA */
.aqua-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5px;background:rgba(45,212,191,.08)}
.aqcard{background:rgba(10,30,46,.85);padding:1.6rem;border-top:2px solid transparent;transition:all .2s}
.aqcard:hover{border-top-color:var(--cyan)}
.aqcard.feat{border:1px solid rgba(45,212,191,.3)}
.aq-type{font-family:var(--fm);font-size:.6rem;letter-spacing:2px;color:var(--cyan);text-transform:uppercase;margin-bottom:.5rem}
.aq-name{font-weight:500;font-size:.92rem;margin-bottom:.3rem}
.aq-sub{font-size:.76rem;color:var(--muted);margin-bottom:1rem;line-height:1.6}
.aq-price{font-family:var(--ft);font-size:1.4rem;color:var(--cyan)}
.diff{display:flex;gap:3px;margin-top:.6rem;align-items:center}
.dd{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.1)}
.dd.on{background:var(--cyan)}
.dd-lbl{font-size:.6rem;color:var(--muted);margin-left:.4rem}
.aq-span2{grid-column:span 2}

/* MEDIA PAGE */
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5px;background:rgba(45,212,191,.07)}
.media-card{background:var(--navy2);padding:1.6rem;border-top:2px solid transparent;transition:border-color .2s}
.media-card:hover{border-top-color:var(--cyan)}
.media-type{font-family:var(--fm);font-size:.6rem;letter-spacing:2px;color:var(--cyan);text-transform:uppercase;margin-bottom:.6rem}
.media-type.or{color:var(--orange)}
.media-title{font-weight:500;font-size:.92rem;margin-bottom:.4rem}
.media-desc{font-size:.76rem;color:var(--muted);line-height:1.6;margin-bottom:1rem}
.media-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--navy3);border:1px solid var(--border);color:var(--white);padding:.5rem 1rem;font-size:.74rem;text-decoration:none;transition:all .2s;cursor:pointer}
.media-btn:hover{border-color:var(--cyan);color:var(--cyan)}
.media-btn.dl{border-color:rgba(249,115,22,.3);color:var(--orange)}
.media-btn.dl:hover{background:rgba(249,115,22,.08)}
.video-thumb{width:100%;aspect-ratio:16/9;background:var(--navy3);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;position:relative;overflow:hidden;cursor:pointer;border:1px solid var(--border)}
.video-thumb .play{width:44px;height:44px;border-radius:50%;background:rgba(45,212,191,.2);border:2px solid var(--cyan);display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all .2s}
.video-thumb:hover .play{background:var(--cyan);color:var(--navy)}
.video-embed{width:100%;aspect-ratio:16/9;border:none;margin-bottom:1rem}
.dl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:1.5rem}
.dl-item{background:var(--navy2);border:1px solid var(--border);padding:1.2rem;display:flex;align-items:center;gap:1rem;transition:border-color .2s}
.dl-item:hover{border-color:var(--orange)}
.dl-icon{font-size:1.8rem;flex-shrink:0}
.dl-info{flex:1}
.dl-name{font-size:.86rem;font-weight:500;margin-bottom:.2rem}
.dl-size{font-size:.72rem;color:var(--muted)}
.dl-btn{background:var(--orange);color:var(--white);border:none;padding:.4rem .9rem;font-size:.7rem;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;text-decoration:none;white-space:nowrap}

/* CONTACT */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:start}
.citem{display:flex;gap:.8rem;margin-bottom:1.2rem}
.cdot{width:6px;height:6px;background:var(--cyan);margin-top:5px;flex-shrink:0}
.clabel{font-size:.66rem;letter-spacing:2px;color:var(--cyan);text-transform:uppercase;margin-bottom:.2rem}
.cval{font-size:.9rem}
.ctip{margin-top:1.5rem;padding:1.2rem;background:var(--navy3);border-left:2.5px solid var(--orange)}
.ctip-label{font-size:.66rem;color:var(--orange);letter-spacing:2px;text-transform:uppercase;margin-bottom:.3rem}
.ctip-text{font-size:.82rem;color:var(--muted);line-height:1.65}
.cform{display:flex;flex-direction:column;gap:.8rem}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.finput{width:100%;background:var(--navy);border:1px solid rgba(45,212,191,.15);color:var(--white);padding:.8rem 1rem;font-family:var(--fb);font-size:.86rem;outline:none;transition:border-color .2s}
.finput::placeholder{color:var(--muted)}
.finput:focus{border-color:var(--cyan)}
select.finput option{background:var(--navy2)}
textarea.finput{resize:vertical;min-height:110px}
.form-ok{display:none;padding:.8rem;background:rgba(45,212,191,.08);border:1px solid rgba(45,212,191,.3);color:var(--cyan);font-size:.86rem;text-align:center}

/* MODAL */
.modal-overlay{display:none;position:fixed;inset:0;background:rgba(8,14,26,.92);z-index:200;align-items:center;justify-content:center;padding:1rem}
.modal-overlay.open{display:flex}
.modal{background:var(--navy2);max-width:500px;width:100%;padding:2rem;position:relative;border-top:3px solid var(--cyan);max-height:90vh;overflow-y:auto}
.modal-close{position:absolute;top:.8rem;right:1rem;background:none;border:none;color:var(--muted);font-size:1.2rem;cursor:pointer}
.modal-close:hover{color:var(--white)}
.modal-tag{font-family:var(--fm);font-size:.6rem;letter-spacing:2px;color:var(--cyan);text-transform:uppercase;margin-bottom:.3rem}
.modal-title{font-family:var(--ft);font-size:1.7rem;margin-bottom:.2rem}
.modal-price{font-family:var(--ft);font-size:3rem;color:var(--cyan);margin:.5rem 0;line-height:1}
.modal-hint{font-size:.76rem;color:var(--muted);margin-bottom:1rem}
.bid-row-inp{display:flex}
.bid-row-inp input{flex:1;background:var(--navy);border:1.5px solid var(--cyan);border-right:none;color:var(--white);padding:.8rem 1rem;font-family:var(--fm);font-size:.95rem;outline:none}
.bid-row-inp button{background:var(--cyan);color:var(--navy);border:none;padding:.8rem 1.2rem;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;white-space:nowrap}
.bid-hist{margin-top:1.2rem;border-top:1px solid rgba(255,255,255,.07);padding-top:.8rem}
.bid-hist-title{font-size:.66rem;letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin-bottom:.6rem}
.bid-hist-row{display:flex;justify-content:space-between;font-size:.78rem;padding:.35rem 0;border-bottom:1px solid rgba(255,255,255,.04)}
.bhr-user{color:var(--muted)}
.bhr-amt{color:var(--cyan);font-family:var(--fm)}
.bhr-mine .bhr-user{color:var(--orange)}
.bhr-mine .bhr-amt{color:var(--orange);font-weight:500}

/* TOAST */
.toast{position:fixed;bottom:1.5rem;right:1.5rem;background:var(--navy2);border-left:3px solid var(--cyan);padding:.8rem 1.2rem;font-size:.84rem;z-index:300;transform:translateX(120%);transition:transform .3s;max-width:300px;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.toast.show{transform:translateX(0)}
.toast.ok{border-left-color:#4ade80}
.toast.err{border-left-color:var(--orange)}

/* HOME PAGE */
.home-hero{min-height:90vh;display:flex;flex-direction:column;justify-content:center;padding:5rem 2.5rem 3rem;position:relative;overflow:hidden}
.home-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 55% 50% at 75% 50%,rgba(45,212,191,.05) 0%,transparent 70%),repeating-linear-gradient(90deg,transparent,transparent 59px,rgba(45,212,191,.035) 60px),repeating-linear-gradient(0deg,transparent,transparent 59px,rgba(45,212,191,.035) 60px),var(--navy)}
.home-hero-content{position:relative;z-index:1;max-width:820px}
.home-hero-logo{margin-bottom:2rem}
.home-hero-logo img{height:72px;width:auto}
.home-tagline{font-family:var(--fm);font-size:.68rem;letter-spacing:3px;color:var(--cyan);text-transform:uppercase;margin-bottom:1rem;display:flex;align-items:center;gap:.7rem}
.home-tagline::before{content:'';width:24px;height:1px;background:var(--cyan)}
.home-h1{font-family:var(--ft);font-size:clamp(3.5rem,9vw,7rem);line-height:.9;letter-spacing:1px;margin-bottom:1.2rem}
.home-h1 .cy{color:var(--cyan)}
.home-h1 .or{color:var(--orange)}
.home-desc{max-width:540px;color:var(--muted);font-size:.95rem;line-height:1.75;margin-bottom:2rem}
.home-btns{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:2.5rem}
.home-services{display:flex;flex-wrap:wrap;gap:0;border-top:1px solid var(--border);padding-top:1.8rem}
.hsvc{display:flex;align-items:center;gap:.7rem;padding:.8rem 1.8rem .8rem 0;border-right:1px solid var(--border);margin-right:1.8rem}
.hsvc:last-child{border-right:none}
.hsvc-icon{font-size:1.3rem}
.hsvc-lbl{font-size:.68rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}
.hsvc-lbl strong{display:block;color:var(--white);font-size:.82rem;letter-spacing:0;text-transform:none;margin-bottom:.1rem}

/* HOME CARDS (activity overview) */
.act-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5px;background:rgba(45,212,191,.07)}
.act-card{background:var(--navy2);padding:2rem;position:relative;overflow:hidden;text-decoration:none;color:var(--white);display:block;border-top:2px solid transparent;transition:all .2s}
.act-card:hover{border-top-color:var(--cyan);background:var(--navy3)}
.act-card.or:hover{border-top-color:var(--orange)}
.act-num{font-family:var(--ft);font-size:4.5rem;color:rgba(45,212,191,.08);position:absolute;top:.3rem;right:1rem;line-height:1}
.act-num.or{color:rgba(249,115,22,.08)}
.act-icon{font-size:1.6rem;margin-bottom:.8rem}
.act-title{font-family:var(--ft);font-size:1.5rem;margin-bottom:.5rem}
.act-desc{font-size:.8rem;color:var(--muted);line-height:1.6}
.act-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--cyan);margin-top:1rem}
.act-card.or .act-link{color:var(--orange)}

/* FOOTER */
footer{background:#080e1a;padding:3rem 2.5rem 1.8rem;border-top:1px solid var(--border)}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;margin-bottom:2.5rem}
.footer-logo img{height:42px;width:auto;margin-bottom:.8rem}
.footer-desc{font-size:.78rem;color:var(--muted);line-height:1.75}
.fcol h4{font-family:var(--fm);font-size:.63rem;letter-spacing:2.5px;color:var(--cyan);text-transform:uppercase;margin-bottom:1rem}
.fcol ul{list-style:none}
.fcol li{font-size:.8rem;color:var(--muted);margin-bottom:.6rem;cursor:pointer;transition:color .2s}
.fcol li:hover{color:var(--white)}
.fcol a{text-decoration:none;color:inherit}
.footer-bot{border-top:1px solid rgba(255,255,255,.05);padding-top:1.2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.8rem}
.footer-legal{font-size:.72rem;color:var(--muted)}
.footer-badges{display:flex;gap:.6rem}
.fbadge{font-family:var(--fm);font-size:.58rem;letter-spacing:1.5px;padding:.2rem .55rem;border:1px solid rgba(45,212,191,.2);color:var(--cyan);text-transform:uppercase}

/* RESPONSIVE */
@media(max-width:900px){
  .svc-grid,.contact-grid{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr 1fr}
  .aq-span2{grid-column:span 1}
  .page-hero-content{flex-direction:column;align-items:flex-start}
}
@media(max-width:640px){
  nav{padding:.75rem 1.2rem}
  .nav-links{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:rgba(8,14,26,.98);padding:1.2rem;gap:.3rem;border-bottom:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links a{padding:.65rem .5rem;border-bottom:1px solid rgba(45,212,191,.08);border-right:none}
  .nav-cta{display:none}
  .nav-burger{display:flex}
  section,.page-hero{padding:2.5rem 1.2rem}
  .home-hero{padding:4rem 1.2rem 2.5rem}
  .home-hero-logo img{height:54px}
  .footer-top{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .home-services{flex-direction:column;gap:.5rem}
  .hsvc{border-right:none;padding-right:0}
}