:root{--bg:#07090d;--panel:#0f141c;--panel2:#141d28;--text:#f4f7fb;--muted:#b8c3d1;--line:#233042;--accent:#66ccff;--shadow:0 18px 60px rgba(0,0,0,.35);--max:1280px;--radius:18px}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top,rgba(102,204,255,.08),transparent 24%),linear-gradient(180deg,#06080c 0%,#0a0e14 100%);color:var(--text);line-height:1.55}
a{text-decoration:none;color:inherit} img{max-width:100%;display:block}.container{width:min(calc(100% - 40px),var(--max));margin:0 auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(5,8,12,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0}
.brand{display:flex;align-items:center;gap:12px;min-width:0;flex:0 1 auto}.brand img{height:48px}
.brand-copy{display:flex;flex-direction:column;line-height:1.03}.brand-copy strong{font-size:.9rem;letter-spacing:.03em}.brand-copy .line1{font-size:.62rem;color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin-top:4px;font-weight:700}.brand-copy .line2{font-size:.58rem;color:var(--accent);letter-spacing:.11em;text-transform:uppercase;margin-top:5px;font-weight:700}
.nav{display:flex;gap:16px;align-items:center;flex-wrap:nowrap;justify-content:flex-end;padding:0;margin:0 0 0 auto;min-width:0}.nav>li{list-style:none;position:relative;display:flex;align-items:center;flex:0 0 auto}
.nav a,.nav button{color:#e9f2ff;font-weight:700;font-size:.86rem;background:none;border:none;cursor:pointer;padding:10px 0;line-height:1.15;white-space:nowrap;letter-spacing:-.01em}.nav li:hover>a,.nav li:hover>button{color:var(--accent)}
.dropdown{position:absolute;top:100%;left:0;display:none;min-width:240px;background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:var(--shadow);padding:10px 0}.dropdown a{display:block;padding:10px 16px;color:var(--muted)}.dropdown a:hover{background:rgba(255,255,255,.04);color:var(--text)}.nav li:hover .dropdown{display:block}
.hero{padding:60px 0 34px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:34px;align-items:center}.kicker{color:var(--accent);font-weight:800;letter-spacing:.22em;text-transform:uppercase;font-size:.78rem}.hero h1{margin:14px 0 12px;font-size:clamp(2.2rem,5vw,4.3rem);line-height:1.03;letter-spacing:-.04em}.hero .brandstack{font-size:1rem;color:var(--accent);font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px}.hero p{color:var(--muted);font-size:1.06rem;max-width:760px}.cta-row{display:flex;gap:14px;flex-wrap:wrap;align-items:stretch;margin-top:26px}.cta-row .btn{flex:0 0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;padding:0 18px;min-height:48px;border-radius:999px;font-weight:800;border:1px solid var(--line);text-align:center}.btn-primary{background:linear-gradient(180deg,var(--accent),#42bff8);color:#031018;border:none}.btn-secondary{background:rgba(255,255,255,.03)}
.hero-media,.panel,.card{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-media{overflow:hidden}.hero-media img{width:100%;height:auto;display:block}
.hero-media-iso{display:flex;align-items:center;justify-content:center;padding:28px}
.hero-media-iso img{width:100%;max-width:560px;height:auto;object-fit:contain}
.hero-media-iso{display:flex;align-items:center;justify-content:center;padding:28px}
.hero-media-iso img{width:100%;max-width:560px;height:auto;object-fit:contain}.section{padding:36px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.section h2,.section h1{margin:0;font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.05;letter-spacing:-.03em}.section-intro{max-width:760px;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{overflow:hidden}.card-body{padding:22px}.card h3{margin:12px 0 10px;font-size:1.1rem}.card p,.panel p,.panel li{color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel{padding:28px}.panel h3{margin:0 0 12px;font-size:1.24rem}.panel ul{margin:12px 0 0 18px;padding:0}
.feature-band{border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow)}.feature-band-inner{display:grid;grid-template-columns:1.05fr .95fr}.feature-copy{padding:34px}.feature-copy h3{margin:0 0 14px;font-size:1.8rem}.feature-copy p,.feature-copy li{color:var(--muted)}.feature-copy ul{margin:12px 0 0 18px;padding:0}.feature-band img{width:100%;height:100%;object-fit:cover}
.download-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.doc-card{padding:22px}.doc-card h3{margin:12px 0 10px}.pill{display:inline-block;padding:4px 10px;border-radius:999px;background:rgba(102,204,255,.12);color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.back-top-wrap{padding:20px 0 6px}.back-top{text-align:right}.site-footer{margin-top:48px;border-top:1px solid rgba(255,255,255,.06);background:#05080b}.footer-inner{padding:26px 0 42px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-copy{color:var(--muted)}.footer-copy strong{display:block;color:var(--text);margin-bottom:8px}.footer-nav{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted)}
@media (max-width:1280px){.header-inner{gap:12px}.nav{gap:12px}.nav a,.nav button{font-size:.82rem}}
@media (max-width:1200px){.header-inner{flex-direction:column;align-items:flex-start}.nav{margin-left:0;justify-content:flex-start;gap:16px;flex-wrap:wrap}}
@media (max-width:1100px){.cards,.download-list{grid-template-columns:repeat(2,1fr)}.hero-grid,.split,.feature-band-inner{grid-template-columns:1fr}}
@media (max-width:760px){.header-inner{padding:14px 0}.nav{gap:10px}.nav>li{width:100%}.cards,.download-list{grid-template-columns:1fr}.hero-media img{}.dropdown{position:static;display:block;min-width:0;border:none;box-shadow:none;padding:0;background:none}.dropdown a{padding:6px 0 0 14px}}

.section,.panel,.card,.feature-band,.download-list{content-visibility:auto;contain-intrinsic-size:1px 700px}

.form-panel{padding:28px}.form-intro{margin:0 0 18px;color:var(--muted)}.contact-form{display:block}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.contact-form label{display:flex;flex-direction:column;gap:8px;font-weight:700}.contact-form label span{font-size:.92rem}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--text);border-radius:12px;padding:14px 14px;font:inherit}.contact-form textarea{resize:vertical;}.contact-form .full{grid-column:1/-1}.hidden-field{position:absolute;left:-9999px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:2px solid rgba(102,204,255,.35);border-color:var(--accent)}
@media (max-width:760px){.form-grid{grid-template-columns:1fr}}

.phone-group{border:1px solid var(--line);border-radius:12px;padding:14px;background:rgba(255,255,255,.03);margin:0;display:flex;flex-direction:column;gap:10px}.phone-group legend{padding:0 8px;font-size:.92rem;font-weight:700}.phone-inline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center}.phone-inline input{text-align:center;letter-spacing:.06em}.phone-inline span{color:var(--muted);font-weight:700}.phone-group small{color:var(--muted);font-size:.82rem}.form-status.success{border-color:rgba(72,209,111,.35)}.form-status.error{border-color:rgba(255,99,99,.35)}.contact-form button[disabled]{opacity:.75;cursor:wait}
@media (max-width:760px){.phone-inline{grid-template-columns:1fr}.phone-inline span{display:none}}


/* Light-page system: keep landing page dark, shift internal pages to white */
body.page-light{background:#f6f8fb;color:#101826}
body.page-light .site-header{background:rgba(255,255,255,.94);border-bottom:1px solid rgba(16,24,38,.08)}
body.page-light .brand-copy strong{color:#101826}
body.page-light .brand-copy .line1{color:var(--accent)}
body.page-light .nav a,body.page-light .nav button{color:#132033}
body.page-light .nav li:hover>a,body.page-light .nav li:hover>button{color:#0f7fc2}
body.page-light .dropdown{background:#fff;border:1px solid rgba(16,24,38,.08);box-shadow:0 20px 50px rgba(16,24,38,.12)}
body.page-light .dropdown a{color:#4e5d6f}
body.page-light .dropdown a:hover{background:#f4f8fc;color:#101826}
body.page-light .hero-media,
body.page-light .panel,
body.page-light .card,
body.page-light .doc-card,
body.page-light .feature-band{background:#fff;border:1px solid rgba(16,24,38,.08);box-shadow:0 20px 50px rgba(16,24,38,.08)}
body.page-light .feature-band{overflow:hidden}
body.page-light .section-intro,
body.page-light .card p,
body.page-light .panel p,
body.page-light .panel li,
body.page-light .feature-copy p,
body.page-light .feature-copy li,
body.page-light .footer-copy,
body.page-light .footer-nav,
body.page-light .contact-form label span,
body.page-light .phone-group small{color:#5f6b7a}
body.page-light .pill{background:rgba(15,127,194,.1);color:#0f7fc2}
body.page-light .btn{border-color:rgba(16,24,38,.12)}
body.page-light .btn-secondary{background:#fff;color:#132033}
body.page-light .contact-form input,
body.page-light .contact-form select,
body.page-light .contact-form textarea,
body.page-light .phone-group{background:#fff;color:#101826;border:1px solid rgba(16,24,38,.12)}
body.page-light .site-footer{background:#fff;border-top:1px solid rgba(16,24,38,.08)}
body.page-light .footer-copy strong{color:#101826}

body.home-page{
  background:radial-gradient(circle at top,rgba(102,204,255,.08),transparent 24%),linear-gradient(180deg,#06080c 0%,#0a0e14 100%);
  color:var(--text);
}
body.home-page .site-header{
  background:rgba(5,8,12,.88);
  border-bottom:1px solid rgba(255,255,255,.06);
}
body.home-page .brand-copy strong,
body.home-page .nav a,
body.home-page .nav button{
  color:#e9f2ff;
}
body.home-page .hero{
  padding:72px 0 42px;
}
body.home-page .hero h1{
  margin:10px 0 14px;
  font-size:clamp(2.5rem,5vw,4.6rem);
  line-height:1.02;
  letter-spacing:-.045em;
}
body.home-page .hero p{
  color:var(--muted);
  max-width:640px;
}


/* Mobile rebuild pass */
.mobile-nav-toggle{display:none;align-items:center;justify-content:center;min-width:48px;height:48px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.03);color:var(--text);cursor:pointer;padding:0 14px;font:inherit;font-weight:800}
.mobile-nav-toggle .mobile-nav-toggle-label{display:none}
.mobile-nav-toggle .mobile-nav-toggle-icon,.mobile-nav-toggle .mobile-nav-toggle-icon::before,.mobile-nav-toggle .mobile-nav-toggle-icon::after{display:block;width:18px;height:2px;background:currentColor;border-radius:999px;transition:transform .2s ease,opacity .2s ease}
.mobile-nav-toggle .mobile-nav-toggle-icon{position:relative}
.mobile-nav-toggle .mobile-nav-toggle-icon::before,.mobile-nav-toggle .mobile-nav-toggle-icon::after{content:"";position:absolute;left:0}
.mobile-nav-toggle .mobile-nav-toggle-icon::before{top:-6px}
.mobile-nav-toggle .mobile-nav-toggle-icon::after{top:6px}
.mobile-nav-open .mobile-nav-toggle .mobile-nav-toggle-icon{background:transparent}
.mobile-nav-open .mobile-nav-toggle .mobile-nav-toggle-icon::before{top:0;transform:rotate(45deg)}
.mobile-nav-open .mobile-nav-toggle .mobile-nav-toggle-icon::after{top:0;transform:rotate(-45deg)}
body.page-light .mobile-nav-toggle{background:#fff;color:#132033;border-color:rgba(16,24,38,.12)}
body.menu-open{overflow:hidden}
@media (max-width:1200px){.header-inner{align-items:center}}
@media (max-width:767px){
  html{overflow-x:hidden}
  body{overflow-x:hidden}
  .container{width:min(calc(100% - 28px),var(--max))}
  .site-header{position:sticky;top:0}
  .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:0;padding:10px 0}
  .brand{min-width:0;gap:10px;max-width:100%}
  .brand img{height:42px;flex:0 0 auto}
  .brand-copy strong{font-size:1rem}
  .brand-copy .line1{font-size:.62rem;letter-spacing:.14em}
  .brand-copy .line2{font-size:.58rem;letter-spacing:.1em}
  .mobile-nav-toggle{display:inline-flex;grid-column:2;grid-row:1}
  .nav{grid-column:1 / -1;margin:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:8px 0 0;width:100%}
  .mobile-nav-open .nav{display:flex}
  .nav>li{width:100%;display:block;border-top:1px solid rgba(255,255,255,.06)}
  body.page-light .nav>li{border-top:1px solid rgba(16,24,38,.08)}
  .nav a,.nav button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 0;font-size:1rem;text-align:left}
  .nav button::after{content:'+';font-size:1.15rem;line-height:1;color:var(--muted)}
  .nav li.open>button::after{content:'–';color:var(--accent)}
  .dropdown{display:none;position:static;min-width:0;border:none;box-shadow:none;padding:0 0 8px;background:none}
  .nav li.open>.dropdown{display:block}
  .dropdown a{padding:10px 0 10px 14px}
  .hero{padding:24px 0 20px}
  .hero-grid{gap:18px}
  .hero h1{font-size:clamp(2rem,9vw,3rem);line-height:1.02}
  .hero p{font-size:1rem}
  .hero .brandstack,.kicker{font-size:.72rem;letter-spacing:.16em}
  .hero-media img{min-height:0;max-height:none;object-position:center}
  .hero-media-iso{padding:18px}
  .hero-media-iso img{max-width:420px}
  .section{padding:28px 0}
  .section-head{display:block;margin-bottom:18px}
  .section h1,.section h2{font-size:clamp(1.6rem,7.5vw,2.2rem)}
  .section-intro{font-size:1rem}
  .cards,.split,.download-list,.feature-band-inner,.form-grid,.phone-inline{grid-template-columns:1fr !important;gap:16px}
  .panel,.card-body,.doc-card,.feature-copy,.form-panel{padding:20px}
  .feature-copy h3,.panel h3{font-size:1.35rem}
  .feature-band img{}
  .cta-row{display:grid;grid-template-columns:1fr;gap:10px}
  .btn{width:100%;padding:0 16px}
  input,select,textarea,button{font-size:16px}
  .contact-form input,.contact-form select,.contact-form textarea{padding:15px 14px}
  .phone-group{padding:14px}
  .phone-inline span{display:none}
  .back-top{text-align:stretch}
  .footer-inner,.footer-nav{display:grid;gap:14px}
}
@media (max-width:480px){
  .container{width:min(calc(100% - 24px),var(--max))}
  .brand-copy .line2{display:none}
  .hero-media img{min-height:0;max-height:none}
  .hero-media-iso img{max-width:320px}
  .feature-copy,.panel,.card-body,.doc-card,.form-panel{padding:18px}
}


/* Footer contact and brand consistency patch */
.footer-inner{align-items:flex-start}
.footer-brandblock{display:flex;flex-direction:column;gap:14px}
.footer-copy strong{display:block;color:var(--text);margin-bottom:6px}
.footer-copy .footer-line1{display:block;font-size:.72rem;color:var(--muted);letter-spacing:.22em;text-transform:uppercase;margin-top:2px}
.footer-copy .footer-line2{display:block;font-size:.68rem;color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin-top:6px;font-weight:700}
.footer-contact{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:8px 18px;color:var(--muted)}
.footer-contact a{color:inherit}
body.page-light .footer-copy .footer-line1{color:#5f6b7a}
body.page-light .footer-copy .footer-line2{color:#0f7fc2}
@media (max-width:767px){.footer-inner{display:grid;gap:18px}.footer-contact{grid-template-columns:1fr}.footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.footer-copy .footer-line1{font-size:.64rem;letter-spacing:.16em}.footer-copy .footer-line2{font-size:.6rem;letter-spacing:.12em}}


#contact-form,.contact-scroll-target{scroll-margin-top:120px}
@media (max-width:767px){#contact-form,.contact-scroll-target{scroll-margin-top:140px}}

@media (min-width:768px){.hero .cta-row .btn{min-width:220px}}
@media (max-width:767px){.hero .cta-row{grid-template-columns:1fr}.hero .cta-row .btn{width:100%}}
.feature-copy ul{padding-left:20px}.section-intro{max-width:760px}

/* Skip to content - accessibility */
.skip-link{position:absolute;left:-9999px;top:0;z-index:9999;padding:12px 20px;background:var(--accent);color:#031018;font-weight:800;border-radius:0 0 8px 0}
.skip-link:focus{left:0}
body.page-light .skip-link{background:#0f7fc2;color:#fff}

/* Mobile sticky CTA bar */
.mobile-sticky-cta{display:none;position:fixed;bottom:0;left:0;right:0;z-index:200;padding:12px 16px;background:rgba(5,8,12,.96);backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.08);gap:10px}
body.page-light .mobile-sticky-cta{background:rgba(246,248,251,.96);border-top:1px solid rgba(16,24,38,.1)}
@media (max-width:767px){.mobile-sticky-cta{display:flex}}
.mobile-sticky-cta .btn{flex:1;text-align:center;justify-content:center}
/* Prevent sticky bar from covering content */
@media (max-width:767px){body{padding-bottom:72px}}

/* Keyboard focus styles */
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
body.page-light :focus-visible{outline-color:#0f7fc2}

/* Improved card hover */
.card{transition:transform .18s ease,box-shadow .18s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 24px 60px rgba(0,0,0,.45)}
body.page-light .card:hover{box-shadow:0 20px 40px rgba(16,24,38,.14)}

/* Better btn-secondary visibility on dark bg */
.btn-secondary{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18)}
.btn-secondary:hover{background:rgba(255,255,255,.13)}

/* Pill tag refinement */
.pill{letter-spacing:.06em}

/* Footer contact link hover */
.footer-contact a:hover,.footer-nav a:hover{color:var(--text)}
body.page-light .footer-contact a:hover,body.page-light .footer-nav a:hover{color:#101826}

/* Section smooth fade-in via IntersectionObserver (see script) */
.fade-in{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}
.fade-in.visible{opacity:1;transform:none}