@layer reset,tokens,ui;@layer route{.landing{container-type:inline-size}.landing-section{max-width:1168px;margin:0 auto;padding-inline:24px}.landing h2{font-size:2.4rem;line-height:1.1}.landing-hero{flex-wrap:wrap;align-items:center;gap:40px;padding-block:clamp(32px,6cqi,56px) clamp(48px,8cqi,72px);display:flex}.landing-pitch{flex-direction:column;flex:380px;gap:20px;min-width:0;display:flex}.landing-pitch h1{font-size:clamp(2.5rem,7cqi,4.2rem);line-height:1.02}.landing-lede{max-width:34em;font-size:1.15rem;line-height:1.55}.button.landing-cta{gap:10px;min-height:52px;padding:0 24px;font-size:1.1rem}.landing-example{border-radius:16px;flex-direction:column;flex:420px;gap:6px;min-width:0;margin:0;padding:24px 24px 16px;display:flex;transform:rotate(1deg);box-shadow:0 1px 3px #00000026,0 12px 32px #3a3a3a14}.landing-example-title{text-align:center;font-size:1.7rem;line-height:1.1}.landing-example-count{text-align:center;color:var(--pencil-soft);margin-bottom:4px;font-size:1.25rem}.landing-how,.landing-story{flex-direction:column;gap:28px;display:flex}.landing-how{padding-bottom:clamp(48px,8cqi,72px)}.landing-how ol{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.landing-card{border-radius:14px;flex-direction:column;gap:8px;padding:22px;display:flex}.landing-card h3{font-size:1.6rem}.landing-card p{line-height:1.5}.blob{border:2px solid var(--pencil);background:repeating-linear-gradient(var(--blob-angle,49deg), var(--blob) 0 2.5px, transparent 2.5px 6px), var(--paper);border-radius:52% 48% 50% 50%/48% 52%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.35rem;display:inline-flex}.blob-2{--blob-angle:64deg;border-radius:49% 51% 47% 53%/52% 48%}.blob-3{--blob-angle:79deg;border-radius:50% 50% 53% 47%/50% 47% 53% 50%}.landing-story-cards{flex-wrap:wrap;align-items:stretch;gap:24px;display:flex}.landing-story-cards>.landing-card{flex:420px;gap:12px;min-width:0}.landing-card-head{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.landing-then,.landing-now{margin:12px 0 16px;padding:20px}.landing-then{border:1px solid var(--line);background:#fbf7ec;transform:rotate(-1.5deg)}.landing-now{border:2px solid var(--pencil);border-radius:20px;transform:rotate(1deg)}.landing-story-text{flex-direction:column;gap:12px;display:flex}.landing-closer-section{padding-block:clamp(48px,8cqi,72px)}.landing-closer{border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;padding:clamp(24px,4cqi,32px) clamp(20px,4cqi,40px);display:flex}.landing .landing-closer h2{flex:260px;font-size:clamp(1.9rem,4cqi,2.3rem)}@media (max-width:639px){.landing-section{padding-inline:16px}.landing-hero{gap:32px;padding-block:32px 48px;display:grid}.landing-pitch{flex:none;gap:16px}.landing-pitch h1{font-size:2.7rem}.landing-lede{font-size:1.05rem}.landing .button.landing-cta{width:100%}.landing-example{flex:none;gap:4px;margin:0 4px;padding:20px 16px 12px}.landing-example-title{font-size:1.6rem}.landing-example-count{font-size:1.2rem}.landing h2{font-size:2.1rem}.landing-how,.landing-story{gap:20px}.landing-how{padding-bottom:48px}.landing-how ol,.landing-story-cards{gap:16px}.landing-card{padding:18px}.landing-card h3{font-size:1.5rem}.landing-card-head{flex-direction:row;align-items:center;gap:12px}.landing-then,.landing-now{margin:10px 0 14px;padding:16px}.landing-closer-section{padding-block:48px}.landing-closer{flex-direction:column;align-items:stretch;padding:24px 18px}.landing .landing-closer h2{flex:none;font-size:1.9rem}}}