.landing-page{--landing-gap:clamp(2.5rem, 6vw, 6rem)}.landing-page .section-space{padding-block:clamp(4.5rem,7.5vw,7rem)}.landing-page h2{max-width:19ch}.landing-page h3,.detail-list dt{font-weight:550}.landing-heading{align-items:end;gap:var(--landing-gap);grid-template-columns:1.1fr 1fr;display:grid}.landing-heading>p{max-width:29rem}.landing-page .section-description{max-width:34rem;margin-top:1.5rem}.landing-heading .section-description{margin-top:0}.benefits-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:2.25rem;margin-top:3.5rem;display:grid}.benefit>svg{color:var(--he-primary);width:1.6rem;height:1.6rem;margin-bottom:1.4rem}.benefit h3,.day-moments h3{letter-spacing:-.02em;margin-bottom:.8rem;font-size:1.25rem;line-height:1.35}.benefit p,.day-moments p{color:var(--he-on-surface-variant);font-size:1rem;line-height:1.75}.visit-section{background:var(--he-primary-container);color:var(--he-on-primary-container)}.visit-intro{align-items:center;gap:var(--landing-gap);grid-template-columns:1fr 1fr;display:grid}.visit-copy .section-description{color:inherit;max-width:29rem}.visit-art{justify-self:end;width:min(100%,31rem);margin:0}.visit-art img{width:100%;height:auto}.visit-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:2.25rem;margin:3.5rem 0 0;padding:0;list-style:none;display:grid}.visit-step-top{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.visit-number{color:var(--he-primary);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:1.65rem;font-weight:400}.visit-step-top svg{width:1.3rem;height:1.3rem;color:var(--he-primary)}.visit-steps h3{margin-bottom:.6rem;font-size:1.125rem;line-height:1.4}.visit-steps p{font-size:1rem;line-height:1.75}.smart-section{align-items:center;gap:var(--landing-gap);grid-template-columns:1fr 1.1fr;display:grid}.smart-art{min-width:0;margin:0}.smart-art img{width:100%;height:auto}.landing-page .smart-section{padding-bottom:2rem}.mobile-section,.documentation-inner,.billing-section,.security-section,.pricing-inner{gap:var(--landing-gap);grid-template-columns:1.1fr 1fr;align-items:center;display:grid}.detail-list{gap:1.6rem;margin:2rem 0 0;display:grid}.detail-list dt{margin-bottom:.4rem;font-size:1.125rem;line-height:1.45}.detail-list dd{color:var(--he-on-surface-variant);max-width:32rem;font-size:1rem;line-height:1.75}.offline-panel{background:var(--he-primary);color:var(--he-on-primary);border-radius:var(--he-radius-panel);padding:clamp(2rem,4vw,3.5rem)}.offline-symbol{stroke-width:1.25px;width:3rem;height:3rem;margin-bottom:3rem}.offline-panel h3{letter-spacing:-.03em;white-space:pre-line;text-wrap:balance;margin-bottom:1.5rem;font-size:clamp(1.8rem,2.7vw,2.5rem);line-height:1.15}.offline-panel>p{font-size:1rem;line-height:1.8}.offline-panel .offline-note{margin-top:1.5rem;font-size:.875rem;line-height:1.75}.documentation-section{background:var(--he-surface)}.documentation-detail .detail-list,.security-detail .detail-list{margin-top:0}.billing-note{max-width:31rem;color:var(--he-on-surface-variant);margin-top:1.2rem;line-height:1.8}.billing-sequence{margin:0;padding:0;list-style:none}.billing-sequence li{grid-template-columns:2.75rem 1fr;gap:1.3rem;padding-bottom:2rem;display:grid;position:relative}.billing-sequence li:last-child{padding-bottom:0}.billing-sequence li:not(:last-child):after{content:"";background:var(--he-outline-variant);width:1px;position:absolute;top:3.15rem;bottom:.5rem;left:1.375rem}.billing-marker{background:var(--he-primary-container);width:2.75rem;height:2.75rem;color:var(--he-primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.billing-marker svg{width:1.15rem;height:1.15rem}.billing-sequence h3{letter-spacing:-.02em;margin:.35rem 0 .55rem;font-size:1.3rem;line-height:1.4}.billing-sequence p{color:var(--he-on-surface-variant);max-width:24rem;line-height:1.75}.day-section{background:var(--he-tertiary-container);color:var(--he-on-tertiary-container)}.day-section .section-description,.day-moments p{color:inherit}.day-moments{grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem;margin-block:3rem;display:grid}.day-moments article>svg{width:1.4rem;height:1.4rem;margin-bottom:1.2rem}.security-symbol{color:var(--he-primary);width:2.4rem;height:2.4rem;margin-bottom:1.5rem}.security-detail .text-link{color:var(--he-primary);text-underline-offset:.25em;text-align:left;margin-top:1.8rem;text-decoration:underline}.pricing-section{background:var(--he-surface);padding-block:4rem}.pricing-inner h2{font-size:clamp(2rem,3vw,2.75rem)}.pricing-inner .section-description{margin:0}.pricing-note{color:var(--he-on-surface-variant);margin-top:1rem;font-size:.875rem;line-height:1.75}.pricing-inner .btn{margin-top:1.6rem}@media (width<=1100px){.benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 3rem}.benefit p{max-width:34ch}.visit-steps{gap:1.5rem}.day-moments{gap:2rem}}@media (width<=760px){.landing-heading,.visit-intro,.smart-section,.mobile-section,.documentation-inner,.billing-section,.security-section,.pricing-inner{grid-template-columns:minmax(0,1fr);gap:2rem}.smart-art{grid-row:2;justify-self:center;width:min(100%,30rem)}.landing-page h2{max-width:21ch;font-size:clamp(1.85rem,7.8vw,2.8rem)}.landing-page .section-description{margin-top:1.25rem}.landing-heading .section-description{margin-top:0}.benefits-grid{gap:2.5rem 1.5rem;margin-top:2.5rem}.benefit{min-width:0}.benefit h3{font-size:1.125rem}.benefit>svg{margin-bottom:1rem}.visit-art{justify-self:center;max-width:25rem}.visit-steps{grid-template-columns:1fr;gap:1.8rem;margin-top:2.5rem}.visit-steps li{grid-template-columns:2rem minmax(0,1fr);column-gap:1rem;display:grid}.visit-step-top{grid-row:1/span 2;align-self:start;margin:.05rem 0 0}.visit-step-top svg{display:none}.visit-number{font-size:1.25rem}.visit-steps h3{margin-bottom:.3rem}.visit-steps p{grid-column:2}.offline-panel{margin-top:.5rem}.offline-symbol{margin-bottom:2rem}.offline-panel h3{font-size:clamp(1.65rem,7vw,2.4rem)}.day-moments{grid-template-columns:1fr;gap:2rem;margin-block:2.5rem}.day-moments article{grid-template-columns:1.5rem minmax(0,1fr);column-gap:1rem;display:grid}.day-moments article>svg{grid-row:1/span 2;margin:.1rem 0 0}.day-moments p{grid-column:2}.day-moments h3{margin-bottom:.5rem}.pricing-inner .section-description{margin-top:0}}@media (width<=420px){.benefits-grid{grid-template-columns:minmax(0,1fr)}.benefit{grid-template-columns:1.5rem minmax(0,1fr);column-gap:1rem;display:grid}.benefit>svg{grid-row:1/span 2;width:1.35rem;height:1.35rem;margin:.1rem 0 0}.benefit h3{margin-bottom:.5rem}.benefit p{grid-column:2;max-width:none}}
