:root{--navy:#04182e;--navy2:#082b4a;--blue:#075cf7;--cyan:#45bff1;--white:#fff;--muted:#bdcfe0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#05182c;color:#fff;font-family:Inter,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px clamp(22px,5vw,90px);max-width:1800px;margin:auto}.brand{display:inline-flex;flex-direction:column;align-items:center;min-width:210px}.brand strong{font-size:clamp(46px,4.7vw,72px);font-weight:900;font-style:italic;letter-spacing:4px;line-height:.88}.brand i{width:100%;height:5px;background:#36bfea;margin:8px 0 4px}.brand small{font-size:12px;letter-spacing:1.5px;white-space:nowrap}nav{display:flex;align-items:center;gap:clamp(14px,2.6vw,43px)}nav a{font-size:16px;white-space:nowrap}nav a:hover,nav a[aria-current]{color:#70d6ff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid transparent;border-radius:8px;padding:17px 27px;font-weight:600;cursor:pointer;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.primary{background:#095df8;color:white}.primary:hover{background:#2474ff}.outline{border-color:#9fb6cb;background:transparent;color:white}.top-login{white-space:nowrap}.hero{position:relative;overflow:hidden;min-height:760px;background:radial-gradient(ellipse at 78% 55%,#0a4c89 0%,#062b52 31%,#03162b 71%)}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,15,30,.7),transparent 67%);pointer-events:none}.hero-inner{max-width:1700px;margin:auto;display:grid;grid-template-columns:32% 68%;align-items:center;min-height:620px;padding:45px clamp(22px,5vw,90px) 80px;position:relative}.hero-copy{z-index:2}.eyebrow{letter-spacing:5px;font-size:13px;color:#d1e2ef}.hero h1{font-size:clamp(42px,4.25vw,76px);letter-spacing:-2px;line-height:1.07;margin:28px 0 22px}.hero h1 em{color:#39bafa;font-style:normal}.hero p{font-size:clamp(16px,1.3vw,20px);line-height:1.6;color:#e2ecf6;max-width:500px;margin:0 0 30px}.hero-visual{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:-6vw;margin-left:-10px}.hero-visual img{width:100%;height:auto;display:block;filter:drop-shadow(0 20px 30px rgba(0,0,0,.35))}.section{padding:80px clamp(22px,6vw,100px);max-width:1300px;margin:auto}.section h2{font-size:clamp(30px,3.3vw,50px);margin:0 0 16px}.section>p{color:var(--muted);line-height:1.7;max-width:730px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.card{background:#0b2a48;border:1px solid #235073;border-radius:15px;padding:25px}.card h3{margin-top:0}.card p{color:#c1d2e0;line-height:1.6}.light{background:#f4f8fc;color:#09223d}.light .section>p,.light .card p{color:#47627c}.light .card{background:#fff;border-color:#d8e4ee}.formwrap{max-width:680px}.field{display:flex;flex-direction:column;gap:8px;margin:17px 0}.field input,.field textarea,.field select{width:100%;background:#fff;border:1px solid #c3d5e3;border-radius:8px;padding:13px;color:#09223d}.field textarea{min-height:130px;resize:vertical}.notice{padding:15px;border:1px solid #b8cde0;background:#edf5fd;color:#244762;border-radius:8px;line-height:1.5}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}footer{border-top:1px solid #28445f;padding:25px clamp(22px,5vw,90px);color:#a8bfd3;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.mobile-toggle{display:none;background:none;color:#fff;border:1px solid #66839e;border-radius:6px;padding:8px 12px}.screenshot{width:min(320px,100%);border:10px solid #0b1824;border-radius:32px}.mini-label{font-size:12px;letter-spacing:2px;color:#63c9f5;text-transform:uppercase}@media(max-width:1100px){header{flex-wrap:wrap}nav{order:3;width:100%;justify-content:center}.hero-inner{grid-template-columns:42% 58%}.hero-visual{margin-right:-8vw}.hero h1{font-size:clamp(38px,4.5vw,56px)}}@media(max-width:740px){header{padding:20px}.brand{min-width:145px}.brand strong{font-size:44px}.brand small{font-size:8px}.top-login{padding:12px;font-size:13px}.mobile-toggle{display:block}nav{display:none;order:4;flex-direction:column;align-items:flex-start;background:#082843;padding:18px;border-radius:10px}nav.open{display:flex}.hero{min-height:0}.hero-inner{display:flex;flex-direction:column;align-items:stretch;padding:50px 23px 55px}.hero h1{font-size:48px}.hero-visual{margin:30px -28px -20px}.cards{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.section{padding:55px 22px}footer{font-size:13px}}

/* V1.1: independently layered atmosphere and sharp transparent devices */
.hero{background:#04182e;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#04182e 0%,rgba(4,24,46,.92) 27%,rgba(4,24,46,.18) 75%),url("sas-car-atmosphere.webp") center right/cover no-repeat;pointer-events:none;z-index:-1}
.hero-inner{max-width:1900px;grid-template-columns:32% minmax(0,68%);gap:0;padding-right:clamp(22px,3vw,55px)}
.hero-visual{margin:0;min-width:0;overflow:visible;align-self:center}
.hero-visual img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;opacity:1;mask-image:none!important;-webkit-mask-image:none!important;filter:drop-shadow(0 20px 30px rgba(0,0,0,.3))}
@media(max-width:1100px){.hero-inner{grid-template-columns:40% minmax(0,60%)}.hero-visual{margin:0}}
@media(max-width:740px){.hero-inner{display:flex;flex-direction:column;padding:45px 23px 55px}.hero-visual{width:100%;margin:28px 0 0}.hero-visual img{width:100%}.hero::before{background:linear-gradient(180deg,#04182e 10%,rgba(4,24,46,.6) 100%),url("sas-car-atmosphere.webp") center/cover no-repeat}}

/* SAS CAR BACKGROUND FIX */

.hero {
  position: relative;
  isolation: isolate;
  background: #04182e !important;
}

.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0 !important;

  background-image:
    linear-gradient(
      90deg,
      #04182e 0%,
      rgba(4,24,46,0.75) 30%,
      rgba(4,24,46,0.10) 75%,
      transparent 100%
    ),
    url("sas-car-background.png.PNG") !important;

  background-size: cover !important;
  background-position: center right !important;
  background-repeat: no-repeat !important;
  pointer-events: none;
}

/* Keep text and screens above the car */

.hero-inner {
  position: relative;
  z-index: 1;
}

.hero-visual img {
  opacity: 1 !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}

/* Keep Scheduler and phone sharp */

.hero-visual img {
  opacity: 1 !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}

/* SAS Original Platform Logo */

.brand {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
}

.brand .sas-logo {
  display: block;
  width: 220px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

/* Mobile Logo */

@media (max-width: 740px) {
  .brand .sas-logo {
    width: 150px;
  }
}