:root{
  --bg:#070a10;--surface:#0c111a;--surface2:#111824;--text:#f5f7fb;--muted:#98a4b8;
  --line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.14);--accent:#8ef0cb;--max:1180px;
  --shadow:0 24px 80px rgba(0,0,0,.34);--radius:20px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:
radial-gradient(circle at 15% 0%,rgba(142,240,203,.07),transparent 28%),var(--bg);color:var(--text);
font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 70%);z-index:-1}
a{color:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(7,10,16,.76);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{font-weight:900;letter-spacing:.16em;text-decoration:none;font-size:15px}
nav{display:flex;gap:24px;align-items:center}nav a{font-size:13px;text-decoration:none;color:#aeb8c9;transition:.2s}nav a:hover,nav a.active{color:#fff}
.nav-cta{padding:10px 15px;border:1px solid var(--line2);border-radius:11px;text-decoration:none;font-size:13px;font-weight:700;background:rgba(255,255,255,.04)}
.hero{padding:120px 0 90px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.kicker,.eyebrow{font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:#9eabbf}.hero h1{font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-.06em;margin:16px 0 22px}.hero p{font-size:18px;color:var(--muted);max-width:680px;line-height:1.75}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:12px;text-decoration:none;font-weight:750;font-size:14px}.btn-primary{background:#f7f9fb;color:#070a10}.btn-secondary{border:1px solid var(--line2);background:rgba(255,255,255,.035);color:#fff}
.card,.feature,.quote,.contact-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.022));border-radius:var(--radius);box-shadow:var(--shadow)}
.section{padding:95px 0}.section.alt{background:rgba(255,255,255,.018);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section h2{font-size:clamp(34px,4.5vw,55px);line-height:1.03;letter-spacing:-.045em;margin:10px 0 15px}.section-intro{color:var(--muted);max-width:700px;line-height:1.75}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:38px}.feature{padding:25px}.feature h3{margin:8px 0;font-size:18px}.feature p{color:#909caf;font-size:14px;line-height:1.7}
.product-preview{padding:18px;border-radius:24px;border:1px solid var(--line2);background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));box-shadow:0 35px 110px rgba(0,0,0,.4);transform:perspective(1200px) rotateY(-3deg)}
.preview-top{display:flex;justify-content:space-between;padding:6px 3px 15px;color:#aeb8c9;font-size:11px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:7px}.preview-body{display:grid;grid-template-columns:135px 1fr;min-height:340px}.preview-side{border-right:1px solid var(--line);padding:10px}.preview-side span{display:block;padding:10px;border-radius:9px;color:#8793a7;font-size:11px}.preview-side span:first-child{color:#fff;background:rgba(255,255,255,.075)}.preview-main{padding:12px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.metric{padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.metric small{color:#8591a5;font-size:10px}.metric b{display:block;margin-top:5px;font-size:20px}.chart{height:128px;border:1px solid var(--line);border-radius:12px;margin-top:10px;padding:13px;position:relative;overflow:hidden}.chart-line{position:absolute;left:7%;right:7%;bottom:26%;height:50%;border-top:2px solid #fff;transform:skewY(-8deg)}.chart-line:after{content:"";position:absolute;left:22%;right:12%;top:30px;border-top:2px solid var(--accent);transform:skewY(12deg)}
.logo-strip{padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.logo-strip .container{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.logo-strip span{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#697589}
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.numbered{display:grid;gap:13px;margin-top:30px}.step{display:grid;grid-template-columns:42px 1fr;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.step b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.06);font-size:12px}.step strong{display:block}.step span{color:#8f9bb0;font-size:14px}
.testimonial{padding:45px}.testimonial p{font-size:22px;line-height:1.5;max-width:850px}.testimonial small{color:#8793a7}
.cta{padding:90px 0}.cta-box{padding:54px;border:1px solid var(--line2);border-radius:26px;background:radial-gradient(circle at 80% 20%,rgba(142,240,203,.11),transparent 34%),rgba(255,255,255,.035)}.cta-box h2{margin-top:9px}
footer{border-top:1px solid var(--line);padding:50px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}.footer-grid p,.footer-grid a{color:#8591a5;font-size:13px}.footer-grid a{display:block;text-decoration:none;margin:9px 0}.footer-grid h4{font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin:0 0 14px}.footer-bottom{border-top:1px solid var(--line);margin-top:35px;padding-top:20px;color:#697589;font-size:12px;display:flex;justify-content:space-between;gap:20px}
.form-wrap{max-width:850px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;color:#a8b3c4}.field input,.field select,.field textarea{width:100%;padding:13px 14px;background:#0a0f17;border:1px solid var(--line2);border-radius:11px;color:#fff;outline:none;font:inherit}.field textarea{min-height:140px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(142,240,203,.5)}.form-note{color:#788599;font-size:12px}
/* Schedwon final responsive mobile layout */
@media (max-width: 950px) {
  .links {
    display: none !important;
  }

  .menu {
    display: flex !important;
  }

  .nav.open .links {
    display: flex !important;
    position: absolute !important;
    top: 70px !important;
    left: 14px !important;
    right: 14px !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 2px !important;
    padding: 12px !important;
    background: #081013 !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 18px !important;
    box-shadow: 0 20px 50px rgba(0,0,0,.45) !important;
  }

  .nav.open .links a {
    display: block !important;
    width: 100% !important;
    padding: 13px 14px !important;
  }

  .hero-grid {
    grid-template-columns: 1fr !important;
  }

  .split {
    grid-template-columns: 1fr !important;
  }

  .servicegrid,
  .process {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 620px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden !important;
  }

  .wrap {
    width: calc(100% - 28px) !important;
    max-width: 100% !important;
  }

  .navin {
    height: 70px !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .brand {
    font-size: 23px !important;
    white-space: nowrap !important;
  }

  .menu {
    display: flex !important;
    flex: 0 0 44px !important;
    width: 44px !important;
    height: 44px !important;
    margin-left: auto !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    z-index: 1002 !important;
  }

  .nav.open .links {
    top: 70px !important;
    left: 0 !important;
    right: 0 !important;
  }

  .hero {
    padding: 65px 0 65px !important;
    min-height: auto !important;
  }

  .hero-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 38px !important;
    width: 100% !important;
  }

  .hero h1 {
    font-size: clamp(48px, 14vw, 64px) !important;
    line-height: .98 !important;
    letter-spacing: -3px !important;
    max-width: 100% !important;
  }

  .lead {
    font-size: 17px !important;
    line-height: 1.55 !important;
    max-width: 100% !important;
  }

  .actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 14px !important;
  }

  .actions a {
    width: 100% !important;
    text-align: center !important;
  }

  .visual {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .mock {
    width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: 1fr !important;
  }

  .mock-card {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-wrap: anywhere !important;
  }

  .mock-card small {
    display: block !important;
    margin-bottom: 5px !important;
  }

  .mock-card strong {
    overflow-wrap: anywhere !important;
  }

  .orbit {
    min-height: 340px !important;
    width: 100% !important;
  }

  .orb {
    width: min(290px, 78vw) !important;
    height: min(290px, 78vw) !important;
  }

  .servicegrid,
  .productgrid,
  .reasons,
  .process {
    grid-template-columns: 1fr !important;
  }

  .features {
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

.features span {
  display: block !important;
  margin-bottom: 8px !important;
}

  .section {
  padding: 65px 14px !important;
  box-sizing: border-box !important;
  }

  .ctabox {
    padding: 45px 20px !important;
  }

  .foot {
    flex-direction: column !important;
  }

  .flinks {
  flex-wrap: wrap !important;
  gap: 12px 16px !important;
  }
  }
    }

/* Final homepage mobile alignment */
@media (max-width: 620px) {
  .wrap,
  .container {
    width: calc(100% - 32px) !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  .hero-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 38px !important;
    width: calc(100% - 32px) !important;
  }

  .hero {
    width: 100% !important;
    overflow-x: hidden !important;
  }

  .hero h1 {
    max-width: 100% !important;
  }

  .lead {
    max-width: 100% !important;
  }
}

/* Final mobile edge protection */
@media (max-width: 620px) {
  .container,
  .wrap,
  .hero-grid {
    box-sizing: border-box !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .hero-grid {
    width: 100% !important;
  }

  .hero h1,
  .lead {
    max-width: 100% !important;
  }

  .visual,
  .mock,
  .mock-card {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .foot,
  .footer-grid,
  .footer-bottom {
    box-sizing: border-box !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* Schedwon logo in header */
.brand img {
  width: 34px !important;
  height: 34px !important;
  object-fit: contain !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin-right: 9px !important;
}