.hero{position:relative;overflow:hidden;padding-block:clamp(2rem,1.25rem + 3vw,3.5rem) clamp(1.25rem,1rem + 1.5vw,2rem);background:var(--sp-cream)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(32rem 20rem at 12% 10%,rgb(248 220 198 / .75),transparent 70%),radial-gradient(30rem 22rem at 90% 25%,rgb(219 231 212 / .85),transparent 70%),radial-gradient(26rem 14rem at 55% 70%,rgb(251 239 196 / .6),transparent 70%);-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent);mask-image:linear-gradient(to bottom,#000 55%,transparent)}.hero__inner{position:relative;display:grid;justify-items:center;gap:var(--space-4);text-align:center}.hero__development{width:min(100%,32rem);padding:1rem 1.25rem;border-radius:var(--radius-lg);background:var(--sp-forest);color:var(--sp-cream);text-align:left;box-shadow:0 8px 22px #1132261f}.hero__development-heading{display:flex;align-items:center;gap:.65rem;font-weight:700;font-size:clamp(1rem,.95rem + .3vw,1.125rem);line-height:1.35}.hero__development p{margin-top:.4rem;color:var(--sp-cream-dim);font-size:.875rem;line-height:1.5}.hero__badge-dot{flex:none;width:.5rem;height:.5rem;border-radius:50%;background:var(--sp-gold)}.hero__title{max-width:24ch;font-size:var(--text-hero);font-weight:500;color:var(--sp-forest)}.hero__lead{max-width:38rem;font-size:var(--text-lg);line-height:1.55;color:var(--ink-soft)}.how{padding-top:var(--space-5);padding-bottom:var(--space-6);background:linear-gradient(180deg,#edf3eb,#f2f6f0);border-top:1px solid rgb(25 71 53 / .07)}.how__stage{display:grid;grid-template-columns:repeat(2,auto);justify-content:center;gap:clamp(.75rem,.25rem + 3vw,3rem);max-width:46rem;margin:var(--space-4) auto 0;padding:clamp(1.25rem,.75rem + 2vw,2.25rem) clamp(.75rem,.25rem + 2vw,2.5rem);border-radius:var(--radius-lg);background:radial-gradient(60% 80% at 20% 30%,rgb(248 220 198 / .8),transparent 70%),radial-gradient(60% 80% at 85% 70%,rgb(219 231 212 / .9),transparent 70%),#fffaf3;border:1px solid rgb(25 71 53 / .06)}.how__side{margin:0;display:grid;justify-items:center;gap:var(--space-3)}.how__side .phone{--phone-w: clamp(7.25rem, 32vw, 13.5rem)}.how__side figcaption{display:grid;text-align:center;line-height:1.35}.how__side figcaption strong{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--sp-forest)}.how__side figcaption span{font-size:var(--text-xs);color:var(--ink-soft);white-space:nowrap}@media (min-width: 40rem){.how__side figcaption span{font-size:var(--text-sm)}}.how__note{margin-top:var(--space-2);text-align:center;font-size:var(--text-xs);color:var(--ink-soft)}.screen{display:grid;gap:.55em}.screen__greeting{font-size:.75em;opacity:.7}.screen__title{margin-bottom:.35em;font-family:var(--font-display);font-size:1.4em;font-weight:600;line-height:1.1}.screen__tile{display:flex;align-items:center;gap:.6em;padding:.6em .7em;border-radius:.85em}.screen__icon{display:grid;place-items:center;flex-shrink:0;width:1.9em;height:1.9em;border-radius:.6em;background:#ffffffb3}.screen__icon svg{width:1.1em;height:1.1em}.screen__text{display:grid;line-height:1.25}.screen__text strong{font-size:.85em;font-weight:600}.screen__text span{font-size:.68em;opacity:.7}.screen__tile--peach{background:var(--pk-peach)}.screen__tile--yellow{background:var(--pk-yellow)}.screen__tile--sage{background:var(--pk-sage)}.screen__tile--forest{background:#f8f5ed14;border:1px solid rgb(248 245 237 / .12)}.screen__tile--forest .screen__icon{background:#dda96f2e;color:var(--sp-gold)}.feature-card{display:grid;grid-template-columns:auto 1fr;align-items:start;column-gap:var(--space-4);row-gap:var(--space-1);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md)}.feature-card__icon{grid-row:span 2;display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:10px}.feature-card__title{font-size:var(--text-lg);line-height:1.3;padding-top:.2rem}.feature-card__body{text-wrap:pretty;font-size:var(--text-sm);line-height:1.55}.feature-card--forest{background:#f8f5ed0d;border:1px solid rgb(248 245 237 / .12);color:var(--sp-cream)}.feature-card--forest .feature-card__icon{background:#dda96f24;color:var(--sp-gold)}.feature-card--forest .feature-card__body{color:var(--sp-cream-dim)}.feature-card--peach,.feature-card--sage,.feature-card--yellow{border:1px solid rgb(255 255 255 / .8);color:var(--ink);box-shadow:0 1px 2px #1d2a240a,0 6px 18px #1d2a240d}.feature-card--peach{background:linear-gradient(160deg,#fff7f0,var(--pk-peach))}.feature-card--sage{background:linear-gradient(160deg,#f6faf3,var(--pk-sage))}.feature-card--yellow{background:linear-gradient(160deg,#fffcf0,var(--pk-yellow))}.feature-card--peach .feature-card__icon,.feature-card--sage .feature-card__icon,.feature-card--yellow .feature-card__icon{background:#fffc;color:var(--sp-forest)}.feature-card--peach .feature-card__title,.feature-card--sage .feature-card__title,.feature-card--yellow .feature-card__title{color:var(--sp-forest)}.feature-card--peach .feature-card__body,.feature-card--sage .feature-card__body,.feature-card--yellow .feature-card__body{color:var(--ink-soft)}.feature-card--deep{background:linear-gradient(160deg,#1f5340,var(--sp-forest));border:1px solid rgb(25 71 53 / .2);color:var(--sp-cream);box-shadow:0 1px 2px #1d2a240f,0 6px 18px #1d2a241a}.feature-card--deep .feature-card__icon{background:#dda96f2e;color:var(--sp-gold)}.feature-card--deep .feature-card__body{color:var(--sp-cream-dim)}.feature-card--deep :focus-visible{outline-color:var(--sp-gold)}.features{padding-top:var(--space-3)}.features .card-grid{margin-inline:auto;grid-template-columns:1fr;max-width:36rem}.features .feature-card{padding:var(--space-5) var(--space-6);column-gap:var(--space-5)}@media (max-width: 30rem){.features .feature-card{padding:var(--space-4) var(--space-5);column-gap:var(--space-4)}}@media (min-width: 64rem){.features .card-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-4);max-width:68rem}.features .feature-card__body{text-wrap:balance}}.home{--text-hero: clamp(2rem, 1.6rem + 1.6vw, 2.625rem);--text-2xl: clamp(1.625rem, 1.45rem + .7vw, 1.875rem);--text-lg: clamp(1.125rem, 1.08rem + .2vw, 1.25rem);--text-base: clamp(.9375rem, .9rem + .15vw, 1rem);--space-section: clamp(2.25rem, 1.75rem + 2vw, 3.5rem);font-size:var(--text-base)}.home .hero__lead{font-size:clamp(1rem,.96rem + .15vw,1.0625rem)}.home .how{margin-top:clamp(1.5rem,1rem + 2vw,2.5rem)}@media (max-width: 39.99rem){.page-home .container{padding-inline:calc(var(--exit-tab-w-sm) + var(--space-2))}.home .hero{padding-top:var(--space-5)}.home .hero__title{max-width:none}.home .how{margin-top:var(--space-3)}.home .how__stage{--stage-edge: var(--space-3);--stage-pad-left: 1.125rem;--stage-pad-right: calc(var(--exit-tab-w-sm) + 6px - var(--stage-edge));margin-inline:calc(var(--stage-edge) - var(--exit-tab-w-sm) - var(--space-2));padding:var(--space-4) var(--stage-pad-right) var(--space-3) var(--stage-pad-left);gap:var(--space-3);border-radius:var(--radius-md)}.home .how__side .phone{--phone-w: calc( (100vw - 2 * var(--space-3) - 1.125rem - (var(--exit-tab-w-sm) + 6px - var(--space-3)) - var(--space-3)) / 2 )}.home .section-head p,.home .feature-card__body,.home .access__note{font-size:1rem}.home .feature-card{padding-inline:var(--space-4);column-gap:var(--space-3)}.home .how__side .phone__screen{font-size:calc(var(--phone-w) * .062)}}
