:root{--bg:#071626;--bg2:#0b2035;--panel:#102a46cc;--panel2:#173b60cc;--line:#2a5372;--text:#eef8ff;--muted:#a8c1d1;--cyan:#03d7ff;--teal:#17f0d2;--shadow:0 22px 80px rgba(0,190,255,.16);--radius:26px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 70% 10%,#094d7e 0,#071626 32%,#071321 100%);color:var(--text);line-height:1.55;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,rgba(2,8,18,.15),rgba(6,16,28,.86)),radial-gradient(circle at 25% 30%,rgba(0,224,255,.12),transparent 32%),radial-gradient(circle at 80% 55%,rgba(20,240,210,.11),transparent 28%);pointer-events:none;z-index:-3}.bg-orb{position:fixed;border-radius:50%;filter:blur(70px);opacity:.35;z-index:-2}.orb-1{width:440px;height:440px;background:#00d5ff;right:-120px;top:130px}.orb-2{width:340px;height:340px;background:#0df0c9;left:-100px;bottom:15%}.container{width:min(1180px,calc(100% - 48px));margin:auto}.section-pad{padding:105px 0}.alt{background:linear-gradient(180deg,rgba(17,48,78,.25),rgba(17,48,78,.08));border-top:1px solid rgba(99,173,214,.12);border-bottom:1px solid rgba(99,173,214,.08)}.site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:28px;padding:18px 7%;background:rgba(6,18,31,.76);backdrop-filter:blur(18px);border-bottom:1px solid rgba(92,166,204,.16)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:900;font-size:20px}.brand-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--cyan),var(--teal));color:white;box-shadow:0 0 26px rgba(0,216,255,.45)}.nav{display:flex;gap:28px;margin-left:auto}.nav a,.footer a{color:var(--text);text-decoration:none;font-weight:700;font-size:14px;opacity:.9}.nav a:hover,.footer a:hover{color:var(--cyan)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:14px;padding:15px 24px;font-weight:900;text-decoration:none;cursor:pointer;transition:.25s;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#06d8ff,#11e6d0);color:white;box-shadow:0 14px 34px rgba(0,211,255,.25)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(0,211,255,.36)}.btn-secondary{background:rgba(47,83,120,.55);color:white;border:1px solid rgba(120,185,220,.22)}.btn-ghost{background:transparent;color:#d9f8ff;border:1px solid rgba(0,220,255,.32)}.menu-btn{display:none;margin-left:auto;background:transparent;color:white;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:8px 11px;font-size:22px}.hero{padding-top:120px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:900;color:#cbefff;background:rgba(8,35,58,.72);border:1px solid rgba(0,225,255,.18);border-radius:999px;padding:8px 12px;margin-bottom:18px}.eyebrow span{width:12px;height:7px;border-radius:999px;background:linear-gradient(135deg,var(--cyan),var(--teal));box-shadow:0 0 18px var(--cyan)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(46px,7vw,86px);line-height:.98;letter-spacing:-.07em;margin-bottom:25px;text-shadow:0 0 26px rgba(255,255,255,.12)}h1 span{color:var(--cyan)}h2{font-size:clamp(32px,4.8vw,56px);line-height:1.04;letter-spacing:-.05em;margin-bottom:18px}h3{letter-spacing:-.02em}.lead{font-size:19px;color:#bfd3df;max-width:680px;font-weight:600}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:34px 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:42px}.stats strong{display:block;font-size:42px;line-height:1;color:var(--cyan);font-weight:900}.stats span{font-weight:800;color:#a8c1d1}.hero-card{position:relative}.profile-frame{border:1px solid rgba(120,203,235,.32);border-radius:30px;overflow:hidden;background:#0e2841;box-shadow:var(--shadow);position:relative}.profile-frame:before{content:"";position:absolute;inset:-2px;background:linear-gradient(120deg,rgba(0,218,255,.5),transparent 35%,rgba(20,240,210,.35));opacity:.55;z-index:0}.profile-frame img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;position:relative;z-index:1}.profile-caption{position:absolute;left:24px;right:24px;bottom:22px;z-index:2;background:linear-gradient(180deg,rgba(7,16,27,.05),rgba(7,16,27,.72));border-radius:18px;padding:18px}.profile-caption strong{display:block;font-size:19px}.profile-caption span{font-weight:700;color:#c0d3df;font-size:13px}.logos{padding:42px 0;background:rgba(16,43,70,.45);border-top:1px solid rgba(111,179,216,.13);border-bottom:1px solid rgba(111,179,216,.13);text-align:center}.logos p{text-transform:uppercase;letter-spacing:.11em;color:#d5eaf3;font-size:13px;font-weight:900}.logo-row{display:flex;justify-content:center;gap:56px;flex-wrap:wrap;color:white;font-weight:900;font-size:22px;opacity:.82}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.about-image img{width:100%;border-radius:24px;box-shadow:var(--shadow);border:1px solid rgba(120,203,235,.25)}.about-grid p{font-size:18px;color:#d1e4ed;font-weight:600}.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.mini-cards div,.skill-box,.card,.process-card,.contact-form,.contact-cards a,.contact-cards div{background:linear-gradient(180deg,rgba(30,73,112,.76),rgba(19,46,75,.55));border:1px solid rgba(108,178,216,.22);border-radius:var(--radius);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.mini-cards div{padding:18px}.mini-cards span{display:block;color:#88dce9;text-transform:uppercase;font-weight:900;font-size:12px}.mini-cards b{font-size:17px}.center{text-align:center}.center-eye{margin-left:auto;margin-right:auto}.section-intro{color:#bed3df;font-size:17px;font-weight:700;max-width:720px;margin:0 auto 44px}.left{margin-left:0}.cards{display:grid;gap:22px}.service-grid{grid-template-columns:repeat(3,1fr)}.portfolio-grid{grid-template-columns:repeat(3,1fr)}.why-grid{grid-template-columns:repeat(3,1fr)}.cert-grid{grid-template-columns:repeat(3,1fr)}.card{padding:30px;position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 0,rgba(0,213,255,.12),transparent 35%);opacity:.9}.card>*{position:relative}.card.active{border-color:rgba(0,224,255,.65);box-shadow:0 0 0 1px rgba(0,224,255,.18),0 20px 60px rgba(0,200,255,.12)}.card i{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--cyan),var(--teal));font-style:normal;font-weight:900;font-size:22px;margin-bottom:24px;box-shadow:0 0 30px rgba(0,216,255,.3)}.card h3{font-size:24px;margin-bottom:12px}.card p{color:#c6dce6;font-weight:600}.card ul{list-style:none;padding:0;margin:18px 0 0}.card li{position:relative;padding-left:26px;color:#d8edf6;font-weight:700;margin:9px 0}.card li:before{content:"✓";position:absolute;left:0;color:var(--teal);font-weight:900}.tag{position:absolute;right:24px;top:28px;color:var(--teal);text-transform:uppercase;font-size:11px;font-weight:900;background:rgba(0,225,255,.08);border:1px solid rgba(0,225,255,.18);padding:5px 9px;border-radius:999px}.case b,.cert b{display:block;text-transform:uppercase;font-size:12px;color:#d9f8ff;margin-top:18px}.skill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.skill-box{padding:28px}.skill-box h4{text-transform:uppercase;color:var(--teal);letter-spacing:.08em;margin:0 0 16px}.skill-box span{display:inline-block;margin:5px 6px 5px 0;padding:7px 10px;border-radius:999px;background:rgba(8,25,43,.72);border:1px solid rgba(255,255,255,.13);font-size:13px;font-weight:800;color:#eaf7fd}.exp-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.timeline{border-left:1px solid rgba(0,224,255,.35);padding-left:36px}.time-item{position:relative;margin:0 0 42px}.time-item:before{content:"";position:absolute;left:-46px;top:4px;width:18px;height:18px;background:var(--cyan);border-radius:50%;box-shadow:0 0 25px var(--cyan)}.time-item h3{margin-bottom:3px}.time-item b{color:var(--teal)}.time-item p{color:#d1e4ed;font-weight:600}.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.process-card{padding:28px}.process-card strong{display:block;color:var(--cyan);font-size:32px;margin-bottom:18px}.process-card h3{font-size:18px}.process-card p{color:#c3d8e3;font-weight:600}.contact-section{background:linear-gradient(135deg,rgba(5,30,55,.75),rgba(0,135,200,.20))}.contact-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:58px;align-items:start}.contact-cards{display:grid;gap:16px;margin-top:32px}.contact-cards a,.contact-cards div{display:flex;align-items:center;gap:18px;padding:18px;text-decoration:none;color:white}.contact-cards i{display:grid;place-items:center;min-width:52px;height:52px;border-radius:15px;background:linear-gradient(135deg,var(--cyan),var(--teal));font-style:normal;font-weight:900}.contact-cards b{display:block;text-transform:uppercase;font-size:12px;color:#9bd8e4}.contact-form{padding:30px}.contact-form label{display:block;margin-bottom:15px;color:#f0fbff;font-weight:900}.contact-form input,.contact-form textarea{width:100%;margin-top:8px;background:rgba(85,127,167,.45);border:1px solid rgba(171,221,242,.14);border-radius:14px;padding:17px;color:white;font:inherit;outline:none}.contact-form textarea{min-height:130px;resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#d2e5ee}.privacy{font-size:12px;color:#bcd1dc}.form-btn{width:100%;margin-top:8px}.final-cta{padding:70px 0 95px}.final-card{text-align:center;background:linear-gradient(135deg,rgba(0,188,255,.19),rgba(22,240,210,.11));border:1px solid rgba(0,224,255,.24);border-radius:34px;padding:48px;box-shadow:var(--shadow)}.final-card p{color:#cce1ec;font-weight:700;max-width:760px;margin:0 auto 28px}.footer{padding:64px 0 28px;background:rgba(6,16,29,.9);border-top:1px solid rgba(101,172,210,.14)}.footer-grid{display:grid;grid-template-columns:1.5fr .75fr 1fr;gap:50px}.footer p,.footer span{color:#b9ceda;font-weight:600}.footer h4{margin:0 0 16px}.footer a{display:block;margin:8px 0}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.08);margin-top:40px;padding-top:24px;font-size:13px}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.show{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}@media(max-width:980px){.header-cta{display:none}.menu-btn{display:block}.nav{display:none;position:absolute;left:24px;right:24px;top:76px;flex-direction:column;padding:22px;background:#071626;border:1px solid rgba(111,179,216,.22);border-radius:20px}.nav.open{display:flex}.hero-grid,.about-grid,.exp-grid,.contact-grid{grid-template-columns:1fr}.service-grid,.portfolio-grid,.why-grid,.cert-grid{grid-template-columns:1fr 1fr}.skill-grid{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:repeat(3,1fr)}h1{font-size:54px}}@media(max-width:640px){.container{width:min(100% - 28px,1180px)}.section-pad{padding:70px 0}.site-header{padding:14px}.hero{padding-top:70px}.hero-actions{flex-direction:column}.btn{width:100%}.stats,.mini-cards,.service-grid,.portfolio-grid,.why-grid,.cert-grid,.skill-grid,.process-grid,.footer-grid{grid-template-columns:1fr}.logo-row{gap:22px;font-size:18px}.footer-bottom{flex-direction:column}h1{font-size:44px}.profile-caption{left:12px;right:12px;bottom:12px}.card,.contact-form,.final-card{padding:22px}}


/* Final mobile and hero refinements: hero image removed, contact form fixed on phones */
.hero-no-photo{grid-template-columns:1fr!important;max-width:980px;margin:0 auto;text-align:left;}
.hero-no-photo .hero-copy{max-width:920px;}
.hero-no-photo .lead{max-width:820px;}
.hero-no-photo .stats{max-width:720px;}
.contact-section,.contact-grid,.contact-form{max-width:100%;overflow:hidden;}
.contact-form *,.contact-cards *{box-sizing:border-box;}
.contact-form input,.contact-form textarea,.contact-form button{display:block;width:100%;max-width:100%;box-sizing:border-box;}
.contact-form textarea{max-width:100%;}
@media(max-width:980px){
  .hero-no-photo{text-align:left;}
  .hero-no-photo .stats{max-width:100%;}
  .contact-grid{grid-template-columns:1fr!important;gap:26px!important;width:100%;}
}
@media(max-width:640px){
  html,body{width:100%;max-width:100%;overflow-x:hidden;}
  .container{width:calc(100% - 24px)!important;max-width:100%!important;}
  .site-header{width:100%;max-width:100%;}
  .hero{padding-top:62px!important;}
  .hero-no-photo{text-align:left;gap:0!important;}
  .hero-actions{width:100%;}
  .hero-actions .btn{white-space:normal;min-height:50px;}
  .stats{gap:14px!important;}
  .contact-section{padding-left:0;padding-right:0;}
  .contact-grid{display:grid!important;grid-template-columns:1fr!important;gap:22px!important;width:100%;margin:0;}
  .contact-form{width:100%!important;max-width:100%!important;padding:18px!important;border-radius:18px!important;}
  .contact-form label{width:100%;}
  .contact-form input,.contact-form textarea{width:100%!important;max-width:100%!important;min-width:0!important;padding:14px!important;border-radius:12px!important;}
  .contact-form textarea{min-height:115px;}
  .contact-cards a,.contact-cards div{width:100%;min-width:0;padding:14px!important;align-items:flex-start;}
  .contact-cards span,.contact-cards a{overflow-wrap:anywhere;word-break:break-word;}
  .footer-grid{grid-template-columns:1fr!important;}
  h1{font-size:42px!important;}
  h2{font-size:34px!important;}
}

/* Contact section alignment + mobile overflow fix v3 */
#contact{overflow:hidden;}
#contact .contact-grid{
  align-items:start;
}
@media (min-width:981px){
  #contact .contact-form{
    margin-top:86px;
  }
}
#contact h2,
#contact .section-intro,
#contact .contact-cards,
#contact .contact-form{
  min-width:0;
}
.contact-cards a,
.contact-cards div{
  min-width:0;
  width:100%;
}
.contact-cards a span,
.contact-cards div span{
  min-width:0;
  max-width:100%;
  display:block;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.contact-form{
  min-width:0;
}
.contact-form label{
  min-width:0;
  display:block;
}
.contact-form input,
.contact-form textarea,
.contact-form button{
  min-width:0!important;
  max-width:100%!important;
}
@media (max-width:640px){
  body{overflow-x:hidden!important;}
  .site-header{left:0;right:0;overflow:hidden;}
  .brand{min-width:0;}
  .nav{max-width:calc(100vw - 28px);}
  #contact.section-pad{padding-top:58px!important;padding-bottom:58px!important;}
  #contact .container{
    width:100%!important;
    max-width:100%!important;
    padding-left:14px!important;
    padding-right:14px!important;
    margin:0!important;
  }
  #contact .contact-grid{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  #contact h2{
    font-size:34px!important;
    line-height:1.08!important;
    letter-spacing:-.04em!important;
    max-width:100%!important;
    overflow-wrap:break-word;
    word-break:normal;
  }
  #contact .section-intro{
    font-size:16px!important;
    max-width:100%!important;
  }
  #contact .contact-cards{
    width:100%!important;
    max-width:100%!important;
    gap:14px!important;
    margin-bottom:28px!important;
  }
  #contact .contact-cards a,
  #contact .contact-cards div{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:16px!important;
    gap:14px!important;
    border-radius:20px!important;
  }
  #contact .contact-cards i{
    min-width:48px!important;
    width:48px!important;
    height:48px!important;
    font-size:14px!important;
  }
  #contact .contact-cards span{
    min-width:0!important;
    max-width:calc(100% - 62px)!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    font-size:16px!important;
  }
  #contact .contact-cards b{
    font-size:11px!important;
    margin-bottom:3px!important;
  }
  #contact .contact-form{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-top:0!important;
    padding:18px!important;
    border-radius:22px!important;
    overflow:hidden!important;
  }
  #contact .contact-form label{
    width:100%!important;
    max-width:100%!important;
    margin-bottom:14px!important;
    font-size:16px!important;
  }
  #contact .contact-form input,
  #contact .contact-form textarea{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:14px!important;
    font-size:16px!important;
    border-radius:14px!important;
  }
  #contact .contact-form textarea{min-height:130px!important;}
  #contact .privacy{font-size:13px!important;line-height:1.55!important;}
  #contact .form-btn{width:100%!important;max-width:100%!important;}
}
@media (max-width:380px){
  #contact h2{font-size:30px!important;}
  #contact .container{padding-left:12px!important;padding-right:12px!important;}
  #contact .contact-cards a,#contact .contact-cards div{padding:14px!important;}
}


/* === V4 HARD FIX: contact desktop alignment + mobile viewport containment === */
html, body { max-width: 100%; overflow-x: hidden !important; }
#contact, #contact * { box-sizing: border-box !important; }
#contact { overflow-x: clip !important; }
#contact .container.contact-grid {
  width: min(1180px, calc(100% - 48px)) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr) !important;
  align-items: start !important;
  gap: 42px !important;
}
#contact .reveal,
#contact .contact-form,
#contact .contact-cards,
#contact .contact-cards a,
#contact .contact-cards div {
  min-width: 0 !important;
  max-width: 100% !important;
}
#contact h2 {
  max-width: 100% !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}
#contact .section-intro.left { max-width: 540px !important; margin-left: 0 !important; }
#contact .contact-cards a,
#contact .contact-cards div {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
}
#contact .contact-cards span {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
#contact .contact-form {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  align-self: start !important;
}
#contact .contact-form label,
#contact .contact-form input,
#contact .contact-form textarea,
#contact .contact-form button {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}
#contact .contact-form input,
#contact .contact-form textarea { display: block !important; }

@media (max-width: 980px) {
  #contact .container.contact-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 26px !important;
  }
}

@media (max-width: 640px) {
  body { width: 100% !important; }
  .site-header { width: 100% !important; max-width: 100% !important; padding-left: 14px !important; padding-right: 14px !important; }
  .menu-btn { flex: 0 0 auto !important; }
  #contact.section-pad { padding-top: 56px !important; padding-bottom: 56px !important; }
  #contact .container.contact-grid {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    margin: 0 !important;
    gap: 20px !important;
  }
  #contact h2 {
    font-size: clamp(30px, 9vw, 38px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.045em !important;
    white-space: normal !important;
  }
  #contact .section-intro.left {
    font-size: 16px !important;
    line-height: 1.55 !important;
    max-width: 100% !important;
    margin-bottom: 24px !important;
  }
  #contact .contact-cards { gap: 12px !important; margin-top: 24px !important; }
  #contact .contact-cards a,
  #contact .contact-cards div {
    padding: 14px !important;
    gap: 12px !important;
    border-radius: 18px !important;
    align-items: center !important;
  }
  #contact .contact-cards i {
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
  }
  #contact .contact-cards b { font-size: 10px !important; letter-spacing: .02em !important; }
  #contact .contact-cards span { font-size: 15px !important; line-height: 1.35 !important; }
  #contact .contact-form {
    margin: 0 !important;
    padding: 16px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
  }
  #contact .contact-form label {
    margin-bottom: 12px !important;
    font-size: 15px !important;
  }
  #contact .contact-form input,
  #contact .contact-form textarea {
    margin-top: 7px !important;
    padding: 13px 14px !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    border-radius: 13px !important;
  }
  #contact .contact-form textarea { min-height: 120px !important; }
  #contact .privacy { font-size: 13px !important; line-height: 1.5 !important; }
  #contact .form-btn { min-height: 54px !important; }
}


.form-status {
  display: none;
  width: 100%;
  box-sizing: border-box;
  padding: 14px 16px;
  border-radius: 16px;
  margin-bottom: 16px;
  font-weight: 700;
  line-height: 1.45;
  border: 1px solid rgba(255,255,255,.14);
}

.form-status.show {
  display: block;
}

.form-status.success {
  background: rgba(14, 239, 212, .14);
  color: #dffffc;
  border-color: rgba(14, 239, 212, .4);
  box-shadow: 0 0 24px rgba(14, 239, 212, .12);
}

.form-status.error {
  background: rgba(255, 82, 82, .14);
  color: #ffe8e8;
  border-color: rgba(255, 82, 82, .35);
}

@media (max-width: 768px) {
  .form-status {
    font-size: 14px;
    padding: 12px 14px;
    border-radius: 14px;
  }
}


/* === FINAL MOBILE MENU FIX: no-JS checkbox fallback + sticky header === */
.site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 99999 !important;
}

.nav-toggle {
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
  pointer-events: none !important;
}

@media (min-width: 981px) {
  .menu-btn { display: none !important; }
  .nav { display: flex !important; }
}

@media (max-width: 980px) {
  .site-header {
    display: flex !important;
    align-items: center !important;
    overflow: visible !important;
    z-index: 99999 !important;
  }

  .brand {
    flex: 1 1 auto !important;
  }

  .header-cta {
    display: none !important;
  }

  .menu-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    margin-left: auto !important;
    border-radius: 18px !important;
    background: rgba(8, 31, 52, .92) !important;
    border: 1px solid rgba(126, 210, 255, .32) !important;
    color: #fff !important;
    font-size: 32px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    user-select: none !important;
    -webkit-tap-highlight-color: transparent !important;
    z-index: 100001 !important;
  }

  .nav {
    display: none !important;
    position: absolute !important;
    top: calc(100% + 10px) !important;
    left: 16px !important;
    right: 16px !important;
    width: auto !important;
    max-width: calc(100vw - 32px) !important;
    flex-direction: column !important;
    gap: 4px !important;
    padding: 14px !important;
    background: rgba(5, 19, 34, .98) !important;
    border: 1px solid rgba(0, 216, 255, .38) !important;
    border-radius: 22px !important;
    box-shadow: 0 24px 70px rgba(0,0,0,.55), 0 0 30px rgba(0,216,255,.18) !important;
    z-index: 100000 !important;
  }

  .nav-toggle:checked ~ .nav {
    display: flex !important;
  }

  .nav.open,
  .nav.is-open {
    display: flex !important;
  }

  .nav a {
    display: block !important;
    width: 100% !important;
    padding: 16px 18px !important;
    border-radius: 14px !important;
    font-size: 18px !important;
    color: #eef8ff !important;
    text-align: left !important;
    opacity: 1 !important;
  }

  .nav a:hover,
  .nav a:active {
    background: rgba(0,216,255,.12) !important;
    color: #03d7ff !important;
  }
}


/* === FINAL FIXED HEADER === */
:root {
  --fixed-header-height: 86px;
}

html {
  scroll-padding-top: 110px !important;
}

body {
  padding-top: var(--fixed-header-height) !important;
}

.site-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 999999 !important;
  background: rgba(3, 14, 27, 0.94) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  border-bottom: 1px solid rgba(126, 210, 255, .18) !important;
}

@media (max-width: 980px) {
  :root {
    --fixed-header-height: 82px;
  }

  html {
    scroll-padding-top: 104px !important;
  }

  body {
    padding-top: var(--fixed-header-height) !important;
  }

  .site-header {
    overflow: visible !important;
  }

  .site-header .nav {
    position: fixed !important;
    top: 88px !important;
    left: 16px !important;
    right: 16px !important;
    z-index: 999998 !important;
  }
}