html {scroll-behavior:smooth;scroll-padding-top:30px}
h1,h2,h3,p,figure {margin:0}
h1 {font-size:clamp(64px,6.2vw,88px);line-height:.97;letter-spacing:.005em}
h1 span {color:var(--green)}
h2 {font-size:clamp(44px,4.2vw,62px);line-height:1.03;text-wrap:balance}
h3 {font-size:23px;line-height:1.25;letter-spacing:-.025em}
p {line-height:1.65;text-wrap:pretty}
section[id] {scroll-margin-top:30px}
.header {min-height:120px}
.brand {width:130px;flex-shrink:0}
.logo-dark {display:none}
[data-bs-theme=dark] .logo-dark {display:block}
[data-bs-theme=dark] .logo-light {display:none}
.hero {padding:35px 0 75px;min-height:720px}
.hero-description {max-width:430px;font-size:19px;color:var(--muted);margin:28px 0}
.hero-visual {isolation:isolate;min-height:600px}
.brand-shapes {position:absolute;inset:50px -15px 25px;z-index:-1}
.brand-shapes i {position:absolute;display:block;border-radius:90px;width:62%;height:83%;left:0;top:0;background:#c6edac;transform:rotate(-8deg)}
.brand-shapes i:nth-child(2) {left:29%;top:22%;width:60%;height:75%;background:#58c322;opacity:.75;transform:rotate(9deg)}
.brand-shapes i:nth-child(3) {display:none}
[data-bs-theme=dark] .brand-shapes i:first-child {background:#324f25}
.phone {width:265px;padding:6px;background:#17191b;border-radius:44px;box-shadow:0 25px 48px #00000033;transform:rotate(2deg)}
.phone img {width:100%;border-radius:38px}
.phone-android {border-radius:26px}
.phone-android img {border-radius:20px}
.features {padding:75px 0;border-top:1px solid var(--line)}
.section-heading {margin-bottom:50px}
.section-heading>p {color:var(--muted);font-size:17px;margin-top:20px}
.feature-list svg,.device-symbol {width:48px;height:48px;color:var(--green);margin-bottom:22px}
.feature-list p {margin-top:16px;font-size:16px;color:var(--muted)}
.availability {font-size:12px;color:var(--muted);margin-top:36px}
.everyday {padding:65px 0}
.everyday-options p {font-size:15px;color:var(--muted);margin:14px 0}
.everyday-options a {font-size:14px;text-decoration:underline;text-underline-offset:4px}
.start {padding:85px 0}
.steps li {display:flex;gap:24px;align-items:start;padding:25px 0;border-bottom:1px solid var(--line)}
.steps li:first-child {padding-top:0}
.steps li:last-child {padding-bottom:0;border:0}
.step-number {flex-shrink:0;width:38px;text-align:center;font-family:BondDisplay,sans-serif;font-size:36px;font-weight:400;line-height:1;color:var(--green)}
.steps h3 {font-size:20px}
.steps p {font-size:15px;color:var(--muted);margin-top:8px;max-width:390px}
.download {padding:65px 0}
.download p {margin-top:20px;font-size:17px;color:inherit}
.store {display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-radius:18px;min-height:94px}
.store:hover,.store:focus-visible {border-color:var(--green)!important}
.store small {display:block;font-size:12px;margin-bottom:3px}
.store strong {font-size:22px;white-space:nowrap;font-weight:600;letter-spacing:-.025em}
.store>span:last-child {font-size:22px}
.connect {padding:95px 0}
.connect-copy>p {color:var(--muted);max-width:440px;font-size:16px;margin-top:20px}
.connect-copy .connect-lead {font-size:22px;color:var(--ink);margin-top:28px}
.connection-form {padding-top:5px}
#lead-yard {padding-right:3rem}
#lead-address:has(.suggestions-wrapper--active) #lead-yard {border-bottom-left-radius:0;border-bottom-right-radius:0}
/* Safari показывает кнопку контактов даже при autocomplete="off"; адрес выбирается из наших подсказок. */
#lead-yard::-webkit-contacts-auto-fill-button {display:none!important;visibility:hidden;pointer-events:none}
#lead-yard::-webkit-credentials-auto-fill-button {display:none!important;visibility:hidden;pointer-events:none}
/* Рамка принадлежит прокручиваемому списку, чтобы нижний край не обрывался между подсказками. */
#lead-address .suggestions-suggestions {z-index:10;max-height:260px;overflow-y:auto;overscroll-behavior:contain;background:var(--bs-body-bg);color:var(--bs-body-color);border:var(--bs-border-width) solid var(--bs-border-color);border-top:0;border-radius:0 0 var(--bs-border-radius) var(--bs-border-radius);box-shadow:var(--bs-box-shadow)}
#lead-address .suggestions-suggestion {border-left:0;border-right:0}
#lead-address .suggestions-suggestion:first-child {border-top:0}
#lead-address .suggestions-suggestion:last-child {border-bottom:0}
#lead-address .suggestions-suggestion {padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);font-size:14px;line-height:1.5;overflow-wrap:anywhere}
#lead-address .suggestions-suggestion:hover,#lead-address .suggestions-selected {background:var(--bs-tertiary-bg)}
#lead-address .suggestions-suggestions strong {color:var(--bs-body-color);font-weight:600}
#lead-address .suggestions-promo,#lead-address .suggestions-promo a {color:var(--bs-secondary-color)}
.form-label {font-size:14px;font-weight:500;margin-bottom:10px}
#form-status {font-size:15px;line-height:1.5}
#form-status[data-state=error] {color:#b3312f}
[data-bs-theme=dark] #form-status[data-state=error] {color:#ffa8a0}
#form-status[data-state=success] {color:var(--green)}
.faq {padding:70px 0;border-top:1px solid var(--line)}
.faq h2 {font-size:46px}
.faq .accordion-item {border-bottom:1px solid var(--line)}
.faq .accordion-button {padding:22px 0;line-height:1.4;gap:20px;box-shadow:none;letter-spacing:normal}
.faq .accordion-item:first-child .accordion-button {padding-top:0}
.faq .accordion-body {padding:0 0 22px}
.faq .accordion-body p {color:var(--muted);font-size:15px;max-width:510px}
.footer {padding:30px 0;font-size:13px}
.footer .brand {width:80px}
@media(max-width:1100px) {
    .hero-visual {min-height:550px}
    .phone {width:235px}
    .store {padding:18px 15px}
    .store strong {font-size:20px}
}
@media(max-width:760px) {
    .header {min-height:95px;gap:15px;padding-top:18px;padding-bottom:18px}
    .brand {width:108px}
    .hero {padding:24px 0 55px;min-height:0}
    .hero h1 {font-size:clamp(63px,14vw,96px);max-width:540px}
    .hero-description {font-size:17px;margin:24px 0;max-width:430px}
    .hero-visual {min-height:550px;max-width:420px}
    .phone {width:245px}
    .brand-shapes {inset:35px 15px}
    h2 {font-size:46px}
    .features {padding:55px 0}
    .section-heading {margin-bottom:25px}
    .section-heading>p {font-size:16px}
    .feature-list article {position:relative;padding:25px 0 25px 65px;border-bottom:1px solid var(--line)}
    .feature-list article:last-child {border-bottom:0}
    #management .feature-list article {padding-left:0}
    .feature-list svg {position:absolute;left:0;top:25px;width:42px;height:42px}
    .feature-list h3 {font-size:21px}
    .feature-list p {margin-top:10px}
    .everyday,.download {padding:50px 0}
    .everyday-options h3 {font-size:20px}
    .start {padding:55px 0}
    .download h2 br {display:none}
    .store {padding:16px;border-radius:16px}
    .store strong {font-size:20px}
    .connect {padding:60px 0}
    .connect-copy>p {max-width:unset}
    .faq {padding:50px 0}
    .faq h2 {font-size:42px}
    .footer {flex-wrap:wrap;font-size:12px}
}
@media(max-width:360px) {
    .store {padding:14px 12px}
    .store strong {font-size:17px}
    .store>span:last-child {display:none}
    .hero-visual {min-height:515px}
    .phone {width:225px}
}
@media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto}*,*::before,*::after {transition:none!important}}