.topbar[data-astro-cid-jfbcbpvj]{padding-block:var(--sp-s)}.landing{padding-block:0 var(--sp-2xl);display:block;overflow-x:clip}.landing :is(h1,h2,h3,p,li,dt,dd){overflow-wrap:break-word}.landing .wrap{width:min(100% - 2 * var(--gutter), var(--app-max));margin-inline:auto}.hero{gap:var(--sp-l);padding-block:var(--sp-l) var(--sp-2xl);display:grid}@media (width>=52rem){.hero{align-items:center;gap:var(--sp-xl);grid-template-columns:minmax(0,1.15fr) minmax(16rem,24rem)}}.hero-copy{justify-items:start;gap:var(--sp-s);display:grid}.hero h1{letter-spacing:-.04em;max-width:11em;font-size:clamp(2.35rem,5.6vw,4rem);font-weight:720;line-height:.98}.hero h1 em{color:var(--accent);font-style:normal;font-weight:620;display:block}.hero .lead{max-width:36rem;color:var(--ink-soft);font-size:var(--step-1);line-height:1.55}.hero-wall{min-height:16rem;position:relative}.hero-wall .note{color:#1a2744;width:min(12rem,48%);min-height:7rem;box-shadow:var(--shadow-lift);animation:settle-note var(--dur-3) var(--ease-soft) both;border-radius:.75rem;padding:1.15rem .75rem .7rem;position:absolute}.hero-wall .note p{font-family:var(--font-hand);font-size:var(--step-1);letter-spacing:-.03em;font-weight:680;line-height:1.15}.hero-wall .tack{background:var(--accent);border-radius:50%;width:.7rem;height:.7rem;position:absolute;top:.35rem;left:50%;translate:-50%;box-shadow:0 .12rem .2rem #281c1259}.hero-wall .star{color:#c45c4a;font-size:.95rem;position:absolute;top:.35rem;right:.6rem}.hero-wall .chip{color:#3a4663;font-size:var(--step--2);background:#1a27441a;border-radius:999px;margin-block-start:.5rem;padding:.1rem .5rem;font-weight:560;display:inline-block}.sellos{max-width:34rem;margin:var(--sp-2xs) 0 0;flex-wrap:wrap;gap:.4rem;padding:0;list-style:none;display:flex}.sellos li{border:1px solid var(--rule-strong);border-radius:var(--radius-pill);color:var(--ink-soft);font-size:var(--step--1);align-items:center;gap:.35rem;padding:.25rem .7rem;display:inline-flex}.sellos li:before{content:"";background:var(--accent);border-radius:50%;width:.4rem;height:.4rem}.faq summary h3{font:inherit;margin:0}.hero-wall .n1{background:var(--note-amarillo);top:10%;left:2%;rotate:-8deg}.hero-wall .n2{background:var(--note-rosa);z-index:2;animation-delay:80ms;top:34%;left:36%;rotate:6deg}.hero-wall .n3{background:var(--note-menta);animation-delay:.14s;top:0;right:0;rotate:-3deg}.section{padding-block:var(--sp-2xl)}.section-head{justify-items:center;gap:var(--sp-xs);max-width:44rem;text-align:center;margin-block-end:var(--sp-xl);margin-inline:auto;display:grid}.section-head.is-left{text-align:start;justify-items:start;margin-block-end:var(--sp-l);margin-inline:0}.section-head h2,.prose h2{font-size:var(--step-4);letter-spacing:-.03em;font-weight:640}.section-head .lead,.prose p{color:var(--ink-soft);font-size:var(--step-1);line-height:1.65}.prose{gap:var(--sp-s);max-width:44rem;display:grid}.science{gap:var(--sp-m);margin:0;padding:0;list-style:none;display:grid}@media (width>=52rem){.science{grid-template-columns:repeat(3,minmax(0,1fr))}.science-card:nth-child(2){translate:0 var(--sp-m)}}.science-card{gap:var(--sp-xs);padding:var(--sp-l) var(--sp-m) var(--sp-m);background:var(--paper-raised);grid-template-rows:auto auto 1fr auto;display:grid;box-shadow:0 .45rem 1.2rem #281c121a}.science-card:first-child{rotate:-1.2deg}.science-card:nth-child(2){rotate:1deg}.science-card:nth-child(3){rotate:-.6deg}.science-num{color:var(--accent);font-family:var(--font-hand);font-size:var(--step-3);font-weight:680;line-height:1}.science-card h3{font-size:var(--step-2);font-weight:620}.science-card p{color:var(--ink-soft);line-height:1.6}.science-source{border-block-start:1px solid var(--rule);color:var(--ink-faint);font-size:var(--step--2);padding-block-start:var(--sp-xs);line-height:1.5}.science-source cite{font-style:italic}.steps{gap:var(--sp-m);max-width:44rem;margin:0;padding:0;list-style:none;display:grid}.step{gap:var(--sp-s);grid-template-columns:2.8rem minmax(0,1fr);align-items:start;display:grid}.step-num{aspect-ratio:1;background:var(--note-amarillo);color:#1a2744;width:2.8rem;font-family:var(--font-hand);font-size:var(--step-1);border-radius:2px;place-items:center;font-weight:700;display:grid;box-shadow:0 .25rem .7rem #281c121f}.step:nth-child(2) .step-num{background:var(--note-rosa)}.step:nth-child(3) .step-num{background:var(--note-menta)}.step:nth-child(4) .step-num{background:var(--note-ciel)}.step h3{font-size:var(--step-1);margin-block-end:.25rem;font-weight:620}.step p{color:var(--ink-soft);line-height:1.6}.points{gap:var(--sp-l);margin:0;padding:0;list-style:none;display:grid}@media (width>=48rem){.points{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=68rem){.points{grid-template-columns:repeat(4,minmax(0,1fr))}}.points li{align-content:start;gap:var(--sp-2xs);border-block-start:2px solid var(--ink);padding-block-start:var(--sp-s);display:grid}.points h3{font-size:var(--step-1);font-weight:620}.points p{color:var(--ink-soft);font-size:var(--step--1);line-height:1.6}.faq{border-block-start:1px solid var(--rule-strong);max-width:50rem;margin:0;padding:0;display:grid}.faq details{border-block-end:1px solid var(--rule-strong)}.faq summary{justify-content:space-between;align-items:center;gap:var(--sp-s);min-height:3.5rem;padding-block:var(--sp-s);cursor:pointer;font-family:var(--font-hand);font-size:var(--step-1);font-weight:620;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";border-block-end:1.5px solid;border-inline-end:1.5px solid;flex:none;width:.7rem;height:.7rem;translate:0 -.15rem;rotate:45deg}.faq details[open] summary:after{translate:0 .15rem;rotate:225deg}.faq summary:hover{color:var(--accent)}.faq details p{max-width:var(--measure);color:var(--ink-soft);padding-block-end:var(--sp-m);line-height:1.6}.close{justify-items:center;gap:var(--sp-s);text-align:center;display:grid}.close h2{letter-spacing:-.035em;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:680}.close .lead{max-width:34rem;color:var(--ink-soft);font-size:var(--step-1)}@keyframes settle-note{0%{opacity:0;translate:0 .9rem}to{opacity:1;translate:0}}@media (width<=36rem){.hero .actions{width:100%}.hero .actions .btn{flex:100%}}@media (prefers-reduced-motion:reduce){.hero-wall .note{animation:none}.science-card:nth-child(2){translate:none}}
