:root{--accent:#FF8341;--ink:#1D1D1F}
*{box-sizing:border-box;margin:0}
body{position:relative;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;color:#fff;background:var(--ink) url(img/gr-hero.jpg) 50% 50%/cover no-repeat;font:17px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
body::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.76) 0%,rgba(0,0,0,.44) 42%,rgba(0,0,0,.08) 72%),linear-gradient(0deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 30%)}
body>*{position:relative}
header,footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;padding:22px clamp(20px,5vw,56px)}
.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:650}
.mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--accent);color:var(--ink);font-weight:750}
.lang{display:flex;gap:4px;padding:3px;border-radius:999px;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.3);font-size:13px;font-weight:600}
.lang a,.lang span{padding:5px 12px;border-radius:999px;color:#fff;text-decoration:none}
.lang span{background:#fff;color:var(--ink)}
main{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:780px;padding:24px clamp(20px,5vw,56px)}
.pill{align-self:flex-start;padding:6px 14px;border-radius:999px;background:var(--accent);color:var(--ink);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
h1{margin-top:22px;font-size:clamp(36px,6.4vw,72px);line-height:1.04;letter-spacing:-.03em;font-weight:680;text-wrap:balance}
.lede{margin-top:20px;max-width:34em;font-size:clamp(17px,1.6vw,20px);color:rgba(255,255,255,.92)}
.what{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px;padding:0;list-style:none}
.what li{padding:7px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.45);background:rgba(0,0,0,.34);font-size:14px;font-weight:600}
.btn{align-self:flex-start;margin-top:26px;padding:11px 18px;border-radius:12px;background:var(--accent);color:var(--ink);font-weight:650;text-decoration:none}
footer{font-size:13px;color:rgba(255,255,255,.85)}
a:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media (max-width:700px){
 body::before{background:linear-gradient(180deg,rgba(0,0,0,.74) 0%,rgba(0,0,0,.52) 55%,rgba(0,0,0,.3) 100%)}
 main{justify-content:flex-start;padding-top:7vh}
}