/* Visual system: Solar Bloom (shared with Yoann's design system): white surface, plum text, red action, Matter type */
@font-face{font-family:"Matter";src:url("/assets/fonts/Matter-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Matter";src:url("/assets/fonts/Matter-Medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Matter";src:url("/assets/fonts/Matter-SemiBold.woff2") format("woff2");font-weight:600;font-display:swap}
:root{--plum:#32081F;--red:#D41F3D;--red-hover:#B5182F;--mauve:#775E6C;--rule:#E5DDE1;--white:#FFFFFF;--ease:cubic-bezier(.2,0,0,1)}
*{box-sizing:border-box}
html{background:var(--white)}
body{margin:0;background:var(--white);color:var(--plum);font:400 18px/28px "Matter","Inter",system-ui,sans-serif;-webkit-font-smoothing:antialiased;position:relative;min-height:100vh;overflow-x:hidden}
::selection{background:#FFD3B1;color:var(--plum)}
.flame{position:absolute;right:0;top:0;width:min(1040px,100vw);height:420px;background:url(/assets/solar-signal.webp) 70% 15%/1500px auto;-webkit-mask-image:radial-gradient(60% 34% at 100% 0%,#000 25%,transparent 70%),radial-gradient(40% 22% at 62% 4%,rgba(0,0,0,.8) 0%,transparent 72%),radial-gradient(14% 52% at 97% 30%,rgba(0,0,0,.75) 0%,transparent 70%);mask-image:radial-gradient(60% 34% at 100% 0%,#000 25%,transparent 70%),radial-gradient(40% 22% at 62% 4%,rgba(0,0,0,.8) 0%,transparent 72%),radial-gradient(14% 52% at 97% 30%,rgba(0,0,0,.75) 0%,transparent 70%);pointer-events:none;z-index:0}
main{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:160px 16px 64px}
h1{font:600 56px/60px "Matter","Inter",sans-serif;letter-spacing:-.02em;margin:0 0 16px}
h2{font:500 24px/30px "Matter","Inter",sans-serif;margin:48px 0 8px}
p{margin:0 0 16px;max-width:62ch}
.lead{color:var(--mauve);font-weight:500}
.rule{width:48px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--red),#FF8A3D);margin:0 0 24px}
a{color:var(--red);text-underline-offset:3px}
a:hover{color:var(--red-hover)}
.btn{display:inline-block;margin-top:16px;padding:12px 24px;border-radius:999px;background:var(--red);color:var(--white);font:500 16px/24px "Matter","Inter",sans-serif;text-decoration:none;transition:background 200ms var(--ease),transform 160ms var(--ease)}
.btn:hover{background:var(--red-hover);color:var(--white)}
.btn:active{transform:scale(.98)}
:focus-visible{outline:3px solid var(--plum);outline-offset:4px;border-radius:3px}
footer{margin-top:64px;padding-top:16px;border-top:1px solid var(--rule);font-size:14px;line-height:20px;color:var(--mauve)}
footer a{color:var(--mauve)}
@media (max-width:640px){main{padding-top:120px}h1{font-size:40px;line-height:44px}.flame{height:300px}}
@media (prefers-reduced-motion:reduce){.btn{transition:none}}