/* Стили лендинга. Значения перенесены один в один из атрибутов style=. */

html,body{margin:0;padding:0;background:#f6faf7;scroll-behavior:smooth;}
body{font-family:'Montserrat',sans-serif;-webkit-font-smoothing:antialiased;}
a{color:#009245;text-decoration:none;}a:hover{color:#00713a;}
button{font-family:'Montserrat',sans-serif;}

/* hover-состояния (в оригинале — атрибуты style-hover рантайма dc) */
#logo:hover{color:#111;}
#phone:hover{color:#00713a;}
.btn-dark:hover{background:#2b3630;color:#fff;}
.foot-link:hover{color:#21cd71;}
/* раньше инлайновый стиль перебивал a:hover — сохраняем прежнее поведение */
.foot-phone:hover{color:#fff;}

@media (max-height:640px){#scroll-hint{display:none !important;}}

/* Каркас и слайдер */
#shell{height:100vh;display:flex;flex-direction:column;overflow:hidden;background:#f6faf7;color:#111;}
#shellrow{flex:1;min-height:0;display:flex;}
#stage{flex:1;min-width:0;position:relative;overflow:hidden;}
#track{display:flex;flex-direction:column;height:100%;transition:transform .65s cubic-bezier(.77,0,.18,1);will-change:transform;transform:translateY(-0%);}

/* Логотип */
#logo{position:absolute;left:clamp(24px,3.2vw,60px);top:clamp(22px,3.4vh,38px);z-index:7;cursor:pointer;display:flex;align-items:center;gap:11px;color:#111;}
.logo-word{font-family:'Cormorant SC',serif;font-weight:600;font-size:20px;line-height:1;letter-spacing:.04em;color:#00713a;}
.logo-tm{font-family:'Montserrat',sans-serif;font-size:8px;font-weight:700;vertical-align:super;color:#9aa8a0;letter-spacing:0;}
.logo-rule-row{display:flex;align-items:center;gap:8px;}
.logo-by{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;font-size:11.5px;letter-spacing:.06em;color:#7c8a82;white-space:nowrap;}
.logo-rule{flex:1;height:1px;background:#c3d5c9;}

/* Боковая навигация и точки */
#sidenav{position:absolute;left:clamp(24px,3.2vw,60px);top:50%;transform:translateY(-50%);z-index:6;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(16px,2.6vh,26px);}
[data-nav]{display:block;background:none;border:none;padding:0;cursor:pointer;text-align:left;font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;transition:color .3s;color:#9aa8a0;font-family:'Montserrat',sans-serif;}
.nav-group{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(10px,1.7vh,15px);}
#mdots{display:none;position:absolute;right:6px;top:50%;transform:translateY(-50%);z-index:8;flex-direction:column;align-items:center;gap:2px;background:rgba(255,255,255,.74);border-radius:999px;padding:6px 2px;backdrop-filter:blur(8px);box-shadow:0 2px 10px rgba(0,0,0,.08);}
[data-dot]{width:22px;height:26px;display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;}
.dot{width:6px;height:6px;border-radius:999px;transition:transform .3s,background .3s;background:rgba(17,17,17,.24);transform:scale(1);}
#phone{position:absolute;left:clamp(24px,3.2vw,60px);bottom:clamp(22px,3.4vh,38px);z-index:7;font-size:13px;font-weight:700;color:#7c8a82;opacity:1;transition:opacity .3s ease .55s;pointer-events:auto;}

/* Первый экран */
#hero{width:100%;height:100%;flex-shrink:0;overflow:hidden;position:relative;background:#f6faf7;}
#heroimg{position:absolute;right:0;bottom:0;height:100%;width:auto;object-fit:cover;object-position:50% 15%;-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.03) 6%,rgba(0,0,0,.12) 13%,rgba(0,0,0,.3) 20%,rgba(0,0,0,.55) 27%,rgba(0,0,0,.78) 34%,rgba(0,0,0,.93) 41%,rgba(0,0,0,.99) 47%,#000 52%);mask-image:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.03) 6%,rgba(0,0,0,.12) 13%,rgba(0,0,0,.3) 20%,rgba(0,0,0,.55) 27%,rgba(0,0,0,.78) 34%,rgba(0,0,0,.93) 41%,rgba(0,0,0,.99) 47%,#000 52%);}
#heroveil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,250,247,.95) 0%,rgba(246,250,247,.88) 22%,rgba(246,250,247,.72) 36%,rgba(246,250,247,.5) 48%,rgba(246,250,247,.28) 58%,rgba(246,250,247,.12) 67%,rgba(246,250,247,.04) 75%,rgba(246,250,247,0) 84%);pointer-events:none;}
#heropad{position:relative;height:100%;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(16px,3vh,40px) clamp(28px,4vw,72px) clamp(46px,7vh,62px) clamp(28px,4vw,72px);overflow-y:auto;box-sizing:border-box;}
#herotext{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;width:max-content;max-width:calc(100% - 56px);}
.hero-badges{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;}
#hero-h1{font-family:'SL Serif',serif;font-weight:500;font-size:clamp(28px,min(3.6vw,7vh),72px);line-height:1.1;letter-spacing:-.015em;margin:clamp(10px,2vh,22px) 0 0 0;max-width:13em;text-wrap:balance;color:#111;}
#heroimg-m{display:none;width:100%;height:34vh;object-fit:cover;object-position:50% 12%;border-radius:20px;margin-top:24px;box-shadow:0 10px 28px rgba(17,17,17,.14);}
#hero-cta{margin-top:auto;align-self:center;display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.8vh,16px);cursor:pointer;padding-top:clamp(14px,2.4vh,24px);}
.btn-hero{background:#111;border:none;cursor:pointer;border-radius:999px;padding:clamp(12px,1.9vh,17px) 38px;color:#fff;font-weight:700;font-size:15px;letter-spacing:.02em;box-shadow:0 10px 24px rgba(0,0,0,.25);transition:background .3s;}
#scroll-hint{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.8vh,16px);}
.hero-note{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;font-size:clamp(16px,2.3vh,21px);line-height:1.35;color:#7c8a82;text-align:center;}
.hero-chevron{display:block;}

/* Экраны тарифов — общее */
[data-m="tsec"]{width:100%;height:100%;flex-shrink:0;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;}
[data-m="tcard"]{display:contents;}
[data-m="tleft"]{min-width:0;display:flex;flex-direction:column;padding:clamp(16px,3vh,40px) clamp(28px,4vw,72px) clamp(46px,7vh,62px) clamp(200px,18vw,320px);overflow-y:auto;box-sizing:border-box;}
[data-m="tbadge"]{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap;}
.tariff-title{font-family:'SL Serif',serif;font-weight:500;font-size:clamp(24px,min(3.2vw,4.6vh),46px);line-height:1.14;letter-spacing:-.01em;margin:clamp(8px,1.6vh,18px) 0 0 0;text-wrap:pretty;}
.tariff-lead{font-size:17px;line-height:1.5;color:#3c4842;margin:clamp(6px,1.3vh,14px) 0 0 0;max-width:560px;}
[data-m="tprice"]{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(10px,1.8vh,18px);margin-top:clamp(14px,2.2vh,24px);margin-bottom:auto;}
.price-row{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;}
.price-old{font-family:'SL Serif',serif;font-weight:500;font-size:clamp(24px,3.6vh,33px);color:#9aa8a0;text-decoration:line-through;}
.price-now{font-family:'SL Serif',serif;font-weight:500;font-size:clamp(24px,3.6vh,33px);color:#111;}
.btn-buy{background:#111;border-radius:999px;padding:clamp(10px,1.6vh,15px) 32px;color:#fff;font-weight:700;font-size:14px;display:inline-block;box-shadow:0 10px 24px rgba(0,0,0,.25);transition:background .3s;}
.badge{display:inline-block;background:#e3f4ea;color:#00713a;border-radius:999px;padding:7px 16px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
.badge--solid{display:inline-block;background:#009245;color:#fff;border-radius:999px;padding:7px 16px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
.badge--dark{display:inline-block;background:#111;color:#f5d67a;border-radius:999px;padding:7px 16px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
.vip-cta-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;}
.side-inner{position:relative;display:flex;flex-direction:column;}
.side-label{font-size:12.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:rgba(18,41,29,.62);}
.side-note{margin:clamp(6px,1.2vh,12px) 0 0 0;font-size:16px;line-height:1.5;color:rgba(18,41,29,.66);}
.side-meta{display:block;margin-top:6px;font-size:15px;font-weight:700;color:#00713a;}
.more-chevron{font-size:15px;line-height:1;transition:transform .25s;transform:rotate(0deg);}
.stack-2{display:flex;flex-direction:column;gap:2px;}

/* Экраны тарифов — правая колонка по тарифам */
.side--t1{position:relative;overflow-y:auto;min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:safe center;gap:clamp(8px,1.8vh,26px);padding:clamp(10px,2.4vh,44px) clamp(24px,3.2vw,54px);box-sizing:border-box;background:#e6f0e8;border-left:1px solid #d1e2d5;}
.side-meta--t1{display:block;margin-top:6px;font-size:15px;font-weight:700;color:#009245;}
.more--t1{display:none;align-items:center;justify-content:space-between;gap:12px;width:100%;background:none;border:none;border-top:1px solid #d1e2d5;margin-top:clamp(8px,1.6vh,16px);padding:15px 0;cursor:pointer;text-align:left;font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#009245;}
.tlist--t1{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border-top:1px solid #d1e2d5;margin-top:clamp(8px,1.6vh,16px);}
.side--t2{position:relative;overflow-y:auto;min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:safe center;gap:clamp(8px,1.8vh,26px);padding:clamp(10px,2.4vh,44px) clamp(24px,3.2vw,54px);box-sizing:border-box;background:#e7edf0;border-left:1px solid #d4dee3;}
.more--t2{display:none;align-items:center;justify-content:space-between;gap:12px;width:100%;background:none;border:none;border-top:1px solid #d4dee3;margin-top:clamp(8px,1.6vh,16px);padding:15px 0;cursor:pointer;text-align:left;font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#00713a;}
.tlist--t2{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border-top:1px solid #d4dee3;margin-top:clamp(8px,1.6vh,16px);}
.side--t3{position:relative;overflow-y:auto;min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:safe center;gap:clamp(8px,1.8vh,26px);padding:clamp(10px,2.4vh,44px) clamp(24px,3.2vw,54px);box-sizing:border-box;background:#efe9dc;border-left:1px solid #ddd5c3;}
.more--t3{display:none;align-items:center;justify-content:space-between;gap:12px;width:100%;background:none;border:none;border-top:1px solid #ddd5c3;margin-top:clamp(8px,1.6vh,16px);padding:15px 0;cursor:pointer;text-align:left;font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#00713a;}
.tlist--t3{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border-top:1px solid #ddd5c3;margin-top:clamp(8px,1.6vh,16px);}
.side--t4{position:relative;overflow-y:auto;min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:safe center;gap:clamp(8px,1.8vh,26px);padding:clamp(10px,2.4vh,44px) clamp(24px,3.2vw,54px);box-sizing:border-box;background:#111110;border-left:1px solid #2a2723;}
.side-label--dark{font-size:12.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:rgba(245,214,122,.62);}
.side-meta--t4{display:block;margin-top:6px;font-size:15px;font-weight:700;color:#f5d67a;}
.side-note--dark{margin:clamp(6px,1.2vh,12px) 0 0 0;font-size:16px;line-height:1.5;color:rgba(255,255,255,.6);}
.more--t4{display:none;align-items:center;justify-content:space-between;gap:12px;width:100%;background:none;border:none;border-top:1px solid #2a2723;margin-top:clamp(8px,1.6vh,16px);padding:15px 0;cursor:pointer;text-align:left;font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#f5d67a;}
.tlist--t4{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border-top:1px solid #2a2723;margin-top:clamp(8px,1.6vh,16px);}

/* Списки «Что входит в курс» */
.li--t1{display:flex;gap:14px;align-items:baseline;padding:clamp(4px,0.85vh,13px) 0;border-bottom:1px solid #d1e2d5;}
.li--t2{display:flex;gap:14px;align-items:baseline;padding:clamp(4px,0.85vh,13px) 0;border-bottom:1px solid #d4dee3;}
.li--t3{display:flex;gap:14px;align-items:baseline;padding:clamp(4px,0.85vh,13px) 0;border-bottom:1px solid #ddd5c3;}
.li--t4{display:flex;gap:14px;align-items:baseline;padding:clamp(4px,0.85vh,13px) 0;border-bottom:1px solid #2a2723;}
.li--last{display:flex;gap:14px;align-items:baseline;padding:clamp(4px,0.85vh,13px) 0;border-bottom:none;}
.li-num{font-family:'SL Serif',serif;font-weight:600;font-size:20px;color:#00713a;flex-shrink:0;width:24px;}
.li-num--t1{font-family:'SL Serif',serif;font-weight:600;font-size:20px;color:#009245;flex-shrink:0;width:24px;}
.li-num--t4{font-family:'SL Serif',serif;font-weight:600;font-size:20px;color:#f5d67a;flex-shrink:0;width:24px;}
.li-text{font-size:17px;line-height:1.45;color:rgba(18,41,29,.92);text-wrap:pretty;}
.li-text--dark{font-size:17px;line-height:1.45;color:rgba(255,255,255,.88);text-wrap:pretty;}

/* Экран подбора */
#sravnenie{width:100%;height:100%;flex-shrink:0;overflow:hidden;display:flex;flex-direction:column;background:#f6faf7;}
[data-m="ppad"]{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;justify-content:safe center;padding:clamp(16px,3vh,40px) clamp(28px,4vw,72px) clamp(16px,3vh,36px) clamp(200px,18vw,320px);box-sizing:border-box;}
.pick-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.pick-head-col{display:flex;flex-direction:column;}
.pick-kicker{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#9aa8a0;}
.pick-title{font-family:'SL Serif',serif;font-weight:500;font-size:clamp(26px,min(3.2vw,4.8vh),46px);line-height:1.1;letter-spacing:-.015em;margin:clamp(6px,1.2vh,14px) 0 0 0;max-width:640px;text-wrap:pretty;}
[data-m="pgrid"]{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.2vw,18px);margin-top:clamp(14px,2.6vh,30px);}
.pick-card--rose{display:flex;flex-direction:column;gap:clamp(8px,1.4vh,14px);background:#fcf1ef;border:1px solid #f1dcd8;border-radius:16px;padding:clamp(14px,2.4vh,24px) clamp(14px,1.4vw,22px);}
.pick-card--blue{display:flex;flex-direction:column;gap:clamp(8px,1.4vh,14px);background:#edf2fb;border:1px solid #d4def0;border-radius:16px;padding:clamp(14px,2.4vh,24px) clamp(14px,1.4vw,22px);}
.pick-card--green{display:flex;flex-direction:column;gap:clamp(8px,1.4vh,14px);background:#e9f5ee;border:1px solid #009245;border-radius:16px;padding:clamp(14px,2.4vh,24px) clamp(14px,1.4vw,22px);position:relative;}
.pick-card--sand{display:flex;flex-direction:column;gap:clamp(8px,1.4vh,14px);background:#fbf1e2;border:1px solid #eddbbd;border-radius:16px;padding:clamp(14px,2.4vh,24px) clamp(14px,1.4vw,22px);}
.pick-flag{position:absolute;top:-11px;left:clamp(14px,1.4vw,22px);background:#009245;color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:4px 12px;}
.pick-quote{font-family:'SL Serif',serif;font-size:clamp(15px,1.9vh,18px);line-height:1.4;color:#111;margin:0;text-wrap:pretty;flex:1;}
.pick-quote--flagged{font-family:'SL Serif',serif;font-size:clamp(15px,1.9vh,18px);line-height:1.4;color:#111;margin:clamp(4px,0.8vh,8px) 0 0 0;text-wrap:pretty;flex:1;}
.pick-name{background:none;border:none;padding:0;cursor:pointer;text-align:left;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#9aa8a0;}
.pick-name--green{background:none;border:none;padding:0;cursor:pointer;text-align:left;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#00713a;}
.pick-price{font-family:'SL Serif',serif;font-size:clamp(17px,2.2vh,21px);color:#111;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;}
.price-old--sm{color:#9aa8a0;text-decoration:line-through;}
.price-old--green{color:#6d9c83;text-decoration:line-through;}
.btn-buy--sm{background:#111;border:none;border-radius:999px;padding:clamp(8px,1.4vh,12px) 20px;color:#fff;font-weight:700;font-size:13px;text-align:center;display:block;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px rgba(0,0,0,.2);}
[data-m="upg"]{display:flex;align-items:flex-start;gap:14px;margin-top:clamp(20px,4vh,40px);background:#e6f0e8;border:1px solid #d1e2d5;border-radius:14px;padding:clamp(10px,1.7vh,18px) clamp(14px,1.6vw,22px);}
.upg-label{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#00713a;flex-shrink:0;padding-top:3px;}
.upg-text{font-size:14.5px;line-height:1.5;color:#3c4842;text-wrap:pretty;}

/* Футер */
[data-m="foot"]{flex-shrink:0;background:#0e2417;color:rgba(255,255,255,.7);padding:clamp(18px,3vh,30px) clamp(28px,4vw,72px) clamp(18px,3vh,30px) clamp(24px,3.2vw,60px);}
/* baseline, а не flex-start: первые строки колонок набраны разным кеглем
   (12.5px Montserrat против 19px Cormorant SC) и по верху не совпадали */
[data-m="footrow"]{display:flex;align-items:baseline;gap:clamp(28px,4vw,64px);}
[data-m="footcol"]{display:flex;flex-direction:column;gap:5px;font-size:12.5px;width:clamp(200px,16.8vw,280px);flex-shrink:0;}
.foot-phone{color:#fff;font-weight:700;}
.foot-brand-col{display:flex;flex-direction:column;gap:6px;flex-shrink:0;}
.foot-brand{font-family:'Cormorant SC',serif;font-weight:600;font-size:19px;letter-spacing:.04em;color:#fff;}
.foot-about{font-size:12px;line-height:1.45;max-width:300px;}
.foot-link{color:rgba(255,255,255,.85);}

/* Мобильная вёрстка */
@media (max-width:820px){
html{scrollbar-width:none !important;-ms-overflow-style:none !important;}
html::-webkit-scrollbar,body::-webkit-scrollbar{width:0 !important;height:0 !important;display:none !important;}
#shell{height:auto !important;overflow:visible !important;}
#shellrow{display:block !important;}
#stage{overflow:visible !important;}
#track{display:block !important;height:auto !important;transform:none !important;transition:none !important;}
#hero{height:100dvh !important;}
#sidenav,#phone,#mdots{display:none !important;}
#logo[data-hide="1"]{display:none !important;}
#logo{top:16px !important;left:18px !important;background:none !important;padding:0 !important;border-radius:0 !important;box-shadow:none !important;}
#heroimg,#heroveil{display:none !important;}
#heroimg-m{display:block !important;}
#heropad{padding:78px 18px 20px 18px !important;justify-content:flex-start !important;}
#herotext{margin-top:8vh !important;}
#herotext{position:static !important;transform:none !important;width:auto !important;max-width:100% !important;}
#hero-h1{font-size:clamp(25px,6.8vw,34px) !important;max-width:none !important;}
#hero-cta{margin-top:auto !important;padding-top:0 !important;}
[data-m="tsec"]{display:block !important;height:auto !important;width:auto !important;margin:0 !important;border-radius:0 !important;border:none !important;box-shadow:none !important;overflow:visible !important;padding:16px !important;box-sizing:border-box !important;background:#f6faf7 !important;}
[data-m="tsec"][data-alt="1"]{background:#dfeae2 !important;}
[data-m="tcard"]{display:flex !important;flex-direction:column !important;overflow:hidden !important;border-radius:22px !important;border:1px solid rgba(17,17,17,.07) !important;box-shadow:0 8px 26px rgba(17,17,17,.09) !important;background:#fff !important;}
[data-m="tleft"]{padding:26px 20px 26px 20px !important;overflow:visible !important;flex:0 0 auto !important;}
[data-m="tbadge"]{margin-top:0 !important;}
[data-m="tprice"]{margin-bottom:0 !important;}
[data-m="tlist"][data-open="0"]{display:none !important;}
[data-m="tmore"]{display:flex !important;}
[data-m="tside"]{border-left:none !important;border-top:none !important;padding:22px 20px 26px 20px !important;overflow:visible !important;flex:0 0 auto !important;}
[data-m="psec"]{display:block !important;overflow:visible !important;height:auto !important;}
[data-m="ppad"]{padding:34px 18px 30px 18px !important;overflow:visible !important;}
[data-m="pgrid"]{grid-template-columns:1fr !important;}
[data-m="upg"]{flex-direction:column !important;gap:8px !important;}
[data-m="foot"]{padding:26px 18px 32px 18px !important;}
[data-m="footrow"]{flex-direction:column !important;gap:20px !important;}
[data-m="footcol"]{width:auto !important;}
}