@font-face{font-family:Lora;src:url(fonts/lora.woff) format("woff");font-weight:400 700;font-display:swap}
@font-face{font-family:Poppins;src:url(fonts/poppins-400.woff) format("woff");font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url(fonts/poppins-500.woff) format("woff");font-weight:500;font-display:swap}
:root{--bg:#F5F4FB;--fg:#17122B;--muted:#5b5476;--card:#fff;--line:#e1def0;--link:#4B2FD8;--violet:#6B4EFF;--teal:#2FD9BC;--brass:#FFC24D;
--display:Lora,Georgia,serif;--ui:Poppins,system-ui,-apple-system,"Segoe UI",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{--bg:#110C20;--fg:#F5F4FB;--muted:#B9B2DA;--card:#1B1533;--line:#2c2450;--link:#A794FF}}
*,*::before,*::after{box-sizing:inherit}
html{color-scheme:light dark}
body{margin:0;background:var(--bg);color:var(--fg);font:400 1.0625rem/1.65 var(--ui);-webkit-font-smoothing:antialiased}
a{color:var(--link)}
a:focus-visible{outline:3px solid var(--violet);outline-offset:3px;border-radius:4px}
.wrap{max-width:60rem;margin:0 auto;padding:0 1.5rem}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:var(--card);padding:.5rem 1rem;z-index:9}
header{padding:1.75rem 0}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem}
header img{display:block;height:2.75rem;width:auto}
nav a{font-weight:500;text-decoration:none;margin-left:1.25rem}
nav a:hover{text-decoration:underline}
.hero{padding:clamp(2.5rem,8vw,6rem) 0 clamp(2rem,6vw,4rem)}
.pill{display:inline-block;font-size:.875rem;font-weight:500;padding:.3rem .9rem;border:1px solid var(--line);border-radius:99px;background:var(--card);color:var(--muted)}
.pill::before{content:"";display:inline-block;width:.55rem;height:.55rem;border-radius:50%;background:var(--brass);margin-right:.55rem}
h1{font:600 clamp(2.25rem,6.5vw,4rem)/1.1 var(--display);letter-spacing:-.01em;margin:1.25rem 0 1rem;max-width:18ch;text-wrap:balance}
.lead{font-size:clamp(1.0625rem,2.4vw,1.3125rem);color:var(--muted);max-width:40rem;margin:0 0 2rem}
.btns{display:flex;flex-wrap:wrap;gap:.75rem}
.btn{display:inline-block;font-weight:500;text-decoration:none;padding:.8rem 1.4rem;border-radius:.6rem;border:1px solid var(--line);color:var(--fg);background:var(--card)}
.btn.primary{background:var(--violet);border-color:var(--violet);color:#fff}
.btn:hover{filter:brightness(1.08)}
.rule{height:4px;border-radius:2px;background:linear-gradient(90deg,var(--violet),var(--teal));margin:0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;padding:3rem 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:.9rem;padding:1.5rem}
.card h2{font:600 1.375rem/1.25 var(--display);margin:0 0 .5rem}
.card p{margin:0;color:var(--muted);font-size:1rem}
.note{padding:0 0 3rem;color:var(--muted);max-width:42rem}
.note strong{color:var(--fg)}
footer{border-top:1px solid var(--line);padding:1.75rem 0 2.5rem;font-size:.9375rem;color:var(--muted)}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem 2rem}
footer a{margin-right:1.25rem}
footer p{margin:0}