@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-400-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-500-normal.woff2) format("woff2")}
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-tight-600-normal.woff2) format("woff2")}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/newsreader-400-normal.woff2) format("woff2")}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/newsreader-400-italic.woff2) format("woff2")}

:root{
  --bg:#f6f4ef;--fg:#16151a;--mute:#5d5a63;--rule:#dcd8cf;--accent:#4a2fe0;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --display:"Inter Tight","Inter",system-ui,sans-serif;
  --serif:"Newsreader",Georgia,serif;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root{--bg:#141317;--fg:#f1eff4;--mute:#a19daa;--rule:#2d2b33;--accent:#a99bff;color-scheme:dark}
}

*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--bg)}
body{background:var(--bg);color:var(--fg);font:400 18px/1.6 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.wrap{max-width:1072px;margin:0 auto;padding:0 16px}

a{color:var(--accent);font-weight:500;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
a:hover{border-bottom-width:2px}
a:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}

.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Hero (matches mockup P2) */
.hero{padding-top:clamp(56px,10vw,128px)}
h1{font:600 clamp(48px,9vw,100px)/.98 var(--display);letter-spacing:-.035em}
.titles{font:italic 400 clamp(24px,3.2vw,32px)/1.25 var(--serif);letter-spacing:-.005em;margin-top:20px}
.titles span{color:var(--mute)}
.sum{font-size:clamp(17px,1.9vw,19px);line-height:1.65;color:var(--mute);max-width:44ch;margin-top:24px}
.links{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px}

/* Numbers row */
.stats{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:40px 24px;margin-top:clamp(64px,9vw,104px);padding-top:40px;border-top:1px solid var(--rule)}
@media (min-width:860px){.stats{grid-template-columns:repeat(4,1fr)}}
.n{display:block;font:400 clamp(48px,6.5vw,76px)/1 var(--serif);letter-spacing:-.025em}
.l{display:block;margin-top:10px;color:var(--mute);font-size:15px;line-height:1.4;max-width:20ch}

/* Content sections */
main{padding-bottom:clamp(40px,6vw,72px)}
.block{margin-top:clamp(56px,8vw,104px)}
.block .grid{display:grid;gap:16px}
.block .grid::before{content:"";display:block;border-top:1px solid var(--rule);margin-bottom:clamp(8px,2vw,24px)}
@media (min-width:860px){
  .block .grid{grid-template-columns:1fr 3fr;gap:0 24px}
  .block .grid::before{grid-column:1/-1}
}
.block h2{font:600 clamp(21px,2.4vw,24px)/1.25 var(--display);letter-spacing:-.015em}
.body{max-width:60ch}
.body p{font-size:clamp(17px,1.9vw,19px);line-height:1.65}
.body .more{margin-top:20px}

/* Footer */
.foot{padding:40px 0 56px}
.foot .wrap::before{content:"";display:block;border-top:1px solid var(--rule);margin-bottom:32px}
.foot-links{list-style:none;display:flex;flex-wrap:wrap;gap:12px 24px;font-size:15px}
.copy{margin-top:20px;font-size:15px;color:var(--mute)}