:root{--bg:#e8ebed;--cd:#fff;--ink:#0f1418;--mu:#56606a;--rd:#bf2a28;--dk:#12181d;--ln:#cfd5da;--fh:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--fb:'Barlow',system-ui,'Segoe UI',Arial,sans-serif;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1418;--cd:#182027;--ink:#eef1f3;--mu:#9aa5af;--ln:#2a343c}}
:root[data-theme=dark]{--bg:#0f1418;--cd:#182027;--ink:#eef1f3;--mu:#9aa5af;--ln:#2a343c}
*,*::before,*::after{box-sizing:border-box;margin:0}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{background:var(--bg);color:var(--ink);font:17px/1.65 var(--fb)}
h1,h2,h3{font-family:var(--fh);font-weight:700;line-height:1.02}
a{color:inherit}
.hd{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:#fff;border-bottom:3px solid var(--rd);display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 5vw;flex-wrap:wrap}
.hd img{height:44px;display:block}
nav a{font:600 1.15rem var(--fh);letter-spacing:.04em;text-decoration:none;color:#12181d;margin-left:1.5rem;padding:4px 0;border-bottom:3px solid transparent}
nav a.on,nav a:hover{border-color:var(--rd)}
.pg[hidden]{display:none}
.hero{position:relative;height:min(86vh,760px);min-height:480px;background:#000;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 90%,50% 100%,0 90%)}
.sl{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.2s}
.sl.on{opacity:1}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,13,16,.88),rgba(10,13,16,.3) 70%)}
.hc{position:absolute;z-index:2;left:5vw;right:5vw;top:50%;transform:translateY(-58%);color:#fff;max-width:760px}
.hc h1{font-size:clamp(3rem,9vw,6.6rem);margin-bottom:1rem}
.hc p{font-size:1.2rem;max-width:520px;margin-bottom:1.6rem;opacity:.92}
.bt{display:inline-block;background:var(--rd);color:#fff;font:600 1.15rem var(--fh);letter-spacing:.04em;padding:.7rem 1.5rem;text-decoration:none;margin:0 .6rem .6rem 0;border:2px solid var(--rd)}
.bt.o{background:transparent;border-color:#fff}
.bt:hover{filter:brightness(1.12)}
.ct{position:absolute;z-index:3;right:5vw;bottom:13%;color:#fff;text-align:right}
.ct b{display:block;font:700 2.6rem var(--fh);line-height:1}
.ct span{font-size:.95rem;opacity:.9;display:block;max-width:300px;margin-left:auto}
.cr{display:flex;gap:8px;justify-content:flex-end;align-items:center;margin-top:10px}
.cr button{background:none;border:0;color:#fff;font-size:1.6rem;cursor:pointer;padding:0 6px}
#dots{display:flex;gap:6px}
#dots button{width:26px;height:4px;padding:0;background:rgba(255,255,255,.4);font-size:0}
#dots button.on{background:var(--rd)}
button:focus-visible,a:focus-visible,.pc img:focus-visible{outline:3px solid var(--rd);outline-offset:2px}
.st{background:var(--dk);color:#fff;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:-4.5vw;padding:calc(4.5vw + 28px) 5vw 28px}
.st div{padding:8px 16px;border-left:3px solid var(--rd)}
.st b{display:block;font:700 2.8rem var(--fh);line-height:1}
.st span{color:#b6c0c9;font-size:.95rem}
.w{max-width:1180px;margin:auto;padding:72px 5vw}
.w h2{font-size:clamp(2.2rem,5vw,3.4rem);margin-bottom:1.4rem}
.w h2::after{content:"";display:block;width:64px;height:5px;background:var(--rd);margin-top:.6rem}
.w p{max-width:70ch;margin-bottom:1rem;color:var(--mu)}
.g{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}
.c{background:var(--cd);border:1px solid var(--ln);border-top:4px solid var(--rd);padding:1.5rem}
.c h3{font-size:1.6rem;margin-bottom:.5rem}
.c p{margin:0;font-size:.98rem}
.ph0{background:var(--dk) repeating-linear-gradient(62deg,transparent 0 46px,rgba(255,255,255,.05) 46px 48px);color:#fff;padding:70px 5vw 110px;clip-path:polygon(0 0,100% 0,100% 82%,50% 100%,0 82%)}
.ph0 h1{font-size:clamp(2.8rem,8vw,5.4rem)}
.ph0 p{max-width:60ch;opacity:.85;margin-top:.8rem;font-size:1.15rem}
.tl{border-left:4px solid var(--rd);padding-left:1.4rem;margin-top:1.5rem}
.tl div{margin-bottom:1.3rem}
.tl b{font:700 2rem var(--fh);display:block;line-height:1}
.tl span{color:var(--mu);max-width:62ch;display:block}
.pp{display:flex;gap:14px;align-items:center}
.pp i{flex:none;width:54px;height:54px;border-radius:50%;background:var(--dk);color:#fff;display:grid;place-items:center;font:700 1.35rem var(--fh);font-style:normal}
.pp h3{font-size:1.35rem}.pp span{color:var(--mu);font-size:.93rem;line-height:1.3;display:block}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chips span{border:1px solid var(--ln);background:var(--cd);padding:.45rem .9rem;font-weight:500;font-size:.95rem}
.fl{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}
.fl button{font:600 1.1rem var(--fh);letter-spacing:.04em;padding:.45rem 1.2rem;border:2px solid var(--ink);background:none;color:var(--ink);cursor:pointer}
.fl button.on{background:var(--rd);border-color:var(--rd);color:#fff}
.pc{background:var(--cd);border:1px solid var(--ln);display:flex;flex-direction:column}
.pi{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--ln)}
.pi.n1{grid-template-columns:1fr}
.pi img{width:100%;height:170px;object-fit:cover;display:block;cursor:zoom-in}
.pb{display:flex;gap:14px;align-items:center;padding:14px 16px}
.pb b{font:700 2.3rem var(--fh);color:var(--rd);line-height:1;min-width:2.3ch}
.pb h3{font-size:1.3rem;line-height:1.1}
.pb b.t{font-size:1.1rem}
.cta{background:var(--rd);color:#fff;text-align:center;padding:60px 5vw}
.cta h2{font-size:clamp(2.2rem,5vw,3.4rem);margin-bottom:1rem}
.cta .bt{background:#fff;color:var(--rd);border-color:#fff}
footer{background:var(--dk);color:#c3ccd4;padding:44px 5vw;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));font-size:.95rem}
footer h3{color:#fff;font-size:1.4rem;margin-bottom:.4rem}
footer p{margin-bottom:.4rem}
.lb{position:fixed;inset:0;z-index:99;background:rgba(5,7,9,.93);display:none;place-items:center;align-content:center;gap:12px;cursor:zoom-out;padding:16px}
.lb.on{display:grid}
.lb img{max-width:94vw;max-height:84vh}
.lb p{color:#fff;font:600 1.3rem var(--fh)}
@media(max-width:640px){.ct{display:none}.hd img{height:36px}nav a{margin:0 1rem 0 0;font-size:1.05rem}.hc{transform:translateY(-52%)}}
@media(prefers-reduced-motion:reduce){.sl{transition:none}}
.pc[hidden]{display:none}