:root{--bg:#141614;--text:#f4f5f0;--muted:#b0b6ac;--green:#6be51c;--line:#343a31}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--green);outline-offset:5px}.wrap{width:min(1280px,calc(100% - 96px));margin:auto}.nav{display:flex;align-items:center;justify-content:space-between;min-height:108px;gap:24px}.wordmark{font-weight:900;font-size:21px;letter-spacing:-1px}.wordmark span{color:var(--green)}nav{display:flex;gap:32px;font-size:15px;color:var(--muted)}nav a:hover{color:white}.nav-order{font-size:15px;border-bottom:1px solid var(--green);padding:6px 0}.hero{padding-top:65px}.hero-top{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:end;margin-bottom:65px}.eyebrow{font-size:13px;letter-spacing:1.7px;font-weight:700;color:var(--green);margin:0 0 26px}h1{font-size:clamp(58px,6.5vw,94px);line-height:.99;letter-spacing:-5px;margin:0;font-weight:800}h1 span{color:var(--green)}.hero-aside{max-width:350px;padding-bottom:3px}.hero-aside>p:first-child{color:var(--muted);margin:0 0 28px}.price{font-size:56px;line-height:1.1;letter-spacing:-2px;font-weight:700}.price span{font-size:36px}.price-note{margin:6px 0 25px;color:var(--muted);font-size:14px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:58px;padding:16px 26px;border-radius:7px;background:var(--green);color:#11200a;font-weight:700;font-size:16px;transition:background .2s,transform .2s}.button:hover{background:#87f13e;transform:translateY(-2px)}.hero-photo{position:relative;aspect-ratio:2.87;overflow:hidden;border-radius:13px}.hero-photo img{position:absolute;top:0;left:0;width:100%;height:auto}.photo-caption{display:flex;justify-content:space-between;gap:25px;margin-top:18px;color:var(--muted);font-size:14px}.photo-caption span:last-child{color:var(--green);white-space:nowrap}.section{padding-top:120px;padding-bottom:120px}h2{font-size:clamp(38px,4.4vw,62px);line-height:1.06;letter-spacing:-2.5px;margin:0;font-weight:750}h3{font-size:25px;line-height:1.25;margin:0 0 15px;letter-spacing:-.5px}p{margin:0}.how{display:grid;grid-template-columns:1fr 1.25fr;gap:110px}.section-head>p:last-child{color:var(--muted);max-width:330px;margin-top:30px}.steps{padding:0;margin:0;list-style:none}.steps li{display:flex;gap:35px;padding:27px 0;border-top:1px solid var(--line)}.steps li:first-child{padding-top:0;border-top:0}.steps p{color:var(--muted);max-width:460px}.number{font-size:35px;color:var(--green);line-height:1;font-weight:700}.design{background:#e9ede4;color:#1a2115}.design .eyebrow{color:#467d20}.design-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:end}.design-heading>p{max-width:385px;color:#545e4e}.design-body{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;margin-top:65px;align-items:center}.card-preview img{width:100%;display:block;border-radius:16px;box-shadow:0 25px 40px #20301a26;margin-top:35px}.card-preview>p{font-size:14px;color:#626d5b;margin-top:22px}.side-controls{display:flex;gap:25px}.side-controls button{border:0;border-bottom:2px solid transparent;background:transparent;color:#5c6654;padding:9px 0;cursor:pointer}.side-controls button[aria-pressed=true]{color:#1a2115;border-color:#376b16;font-weight:700}.options article{display:flex;gap:25px;border-top:1px solid #c4cbbb;padding:26px 0}.option-no{font-size:14px;color:#617454;padding-top:5px}.options h3{font-size:23px;margin-bottom:10px}.options p{font-size:16px;color:#545e4e}.options strong{display:block;margin-top:12px;font-size:26px;letter-spacing:-1px}.options .small-price{font-size:16px;letter-spacing:0;color:#376b16}.placement{padding-bottom:0}.placement>p:not(.eyebrow){max-width:670px;margin-top:32px;color:var(--muted)}.lifestyle{position:relative;margin-top:50px;aspect-ratio:3.35;overflow:hidden;border-radius:12px}.lifestyle img{position:absolute;width:100%;top:-116%;left:0}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:90px}.faq details{border-top:1px solid var(--line);padding:24px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:20px;line-height:1.4;list-style:none;position:relative;padding-right:34px}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;color:var(--green);font-size:26px;top:-5px}details[open] summary:after{content:'−'}details p{margin-top:18px;color:var(--muted);font-size:16px}.order{background:#20261b;border-top:1px solid #3d4a31;padding:85px 0}.order-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:100px}.order-grid>div>p:last-child{color:var(--muted);max-width:450px;margin-top:30px}.order-form fieldset{padding:0;border:0;margin:0 0 30px}.order-form legend{font-size:14px;color:var(--muted);margin-bottom:15px}.order-form label{display:flex;align-items:center;gap:15px;border-bottom:1px solid #414b36;padding:16px 0;cursor:pointer}.order-form input{accent-color:var(--green);width:20px;height:20px;flex-shrink:0}.order-form label span{display:flex;width:100%;justify-content:space-between;align-items:center;gap:20px;font-size:17px}.order-form small{font-size:13px;color:var(--muted);max-width:150px;text-align:right}.telegram{display:flex;width:100%;cursor:pointer}.telegram[aria-disabled=true]{opacity:.6;cursor:default}.order-note{font-size:13px;color:var(--muted);margin-top:15px!important}footer{display:flex;justify-content:space-between;gap:25px;padding-top:35px;padding-bottom:35px;align-items:center}footer p,footer>span{font-size:13px;color:var(--muted)}@media(min-width:1600px){h1{font-size:96px}}@media(max-width:900px){.wrap{width:calc(100% - 48px)}.hero-top{gap:35px;grid-template-columns:1.3fr 1fr}h1{font-size:66px;letter-spacing:-3px}.hero-aside{font-size:16px}.how,.faq{gap:45px}.design-body{gap:40px}.design-heading{gap:40px}.order-grid{gap:45px}.section{padding-top:80px;padding-bottom:80px}.placement{padding-bottom:0}.lifestyle{aspect-ratio:2.6}.lifestyle img{top:-89%}.order-form label span{display:block}.order-form small{display:block;text-align:left;margin-top:5px;max-width:none}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.nav{min-height:80px;gap:15px}.wordmark{font-size:18px}nav{display:none}.nav-order{font-size:13px}.hero{padding-top:35px}.hero-top{display:block;margin-bottom:35px}h1{font-size:clamp(50px,12vw,72px);letter-spacing:-3px}.eyebrow{font-size:11px;letter-spacing:1px;margin-bottom:22px}.hero-aside{margin-top:30px;max-width:none}.hero-aside>p:first-child{max-width:400px}.price{font-size:46px}.price-note{margin-bottom:20px}.hero-aside .button{width:100%}.hero-photo{aspect-ratio:1.6}.hero-photo img{width:175%;left:-38%}.photo-caption{font-size:12px}.photo-caption span:last-child{display:none}.section{padding-top:64px;padding-bottom:64px}.how,.faq,.design-heading,.design-body,.order-grid{display:block}h2{font-size:40px;letter-spacing:-1.8px}.steps{margin-top:40px}.steps li{gap:22px;padding:25px 0}.steps h3{font-size:22px}.steps p{font-size:16px}.section-head>p:last-child{max-width:none}.design-heading>p{margin-top:25px}.design-body{margin-top:30px}.options{margin-top:45px}.card-preview img{border-radius:10px}.placement{padding-bottom:0}.placement>p:not(.eyebrow){font-size:16px}.lifestyle{aspect-ratio:1.45}.lifestyle img{width:160%;left:-30%;top:-81%}.faq>div{margin-top:32px}summary{font-size:18px}.order{padding:65px 0}.order-form{margin-top:35px}.order-form label span{display:flex}.order-form small{max-width:130px;text-align:right;font-size:12px}footer{align-items:flex-start;flex-wrap:wrap}footer p{order:3;width:100%}.button{min-height:56px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Keep the placement photo and the following FAQ visually connected. */
.placement + .faq { padding-top: 48px; }
@media (max-width: 760px) {
  .placement + .faq { padding-top: 32px; }
}

/* Anchor the photo to the bottom instead of moving it outside the frame. */
.lifestyle img { top: auto; bottom: 0; height: auto; }

/* Preserve the full width of the supplied presentation at every breakpoint. */
.hero-photo { aspect-ratio: 2.87; }
.hero-photo img { width: 100%; left: 0; top: 0; height: auto; }
.lifestyle { aspect-ratio: 3.35; }
.lifestyle img { width: 100%; left: 0; top: auto; bottom: 0; height: auto; }

.platform-label { display:block; font-size:15px; margin-bottom:8px; }
#preview-platform, #order-platform { width:100%; padding:14px 12px; font:inherit; border:1px solid #65725b; border-radius:6px; margin-bottom:24px; background:#fff; color:#192114; }
#order-platform { background:#20261b; color:#f4f5f0; }
select:focus-visible { outline:3px solid #6be51c; outline-offset:3px; }

.service-picker{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}
.service-choice{display:flex;align-items:center;gap:12px;text-align:left;padding:18px 14px;border:2px solid #c2cbb9;border-radius:12px;background:#f7f9f3;color:#192114;cursor:pointer;transition:border-color .2s,background .2s,transform .2s;min-width:0}
.service-choice:hover{transform:translateY(-2px);border-color:#7c8b6e}
.service-choice strong{display:block;font-size:17px;line-height:1.3}
.service-choice small{display:block;font-size:13px;line-height:1.4;margin-top:5px;color:#64705a}
.service-symbol{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:800;flex-shrink:0;color:#fff}
.service-symbol.gis{background:#419e1b}.service-symbol.yandex{background:#ff3217}
.service-check{margin-left:auto;opacity:0;color:#36771a;font-weight:800;font-size:18px}
.service-choice[aria-pressed=true]{border-color:#4ca622;background:#edf8e2}
.service-choice[data-platform=yandex][aria-pressed=true]{border-color:#f1ac00;background:#fff4d5}
.service-choice[aria-pressed=true] .service-check{opacity:1}
.service-choice[data-platform=yandex] .service-check{color:#a66b00}
.order-form .service-choice{background:#293122;color:#f4f5f0;border-color:#4c5841}
.order-form .service-choice small{color:#bbc6b0;text-align:left;max-width:none}
.order-form .service-choice[aria-pressed=true]{background:#334a24;border-color:#6be51c}
.order-form .service-choice[data-platform=yandex][aria-pressed=true]{background:#493d21;border-color:#ffc52b}
.order-form .service-check{color:#9ded5d}.order-form .service-choice[data-platform=yandex] .service-check{color:#ffc52b}
@media(max-width:1100px){.service-picker{grid-template-columns:1fr}}
@media(max-width:760px){.service-picker{grid-template-columns:1fr 1fr}.service-choice{padding:15px 10px;gap:9px}.service-symbol{width:32px;height:32px;font-size:21px}.service-choice strong{font-size:15px}.service-check{display:none}}
@media(max-width:420px){.service-picker{grid-template-columns:1fr}.service-check{display:block}}

.wordmark{display:inline-flex;align-items:center;flex-shrink:0}.wordmark img{display:block;width:180px;height:auto}@media(max-width:760px){.wordmark img{width:135px}}

.wordmark{position:relative}