body { margin: 0; font-family: Inter, "Helvetica Neue", Arial, sans-serif; color: #111315; background: #FAF8F3; -webkit-font-smoothing: antialiased; }
a { color: #111315; }
h1, h2, h3 { font-weight: 700; margin: 0; }
.logo svg { height: 34px; width: auto; display: block; }
.logo-sm svg { height: 28px; }
.wrap { max-width: 1160px; margin: 0 auto; box-sizing: border-box; padding-left: clamp(18px, 4vw, 40px); padding-right: clamp(18px, 4vw, 40px); }
.sec { padding-top: clamp(54px, 6.5vw, 84px); padding-bottom: clamp(54px, 6.5vw, 84px); }
.lbl { font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 600; color: #8C8679; }
.hd { font-size: clamp(25px, 3.4vw, 35px); line-height: 1.2; letter-spacing: -0.012em; }
.lede { font-size: 17px; line-height: 1.6; color: #55504A; }
.white { background: #FFFFFF; }
.dark { background: #15161A; color: #FFFFFF; }
.navlinks { display: flex; align-items: center; flex-wrap: wrap; gap: 26px; margin-left: 38px; font-size: 15px; font-weight: 500; }
.navlinks a { text-decoration: none; color: #55504A; }
.navlinks a:hover { color: #111315; }
.burger { display: none; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid #D6D0C5; border-radius: 4px; background: transparent; cursor: pointer; padding: 0; }
.btn { display: inline-block; background: #FFD836; color: #111315; text-decoration: none; font-weight: 600; font-size: 15px; padding: 13px 24px; border-radius: 4px; border: 1px solid #FFD836; }
.btn:hover { background: #EFC400; border-color: #EFC400; }
.btn-lg { font-size: 16px; padding: 16px 30px; }
.btn2 { display: inline-block; background: transparent; color: #111315; text-decoration: none; font-weight: 600; font-size: 15px; padding: 13px 24px; border-radius: 4px; border: 1px solid #D6D0C5; }
.btn2:hover { border-color: #111315; }
.btn-dk { display: inline-block; background: #111315; color: #FFFFFF; text-decoration: none; font-weight: 600; font-size: 16px; padding: 16px 30px; border-radius: 4px; border: 1px solid #111315; }
.card { background: #FFFFFF; border: 1px solid #E6E2DA; border-radius: 4px; }
.g3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.g4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
.doors { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.step { display: flex; flex-wrap: wrap; gap: clamp(28px, 4.5vw, 60px); align-items: center; }
.step.rev { flex-direction: row-reverse; }
.phone { border-radius: 30px; background: #0A0C0E; border: 7px solid #26292E; box-sizing: border-box; padding: 0; overflow: hidden; line-height: 0; }
.phone img { width: 100%; height: auto; display: block; border-radius: 23px; }
.ph-lite { background: #EFECE4; border: 1px dashed #C9C2B4; color: #8C8679; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1.6; }
.rows { border-top: 1px solid #E6E2DA; }
.rows > div { border-bottom: 1px solid #E6E2DA; padding: 11px 0; font-size: 15px; line-height: 1.55; color: #55504A; }
.num { font-size: 12px; font-weight: 700; letter-spacing: 0.08em; color: #8C8679; }
.gform { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 16px; }
.gform .full { grid-column: 1 / -1; }
.fl { display: block; font-size: 12px; font-weight: 600; color: #55504A; margin-bottom: 6px; }
.fi { width: 100%; box-sizing: border-box; border: 1px solid #D6D0C5; border-radius: 4px; background: #FFFFFF; padding: 11px 12px; font-size: 15px; font-family: inherit; color: #111315; min-height: 44px; }
.fi:focus { outline: none; border-color: #111315; }
.ft { width: 100%; box-sizing: border-box; border: 1px solid #D6D0C5; border-radius: 4px; background: #FFFFFF; padding: 11px 12px; font-size: 15px; font-family: inherit; color: #111315; resize: vertical; }
.ft:focus { outline: none; border-color: #111315; }
.store { height: 44px; width: auto; display: block; }
@media (max-width: 900px) { .navlinks { display: none; } .navsec { display: none; } .burger { display: inline-flex; } }
@media (max-width: 860px) { .g4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .step.rev { flex-direction: row; } }
@media (max-width: 760px) { .g3, .doors { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 560px) { .g4 { grid-template-columns: minmax(0, 1fr); } .gform { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 400px) { .logo svg { height: 26px; } header .btn { padding: 11px 14px; font-size: 14px; } }
footer .wrap a { padding: 4px 0; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
[id] { scroll-margin-top: 16px; }
a:focus-visible, button:focus-visible, .fi:focus-visible, .ft:focus-visible, input[type=checkbox]:focus-visible { outline: 2px solid #111315; outline-offset: 2px; }
.dark a:focus-visible { outline-color: #FFD836; }
.fi[aria-invalid=true], .ft[aria-invalid=true] { border-color: #B42318; }
@media (min-width: 901px) { #mobile-menu { display: none !important; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }