:root{--paper:#f5f4f0;--deep:#0b1220;--orange:#ff6a2a;--lime:#c8e66b;--muted:#646b72;--border:#deded8}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--deep);font-family:'DM Sans',sans-serif}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}
.page{width:min(1180px,calc(100% - 48px));margin:auto}
.header{position:absolute;z-index:5;top:0;left:0;right:0;color:#fff}
.header.solid{position:relative;background:var(--deep)}
.nav{height:88px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:11px}
.mark{display:flex;align-items:end;gap:3px;height:26px;width:28px}
.mark i{display:block;width:7px;background:var(--orange);transform:skew(-22deg)}
.mark i:nth-child(1){height:17px;opacity:.72}
.mark i:nth-child(2){height:23px;opacity:.88}
.mark i:nth-child(3){height:26px}
.brand strong{display:block;font:600 14px/1 'Space Grotesk';letter-spacing:.12em}
.brand small{display:block;margin-top:5px;font-size:7px;letter-spacing:.19em;opacity:.55}
.links{display:flex;align-items:center;gap:34px;margin-left:auto;margin-right:38px}
.links a{font-size:13px;color:#ffffffb8}
.links a:hover{color:#fff}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 17px;border:0;border-radius:2px;background:#fff;color:var(--deep);font-size:12px;font-weight:700;cursor:pointer}
.cta:hover{background:var(--orange);color:#fff}
.menu{display:none;background:#ffffff14;border:0;color:#fff;padding:10px;font-size:21px}
.hero{position:relative;min-height:720px;background:var(--deep);color:#fff;overflow:hidden}
.hero:before{content:'';position:absolute;inset:0;background:
  linear-gradient(90deg,#0b1220 0%,#0b1220e8 33%,#0b12206e 70%,#0b122044 100%),
  url('https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&w=2000&q=70') center/cover;
  z-index:0}
.hero:after{content:'';position:absolute;left:0;right:0;bottom:0;height:210px;background:linear-gradient(0deg,#0b1220d1,transparent);z-index:0}
.hero-inner{position:relative;z-index:1;min-height:720px;display:grid;grid-template-columns:1fr 360px;align-items:center;gap:80px;padding-top:65px}
.eyebrow{display:flex;align-items:center;gap:9px;color:#747c84;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.eyebrow.light{color:#ffffff99}
.dot{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px #ff6a2a1f}
.hero h1{margin:25px 0 23px;font:600 clamp(3.2rem,6.6vw,6.2rem)/.91 'Space Grotesk';letter-spacing:-.075em}
.hero h1 em{color:var(--orange);font-style:normal}
.hero h1 span{color:var(--lime)}
.lead{max-width:530px;color:#ffffffab;font-size:16px;line-height:1.65}
.actions{display:flex;align-items:center;gap:25px;margin-top:34px}
.primary{background:var(--orange);color:#fff;min-height:49px}
.primary:hover{background:#f15b1b;color:#fff}
.text-link{font-size:12px;font-weight:700}
.proof{display:flex;gap:12px;align-items:center;margin-top:60px;color:#ffffff6e;font-size:10px;max-width:520px;line-height:1.5}
.proof i{width:34px;height:1px;background:var(--orange);flex-shrink:0}
.console{padding:23px;background:#080e1ac2;border:1px solid #ffffff2b;box-shadow:0 25px 80px #0004}
.console-head,.meta,.footerline{display:flex;justify-content:space-between;align-items:center}
.console-head{padding-bottom:21px;border-bottom:1px solid #ffffff1f;color:#ffffff8a;font-size:9px;letter-spacing:.14em}
.console-head b{color:var(--lime);font-size:8px}
.live{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime);margin-right:6px}
.row{padding-top:21px}
.meta{color:#ffffff91;font-size:9px;letter-spacing:.09em}
.meta strong{color:#fff;font-size:11px}
.orange-text{color:var(--orange)!important}
.bar{height:4px;margin-top:10px;background:#ffffff1f}
.bar i{display:block;height:100%;background:var(--lime)}
.bar.orange i{background:var(--orange)}
.footerline{padding-top:27px;margin-top:18px;border-top:1px solid #ffffff1a;color:#ffffff6e;font-size:8px;letter-spacing:.1em}
.strip{background:var(--orange)}
.strip-inner{min-height:91px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.strip p{font-size:14px;margin:0}
.stats{display:flex;gap:29px;font-size:10px;text-transform:uppercase;letter-spacing:.07em}
.stats strong{font:600 18px 'Space Grotesk'}
.section{padding:126px 0}
.intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:64px}
.eyebrow+.title{margin-top:23px}
.title{font:600 clamp(2.9rem,5vw,4.7rem)/.96 'Space Grotesk';letter-spacing:-.065em}
.title span{color:var(--orange)}
.intro p{max-width:420px;margin:0 0 4px;color:var(--muted);font-size:15px;line-height:1.7}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.card{position:relative;min-height:365px;padding:25px 26px;background:#efeee9;border:1px solid #0b122017;border-top:3px solid var(--orange);transition:.2s}
.card:nth-child(2){border-top-color:#75b7de}
.card:nth-child(3){border-top-color:#a8cc45}
.card:hover{transform:translateY(-7px);box-shadow:0 18px 35px #0b122014}
.card-top{display:flex;justify-content:space-between;color:var(--orange)}
.card:nth-child(2) .card-top{color:#5596bb}
.card:nth-child(3) .card-top{color:#7c9c24}
.num{font:500 11px 'Space Grotesk'}
.card h3{margin:58px 0 14px;font:600 24px/1.08 'Space Grotesk';letter-spacing:-.045em}
.card p{min-height:74px;margin:0;color:var(--muted);font-size:13px;line-height:1.58}
.card ul{display:grid;gap:8px;margin:19px 0 0;padding:19px 0 0;border-top:1px solid #0b12201f;list-style:none}
.card li{font-size:11px}
.card li:before{content:'✓';margin-right:8px;color:var(--orange)}
.dark{background:var(--deep);color:#fff}
.process{display:grid;grid-template-columns:.83fr 1fr;gap:150px}
.dark .title em{color:var(--orange);font-style:normal}
.dark p{color:#ffffff8c;line-height:1.68}
.steps{padding-top:12px}
.step{position:relative;display:grid;grid-template-columns:50px 1fr;gap:25px;min-height:130px}
.step .num{color:var(--orange)}
.step h3{margin:-5px 0 10px;font:600 26px 'Space Grotesk'}
.step p{max-width:360px;margin:0;font-size:13px}
.step:after{content:'';position:absolute;left:5px;top:20px;width:1px;height:90px;background:#ffffff2e}
.step:before{content:'';position:absolute;left:2px;top:106px;width:7px;height:7px;border-radius:50%;background:var(--orange);z-index:1}
.step:last-child:after,.step:last-child:before{display:none}
.contact{background:#ebe9e1}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:110px}
.contact p{max-width:390px;color:var(--muted);line-height:1.68}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:18px 28px;margin-top:28px}
.facts>div{padding-bottom:14px;border-bottom:1px solid #0b122014}
.facts span{display:block;font-size:13px;color:var(--deep);line-height:1.45;word-break:break-word}
.facts b{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
.form{padding:33px;background:#fff;box-shadow:0 20px 55px #0b122017}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.form label{display:grid;gap:9px;margin-bottom:20px;font-size:11px;font-weight:700}
.form input,.form textarea,.form select{width:100%;padding:13px 14px;border:1px solid #d9d9d3;background:#fafaf8;outline:none;font-size:13px}
.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ff6a2a1a}
.form .primary{width:100%;min-height:53px}
.form small{display:block;margin-top:15px;color:#8a8d8b;font-size:10px;text-align:center;line-height:1.5}
.success{display:none;min-height:300px;place-items:center;text-align:center}
.success.show{display:grid}
.success h3{font:600 27px 'Space Grotesk'}
.success-icon{display:grid;place-items:center;width:57px;height:57px;border-radius:50%;background:var(--lime);font-size:28px;margin:0 auto 16px}
.site-footer{padding:38px 0;background:var(--deep);color:#fff}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.footer-right{display:flex;gap:25px;color:#ffffff77;font-size:10px;flex-wrap:wrap}
.footer-right a{color:#fff}
.footer-right a:hover{color:var(--orange)}
.legal{padding:80px 0 120px}
.legal h1{font:600 clamp(2.4rem,4vw,3.6rem)/1 'Space Grotesk';margin:0 0 28px}
.legal h2{font:600 22px 'Space Grotesk';margin:36px 0 12px}
.legal p,.legal li{color:var(--muted);line-height:1.7;font-size:15px}
.legal ul{padding-left:18px}
.note{padding:16px 18px;background:#fff;border-left:3px solid var(--orange);margin:20px 0;font-size:14px;color:var(--deep)}
@media(max-width:720px){
  .page{width:calc(100% - 36px)}
  .nav{height:75px}
  .links{position:absolute;display:none;top:67px;left:18px;right:18px;flex-direction:column;align-items:stretch;gap:0;padding:10px;margin:0;background:#0b1220f5;border:1px solid #ffffff26}
  .links.open{display:flex}
  .links a{padding:13px 12px;color:#fff}
  .links .cta{margin-top:7px}
  .menu{display:block}
  .header>.page>.nav>.cta{display:none}
  .hero{min-height:810px}
  .hero-inner{display:block;min-height:810px;padding-top:167px}
  .hero h1{font-size:clamp(3.2rem,15vw,5.4rem)}
  .lead{font-size:14px}
  .actions{align-items:flex-start;flex-direction:column;gap:21px}
  .proof{margin-top:35px}
  .console{display:none}
  .strip-inner{display:block;padding:25px 0}
  .strip p{font-size:13px;line-height:1.45}
  .stats{flex-wrap:wrap;gap:14px 20px;margin-top:16px}
  .section{padding:83px 0}
  .intro,.process,.contact-grid{grid-template-columns:1fr;gap:42px}
  .intro{margin-bottom:39px}
  .intro p{font-size:14px}
  .cards{grid-template-columns:1fr}
  .card{min-height:auto}
  .card p{min-height:auto;margin-bottom:18px}
  .process{gap:42px}
  .contact-grid{gap:42px}
  .facts{grid-template-columns:1fr;gap:14px}
  .form{padding:21px}
  .form-row{grid-template-columns:1fr;gap:0}
  .footer-inner,.footer-right{align-items:flex-start;flex-direction:column}
  .footer-right{gap:10px}
}