/* Лендинг «Майрам.kg»: светлая система, мягкая глубина. Токены, кнопки, чипы — в ui.css. Шкала: 14/16/18/22/32/48/64 */
html{scroll-padding-top:72px}
a{color:var(--gold-t)}
.w{max-width:1120px;margin:0 auto;padding:0 24px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* шапка: сплошная в цвет hero, при прокрутке белая с мягкой тенью (opacity псевдоэлемента) */
.nav{position:sticky;top:0;z-index:40;background:#fbf8f2;transition:background-color .25s}
.nav:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;box-shadow:0 8px 24px -10px rgba(12,35,23,.18),0 1px 3px rgba(12,35,23,.06);opacity:0;transition:opacity .25s;pointer-events:none}
.nav.scrolled{background:#fff}
.nav.scrolled:after{opacity:1}
.nav .w{display:flex;align-items:center;justify-content:space-between;height:60px}
.logo{display:inline-flex;align-items:center;gap:10px;font:700 22px/1 var(--font);color:var(--green);text-decoration:none;letter-spacing:-.03em}
.logo img{display:block}
.logo b{font:inherit;color:var(--gold)}
.nav .btn{min-height:38px}
section{position:relative;padding:56px 0}
h1,h2{font-family:var(--font);font-weight:700;margin:0;color:var(--green)}
h2{font-size:48px;line-height:1.05;letter-spacing:-.03em;margin:0 0 40px}
.eye{font:600 16px/1.3 var(--font);color:var(--gold-t);margin:0 0 14px}
.s-b1{background:none}

/* hero: светлый, текст слева, смартфон справа, форма центрированной полосой */
.hero{position:relative;padding:20px 0 48px;overflow-x:clip;color:var(--green);
  background:radial-gradient(ellipse 36% 38% at 77% 42%,rgba(217,173,120,.30),rgba(217,173,120,0)),radial-gradient(ellipse 30% 34% at 94% 62%,rgba(150,176,140,.20),rgba(150,176,140,0)),radial-gradient(ellipse 34% 36% at 16% 52%,rgba(217,173,120,.15),rgba(217,173,120,0)),radial-gradient(ellipse 26% 26% at 36% 74%,rgba(150,176,140,.10),rgba(150,176,140,0))}
.hero .w{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"txt art" "form form";gap:4px 36px;align-items:center}
.hero .w>*{min-width:0}
.hero .txt{grid-area:txt;text-align:left}
.hero .art{grid-area:art}
.hero .start{grid-area:form}
h1{font-size:64px;line-height:1.05;letter-spacing:-.03em;margin:0 0 20px}
h1 em{font-style:normal;color:var(--gold)}
.lead{font-size:18px;color:var(--soft);margin:0;max-width:480px}
.start{display:grid;gap:12px;width:100%;max-width:1040px;margin:0 auto;text-align:center;justify-items:center}
.start>div{width:100%}
.start label:not(.vh){font:600 16px/1.3 var(--font);color:var(--soft);display:block;margin-bottom:10px;text-align:center}
.cl{display:flex;flex-wrap:wrap;gap:8px}
.start .cl{justify-content:center;gap:6px}
.start .chip{padding:7px 13px}
.chip .ic{width:18px;height:18px;stroke-width:1.75}
.start .row{display:flex;gap:12px;max-width:640px;margin:0 auto;align-items:center}
.start .nm{flex:1;min-width:0}
.field{font-size:16px;font-weight:500;color:var(--ink);text-align:center}
.start .btn{flex:none;min-width:240px}
.note{font-size:14px;color:var(--soft);margin:0;text-align:center}
.gal-h .chip[aria-pressed=true]{background:var(--green);color:var(--ivory)}

/* композиция: смартфон на «поверхности» */
.art{position:relative;width:420px;height:510px;margin:0 auto;z-index:1}
.glow{position:absolute;left:-120px;top:-60px;width:660px;height:660px;background:radial-gradient(closest-side,rgba(217,173,120,.28),rgba(217,173,120,0));pointer-events:none}
.ground{position:absolute;left:70px;bottom:-6px;width:290px;height:46px;border-radius:50%;background:radial-gradient(closest-side,rgba(12,35,23,.34),rgba(12,35,23,0));z-index:1;pointer-events:none}
.tilt{position:absolute;left:0;top:0;width:420px;height:510px;transform:rotate(-4deg);transform-origin:210px 260px;z-index:3}
.phone{position:absolute;left:92px;top:6px;width:236px;height:492px;z-index:2;border-radius:42px;background:#0b1410;box-shadow:0 0 0 1px rgba(12,35,23,.5),inset 0 0 0 2px #26332c,var(--sh-3)}
.phone .scr{position:absolute;left:8px;top:8px;right:8px;bottom:8px;border-radius:34px;background:#fbf8f2}
.kcard{position:absolute;z-index:2;width:128px;background:#fff;padding:6px;border-radius:20px;box-shadow:var(--sh-3)}
.kl{left:-30px;top:96px;transform:rotate(-6deg)}
.kin{border-radius:14px;overflow:hidden;aspect-ratio:3/4;position:relative}
.badge{position:absolute;right:-6px;bottom:60px;z-index:7;display:flex;align-items:baseline;gap:8px;background:#d9ad78;color:var(--green);border-radius:999px;padding:11px 18px;box-shadow:var(--sh-1),0 12px 24px -10px rgba(138,101,40,.6)}
.badge b{font:700 16px/1 var(--font)}
.badge s{font:500 14px/1 var(--font);opacity:.65;text-decoration-thickness:1.5px}

/* виртуальный iPhone 390x844 внутри экрана, масштаб --k */
.vp{position:absolute;left:0;top:0;width:390px;height:844px;transform:scale(var(--k,.564));transform-origin:0 0;background:#0c2317;text-rendering:geometricPrecision}
.sb{position:absolute;left:0;top:0;width:390px;height:54px;z-index:3;pointer-events:none;color:#000;transition:background-color .3s,color .3s}
.sb.dk{color:#fff}
.sb .clk{position:absolute;left:46px;top:17px;font:600 17px/22px var(--font);letter-spacing:-.01em}
.sb .isl{position:absolute;left:50%;top:11px;width:124px;height:36px;margin-left:-62px;border-radius:20px;background:#000}
.sb .si{position:absolute;right:30px;top:20px;display:flex;align-items:center;gap:6px;height:14px}
.vc{position:absolute;left:0;top:54px;width:390px;height:710px;overflow:hidden;background:transparent}
.bb{position:absolute;left:0;bottom:0;width:390px;height:80px;z-index:3;pointer-events:none;background:rgba(248,248,248,.94);color:#1c1c1e}
.bb.dk{background:rgba(28,28,30,.94);color:#f2f2f7}
.bb .ad{position:absolute;left:28px;right:28px;top:6px;height:36px;border-radius:12px;background:rgba(120,120,128,.14);display:flex;align-items:center;justify-content:center;gap:6px;font:500 15px/1 var(--font)}
.bb .ti{position:absolute;left:28px;right:28px;top:48px;display:flex;justify-content:space-between;align-items:center;height:20px}
.bb .ti svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
.bb .hi{position:absolute;left:50%;bottom:6px;width:134px;height:5px;margin-left:-67px;border-radius:3px;background:#000}
.bb.dk .hi{background:#fff}
.vc>iframe,.vc>.poster{position:absolute;left:0;top:0;width:390px;height:710px}
.vc>iframe{border:0}

/* шаблоны */
.gal-h{margin-bottom:36px}
.gal-h h2{margin-bottom:22px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:24px}
.grid>*{min-width:0}
.tc{position:relative;isolation:isolate;background:#fff;border-radius:24px;padding:10px 10px 14px;box-shadow:var(--sh-2);display:flex;flex-direction:column;gap:12px;transition:transform .35s var(--spring)}
.tc:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:var(--sh-3);opacity:0;transition:opacity .35s var(--spring);pointer-events:none;z-index:-1}
.tc:hover{transform:translateY(-4px)}
.tc:hover:after{opacity:1}
.tc .th{border-radius:16px;overflow:hidden;position:relative;aspect-ratio:9/16;background:var(--tint)}
.tc b{font-size:16px;font-weight:600;padding:0 6px}
.tc .a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 6px;flex-wrap:wrap}
.tc .a a:not(.btn){font-size:14px;font-weight:500;color:var(--soft)}
.tc .a a:not(.btn):hover{color:var(--green)}

/* «Что внутри»: витрина продукта */
.s-show{overflow:hidden}
.sh-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:center}
.sh-grid>*{min-width:0}
.sh-grid h2{margin-bottom:16px}
.sh-lead{font-size:18px;color:var(--soft);margin:0 0 32px;max-width:420px}
.sh-list{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.sh-list li{display:flex;gap:14px;align-items:center}
.sh-list i{width:44px;height:44px;border-radius:14px;background:#fff;box-shadow:var(--sh-1);display:grid;place-items:center;flex:none;color:var(--gold-t)}
.sh-list svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sh-list b{display:block;font:600 16px/1.3 var(--font);color:var(--green)}
.sh-list span{font-size:14px;color:var(--soft)}
.stage{position:relative;height:640px;width:100%;max-width:620px;margin:0 auto}
.stage:before{content:"";position:absolute;left:8%;top:6%;width:84%;height:88%;background:radial-gradient(closest-side,rgba(217,173,120,.22),rgba(217,173,120,0));pointer-events:none}
.f{position:absolute;background:#fff;border-radius:22px;box-shadow:var(--sh-2)}
.f-rsvp{left:0;top:34px;width:272px;padding:22px 20px 20px;display:flex;flex-direction:column;gap:12px;transform:rotate(-2.5deg);box-shadow:var(--sh-3);z-index:2}
.mq{font:700 22px/1.15 var(--font);letter-spacing:-.02em;color:var(--green)}
.mf{display:flex;align-items:center;gap:10px;background:#f6f2e9;border-radius:14px;padding:10px 12px;font-size:14px;font-weight:500;color:var(--ink)}
.av{width:28px;height:28px;border-radius:50%;background:#d9ad78;color:var(--green);display:grid;place-items:center;font-weight:700;font-size:14px;flex:none}
.mr{display:flex;gap:8px}
.mr span{flex:1;text-align:center;background:rgba(12,35,23,.07);color:var(--ink);border-radius:999px;padding:10px 6px;font-size:14px;font-weight:600;white-space:nowrap}
.mr span.y{background:var(--green);color:var(--ivory);box-shadow:0 8px 16px -8px rgba(12,35,23,.5)}
.mb{background:#d9ad78;color:var(--green);border-radius:999px;padding:12px 0;text-align:center;font-size:14px;font-weight:700;box-shadow:0 8px 16px -8px rgba(138,101,40,.7)}
.f-tmr{right:0;top:0;width:300px;padding:14px;transform:rotate(1.5deg);z-index:1}
.cd{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;text-align:center}
.cd div{background:var(--green);border-radius:14px;padding:12px 2px 10px;color:var(--ivory)}
.cd b{display:block;font:700 32px/1 var(--font);letter-spacing:-.03em;color:#d9ad78;font-variant-numeric:tabular-nums}
.cd span{font-size:14px;color:#cfd6cc}
.f-map{right:6px;top:136px;width:292px;overflow:hidden;transform:rotate(2deg);box-shadow:var(--sh-3);z-index:3}
.f-map svg{display:block;width:100%;height:152px}
.mapb{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;font-size:14px;font-weight:600}
.route{background:var(--green);color:var(--ivory);border-radius:999px;padding:7px 14px;font-size:14px;font-weight:600;box-shadow:0 8px 16px -8px rgba(12,35,23,.5)}
.f-mus{left:6px;top:392px;width:318px;padding:12px 16px 12px 12px;display:flex;align-items:center;gap:12px;border-radius:999px;transform:rotate(-1.5deg);z-index:2}
.f-mus img{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:none}
.f-mus .mt{flex:1;min-width:0;display:flex;flex-direction:column}
.f-mus .mt b{font:600 16px/1.2 var(--font);white-space:nowrap}
.f-mus .mt span{font-size:14px;color:var(--soft);white-space:nowrap}
.eq{display:flex;align-items:flex-end;gap:3px;height:22px}
.eq i{width:4px;height:100%;border-radius:2px;background:var(--gold);transform-origin:50% 100%;transform:scaleY(.35)}
.live .eq i{animation:eq 1s ease-in-out infinite}
.eq i:nth-child(2){animation-delay:-.3s!important}.eq i:nth-child(3){animation-delay:-.6s!important}.eq i:nth-child(4){animation-delay:-.15s!important}
@keyframes eq{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
.pl{width:40px;height:40px;border-radius:50%;background:var(--green);color:var(--ivory);display:grid;place-items:center;flex:none;box-shadow:0 8px 16px -8px rgba(12,35,23,.55)}
.pl svg{width:16px;height:16px;margin-left:2px}
.f-lng{left:48px;top:318px;display:flex;padding:5px;border-radius:999px;transform:rotate(3deg);box-shadow:var(--sh-3);z-index:5}
.f-lng button{border:0;background:none;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:600;color:var(--soft);cursor:pointer}
.f-lng button.on{background:var(--green);color:var(--ivory);box-shadow:0 8px 16px -8px rgba(12,35,23,.5)}
.f-pol{right:10px;top:366px;width:260px;height:260px;background:none;box-shadow:none;border-radius:0}
.po{position:absolute;width:130px;background:#fff;padding:7px 7px 24px;border-radius:6px;box-shadow:var(--sh-2)}
.po img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:3px;height:auto}
.p1{left:0;top:30px;transform:rotate(-7deg);z-index:1}
.p2{left:96px;top:0;transform:rotate(5deg);z-index:2}
.p3{left:60px;top:84px;transform:rotate(-2deg);z-index:3;box-shadow:var(--sh-3)}

/* цены и вопросы: по центру */
#price .w,#faq .w{text-align:center}
.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:880px;margin:0 auto}
.plan{background:#fff;border-radius:28px;padding:36px 32px 32px;display:flex;flex-direction:column;align-items:center;gap:14px;position:relative;min-width:0;text-align:center;box-shadow:var(--sh-2)}
.plan:has(.pop){background:var(--green);color:var(--ivory);box-shadow:var(--sh-3)}
.plan h3{margin:0;font:700 22px/1.1 var(--font);letter-spacing:-.02em}
.price{font:700 64px/1 var(--font);letter-spacing:-.03em;color:var(--green)}
.plan:has(.pop) .price{color:var(--ivory)}
.price small{font:500 16px var(--font);color:var(--soft);margin-left:6px;letter-spacing:0}
.price s{font:500 18px var(--font);color:var(--soft);margin-left:10px;letter-spacing:0}
.plan:has(.pop) .price small,.plan:has(.pop) .price s{color:#b9c2b8}
.plan ul{list-style:none;margin:6px 0 10px;padding:0;font-size:16px;flex:1;text-align:left;align-self:center}
.plan li{padding:6px 0 6px 24px;position:relative}
.plan li:before{content:"";position:absolute;left:2px;top:15px;width:8px;height:8px;border-radius:50%;background:#d9ad78}
.pop{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:#d9ad78;color:var(--green);font-size:14px;font-weight:700;padding:7px 16px;border-radius:999px;white-space:nowrap;box-shadow:0 8px 16px -8px rgba(138,101,40,.7)}
.plan .btn{width:100%;max-width:320px;min-height:54px}
.plan .btn.sec{background:var(--green);color:var(--ivory);box-shadow:var(--sh-1),0 8px 20px -8px rgba(12,35,23,.45)}
.plan .btn.sec:after{display:block}
.plan .btn.sec:hover{background:var(--green2);color:var(--ivory)}

/* faq */
.faq{max-width:720px;margin:0 auto;display:grid;gap:12px;text-align:left}
.qa{background:#fff;border-radius:22px;box-shadow:var(--sh-1)}
.qh{width:100%;border:0;background:none;cursor:pointer;text-align:left;font:600 18px/1.35 var(--font);color:var(--green);padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-radius:22px}
.qh i{position:relative;width:20px;height:20px;flex:none;transition:transform .35s var(--spring);color:var(--gold-t)}
.qh i:before,.qh i:after{content:"";position:absolute;left:2px;right:2px;top:9px;height:2px;border-radius:1px;background:currentColor}
.qh i:after{transform:rotate(90deg)}
.qa.open .qh i{transform:rotate(45deg)}
.qb{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--spring)}
.qa.open .qb{grid-template-rows:1fr}
.qb>div{overflow:hidden;min-height:0}
.qb p{margin:0;padding:0 24px 22px;color:var(--soft);font-size:16px}

/* футер: светлый */

/* липкая кнопка */
.sticky{position:fixed;left:16px;right:16px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:50;transform:translateY(140%);opacity:0;transition:transform .3s var(--spring),opacity .25s;display:none}
.sticky.on{transform:none;opacity:1}
.sticky .btn{width:100%}
.go{min-height:56px}

@media (max-width:1000px){h1{font-size:48px}.sh-grid{grid-template-columns:minmax(0,1fr);gap:40px}.sh-lead{max-width:none}}
@media (max-width:900px){
  .stage{height:auto;display:flex;flex-direction:column;max-width:380px;padding:6px 0 10px}
  .stage:before{left:-10%;width:120%}
  .f{position:relative;left:auto;right:auto;top:auto;margin-top:-8px}
  .f:first-child{margin-top:0}
  .f-rsvp{width:84%;align-self:flex-start}
  .f-tmr{width:92%;align-self:flex-end;z-index:4;margin-top:6px}
  .f-map{width:88%;align-self:flex-start;margin-top:-8px}
  .f-lng{align-self:flex-end;margin-right:8%;margin-top:-10px}
  .f-mus{width:92%;align-self:flex-start;margin-top:-6px}
  .f-pol{width:100%;height:250px;align-self:center;margin-top:0}
  .p1{left:6%}.p2{left:40%}.p3{left:24%;top:100px}
}
@media (max-width:860px){
  .hero{padding:20px 0 36px}
  .hero .w{grid-template-columns:minmax(0,1fr);grid-template-areas:"txt" "form" "art";gap:24px}
  .hero .art{margin-top:8px}
  .art{zoom:.9}
  section{padding:36px 0}
  h2{font-size:32px;margin-bottom:28px}
  .plans{grid-template-columns:minmax(0,1fr);max-width:480px;gap:28px}
  .sticky{display:block}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
  .start .row{flex-direction:column;align-items:stretch;max-width:520px}
  .start .btn{min-width:0}
}
@media (max-width:760px){
  h2,.eye,.gal-h{text-align:left}
  .hero .eye{text-align:left}
  #price h2,#price .eye,#faq h2,#faq .eye{text-align:center}
  .gal-h .cl{justify-content:flex-end}
  .sh-grid h2,.sh-grid .eye,.sh-lead{text-align:left}
  .sh-list li{text-align:left}
  .sticky{left:auto;right:16px;width:auto}
}
@media (max-width:480px){
  h1{font-size:38px}
  .lead{font-size:16px}
  .w{padding:0 16px}
  .art{zoom:.76}
  .kcard{display:none}
  .tc{padding:8px 8px 12px}.tc .a .btn{width:100%}
  .plan{padding:32px 20px 24px}
  .price{font-size:48px}
  .stage{max-width:100%}
  .f-pol{height:230px}
}
@media (prefers-reduced-motion:reduce){.tc:hover{transform:none}}
/* hero-заголовок: легче вес, плотнее, акцент маркером вместо бледного золота */
.hero .eye{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 10px;border-radius:999px;background:rgba(12,35,23,.06);color:var(--green);font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;margin:0 0 22px}
.hero .eye i{width:8px;height:8px;border-radius:50%;background:#c9a063;box-shadow:0 0 0 4px rgba(201,160,99,.22)}
.hero h1{font-weight:600;font-size:68px;line-height:1.02;letter-spacing:-.04em;max-width:11ch}
.hero h1 em{display:inline-block;color:var(--green);background:linear-gradient(transparent 62%,rgba(217,173,120,.55) 62%,rgba(217,173,120,.55) 92%,transparent 92%);padding:0 .06em;margin:0 -.06em}
@media (max-width:1000px){.hero h1{font-size:52px}}
@media (max-width:760px){.hero h1{font-size:40px;max-width:none}.hero .eye{margin-bottom:16px}}
/* маркер «за 5 минут» — скруглённый, в духе сайта */
.hero h1 em{position:relative;background:none;padding:0 .08em;margin:0 -.08em;z-index:0}
.hero h1 em::before{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.36em;border-radius:999px;background:rgba(217,173,120,.5);z-index:-1}
/* акцент «за 5 минут» — золотой рукописный росчерк (вариант 2) */
.hero h1 em{position:relative;white-space:nowrap;padding:0;margin:0;color:var(--green)}
.hero h1 em::before{content:none}
.hero h1 em .swash{position:absolute;left:-2%;width:104%;bottom:-.2em;height:.4em;overflow:visible;pointer-events:none}
/* резерв под чипы, которые рисует JS (иначе hero сдвигается: CLS) */
.start #types{min-height:82px}
@media (max-width:480px){.start #types{min-height:170px}}
@media (max-width:400px){.start #types{min-height:214px}}

/* === фон: одна основа (слоновая кость на body) + мягкие пятна света внутри секций; ни одного шва === */
.hero:before,#price:before,.s-share:before{content:"";position:absolute;background:url(/static/brand/wm-tunduk.svg) center/contain no-repeat;opacity:.05;pointer-events:none;-webkit-mask-image:radial-gradient(closest-side,#000 30%,transparent 100%);mask-image:radial-gradient(closest-side,#000 30%,transparent 100%)}
.hero:before{right:-90px;top:30px;width:740px;height:740px}
.hero .w{position:relative}
.s-b1#templates{background:radial-gradient(ellipse 52% 30% at 50% 58%,rgba(150,176,140,.10),rgba(150,176,140,0))}
.s-share{padding:56px 0;overflow:hidden;background:radial-gradient(ellipse 42% 44% at 22% 50%,rgba(217,173,120,.14),rgba(217,173,120,0))}
.s-share:before{right:-170px;top:50%;margin-top:-260px;width:520px;height:520px;opacity:.045}
.s-show{background:radial-gradient(ellipse 40% 40% at 78% 50%,rgba(217,173,120,.14),rgba(217,173,120,0)),radial-gradient(ellipse 34% 28% at 12% 34%,rgba(150,176,140,.12),rgba(150,176,140,0))}
#price{overflow:hidden;background:radial-gradient(ellipse 46% 42% at 50% 52%,rgba(217,173,120,.15),rgba(217,173,120,0)),radial-gradient(ellipse 30% 20% at 90% 76%,rgba(150,176,140,.10),rgba(150,176,140,0))}
#price:before{left:-190px;top:50%;margin-top:-300px;width:600px;height:600px;opacity:.045}
#price .w{position:relative}
#faq.faqs{background:radial-gradient(ellipse 44% 40% at 50% 40%,rgba(150,176,140,.12),rgba(150,176,140,0))}
body>.seo-types{padding:24px 0 56px}
footer:before{content:"";position:absolute;left:50%;top:0;width:min(720px,84%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,rgba(12,35,23,0),rgba(12,35,23,.14),rgba(12,35,23,0))}
.more{display:flex;justify-content:center;margin-top:36px}
.more:empty{display:none}
.more .btn{min-width:240px}

/* как увидят гости: чат WhatsApp */
.sh2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:64px;align-items:center;position:relative}
.sh2 h2{margin-bottom:16px}
.sh2-s{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.sh2-s li{display:flex;gap:14px;align-items:center;font-size:16px}
.sh2-s b{width:32px;height:32px;border-radius:50%;background:#fff;box-shadow:var(--sh-1);display:grid;place-items:center;font:600 14px var(--font);color:var(--gold-t);flex:none}
.wa{background:#efe8d8;border-radius:28px;box-shadow:var(--sh-3);overflow:hidden;transform:rotate(1.2deg)}
.wa-h{display:flex;align-items:center;gap:12px;background:#fff;padding:14px 18px}
.wa-av{width:38px;height:38px;border-radius:50%;background:#d9ad78;color:var(--green);display:grid;place-items:center;font:700 16px var(--font);font-style:normal}
.wa-h b{display:block;font:600 16px/1.2 var(--font)}.wa-h span{font-size:14px;color:var(--soft)}
.wa-b{padding:22px 16px 26px;display:flex;flex-direction:column;gap:10px}
.wa-m{max-width:86%;padding:6px 6px 8px;border-radius:16px;position:relative;box-shadow:0 1px 2px rgba(12,35,23,.1)}
.wa-m.out{align-self:flex-end;background:#e1ecd6;border-top-right-radius:4px}
.wa-m.in{align-self:flex-start;background:#fff;border-top-left-radius:4px;padding:8px 12px}
.wa-m p{margin:6px 8px 0;font-size:14px;line-height:1.4}.wa-m.in p{margin:0}
.wa-m em{display:block;text-align:right;font-style:normal;font-size:14px;color:var(--soft);margin:2px 6px 0;opacity:.8}
.wa-lp{display:flex;background:rgba(255,255,255,.7);border-radius:12px;overflow:hidden}
.wa-th{width:78px;flex:none;aspect-ratio:9/16;position:relative;overflow:hidden;background:var(--tint)}
.wa-lt{padding:10px 12px;display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0}
.wa-lt b{font:600 14px/1.3 var(--font)}.wa-lt span{font-size:14px;color:var(--soft)}
@media (max-width:860px){
  .sh2{grid-template-columns:minmax(0,1fr);gap:36px}
  .hero:before{right:-240px;top:auto;bottom:120px;width:560px;height:560px}
  .hero{background:radial-gradient(ellipse 70% 20% at 50% 76%,rgba(217,173,120,.30),rgba(217,173,120,0)),radial-gradient(ellipse 60% 16% at 14% 20%,rgba(217,173,120,.16),rgba(217,173,120,0)),radial-gradient(ellipse 50% 14% at 90% 50%,rgba(150,176,140,.14),rgba(150,176,140,0))}
  .s-show{background:radial-gradient(ellipse 80% 22% at 70% 66%,rgba(217,173,120,.14),rgba(217,173,120,0))}
  #price:before{left:-240px;width:480px;height:480px;margin-top:-240px}
  .more .btn{width:100%;min-width:0}
  .wa{transform:none}
}
@media (max-width:760px){.sh2-t,.sh2 h2,.sh2 .eye{text-align:left}.sh2-s li{text-align:left}.sh2-s{justify-items:start}}



/* шапка: «Войти» / «Мои приглашения» рядом с «Создать» */
.nav-r{display:flex;align-items:center;gap:8px}
#navAcc{white-space:nowrap}
@media (max-width:420px){.nav .btn.sm{padding-left:13px;padding-right:13px;font-size:13px}.nav-r{gap:6px}}
#navAcc .s{display:none}
@media (max-width:420px){#navAcc.in .l{display:none}#navAcc.in .s{display:inline}}