@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");
html{min-height:100%;scroll-behavior:smooth}
body{margin:0;min-height:100vh;font-family:Manrope,sans-serif;background-color:#faf8f1;color:#26352a;line-height:1.5;background-image:radial-gradient(circle at top left,rgba(191,227,208,.34),transparent 24%),radial-gradient(circle at 100% 0%,rgba(221,238,212,.48),transparent 22%),radial-gradient(circle at bottom right,rgba(243,235,216,.62),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 100%)}
*{box-sizing:border-box}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
h1,h2,h3,h4{text-wrap:balance}
p{text-wrap:pretty}
.site-container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}
@media (min-width:640px){.site-container{padding-left:1.5rem;padding-right:1.5rem}}
@media (min-width:1024px){.site-container{padding-left:2rem;padding-right:2rem}}
.surface-card{border-radius:30px;border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.95);box-shadow:0 22px 64px rgba(38,53,42,.08),inset 0 1px 0 rgba(255,255,255,.55);backdrop-filter:blur(4px)}
.muted-grid{background-image:linear-gradient(rgba(111,175,78,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(111,175,78,.06) 1px,transparent 1px);background-size:22px 22px}
.soft-ring{--tw-ring-color:#ddeed4}
.page-shell{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding:2.5rem 1rem}
@media (min-width:640px){.page-shell{padding:3rem 1.5rem}}
@media (min-width:1024px){.page-shell{padding:3.5rem 2rem}}
.section-space{margin-top:5rem}
@media (min-width:640px){.section-space{margin-top:6rem}}
@media (min-width:1024px){.section-space{margin-top:8rem}}
.section-panel{border-radius:34px;border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.6);padding:1.5rem;box-shadow:0 20px 50px rgba(15,23,42,.05);backdrop-filter:blur(4px)}
@media (min-width:640px){.section-panel{padding:2rem}}
.interactive-card{transition:transform .3s ease,box-shadow .3s ease}
.interactive-card:hover{transform:translateY(-.25rem);box-shadow:0 28px 80px rgba(15,23,42,.12)}
::selection{background:#ddeed4;color:#1c3f29}