:root{--bg:#0E1013;--panel:#171B21;--steel:#1F252D;--red:#FF4A3D;--tx:#E9EDF2;--mut:#A9B3BF;--navbg:#0E1013;--navfg:#E9EDF2;--head:Impact,"Arial Narrow Bold","Arial Black",system-ui,sans-serif}
body{background:var(--bg);color:var(--tx);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.6}
h1,h2,h3{font-family:var(--head);text-transform:uppercase;letter-spacing:.02em;font-weight:400;line-height:1.05;margin:0 0 .5em}
p{margin:0 0 1em}
.fine{color:var(--mut);font-size:.85rem}
.btn{display:inline-block;background:var(--red);color:#0E1013;text-decoration:none;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:1rem 1.8rem;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);transition:transform .2s,background .2s}
.btn:hover{background:#FF7A6F;transform:translateX(3px)}
.btn--o{background:transparent;color:var(--tx);box-shadow:inset 0 0 0 2px var(--tx);clip-path:none}
.btn--o:hover{background:var(--tx);color:#0E1013}
.hd{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;background:rgba(14,16,19,.96);border-bottom:2px solid var(--red)}
.hd a{color:var(--tx);text-decoration:none}
.logo{display:flex;align-items:center;gap:8px;font-family:var(--head);font-size:1.6rem;letter-spacing:.06em}
.logo small{font:600 .65rem system-ui;letter-spacing:.2em;color:var(--mut);margin-left:4px;align-self:flex-end;padding-bottom:5px}
.hd nav{display:flex;gap:26px;text-transform:uppercase;font-size:.85rem;font-weight:700;letter-spacing:.08em}
.hd nav a:hover{color:var(--red)}
.hero{display:grid;gap:16px;align-items:center;padding:56px max(24px,calc((100% - 1200px)/2 + 24px)) 40px;background:linear-gradient(115deg,transparent 55%,rgba(255,74,61,.1) 55%)}
.tag{font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--red);font-weight:700}
.hero h1{font-size:clamp(2.6rem,9vw,5.2rem)}
.hero h1 span{color:var(--red);display:block}
.lead{color:var(--mut);font-size:1.1rem;max-width:520px}
.btns{display:flex;gap:14px;flex-wrap:wrap}
.car{width:100%;height:auto}
@media(min-width:900px){.hero{grid-template-columns:1.05fr 1fr;padding-top:80px;padding-bottom:56px}}
.strip{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;padding:18px 20px;background:var(--red);color:#0E1013;font-family:var(--head);text-transform:uppercase;letter-spacing:.08em;font-size:1.05rem}
.sec{padding:72px 24px;max-width:1200px;margin:0 auto}
.sec h2{font-size:clamp(2rem,6vw,3rem);margin-bottom:1.2rem;position:relative;padding-left:18px}
.sec h2::before{content:"";position:absolute;left:0;top:.1em;bottom:.1em;width:6px;background:var(--red)}
.sec--steel{max-width:none;background:var(--steel);padding-left:max(24px,calc((100% - 1200px)/2 + 24px));padding-right:max(24px,calc((100% - 1200px)/2 + 24px))}
.cards{display:grid;gap:16px}
@media(min-width:700px){.cards{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.cards{grid-template-columns:repeat(3,1fr)}}
.cards article{background:var(--panel);padding:26px 24px;border-left:4px solid var(--red);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)}
.cards b{font-family:var(--head);font-size:2.4rem;color:var(--red);font-weight:400;display:block;line-height:1}
.cards h3{font-size:1.4rem;margin:.3em 0}.cards p{color:var(--mut);margin:0}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:22px}
@media(min-width:800px){.steps{grid-template-columns:repeat(4,1fr);position:relative}.steps::before{content:"";position:absolute;left:0;right:0;top:27px;height:2px;background:#3A424D}}
.steps li{position:relative}
.steps span{display:grid;place-items:center;width:54px;height:54px;background:var(--red);color:#0E1013;font-family:var(--head);font-size:1.6rem;margin-bottom:14px;transform:skewX(-10deg);position:relative}
.steps h3{font-size:1.35rem}.steps p{color:var(--mut);margin:0}
.plans{display:grid;gap:16px}
@media(min-width:800px){.plans{grid-template-columns:repeat(3,1fr)}}
.plans article{background:var(--panel);padding:28px 24px;border-top:4px solid #3A424D}
.plans .hot{border-top-color:var(--red);background:#1C2128}
.plans ul{list-style:none;margin:0;padding:0;color:var(--mut)}
.plans li{padding:9px 0 9px 22px;border-bottom:1px solid #2A313A;position:relative}
.plans li::before{content:"";position:absolute;left:0;top:16px;width:10px;height:10px;background:var(--red);transform:skewX(-15deg)}
.faq details{background:var(--panel);margin-bottom:10px;padding:4px 20px;border-left:4px solid var(--red)}
.faq summary{font-weight:700;padding:14px 0;text-transform:uppercase;letter-spacing:.04em}
.faq p{color:var(--mut)}
.contact{display:grid;gap:20px;align-items:center;background:var(--steel);max-width:none;padding-left:max(24px,calc((100% - 1200px)/2 + 24px));padding-right:max(24px,calc((100% - 1200px)/2 + 24px))}
.contact p{color:var(--mut);margin:0}
@media(min-width:800px){.contact{grid-template-columns:1fr auto}}
.ft{background:#07080A;color:var(--mut);text-align:center;padding:30px 20px}
.ft a{color:var(--tx)}.ft p{margin:.3rem 0}
.ph__tag{position:absolute;z-index:2;left:8px;bottom:8px;background:rgba(14,16,19,.92);color:#E9EDF2;font:700 10px/1 system-ui,sans-serif;padding:5px 9px;text-transform:uppercase;letter-spacing:.06em}
.ph--car{--ar:1.333;clip-path:polygon(0 0,100% 0,100% calc(100% - 34px),calc(100% - 34px) 100%,0 100%)}
.ph--wide{--ar:1.5;--op:50% 25%;margin:0 0 30px;clip-path:polygon(0 0,calc(100% - 34px) 0,100% 34px,100% 100%,0 100%)}
@media(min-width:800px){.ph--wide{--ar:2.2}}