/* ===== Fonts ===== */
@font-face{font-family:"Lighthaus";src:url(../fonts/Lighthaus.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Futura PT";src:url(../fonts/FuturaPT-Light.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Futura PT";src:url(../fonts/FuturaPT-Book.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Futura PT";src:url(../fonts/FuturaPT-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Futura PT";src:url(../fonts/FuturaPT-Demi.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Futura PT";src:url(../fonts/FuturaPT-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(../fonts/cormorant-garamond-cyrillic-400-normal.woff2) format("woff2");font-weight:400;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(../fonts/cormorant-garamond-latin-400-normal.woff2) format("woff2");font-weight:400;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(../fonts/cormorant-garamond-cyrillic-700-normal.woff2) format("woff2");font-weight:700;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(../fonts/cormorant-garamond-latin-700-normal.woff2) format("woff2");font-weight:700;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap}

/* ===== Base ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{background:#060200;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{background:#060200;overflow-x:hidden;display:flow-root;font-synthesis:none;font-family:"Futura PT",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
img{display:block}

/* Desktop canvas: built 1:1 at 1920px and scaled to the viewport width */
.desk{width:1920px;transform:scale(var(--z,1));transform-origin:0 0}
.sec{position:relative;width:1920px;overflow:hidden}
.abs{position:absolute}
.bg{position:absolute;left:0;top:0;width:1920px;pointer-events:none;user-select:none}
.nw{white-space:nowrap}
.cx{transform:translateX(-50%)}
/* browsers sit glyphs ~1px higher than Figma: compensate globally */
.desk :where(p,h1,h2,h3,nav){translate:0 1px}

/* Type helpers */
.lh{font-family:"Lighthaus",serif;font-weight:400}
.fl{font-weight:300}.fb{font-weight:400}.fm{font-weight:500}.fbd{font-weight:700}
.up{text-transform:uppercase}

/* ===== Shared: gold button ===== */
.btn{position:absolute;width:350px;height:101.602px;border-radius:19.637px;box-shadow:0 4.038px 0 0 #aa7445;
  background-image:linear-gradient(129.397deg,#d79a65 12.496%,#fce9c4 54.578%,#d79a65 90.648%);transition:filter .25s,transform .25s}
/* Figma stroke: inside, 1.8625px, linear white -> transparent, layer opacity 18% */
.btn::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.8625px;pointer-events:none;
  background:linear-gradient(107.85deg,rgba(255,255,255,.18) 3px,rgba(255,255,255,0) 472.4px);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.btn:hover{filter:brightness(1.06)}
.btn:active{transform:translateY(2px)}
.btn-label{position:absolute;width:220.28px;transform:translateX(-50%);font-family:"Lighthaus",serif;font-size:21px;line-height:22px;letter-spacing:-1.05px;
  text-transform:uppercase;color:#593f27;text-align:center;pointer-events:none}
.btn-note{position:absolute;transform:translateX(-50%);white-space:nowrap;font-size:20px;line-height:22px;text-align:center}

/* ===== Section 1: header + hero + book ===== */
#s1{height:1911px}
.hdr{left:240px;top:30px;width:1440px;height:84px;display:flex;align-items:center;justify-content:space-between;padding:22px 24px 22px 32px;
  border-radius:60px;background:rgba(6,2,0,.45);border:1px solid rgba(234,195,150,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;z-index:5}
.hdr-logo{position:relative;flex:none;width:121px;height:46px;display:block}
.hdr-logo img{position:absolute;left:-22.474px;top:-22.469px;width:165.943px;height:90.943px;max-width:none}
.menu{display:flex;gap:34px;align-items:center;font-size:17px;letter-spacing:.68px;text-transform:uppercase;color:#ffeedf;white-space:nowrap;line-height:normal}
.menu a{transition:color .2s}
.menu a:hover{color:#eac396}
.lang{display:flex;gap:4px;align-items:center;padding:4px;border:1px solid rgba(234,195,150,.6);border-radius:40px;flex:none}
.lang button{padding:8px 16px;border-radius:30px;font-weight:500;font-size:15px;letter-spacing:1.2px;line-height:normal;color:#ffeedf;transition:background .2s,color .2s}
.lang button.on{background:#eac396;color:#442a17}

.h1{font-weight:400;left:241px;top:226px;width:741px;font-size:79.099px;line-height:102px;color:transparent;
  background-image:linear-gradient(130.894deg,#d79a65 12.496%,#fce9c4 54.578%,#d79a65 90.648%);-webkit-background-clip:text;background-clip:text}
.badge{left:646px;top:337px;width:283px;height:82px;border-radius:12px;overflow:hidden}
.badge-bg{position:absolute;inset:0;border-radius:11.664px;background:rgba(226,178,130,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.23),inset 0 1px 0 0 rgba(255,255,255,.09);-webkit-backdrop-filter:blur(2.33px);backdrop-filter:blur(2.33px)}
.badge-t{position:absolute;left:141px;top:14px;width:118px;font-size:17.78px;line-height:19.33px;color:#ffefd9;text-transform:uppercase}
.badge-t .cg{font-family:"Cormorant Garamond",serif;font-weight:400}
.badge img{position:absolute;left:-18.469px;top:-15.466px;width:165.943px;height:113.092px;max-width:none}
.hero-p1{left:241px;top:456px;width:662px;font-size:24px;line-height:29px;color:#ffefd9}
.hero-p2{left:240px;top:543px;width:547px;font-size:22px;line-height:26px;color:#ffefd9}

.book{color:#584c3d}
.book .kick{font-size:18px;line-height:22px;text-transform:uppercase}
.book .ttl{font-size:46.016px;line-height:42px;letter-spacing:-2.761px;text-transform:uppercase;text-align:center;white-space:nowrap;transform:translateX(-50%)}
.book .txt{font-size:22px;line-height:26px}
.book .txt p+p{margin-top:21px}
.pill{left:1017px;top:1360px;padding:10px;border-radius:46px;background:#d3c3ae;font-size:22px;line-height:26px;white-space:nowrap}

/* fine alignment to Figma (measured against the Figma render) */
.desk .kick,.desk .ttl,.desk .btn-note{translate:none}
.menu{position:absolute;left:321px;top:50%;margin-top:-10px;translate:none}
.lang{translate:1px 0}
.desk .ttl{translate:-1px 0}

/* ===== Shared: gold gradient text (Figma: #D79A65 → #FCE9C4 → #D79A65) ===== */
.gold{color:transparent;-webkit-background-clip:text;background-clip:text;
  background-image:linear-gradient(var(--ga,130deg),#d79a65 12.496%,#fce9c4 54.578%,#d79a65 90.648%)}
.btn-note.gold{background-image:linear-gradient(161.882deg,#d79a65 12.496%,#fce9c4 54.578%,#d79a65 90.648%)}

/* ===== Section 2: diagnostics + "для кого" (Figma: Frame 39) ===== */
#s2{height:2229px}
.h2{font-family:"Lighthaus",serif;font-weight:400;text-transform:uppercase;letter-spacing:-.06em;line-height:64px;white-space:nowrap;font-size:55px}
.h2 .cap{font-size:70px}
.diag-sub{left:240px;top:123px;font-size:24px;line-height:24px;white-space:nowrap;--ga:169.146deg}
.diag-txt{left:240px;top:173px;width:696px;font-size:24px;line-height:29px;color:#ffeedf}
.diag-txt p+p{margin-top:21px}
.acc{color:#d89c67}
.pcard{left:240px;top:459px;width:627px;height:178px;border-radius:20px;border:1px solid rgba(255,255,255,.12);
  background-image:linear-gradient(116.769deg,#381e0a 11.985%,#291402 63.756%,#381e0a 104.82%)}
.pcard-ttl{left:270px;top:489px;font-family:"Lighthaus",serif;text-transform:uppercase;font-size:33.157px;letter-spacing:-.09em;line-height:38px;white-space:nowrap;--ga:148.393deg}
.pcard-ttl .cap{font-size:41.446px}
.pcard-sub{left:270px;top:550.62px;width:247px;font-size:22px;line-height:26px;color:#ffeedf}
.pcard-line{left:558.5px;top:489px;width:1px;height:119px;background:linear-gradient(180deg,rgba(218,161,110,0) 0%,#daa16e 49.52%,rgba(218,161,110,0) 100%)}
.pcard-price{left:589px;font-size:24px;line-height:29px;color:#ffeedf;white-space:nowrap}
.who-ttl{left:823px;top:1125px;color:#442a17}
.who-n{transform:translateX(-50%);text-align:center;color:#442a17;font-size:22px;line-height:22px}
.who-n.t{font-weight:500;letter-spacing:-.02em;white-space:nowrap}
.who-n.d{width:350px;letter-spacing:-.03em}
.desk .h2,.desk .pcard-ttl{translate:-1px 0}

/* ===== Section 3: services slider + Fire Ritual (Figma: Frame 40) ===== */
#s3{height:1848px}
.svc-sub{left:240px;top:117px;width:659px;font-size:24px;line-height:24px;color:#ffeedf}
.svc-nav{position:absolute;top:105px;width:60px;height:60px;border-radius:50%;display:block;transition:opacity .25s,transform .25s}
.svc-nav img{position:absolute}
.svc-nav .ring{left:0;top:0;width:60px;height:60px}
.svc-nav .ar{left:16.25px;top:24.48px;width:26.5px;height:11.046px}
.svc-nav:hover{transform:scale(1.06)}
.svc-nav[disabled]{cursor:default;transform:none}
.svc-track{position:absolute;left:0;top:0;width:1920px;height:900px;transition:transform .7s cubic-bezier(.65,0,.35,1)}
.svc-track[data-page="1"]{transform:translateX(-1470px)}
.card{position:absolute;width:705px;height:304px;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.12)}
.card.dark{background-image:linear-gradient(83.325deg,#381e0a 3.5791%,#573518 56.396%,#381e0a 98.285%)}
.card.light{background-image:linear-gradient(118.939deg,#d79a65 12.496%,#fce9c4 54.578%,#d79a65 90.648%)}
.card>*{position:absolute}
/* children are positioned relative to the card's outer edge as in Figma (1px border) */
.card .c-in{left:0;top:0;width:703px;height:302px}
.card .c-in>*{position:absolute}
.card .ttl{left:142px;font-family:"Lighthaus",serif;font-weight:400;font-size:35px;line-height:39px;letter-spacing:-1.4px;text-transform:uppercase}
.card .dsc{font-size:20px;line-height:20px;font-weight:400}
.card .num{top:65px;font-family:"Lighthaus",serif;font-size:37.187px;line-height:34px;letter-spacing:-1.4875px;white-space:nowrap}
.card .ring{left:50px;top:45px;width:73px;height:73px}
.card .ico{overflow:hidden}
.card .ico img{position:absolute;max-width:none}
.card.dark .dsc{color:#eac396}
.card.light .ttl,.card.light .dsc,.card.light .num{color:#452810}

.fr{left:940px;top:962px;width:740px;display:flex;flex-direction:column;gap:24px;overflow:hidden}
.fr-k{font-size:18px;line-height:22px;letter-spacing:2.16px;color:#eac396}
.fr-t{font-family:"Lighthaus",serif;font-size:70px;line-height:70px;letter-spacing:-1.4px;--ga:141.568deg}
.fr-s{font-size:34px;line-height:37px;letter-spacing:-.68px;--ga:168.156deg}
.fr-p{font-size:22px;line-height:29px;color:#ffeedf}
.fr-l{font-size:22px;line-height:35px;color:#eac396;white-space:pre-wrap}
.desk .card .ttl{translate:0 1px}
.desk .card .dsc{translate:none}
.desk .fr>.fr-t,.desk .fr>.fr-p,.desk .fr>.fr-l{translate:none}
.desk .card .num{translate:-1px 0}

/* ===== Section 4: how it works (Figma: Frame 41) ===== */
#s4{height:983px}
.how-sub{left:593px;top:227px;width:763px;font-size:24px;line-height:24px;color:#442a17;text-align:center}
.step-t{font-family:"Lighthaus",serif;font-weight:400;font-size:30px;line-height:33px;letter-spacing:-1.2px;text-transform:uppercase}
.step-d{font-size:20px;line-height:20px;color:#eac396}

/* ===== Section 5: what you get (Figma: Frame 42) ===== */
#s5{height:1122px}
.get-n{font-size:18.49px;line-height:18px;color:#eac396;opacity:.49;white-space:nowrap}
.get-t{font-size:23.928px;line-height:24px;color:#eac396}
.r{text-align:right}

/* Lighthaus ligatures (e.g. ХО, КО) — Figma keeps them on; browsers drop them when letter-spacing is set */
.lh,.h1,.h2,.btn-label,.pcard-ttl,.card .ttl,.card .num,.fr-t,.step-t{font-feature-settings:"liga" 1,"kern" 1;font-variant-ligatures:common-ligatures}
.desk .step-t,.desk .step-d,.desk .get-n{translate:none}
.desk .btn-label{translate:-1px 1px}
.desk .badge-t{translate:none}

/* ===== Section 6: price (Figma: Frame 43) ===== */
#s6{height:1423px}
.pr{color:#442a17;text-align:center;white-space:nowrap}
.pr.k{font-size:18px;line-height:18px}
.pr.t{font-family:"Lighthaus",serif;font-weight:400;font-size:40px;line-height:36px;letter-spacing:-.06em;text-transform:uppercase;white-space:normal;font-feature-settings:"liga" 1}
.pr.ls{font-size:20px;line-height:24px;text-align:left;white-space:pre}
.pr.sp{font-size:19px;line-height:18px}
.pr.pl{font-size:20px;line-height:20px}
.pr.v{font-family:"Lighthaus",serif;font-weight:400;font-size:46px;line-height:42px;letter-spacing:-.06em;text-transform:uppercase;font-feature-settings:"liga" 1}
.pr.cur{font-family:"Lighthaus",serif;font-weight:400;font-size:26px;line-height:24px;letter-spacing:-.06em;text-transform:uppercase}
.pr.ds{font-size:17px;line-height:19px}
.pr.rc{font-size:20px;line-height:22px;white-space:normal}
.pr.pg{font-size:22px;line-height:22px;text-transform:uppercase;white-space:normal}
.pr.nt{font-size:20px;line-height:24px;white-space:normal}
.pr.prc{display:flex;align-items:flex-end;gap:6px}
.pr.prc .v{font-family:"Lighthaus",serif;font-weight:400;font-size:46px;line-height:42px;letter-spacing:-.06em;text-transform:uppercase;font-feature-settings:"liga" 1}
.pr.prc .cur{font-family:"Lighthaus",serif;font-weight:400;font-size:26px;line-height:24px;letter-spacing:-.06em;text-transform:uppercase}
.pr.tn{font-size:17px;line-height:19px;font-weight:500;text-transform:uppercase}
.pr.sn{font-size:22px;line-height:22px;text-transform:uppercase}
.pr.wr{white-space:pre-line}

.desk .pr.t{translate:-1px 1px}
.desk .pr.ls,.desk .pr.sp,.desk .pr.pl,.desk .pr.rc,.desk .pr.nt{translate:none}
.desk .pr.v,.desk .pr.cur{translate:-1px 0}

/* ===== Section 7: FAQ accordion (Figma: Frame 44) ===== */
#s7{min-height:973px}
.faq{position:relative;margin:178px 0 0 361px;width:1162px;padding-bottom:79px;display:flex;flex-direction:column;gap:15px}
.qa{background:#261507;border-radius:28px;overflow:hidden}
.qa-h{position:relative;display:block;width:100%;height:62px;text-align:left;cursor:pointer}
.qa-q{position:absolute;left:20px;top:20px;font-size:22px;line-height:22px;color:#eac396;white-space:nowrap}
.qa-i{position:absolute;left:1113px;top:13px;width:36px;height:36px;transition:transform .35s ease}
.qa-h:hover .qa-i{transform:scale(1.08)}
.qa-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease,margin-top .4s ease}
.qa.open .qa-a{grid-template-rows:1fr;margin-top:-10px}
.qa-in{overflow:hidden;min-height:0}
.qa-in p{padding:5px 20px 23px;font-size:20px;line-height:20px;font-weight:300;color:#eac396}
.desk .qa-q{translate:0 1px}
.desk .qa-in p{translate:none}

/* ===== Section 8: reviews + contacts + form (Figma: Frame 45) ===== */
#s8{height:1340px}
.rev-sub{left:240px;top:175.6px;width:566px;font-size:24px;line-height:24px;color:#ffeedf}
.vid{position:absolute;width:380px;height:427px;border-radius:20px;overflow:hidden;cursor:pointer;display:block}
.vid img,.vid video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vid:hover img{filter:brightness(1.04)}
.vid{background:#dfbd91}
main.desk .vid img{object-position:50% 14%}
.vid::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);pointer-events:none}
.vplay{position:absolute;left:144px;top:168px;width:92px;height:92px;border-radius:50%;background:rgba(68,42,23,.85);pointer-events:none}
.vplay::after{content:"";position:absolute;left:39.5px;top:33px;width:19.5px;height:26px;background:#f5e6cc;clip-path:polygon(0 0,100% 50%,0 100%)}
/* video popup */
.vmodal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:56px 16px 24px;background:rgba(6,2,0,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .25s ease}
.vmodal[hidden]{display:none}
.vmodal.on{opacity:1}
.vm-box{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%}
.vmodal video{display:block;height:min(86vh,calc((100vw - 32px) * 16 / 9));max-height:calc(100vh - 80px);max-width:calc(100vw - 32px);aspect-ratio:9/16;width:auto;border-radius:16px;background:#000;box-shadow:0 0 0 1px rgba(223,189,145,.35),0 20px 60px rgba(0,0,0,.6);transform:scale(.97);transition:transform .25s ease}
.vmodal.on video{transform:none}
.vm-x{position:absolute;top:14px;right:14px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(223,189,145,.6);background:rgba(68,42,23,.6);cursor:pointer}
.vm-x:hover{background:rgba(68,42,23,.9)}
html.vm-lock,html.vm-lock body{overflow:hidden}
.h-big{font-family:"Lighthaus",serif;font-weight:400;text-transform:uppercase;letter-spacing:-.06em;font-feature-settings:"liga" 1}
.start-t{left:241px;top:693px;width:326px;font-size:75.336px;line-height:69px;--ga:116.632deg}
.start-t .cap{font-size:95.882px;line-height:87px}
.start-p{left:241px;top:870px;width:437px;font-size:22px;line-height:26px;color:#ffeedf}
.cont-t{left:1257px;top:693px;font-size:40.118px;line-height:46px;white-space:nowrap;--ga:155.533deg}
.cont-t .cap{font-size:51.059px}
.soc{position:absolute;top:749px;width:117px;height:140px;display:block;transition:transform .25s}
.soc:hover{transform:translateY(-3px)}
.soc-l{top:865px;font-size:20px;line-height:20px;white-space:nowrap;pointer-events:none}
.form-t{left:1257px;top:916.79px;font-size:31.674px;line-height:37px;white-space:nowrap;--ga:156.088deg}
.form-t .cap{font-size:40.431px}
.lead input{position:absolute;left:1258px;width:423px;height:60px;border:0;border-radius:11.664px;background:rgba(226,178,130,.18);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.23),inset 0 1px 0 0 rgba(255,255,255,.09);-webkit-backdrop-filter:blur(2.33px);backdrop-filter:blur(2.33px);
  padding:0 22px;font:400 20px/20px "Futura PT",sans-serif;color:#ffeedf;outline:none;transition:box-shadow .2s}
.lead input::placeholder{color:#a48970;opacity:1}
.lead input:focus{box-shadow:inset 0 0 0 1px rgba(234,195,150,.6)}
.lead .send{left:1257px;top:1109px;width:424px;height:60px;box-shadow:0 3px 0 0 #aa7445;
  background-image:linear-gradient(149.31deg,#d79a65 12.496%,#fce9c4 54.578%,#d79a65 90.648%)}
.lead .send::before{background:linear-gradient(123.45deg,rgba(255,255,255,.18) 3.2px,rgba(255,255,255,0) 501.7px)}
.desk .start-t{translate:0 -1px}
.desk .cont-t{translate:-1px 1px}
.desk .soc-l{translate:none}
.desk .form-t{translate:0 2px}
.lead input{padding:1px 22px 0}

/* ===== Lead popup ===== */
.pop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px 16px;overflow-y:auto;
  background:rgba(6,2,0,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .25s ease}
.pop[hidden]{display:none}
.pop.on{opacity:1}
.pop-card{position:relative;width:min(480px,100%);margin:auto;padding:40px 44px 40px;border-radius:24px;text-align:center;font-family:"Futura PT",sans-serif;
  background:radial-gradient(110% 55% at 50% 0%,rgba(215,154,101,.22),rgba(215,154,101,0) 70%),radial-gradient(90% 45% at 50% 100%,rgba(170,116,69,.16),rgba(170,116,69,0) 70%),#0d0603;
  box-shadow:0 30px 80px rgba(0,0,0,.65);transform:translateY(12px) scale(.98);transition:transform .3s ease}
.pop.on .pop-card{transform:none}
.pop-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;opacity:.6;
  background:linear-gradient(150deg,#d79a65 10%,#fce9c4 50%,#d79a65 90%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.pop-x{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(223,189,145,.45);background:rgba(68,42,23,.35);cursor:pointer;transition:background .2s}
.pop-x::before,.pop-x::after,.vm-x::before,.vm-x::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:1.5px;background:#f5e6cc;translate:-50% -50%;rotate:45deg}
.pop-x::after,.vm-x::after{rotate:-45deg}
.pop-x:hover{background:rgba(68,42,23,.8)}
.pop-logo{display:block;width:118px;height:auto;margin:0 auto 10px}
.pop-t{font-family:"Lighthaus",serif;font-weight:400;text-transform:uppercase;letter-spacing:-.06em;font-size:36px;line-height:1.02;
  font-feature-settings:"liga" 1,"kern" 1;--ga:160deg;margin:0}
.pop-t .cap{font-size:46px}
.pop-note{margin:14px 0 0;font-size:19px;line-height:1.2;--ga:170deg}
.pop-note b{font-weight:700}
.pop-p{margin:10px auto 0;max-width:340px;font-size:16.5px;line-height:1.3;color:#cdb79f;font-weight:400}
.pform{margin-top:24px;display:flex;flex-direction:column;gap:12px;text-align:left}
.pf-f{display:block;position:relative}
.pform input,.lead input.err,.mob .mlead input.minp.err{transition:box-shadow .2s}
.pform input{display:block;width:100%;height:56px;border:0;border-radius:11.664px;background:rgba(226,178,130,.14);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),inset 0 1px 0 0 rgba(255,255,255,.08);
  padding:1px 20px 0;font:400 19px/20px "Futura PT",sans-serif;color:#ffeedf;outline:none}
.pform input::placeholder{color:#a48970;opacity:1}
.pform input:focus{box-shadow:inset 0 0 0 1px rgba(234,195,150,.65)}
.pform input.err,.lead input.err,.mob .mlead input.minp.err{box-shadow:inset 0 0 0 1px rgba(232,120,90,.85)}
.pf-e{display:none;margin:6px 0 0 4px;font-size:14px;line-height:1.2;color:#eb9a7e}
.pf-f input.err+.pf-e{display:block}
.pf-btn{position:relative;display:block;width:100%;height:58px;margin-top:6px;border:0;border-radius:12px;cursor:pointer;
  background-image:linear-gradient(160deg,#d79a65 12.496%,#fce9c4 54.578%,#d79a65 90.648%);box-shadow:0 3px 0 0 #aa7445;transition:filter .25s,transform .25s}
.pf-btn::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.18),rgba(255,255,255,0) 80%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.pf-btn:hover{filter:brightness(1.06)}
.pf-btn:active{transform:translateY(2px)}
.pf-btn span{font-family:"Lighthaus",serif;font-size:21px;line-height:1;letter-spacing:-.05em;text-transform:uppercase;color:#593f27;
  font-feature-settings:"liga" 1,"kern" 1;position:relative;top:1px}
.pf-btn[disabled]{filter:saturate(.6);cursor:default}
.pop-ok .pf-btn,.pop-fail .pf-btn{margin-top:26px}
.pop-p a{color:#f3cf98;text-decoration:underline;text-underline-offset:3px}
html.pop-lock,html.pop-lock body{overflow:hidden}
@media (max-width:1023.98px){
  .pop-card{padding:34px 22px 28px;border-radius:20px}
  .pop-logo{width:96px}
  .pop-t{font-size:29px}.pop-t .cap{font-size:37px}
  .pop-note{font-size:17px}
  .pop-p{font-size:15.5px}
  .pform input{height:52px;font-size:18px}
  .pf-btn{height:54px}
  .pf-btn span{font-size:19px}
}