:root{
  --black:#050505;
  --black2:#0c0c0c;
  --white:#f5f5f3;
  --muted:#a9a9a4;
  --line:#252525;
  --orange:#f58220;
  --orange2:#ff9a3c;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.header{height:82px;position:fixed;z-index:20;inset:0 0 auto;background:rgba(5,5,5,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;padding:0 4vw;gap:30px}
.brand{width:150px;display:flex;align-items:center}
.brand img{width:100%;height:50px;object-fit:contain}
.header nav{display:flex;gap:26px;margin-left:auto}
.header nav a{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#cfcfca}
.header nav a:hover{color:var(--orange)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--orange);color:#090909;font-weight:800;padding:15px 23px;border-radius:2px;text-transform:uppercase;letter-spacing:.05em;font-size:12px}
.button:hover{background:var(--orange2);transform:translateY(-1px)}
.button.small{padding:11px 17px}
.menu{display:none;background:none;border:0;color:white;font-size:24px}
.hero{min-height:760px;position:relative;display:flex;align-items:center;overflow:hidden}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 40%;filter:saturate(.8)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.74) 42%,rgba(0,0,0,.22) 100%)}
.hero-content{position:relative;z-index:2;width:min(var(--max),90%);margin:0 auto;padding-top:70px}
.eyebrow,.section-number{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--orange);font-weight:800}
.hero h1{font-size:clamp(60px,8vw,112px);line-height:.91;letter-spacing:-.05em;margin:18px 0 28px;max-width:800px}
.hero h1 span,h2 span,.about-copy span{color:var(--orange)}
.hero-text{max-width:540px;color:#d0d0cc;font-size:18px}
.hero-actions{display:flex;gap:28px;align-items:center;margin-top:34px}
.text-link{font-size:13px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.text-link b{color:var(--orange);margin-left:7px}
.hero-label{position:absolute;bottom:28px;left:5%;z-index:2;color:#cfcfc9;font-size:10px;letter-spacing:.16em}
.section{width:min(var(--max),90%);margin:0 auto;padding:120px 0}
.intro-grid,.section-heading{display:grid;grid-template-columns:1.35fr .65fr;gap:80px;align-items:end}
h2{font-size:clamp(42px,5vw,72px);line-height:.98;letter-spacing:-.04em;margin:18px 0}
.lead{font-size:20px;color:#bdbdb8;max-width:720px}
.lead strong{color:var(--white)}
.areas{display:flex;flex-direction:column;gap:10px;border-left:1px solid var(--orange);padding-left:28px}
.areas span{font-size:19px;font-weight:700}
.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:70px}
.steps article{padding:28px 24px 20px 0;border-right:1px solid var(--line);min-height:180px}
.steps article:not(:first-child){padding-left:24px}
.steps article:last-child{border-right:0}
.steps small{color:var(--orange);font-weight:800}
.steps h3{font-size:21px;margin:20px 0 8px}
.steps p,.section-heading>p,.about-copy p,.contact-box p{color:var(--muted)}
.photo-section{height:620px;position:relative;overflow:hidden}
.photo-section>img{width:100%;height:100%;object-fit:cover;object-position:62% 45%;filter:saturate(.75)}
.photo-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.15))}
.photo-copy{position:absolute;left:8%;top:50%;transform:translateY(-50%)}
.photo-copy p{font-size:11px;letter-spacing:.18em;color:var(--orange);font-weight:800}
.photo-copy h2{font-size:clamp(45px,6vw,78px)}
.section-heading{margin-bottom:55px}
.section-heading>p{font-size:16px;max-width:390px}
.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.platform figure{margin:0;background:#101010;border:1px solid var(--line);padding:12px}
.platform figure img{width:100%;height:560px;object-fit:cover;object-position:top;border:1px solid #222}
.platform figcaption{padding:18px 10px 8px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#cfcfc9}
.plans{background:linear-gradient(180deg,#050505,#090909)}
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.plan{position:relative;border:1px solid var(--line);background:#0b0b0b;padding:32px;min-height:520px;display:flex;flex-direction:column}
.plan.featured{border-color:rgba(245,130,32,.7);box-shadow:0 0 0 1px rgba(245,130,32,.08) inset}
.badge{position:absolute;top:0;right:0;background:var(--orange);color:#050505;font-size:9px;font-weight:900;padding:7px 10px;letter-spacing:.08em}
.plan-top{display:flex;align-items:center;gap:15px}
.plan-top span{font-size:11px;color:var(--orange)}
.plan h3{font-size:31px;margin:0}
.price{font-size:43px;font-weight:900;margin:35px 0 22px}
.price small{font-size:13px;color:var(--muted);font-weight:500}
.plan ul{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.plan li{padding-left:20px;position:relative;color:#d0d0cb;font-size:14px}
.plan li:before{content:"";position:absolute;left:0;top:.65em;width:7px;height:2px;background:var(--orange)}
.plan-button{margin-top:auto;padding-top:28px;color:var(--orange);font-size:12px;text-transform:uppercase;font-weight:900;letter-spacing:.08em}
.about{border-top:1px solid var(--line)}
.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}
.about-photo{height:600px;overflow:hidden}
.about-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.about-copy h2{font-size:clamp(42px,5vw,68px)}
.about-copy p{font-size:17px;max-width:650px}
.contact{padding-top:60px;padding-bottom:130px}
.contact-box{border:1px solid var(--line);padding:70px;position:relative;overflow:hidden}
.contact-box:after{content:"DC";position:absolute;right:-20px;bottom:-90px;font-size:260px;line-height:1;font-weight:900;color:rgba(245,130,32,.05);font-style:italic}
.contact-box>*{position:relative;z-index:1}
.contact-box h2{max-width:800px}
.contact-box p{max-width:540px;margin-bottom:30px}
footer{border-top:1px solid var(--line);padding:35px 5%;display:flex;justify-content:space-between;align-items:center;color:#777;font-size:12px}
.footer-brand{width:140px}
.footer-brand img{height:42px;width:100%;object-fit:contain}
@media(max-width:850px){
  .header nav,.header>.button{display:none}
  .menu{display:block;margin-left:auto}
  .hero{min-height:700px}
  .hero-content{padding-top:80px}
  .hero h1{font-size:62px}
  .intro-grid,.section-heading,.about-grid{grid-template-columns:1fr;gap:35px}
  .steps{grid-template-columns:1fr 1fr}
  .platform-grid,.plan-grid{grid-template-columns:1fr}
  .about-photo{height:500px}
  .contact-box{padding:45px 28px}
}
@media(max-width:540px){
  .section{padding:85px 0}
  .header{height:70px}
  .brand{width:125px}
  .hero{min-height:650px}
  .hero h1{font-size:55px}
  .hero-text{font-size:16px}
  .hero-actions{flex-direction:column;align-items:flex-start;gap:18px}
  .steps{grid-template-columns:1fr}
  .steps article,.steps article:not(:first-child){border-right:0;border-bottom:1px solid var(--line);padding:25px 0}
  .photo-section{height:520px}
  .platform figure img{height:520px}
  .plan{min-height:auto}
  footer{flex-direction:column;gap:20px;text-align:center}
}