body{margin:0;background:#F6EEE1;font-variant-numeric:lining-nums;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html{scroll-behavior:smooth;scrollbar-color:#CBB494 #F5ECDD}
section{scroll-margin-top:12px}
::selection{background:#F0CDB4;color:#16213A}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
a{color:#16213A;text-underline-offset:4px;text-decoration-thickness:1px}a:hover{color:#7A4B2C}
:focus-visible{outline:2px solid #16213A;outline-offset:3px;border-radius:999px}
.nav-links a{transition:color .2s cubic-bezier(.16,1,.3,1)}
.nav-links a:hover{color:#7A4B2C !important;text-decoration:underline !important}
.btn{transition:box-shadow .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1)}
.btn:hover{box-shadow:inset 0 0 0 999px rgba(20,12,4,.14),0 6px 16px rgba(120,40,10,.18)}
.btn:active{transform:translateY(1px)}
.btn svg{transition:transform .3s cubic-bezier(.16,1,.3,1)}
.btn:hover svg{transform:translateX(3px)}
.tree{font-variant-numeric:tabular-nums lining-nums}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:44px;padding:10px 0;font-size:16.5px;line-height:1.3;color:#16213A;transition:color .2s cubic-bezier(.16,1,.3,1)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:#7A4B2C}
.faq summary:focus-visible{border-radius:4px}
.faq summary svg{flex:none;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.faq details[open] summary svg{transform:rotate(45deg)}
@media (max-width: 960px){.faq-grid{grid-template-columns:minmax(0,1fr) !important;column-gap:0 !important}}
@keyframes settle{from{translate:0 16px;scale:.97}to{translate:0 0;scale:1}}
.collage>*{animation:settle 1.1s cubic-bezier(.16,1,.3,1) both}
.collage>:nth-child(2){animation-delay:.05s}.collage>:nth-child(3){animation-delay:.1s}.collage>:nth-child(4){animation-delay:.16s}.collage>:nth-child(5){animation-delay:.22s}.collage>:nth-child(6){animation-delay:.3s}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.collage>*{animation:none}.btn,.btn svg{transition:none}}
.paper{background-color:#F5ECDD;background-image:url("/assets/landing/paper-texture-e06de356.webp");background-size:512px 512px}
.paper-light{background-color:#FBF7F0;background-image:url("/assets/landing/paper-texture-e06de356.webp");background-size:512px 512px;background-blend-mode:lighten}
.tree div{white-space:nowrap}
@media (max-width: 1250px){.tree img{width:52px !important}.tree>div:last-child{gap:6px !important}.tree>div:last-child>div{padding:8px 3px !important}}
@media (max-width: 1250px) and (min-width: 761px){.story-img{display:none !important}#story{padding-right:38px !important}}
@media (max-width: 1100px){.feat{grid-template-columns:minmax(0,1fr) !important;max-width:640px !important;row-gap:28px !important}.feat>.stack-col{padding:0 !important;border-left:none !important}.tree img{width:70px !important}.tree>div:last-child>div{padding:10px 6px !important}}
@media (max-width: 1220px){.rec-text{flex-basis:100% !important}}
@media (max-width: 967px){.hero-text{max-width:none !important}.collage{max-width:620px;margin:0 auto 14% !important}}
@media (max-width: 960px){.how-grid>.stack-col{padding:0 !important;border-left:none !important}.rc-plus{grid-template-columns:minmax(0,1fr) !important}.how-grid{grid-template-columns:minmax(0,1fr) !important;row-gap:16px !important}.rec-img,.rec-card{flex:1 1 300px !important}}
@media (max-width: 860px){.nav-links{display:none !important}}
@media (max-width: 760px){.collage{margin-bottom:22% !important}.stack-col{padding:0 !important;border-left:none !important}.stack-row{gap:22px !important}#story{padding-right:20px !important}.lower{padding-left:20px !important;padding-right:20px !important}.site-header,.hero{padding-left:20px !important;padding-right:20px !important}}
@media (max-width: 600px){.site-header{gap:12px !important}.site-header>div:first-child{font-size:24px !important}.cta-top{font-size:13px !important;padding:8px 14px !important}.stats{flex-wrap:nowrap !important}.stats>div{padding:0 12px !important}.stats>div:first-child{padding-left:0 !important}.rc-main{grid-template-columns:minmax(0,1fr) !important}.facts li{white-space:normal !important;align-items:flex-start !important}}
@media (max-width: 360px){.site-header{gap:8px !important}.site-header>div:first-child{font-size:20px !important}.cta-top{font-size:12px !important;padding:8px 10px !important}}
@media (max-width: 400px){.site-header,.hero{padding-left:14px !important;padding-right:14px !important}.site-header>div:first-child{font-size:22px !important}.cta-top{font-size:12.5px !important;padding:8px 12px !important}.cta-top svg{display:none}.hero-cta{font-size:17px !important;padding:12px 22px !important}.stats>div{padding:0 8px !important}.stats>div:first-child{padding-left:0 !important}.stats>div>span:first-child{font-size:16px !important}.stats>div>span:last-child{font-size:12px !important}}
.collage.has-anim{aspect-ratio:auto;margin-bottom:0 !important}
.anim-steps .step{all:unset;box-sizing:border-box;width:100%;cursor:pointer;display:flex;align-items:flex-start;gap:9px;padding:8px 6px;border-radius:10px;color:#4A4E58;transition:color .2s,background-color .2s}
.anim-steps .step:hover{color:#16213A;background:rgba(235,220,198,.45)}
.anim-steps .step:focus-visible{outline:2px solid #7A4B2C;outline-offset:2px;color:#16213A}
.anim-steps .step.on{color:#16213A}
.anim-steps .n{flex:none;width:26px;height:26px;border-radius:50%;background:#EBDCC6;display:grid;place-items:center;font-size:14px;line-height:1;transition:background-color .2s,color .2s}
.anim-steps .on .n{background:#7A4B2C;color:#FFFDF8}
.anim-steps .l{font-size:15.5px;line-height:1.25;padding-top:3px;min-width:0}
.anim-steps .bar{display:block;height:2px;margin-top:6px;background:rgba(122,75,44,.14);border-radius:1px;overflow:hidden;visibility:hidden}
.anim-steps .on .bar{visibility:visible}
.anim-steps .bar i{display:block;height:100%;background:#7A4B2C;transition:width .25s linear}
.anim-toggle{all:unset;flex:none;cursor:pointer;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#16213A;border:1px solid #E6DAC6;background:#FFFDF8}
.anim-toggle:hover{border-color:#7A4B2C}
.anim-toggle:focus-visible{outline:2px solid #7A4B2C;outline-offset:2px}
.anim-toggle svg{fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}
.anim-toggle .i-play{fill:currentColor;stroke:none;display:none}
.anim-toggle.paused .i-play{display:block}
.anim-toggle.paused .i-pause{display:none}
@media (max-width: 600px){.anim-steps{padding:0 !important}.anim-steps ol{gap:2px !important}.anim-steps .step{flex-direction:column;gap:5px;padding:6px 4px}.anim-steps .l{font-size:13.5px;padding-top:0}}
