:root{--bg:#07080d;--bg2:#0d0f17;--c:#e4172d;--y:#e6e8f0;--t:#f2f3f7;--m:#8a8ea3;--b:rgba(var(--wa),.08);box-sizing:border-box;counter-reset:s}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding-top:100px}
body{background:var(--bg);color:var(--t);font-family:Montserrat,system-ui,sans-serif;overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom,0)}
svg{display:block;flex:none}
h1,h2,h3,.logo{font-weight:800;text-transform:uppercase;letter-spacing:-.5px}
section{padding:100px max(20px,calc(50% - 580px));position:relative}
h2{font-size:clamp(28px,4vw,46px);margin-bottom:40px;line-height:1}h2 b{color:var(--c)}
section>h2:first-of-type:before{counter-increment:s;content:"0" counter(s);display:block;font-size:12px;letter-spacing:4px;color:var(--c);margin-bottom:14px;font-weight:700}
.b{background:var(--bg2);clip-path:polygon(0 60px,100% 0,100% calc(100% - 60px),0 100%);padding-block:170px;margin:-30px 0}
.b.r{clip-path:polygon(0 0,100% 60px,100% 100%,0 calc(100% - 60px))}
.rev{opacity:0;transform:translateY(46px);transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.2,1)}.rev.on{opacity:1;transform:none}