*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07090c;color:#f5f6f7;font-family:Inter,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}header{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5;background:#07090cdd;backdrop-filter:blur(16px);border-bottom:1px solid #20252d}.brand{font-weight:900;letter-spacing:.16em;display:flex;align-items:center;gap:10px}.brand i{display:grid;place-items:center;width:38px;height:38px;background:#171b21;border:1px solid #383f49;border-radius:12px;color:#ef3038;font-size:22px}nav{display:flex;gap:28px;color:#a4acb7;font-size:14px}.btn{display:inline-flex;padding:11px 17px;border-radius:10px;font-weight:800;border:1px solid #2b313a}.red{background:#ed2d35;border-color:#f64048;box-shadow:0 12px 40px #ed2d3524}.dark{background:#11151a}.big{padding:15px 21px}header>div,.buttons{display:flex;gap:10px}.hero{min-height:750px;padding:110px 7vw 90px;display:grid;grid-template-columns:.75fr 1.35fr;align-items:center;gap:65px;background:radial-gradient(circle at 90% 0,#60101830,transparent 40%)}small{letter-spacing:.27em;font-size:11px;font-weight:900;color:#7e8da3}.hero h1,.intro h2,.split h2,.cta h2{font-size:clamp(52px,6vw,96px);line-height:.93;letter-spacing:-.06em;margin:20px 0 28px}.hero em,.intro em,.split em,.cta em{font-style:normal;color:#ef3038}.hero p,.split p{font-size:18px;line-height:1.7;color:#aab1bb;max-width:650px}.copy>span{display:block;margin-top:18px;color:#68717d;font-size:12px}.heroimg,.grid img,.split img{width:100%;border-radius:15px;border:1px solid #2b313a;box-shadow:0 40px 100px #000}.heroimg{transform:perspective(1400px) rotateY(-5deg)}.intro{text-align:center;padding:140px 20px 70px}.intro h2{font-size:clamp(48px,6vw,84px)}.grid{max-width:1450px;margin:auto;padding:0 5vw 150px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid article{background:#0e1116;border:1px solid #262c35;border-radius:23px;padding:32px;overflow:hidden}.grid b{color:#ef3038;font-size:11px;letter-spacing:.2em}.grid h3{font-size:29px;margin:10px 0}.grid p{color:#939ca8;line-height:1.6}.wide{grid-column:1/-1}.split{padding:140px 7vw;display:grid;grid-template-columns:.75fr 1.25fr;gap:75px;align-items:center;border-top:1px solid #20252d;background:radial-gradient(circle at 80% 30%,#55101724,transparent 40%)}.split h2{font-size:clamp(45px,5vw,74px)}aside{margin-top:28px;padding:16px;border:1px solid #29323c;border-radius:12px;color:#9ca6b2;font-size:13px}.reverse{grid-template-columns:1.2fr .8fr;background:#07090c}.cta{text-align:center;padding:170px 20px;border-top:1px solid #20252d;background:radial-gradient(circle at 50% 100%,#6c111a38,transparent 42%)}.cta h2{font-size:clamp(54px,7vw,100px)}footer{padding:35px 5vw;border-top:1px solid #20252d;display:flex;gap:28px;align-items:center;color:#7f8792}footer span{flex:1}@media(max-width:900px){nav{display:none}header .dark{display:none}.hero,.split,.reverse{grid-template-columns:1fr;padding:80px 20px;gap:45px}.hero{min-height:auto}.heroimg{transform:none}.grid{grid-template-columns:1fr;padding-left:14px;padding-right:14px}.wide{grid-column:auto}.buttons{flex-direction:column}.buttons .btn{justify-content:center}.reverse img{order:2}.grid article{padding:20px}.hero h1{font-size:55px}footer{flex-wrap:wrap}footer span{flex-basis:100%;order:5}}
.brand img{width:42px;height:42px;border-radius:12px;object-fit:cover;box-shadow:0 0 30px #ed2d3520}
.brand span{font-weight:900;letter-spacing:.16em}
.mobile{padding:140px 7vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:center;border-top:1px solid #20252d;background:radial-gradient(circle at 20% 20%,#55101724,transparent 40%)}
.mobile h2{font-size:clamp(45px,5vw,74px);line-height:.95;letter-spacing:-.05em;margin:20px 0 28px}
.mobile h2 em{font-style:normal;color:#ef3038}
.mobile p{font-size:18px;line-height:1.7;color:#aab1bb;max-width:620px}
.mobile ul{padding:0;margin:28px 0;list-style:none;color:#c1c7d0}
.mobile li{margin:12px 0}
.mobile li:before{content:"✓";color:#ef3038;font-weight:900;margin-right:10px}
.mobile-card{background:#0e1116;border:1px solid #262c35;border-radius:24px;padding:20px;box-shadow:0 40px 100px #000}
.mobile-card img{width:100%;border-radius:16px;border:1px solid #2b313a}
.mobile-note{text-align:center;color:#7d8590;margin-top:14px;font-size:13px;letter-spacing:.08em}
@media(max-width:900px){.mobile{grid-template-columns:1fr;padding:80px 20px;gap:45px}.brand img{width:36px;height:36px}}