@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/playfair-display-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/playfair-display-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/playfair-display-cyrillic-500-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/playfair-display-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/playfair-display-cyrillic-600-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/playfair-display-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/playfair-display-cyrillic-400-italic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/playfair-display-latin-400-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:500;font-display:swap;src:url(/assets/fonts/playfair-display-cyrillic-500-italic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:500;font-display:swap;src:url(/assets/fonts/playfair-display-latin-500-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/manrope-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Manrope";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/manrope-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/manrope-cyrillic-500-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Manrope";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/manrope-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/manrope-cyrillic-600-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Manrope";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/manrope-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/manrope-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Manrope";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/manrope-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --navy:#071427;--navy2:#0c1b32;--navy3:#041833;
  --cream:#fcf7f3;--cream2:#fbf3ee;
  --ink:#0f1e3c;--ink2:#2e3a54;--muted:#6f7a8e;
  --goldt:#b98a4a;--goldt2:#c08b45;--goldl:#e9c187;--line:#e5d0b0;
  --serif:"Playfair Display",Georgia,"Times New Roman",serif;
  --sans:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --gold-grad:linear-gradient(90deg,#f6dfb7 0%,#ecca95 45%,#dcae6c 100%);
}
*{box-sizing:border-box}
html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:4.5rem}
@media(min-width:1024px){html{font-size:clamp(12.8px,1.25vw,28px)}}
html.lock,html.menu{overflow:hidden}
/* при запрете прокрутки обрезка по ширине у body превращала его в прокручиваемый блок, и закреплённая шапка уезжала */
html.lock body,html.menu body{overflow:visible}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
h1,h2,h3,p,ul,ol{margin:0;padding:0}
ul,ol{list-style:none}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
[hidden]{display:none!important}
br.d{display:inline}
.ic{width:1em;height:1em;flex:none}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}

.sec{position:relative;overflow:hidden}
.wrap{position:relative;width:80rem;max-width:100%;margin:0 auto}
.dark{background:var(--navy);color:#fff}
.light{background:var(--cream);color:var(--ink)}
.bg{position:absolute;left:0;top:0;width:100%;height:auto;max-width:none;pointer-events:none}
.ol{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:auto;max-width:none;pointer-events:none}

/* заголовки */
.eb{display:flex;align-items:center;gap:1.1rem;font:700 .8125rem/1.2 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--goldt2)}
.eb::after{content:"";flex:none;width:4.6rem;height:1px;background:currentColor;opacity:.75}
.dark .eb{color:var(--goldl)}
.eb-c{justify-content:center}
.eb-c::before{content:"";flex:none;width:6.6rem;height:1px;background:currentColor;opacity:.75}
.eb-c::after{width:6.6rem}
h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.005em}
h1,h2,h3,strong,u{font-variant-numeric:lining-nums!important}
h2 em,h1 em{font-style:italic;font-weight:500;color:var(--goldt)}
.dark h2 em,.dark h1 em{color:#edc68c}

/* кнопки */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;height:3.25rem;padding:0 2rem;border-radius:99rem;font:700 .9375rem/1 var(--sans);white-space:nowrap;transition:filter .2s,transform .2s,background .2s,box-shadow .2s;cursor:pointer}
.btn .b-a{display:inline-flex;font-size:1.25em}
.btn .b-a .ic{stroke-width:1.9}
.light .btn-gold{background:linear-gradient(90deg,#efd3ab,#e2bc86 55%,#c99a5c)}
.btn:hover{filter:brightness(1.05);transform:translateY(-1px)}
.btn:disabled{opacity:.45;cursor:default;filter:none;transform:none}
.btn-gold{background:var(--gold-grad);color:var(--ink);box-shadow:0 .3rem 1.1rem rgba(214,170,106,.28)}
.btn-line{border:1px solid #d5b27c;color:var(--ink);background:transparent}
.dark .btn-line,.hdr .btn-line,.lf-dark .btn-line{color:#fff}
.btn-dark{background:linear-gradient(90deg,#0a1830,#14274a 55%,#0c1b32);color:#fff;box-shadow:0 .35rem 1.1rem rgba(10,24,48,.28)}
.btn-s{height:2.5rem;padding:0 1.15rem;font-size:.75rem;gap:.35rem}
.btn-m{height:2.625rem;padding:0 1.6rem;font-size:.875rem}
.btn-l{height:3.5rem;padding:0 2.4rem}
.btn-xl{width:100%;height:4.1rem;font-size:1.0625rem;font-weight:600}
.btns{display:flex;gap:1.25rem;align-items:center}

/* шапка */
.hdr{position:sticky;top:0;z-index:40;background:#07162b;border-bottom:1px solid rgba(201,160,100,.55);color:#fff}
.hdr-in{display:flex;align-items:center;height:3.7rem;width:80rem;max-width:100%;margin:0 auto;padding:0 5rem 0 4.8rem}
.hdr:not(.hdr-home) .logo{font-size:1.6rem}
.hdr:not(.hdr-home) .nav{font-size:.68rem;gap:.95rem;margin-left:2.9rem}
.hdr:not(.hdr-home) .hdr-r .btn{height:2.1rem;font-size:.69rem}
.hdr:not(.hdr-home) .hdr-r .btn-line{padding:0 1.05rem}
.hdr:not(.hdr-home) .hdr-r .btn-gold{padding:0 1.1rem}
.hdr:not(.hdr-home) .langs{font-size:.7rem;gap:.62rem;margin-right:.55rem}
.hdr-home .hdr-in{height:4.25rem;padding:0 .75rem 0 3.4rem}
.logo{font:400 1.47rem/1 var(--serif);letter-spacing:-.005em;white-space:nowrap}
.hdr-home .logo{padding-right:1.7rem;margin-right:1.7rem;border-right:1px solid rgba(214,172,110,.85);height:1.8rem;display:flex;align-items:center}
.nav{display:flex;align-items:center;gap:1.34rem;margin-left:3.2rem;font:500 .78rem/1 var(--sans);white-space:nowrap}
.nav-dd{position:relative;display:inline-flex}
.nav-dd>a{display:inline-flex;align-items:center;gap:.25rem}
.nav-dd .ic{font-size:1rem}
.nav-m{position:absolute;left:-1.15rem;top:calc(100% + .95rem);display:none;flex-direction:column;gap:.15rem;min-width:15.5rem;padding:.7rem;border-radius:1.1rem;background:#0b1c36;border:1px solid rgba(214,172,110,.45);box-shadow:0 .8rem 2rem rgba(0,0,0,.35);z-index:5}
.nav .nav-m a{display:block;padding:.8rem 1.15rem;border-radius:.7rem;white-space:nowrap;line-height:1.2;transition:background .15s,color .15s}
.nav .nav-m a:hover{background:rgba(237,198,140,.13);color:var(--goldl)}
.nav-dd::after{content:"";position:absolute;left:-1rem;right:-1rem;top:100%;height:1.1rem}
.nav-dd:hover .nav-m,.nav-dd:focus-within .nav-m{display:flex}
.hdr-home .nav{margin-left:0}
.nav a{padding:.65rem 0;transition:color .2s}
.nav a:hover{color:var(--goldl)}
.nav a.on{padding:.65rem 1rem;margin:0 -.3rem;border-radius:99rem;background:var(--gold-grad);color:var(--ink)}
.hdr-r{display:flex;align-items:center;gap:.45rem;margin-left:auto}
.hdr-home .hdr-r .btn-line{border-color:rgba(214,172,110,.35);padding:0 .8rem;font-weight:600}
.hdr-home .hdr-r .btn-gold{padding:0 1rem}
.langs{display:flex;gap:.72rem;font:600 .78rem/1 var(--sans);margin-right:.35rem}
.hdr-home .langs a.on{padding-bottom:.25rem;border-bottom:1px solid var(--goldl);margin-bottom:-.3rem}
.langs a{color:#cfd5de}
.langs a.on{color:var(--goldl)}
.burger{display:none}

/* главный экран главной */
.hh{height:40.75rem}
.hh-in{padding:3.6rem 0 0 5rem;z-index:2}
.hh .eb{font-size:.97rem;letter-spacing:.015em}
.hh h1{font-size:2.8rem;line-height:1.14;width:37rem;margin-top:1.05rem}
.hh h1 em{display:block;font-size:1.07em}
.hh-s{font-size:1.2rem;font-weight:400;line-height:1.225;width:27.3rem;margin-top:1.05rem;color:#eef1f6}
.hh .btns{margin-top:2.15rem}
.hh .btns .btn{height:3.3rem;font-size:1.03rem}
.hh .btns .btn-gold{width:14.5rem}
.hh .btns .btn-line{width:12.2rem;padding:0}
.hh-st{display:flex;align-items:center;margin-top:1.8rem;padding-left:1.87rem}
.hh-st div{display:flex;flex-direction:column;align-items:flex-start}
.hh-st div:first-child strong{margin-left:.65rem}
.hh-st strong{font:600 2.45rem/1 var(--serif);color:#edc68c}
.hh-st span{font-size:1.14rem;color:#eef1f6;margin-top:.15rem}
.hh-st i{width:1px;height:3rem;background:rgba(214,172,110,.8);margin:0 3.2rem 0 2.6rem}

/* напрямки */
.dirs{height:42.625rem}
.dirs .eb{font-size:.95rem;letter-spacing:.02em}
.dirs-in{padding-top:4.3rem;text-align:center;z-index:2}
.dirs h2{margin-top:.78rem!important}
.dirs h2{font-size:3.125rem;line-height:1.15;margin-top:.9rem}
.dirs-s{width:41rem;margin:.9rem auto 0;font-size:1.0625rem;line-height:1.45;color:#e8ecf3}
.dirs-g{display:grid;grid-template-columns:21.5rem 21rem 21.3rem;gap:1.2rem;justify-content:center;margin-top:2.25rem;text-align:left}
.glow{position:relative}
.glow::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(135deg,#ffeccd 0%,#e7be82 14%,rgba(216,174,116,.55) 40%,rgba(216,174,116,.55) 62%,#e7be82 86%,#ffeccd 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:3}
.dc{height:18.25rem;border-radius:1.5rem;padding:1.75rem 2rem;background:linear-gradient(120deg,#0a1a33,#0c1e3b 70%,#0a1b36);overflow:hidden}
.dirs-g .dc{box-shadow:.5rem .5rem 1.2rem -.5rem rgba(255,214,160,.55)}
.dirs-g .dc.on{box-shadow:-.35rem -.35rem 1rem -.35rem rgba(255,214,160,.62),.5rem .5rem 1.2rem -.5rem rgba(255,214,160,.55)}
.dc-img{position:absolute;right:0;top:0;width:auto;max-width:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34%),linear-gradient(0deg,transparent 0,#000 34%);mask-image:linear-gradient(90deg,transparent 0,#000 34%),linear-gradient(0deg,transparent 0,#000 34%);-webkit-mask-composite:source-in;mask-composite:intersect}
.dc:nth-child(1) .dc-img,.dc:nth-child(2) .dc-img{height:18.25rem}
.dc:nth-child(3) .dc-img{height:13.875rem;top:.25rem}
.dc-i{position:relative;font-size:2.65rem;color:#edc68c;display:flex}
.dc h3{position:relative;font:400 1.875rem/1.1 var(--serif);margin-top:.7rem}
.dc p{position:relative;font-size:.875rem;line-height:1.38;margin-top:.85rem;width:14.7rem;min-height:4.6rem;color:#eef1f6}
.dc .btn{position:absolute;left:2rem;bottom:1.6rem;padding:0 2.2rem;gap:1rem}

/* про анну */
.about{min-height:42.625rem}
.about-in{z-index:2}
.about-t{position:relative;padding:5.25rem 5rem 2rem 35.25rem}
.about h2{font-weight:500}
.about h2 em{font-size:1.08em}
.about h2{font-size:2.56rem;line-height:1.18;margin-top:1.4rem;width:36rem}
.about h3{font:700 1.0625rem/1.3 var(--sans);margin-top:1.55rem}
.about p{font-size:.945rem;font-weight:500;line-height:1.5;margin-top:.55rem;color:#1c2a47;width:38rem}
.about .btn{margin-top:1.45rem;height:3.25rem;padding:0 2.4rem}

/* программы */
.prog{height:93.34rem}
.prog-in{padding:8.85rem 0 0;width:64.4rem;margin-left:7.75rem}
.prog h2 em{font-weight:600;color:#b8792f}
.prog .eb{color:#bf7f2d}
.prog .eb{font-size:1rem;letter-spacing:.155em}
.prog h2{font-size:3.28rem;font-weight:600;line-height:1.16;margin-top:1.6rem;width:38rem;padding-left:0}
.prog h2 em{display:block}
.prog .eb,.prog h2,.prog-s{margin-left:2rem}
.prog-s{font-size:1.24rem;line-height:1.36;width:50rem;margin-top:1.4rem;color:var(--ink2)}
.prog-g{margin-top:2.55rem!important}
.prog-g{display:grid;grid-template-columns:1fr 1fr;gap:1.44rem 1.45rem;margin-top:2.6rem}
.pc,.pw{position:relative;border-radius:1.25rem;background:linear-gradient(180deg,#fffdfb,#fdf7f2);border:1px solid #f0e2cf;box-shadow:0 .55rem 1.5rem rgba(150,110,60,.09);overflow:hidden}
.pc{height:18.25rem;padding:1.05rem 1.6rem}
.pc:nth-child(n+3){padding-top:.75rem}
.pc:nth-child(n+3) h3{margin-top:.5rem}
.pc-img{position:absolute;right:0;top:0;height:100%;width:auto;max-width:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28%);mask-image:linear-gradient(90deg,transparent 0,#000 28%)}
.pc-k{position:relative;display:flex;align-items:center;gap:.75rem;font:700 .875rem/1 var(--sans);letter-spacing:.115em;text-transform:uppercase;color:#c47f2c}
.pc-k .ic{font-size:2.1rem;color:#c47f2c;stroke-width:1.55}
.pc h3{position:relative;font:600 1.56rem/1.2 var(--serif);margin-top:.8rem;width:21rem;letter-spacing:-.01em}
.pc:nth-child(n+3){height:17.45rem}
.pc p{position:relative;font-size:1.03rem;font-weight:500;line-height:1.3;margin-top:.62rem;width:21rem;color:#232f4a}
.pc-m{position:absolute;left:1.6rem;bottom:4.6rem;display:flex;align-items:center;font:700 .85rem/1 var(--sans);color:var(--ink)}
.pc-m span{display:flex;align-items:center;gap:.55rem;white-space:nowrap}
.pc-m .ic{font-size:1.45rem;color:#c47f2c;stroke-width:1.55}
.pc-m i{width:1.5px;height:1.4rem;background:#d1a55f;margin:0 1.1rem}
.pc .btn{position:absolute;left:1.6rem;bottom:1.1rem;height:2.7rem;padding:0 2.1rem;font-size:.9375rem;font-weight:700;border:1.5px solid #cda25f;gap:1.2rem;background:rgba(255,255,255,.72)}
.pw{height:18.3rem;margin-top:2.1rem;padding:1.35rem 2.4rem}
.pw-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.pw-img{position:absolute;left:40.3rem;top:.75rem;width:22.25rem;height:auto;max-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 92%,transparent),linear-gradient(0deg,transparent,#000 7%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 92%,transparent),linear-gradient(0deg,transparent,#000 7%,#000 94%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
.pw .pc-k{font-size:1rem;letter-spacing:.135em}
.pw .pc-k .ic{font-size:2.35rem}
.pw h3{font:600 2.42rem/1.1 var(--serif);margin-top:.65rem;width:auto;letter-spacing:-.01em}
.pw p{font-size:1.14rem;font-weight:500;line-height:1.38;width:33rem;margin-top:.75rem}
.pw .btn{position:absolute;left:2.4rem;bottom:2rem;height:3.1rem;padding:0 2.15rem;font-size:1.03rem;font-weight:700;border:1.5px solid #cda25f;gap:1.4rem;background:rgba(255,255,255,.72)}
.prog-all{display:flex;justify-content:center;margin-top:2.5rem}
.prog-all .btn{height:3.5rem;padding:0 3rem;font-size:1rem}

/* подбор курса */
.quiz{min-height:45rem;background:radial-gradient(36rem 30rem at 78% 40%,#10294b 0,transparent 75%),var(--navy)}
.quiz-photo{position:absolute;left:0;bottom:0;width:36.25rem;max-width:none;-webkit-mask-image:linear-gradient(90deg,#000 66%,transparent 96%),linear-gradient(180deg,transparent 0,#000 12%);mask-image:linear-gradient(90deg,#000 66%,transparent 96%),linear-gradient(180deg,transparent 0,#000 12%);-webkit-mask-composite:source-in;mask-composite:intersect}
.quiz .eb{font-size:.92rem;letter-spacing:.03em}
.quiz-in{display:flex;justify-content:space-between;padding:6.75rem 2.3rem 3rem 17.8rem;z-index:2;min-height:45rem}
.quiz-l{width:25rem;padding-top:2.15rem}
.quiz-l h2{font-size:2.95rem;line-height:1.07;margin-top:.95rem;width:26rem;letter-spacing:-.02em;white-space:nowrap}
.quiz-l p{font-size:.93rem;line-height:1.46;margin:1rem 0 0 1.45rem;color:#eef1f6;width:23.6rem}
.quiz-m{font:700 .75rem/1.45 var(--sans);letter-spacing:.015em;text-transform:uppercase;color:var(--goldl);margin:.55rem 0 0 1.45rem;width:24rem}
.quiz-start{margin:.6rem 0 0 1.45rem;height:2.6rem;padding:0 1.6rem;font-size:.875rem}
.quiz-c{position:relative;width:34rem;background:linear-gradient(180deg,#fdf1e7,#faeadf);border-radius:1.6rem;padding:2.1rem 1.85rem 2.45rem;color:var(--ink);box-shadow:0 0 0 2.5px #fff1dc,0 0 1.3rem .05rem rgba(255,210,150,.62),inset 0 0 .9rem rgba(255,236,204,.75);align-self:flex-start;scroll-margin:6rem}
.qz-o.need{animation:need .5s ease}
@keyframes need{20%,60%{transform:translateX(-.3rem)}40%,80%{transform:translateX(.3rem)}}
.quiz-c.pulse{animation:pls 1s ease 2}
@keyframes pls{50%{box-shadow:0 0 0 2px #ffe2b6,0 0 3.2rem rgba(255,206,142,.95)}}
.qz-h{font:700 .875rem/1 var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--goldt2)}
.qz-p{height:.34rem;background:#ecdccd;border-radius:9rem;margin-top:.95rem}
.qz-p i{display:block;height:100%;background:#c8924a;border-radius:9rem;transition:width .3s}
.quiz-c h3{font:500 1.36rem/1.25 var(--serif);margin-top:1.6rem;letter-spacing:-.012em}
.quiz-c .btn-line{color:var(--ink)}
.qz-o{display:grid;gap:.5rem;margin-top:1.5rem}
.qz-a{display:block;width:100%;min-height:2.75rem;padding:.55rem 1.25rem;border-radius:1.4rem;border:1px solid #eadbca;background:rgba(255,255,255,.34);font:600 .875rem/1.25 var(--sans);text-align:left;color:var(--ink);transition:background .15s,border-color .15s}
.qz-a:hover{border-color:#d7ae73}
.qz-a.on{border-color:#c8924a;background:#f8e4c4}
.qz-f{display:flex;justify-content:space-between;margin-top:1.75rem}
.qz-b{width:6.6rem;padding:0;height:2.9rem;font-size:.9375rem}
.qz-n{height:2.9rem;padding:0 1.5rem;font-size:.9375rem;gap:.35rem}
.quiz-c.res{margin-top:-4.2rem;max-height:43rem;overflow-y:auto;padding:1.5rem 1.6rem 1.5rem}
.qz-rl{font:500 1.22rem/1.25 var(--serif);margin-top:.7rem}
.qz-ri{font-size:.8rem;line-height:1.4;margin-top:.3rem;color:var(--ink2)}
.qz-r{margin-top:.75rem;padding:.9rem 1.1rem;border-radius:1rem;background:rgba(255,255,255,.55);border:1px solid #ecd9c0}
.qz-r small{display:block;font:700 .75rem/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--goldt2)}
.qz-r h3{font:500 1.3rem/1.2 var(--serif);margin-top:.4rem}
.qz-r p{font-size:.8125rem;line-height:1.4;margin-top:.35rem;color:var(--ink2)}
.qz-lt{font:700 .8125rem/1.2 var(--sans);margin-top:.5rem}
.qz-r ul{margin-top:.3rem;display:grid;gap:.15rem}
.qz-r li{display:flex;gap:.5rem;font-size:.8125rem;line-height:1.3}
.qz-r li .ic{font-size:1rem;color:var(--goldt2);margin-top:.1rem}
.qz-n2{font-size:.875rem}
.qz-pr{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem 1rem;margin:.5rem 0 .6rem}
.qz-pr strong{font:500 1.3rem/1.2 var(--serif)}
.qz-pr span{font-size:.8125rem;color:var(--muted)}
.qz-m{margin-top:.75rem}
.qz-m b{font:700 .9375rem/1.3 var(--sans)}
.qz-m p{font-size:.8125rem;line-height:1.4;margin-top:.25rem;color:var(--ink2)}
.qz-m div{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.7rem}

/* капитал */
.flag{height:40.875rem;background:linear-gradient(90deg,#fcf6f2 0,#fbf4ef 64%,#f7f1ea 100%)}
.flag-photo{position:absolute;right:0;top:0;width:26.875rem;max-width:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%);mask-image:linear-gradient(90deg,transparent 0,#000 12%)}
.flag-in{padding:3.75rem 0 0 7.2rem;z-index:2}
.flag h2{font-weight:500}
.flag h2{font-size:3.81rem;line-height:1.1;margin-top:1.45rem;letter-spacing:-.012em}
.flag-s{font-size:1.14rem;line-height:1.33;width:37rem;margin-top:1.05rem;color:var(--ink2)}
.flag-f{display:flex;margin-top:1.72rem}
.flag-f ul{display:grid;gap:.72rem;width:20.25rem}
.flag-f ul+ul{border-left:1px solid #e5d0b0;padding-left:3.05rem;width:22.6rem}
.flag-f li{display:flex;align-items:center;gap:1.05rem;font:500 .875rem/1.25 var(--sans);min-height:2.1rem}
.flag-f .ic{font-size:1.8rem;color:#c47f2c;stroke-width:1.55}
.flag-p{position:relative;display:flex;align-items:center;margin:2rem 0 0 -2.38rem;width:43.5rem;height:6.625rem;padding:0 2.2rem 0 4.4rem;border-radius:1rem;background:linear-gradient(95deg,#0b1a33,#10264a 60%,#0b1b35);overflow:hidden}
.flag-p::after{content:"";position:absolute;right:-.5rem;bottom:-.4rem;width:8rem;height:5rem;background:radial-gradient(closest-side,rgba(255,214,150,.35),transparent),linear-gradient(155deg,transparent 58%,#e7c086 60%,transparent 62%);pointer-events:none}
.flag-pl{color:#fff;display:flex;flex-direction:column;padding-right:1.5rem;border-right:1px solid rgba(214,172,110,.6);height:3.1rem;justify-content:center}
.flag-pl small{font:600 .75rem/1 var(--sans);letter-spacing:.17em;text-transform:uppercase;color:#d9bb87}
.flag-pl strong{font:500 2.33rem/1 var(--serif);color:#edc68c;margin-top:.55rem;white-space:nowrap}
.flag-p .btn{position:relative;z-index:1;margin-left:1.9rem;height:3.55rem;padding:0 2.45rem}
.flag-b{display:flex;margin:1.85rem 0 0 -1.8rem}
.flag-b div{display:flex;align-items:center;gap:.95rem;font:500 .8125rem/1.3 var(--sans);width:13.2rem}
.flag-b div+div{border-left:1px solid #e5d0b0;padding-left:2.05rem;width:15.1rem}
.flag-b .ic{font-size:2rem;color:#c47f2c;stroke-width:1.55}

/* подход */
.appr{height:40.8rem;background:linear-gradient(120deg,#fcf6f1,#fbf2ec)}
.appr-img{position:absolute;right:0;top:0;width:36.875rem;max-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 32%);mask-image:linear-gradient(90deg,transparent,#000 32%)}
.appr-in{padding:3.45rem 0 0 7.1rem;z-index:2}
.appr h2{font-weight:500}
.appr h2{font-size:2.735rem;line-height:1.215;margin-top:1.15rem;width:37rem}
.appr h2 em{font-size:1.045em}
.appr h2 em{display:block}
.appr-s{font-size:1rem;line-height:1.42;width:32rem;margin-top:1.05rem;color:var(--ink2)}
.appr-c{display:grid;grid-template-columns:17.9rem 16.7rem 17.95rem 1fr;margin:2.3rem 0 0 -2.6rem;width:71rem;height:11.1rem;padding:1.35rem 0;border-radius:1.4rem;background:#fdf8f3;border:1px solid #f0e1cd;box-shadow:0 .5rem 1.6rem rgba(150,110,60,.05)}
.as{padding:0 .6rem 0 1.75rem;border-left:1px solid #ecd9bc}
.as:first-child{border:0;padding-left:2.25rem}
.as-t{display:flex;align-items:center;gap:1.1rem}
.as-t b{display:flex;align-items:center;justify-content:center;width:3.3rem;height:3.3rem;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#fceedd);box-shadow:0 .25rem .7rem rgba(190,140,80,.25);font-size:1.75rem;color:#c98b3a;flex:none}
.as u{display:block;text-decoration:none;font:600 1.5rem/1 var(--serif);color:#c08b45}
.as h3{font:600 1.16rem/1.15 var(--serif);margin-top:.65rem;white-space:nowrap;letter-spacing:-.01em}
.as p{font-size:.9rem;font-weight:500;line-height:1.42;margin-top:1.15rem;color:var(--ink2);white-space:nowrap}
.appr .btn{margin:1.6rem 0 0 -2.6rem;height:3.2rem;padding:0 2.3rem;gap:1.6rem;font-size:.9375rem;width:22.9rem}

/* отзывы */
.rev{min-height:40.8rem;background:radial-gradient(40rem 26rem at 60% 45%,#0f2746 0,transparent 75%),var(--navy)}
.rev-in{display:flex;justify-content:space-between;padding:4.8rem 0 3rem 5.75rem;z-index:2;min-height:40.8rem}
.rev-l{width:23.5rem;padding-top:2.75rem}
.rev .eb{font-size:.75rem;letter-spacing:.15em}
.rev-l h2{font-size:2.85rem;line-height:1.2;margin-top:1.3rem;width:26rem}
.rev-l h2 em{display:block;white-space:nowrap;font-size:.913em}
.rev-l p{font-size:.97rem;line-height:1.45;margin-top:.9rem;color:#eef1f6}
.rev-l .btn{margin-top:1.75rem;height:3rem;padding:0 2.15rem;gap:1.25rem}
.rev-r{width:49rem;position:relative}
.rev-tabs{display:flex;justify-content:flex-end;gap:.75rem;padding-right:6.1rem}
.rev-tabs button{height:2.4rem;padding:0 1.5rem;border-radius:9rem;border:1px solid #d5b27c;font:600 .8125rem/1 var(--sans);color:#fff}
.rev-tabs button.on{background:var(--gold-grad);color:var(--ink);border-color:transparent}
.rev-track{display:flex;gap:1.3rem;margin-top:1.45rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:.9rem .9rem .9rem .9rem;margin-left:-.9rem;margin-right:0}
.rev-track::-webkit-scrollbar{display:none}
.rc{flex:none;width:38rem;height:19.75rem;display:flex;padding:1.95rem 1.3rem 1.85rem 2rem;border-radius:1.55rem;background:linear-gradient(120deg,#141c2f,#111a2d);box-shadow:0 0 1.2rem .15rem rgba(255,200,130,.5);scroll-snap-align:start;transition:opacity .25s}
.rc::before{background:linear-gradient(135deg,#ffeccd,#e9c088 30%,#e9c088 70%,#ffeccd)!important;padding:2px!important}
.rc:not(.cur){opacity:.48;box-shadow:none}
.rc:not(.cur)::before{opacity:.45}
.rc-ph{position:relative;flex:none;width:15.45rem;height:15.9rem;border-radius:1rem;overflow:hidden}
.rc-ph img{width:100%;height:100%;object-fit:cover}
.rc-tag{position:absolute;left:.6rem;top:.6rem;padding:.25rem .6rem;border-radius:9rem;background:rgba(7,20,39,.72);color:#edc68c;font:600 .6875rem/1.3 var(--sans)}
.rc-t{padding-left:2.2rem;display:flex;flex-direction:column;flex:1}
.rc-q{font:700 4.6rem/1 var(--serif);color:#d9a75f;height:2.1rem;margin-top:-.95rem;display:block}
.rc-t p{font:italic 500 .925rem/1.34 var(--sans);color:#f1f3f7;margin-top:.5rem}
.rc-a{display:flex;align-items:center;gap:.6rem;margin-top:1.3rem;padding-top:.95rem;border-top:1px solid rgba(214,172,110,.5)}
.rc-a .ic{font-size:2.05rem;color:#edc68c}
.rc-a b{display:block;font:600 1rem/1.2 var(--serif);color:#edc68c}
.rc-a small{display:block;font:italic 400 .75rem/1.3 var(--sans);color:#cdd3dd;margin-top:.2rem}
.rev-nav{display:flex;align-items:center;justify-content:space-between;width:20.25rem;margin:.35rem 0 0 8.65rem}
.rev-nav button{display:flex;align-items:center;justify-content:center;width:2.875rem;height:2.875rem;border-radius:50%;border:1px solid #d5b27c;font-size:1.4rem;color:#edc68c}
.rev-d{display:flex;gap:.8rem}
.rev-d i{width:.32rem;height:.32rem;border-radius:50%;background:#e8e4dc;cursor:pointer}
.rev-d i.on{background:#edc68c;transform:scale(1.4)}
.rev-grid .rev-track{flex-wrap:wrap;overflow:visible}
.rev-grid .rev-nav{display:none}

/* партнёрство на главной */
.hp-cta{height:40.8rem;background:radial-gradient(44rem 26rem at 50% 42%,#0d2442 0,transparent 75%),var(--navy)}
.hp-in{padding:6.45rem 0 0 13rem;z-index:2}
.hp-cta .eb{font-size:.87rem;letter-spacing:.11em}
.hp-cta h2{font-size:4.78rem;line-height:1;margin:2.05rem 0 0;width:58rem;letter-spacing:-.012em}
.hp-cta p{font-size:1.525rem;line-height:1.27;width:54rem;margin:1.75rem 0 0 -.1rem;text-align:center;color:#eaedf3}
.hp-cta .btn{margin:2.55rem 0 0 14.9rem;width:24.25rem;height:4.15rem;font-size:1.24rem;gap:1.8rem}

/* чек-лист */
.chk{height:40.8rem;background:linear-gradient(100deg,#fdf8f5,#fbf3ec)}
.chk-img{position:absolute;right:0;top:5.9rem;width:44.7rem;max-width:none;-webkit-mask-image:radial-gradient(90% 90% at 55% 50%,#000 76%,transparent);mask-image:radial-gradient(90% 90% at 55% 50%,#000 76%,transparent)}
.chk-in{padding:5.5rem 0 0 4.95rem;z-index:2}
.chk .eb{font-size:.875rem;letter-spacing:.11em}
.chk h2{font-size:2.6rem;font-weight:500;line-height:1.165;width:31rem;margin-top:1.75rem}
.chk-s{font-size:1.0375rem;line-height:1.4;width:26rem;margin-top:1.55rem;color:#5c677c}
.chk .btn{margin-top:2.2rem;width:23.25rem;height:3.5rem;padding:0;gap:1.1rem;font-size:1rem}
.chk-lt{font:700 .875rem/1 var(--sans);margin-top:1.45rem}
.chk-b{display:flex;margin-top:.65rem}
.chk-b div{display:flex;align-items:center;gap:.5rem;font:600 .74rem/1.3 var(--sans);white-space:nowrap}
.chk-b div+div{border-left:1px solid #e5d0b0;padding-left:.7rem;margin-left:.7rem}
.chk-b .ic{font-size:1.65rem;color:#c47f2c;stroke-width:1.55}
.chk-c{font-size:.8125rem;line-height:1.35;margin-top:.75rem;color:#5c677c;width:30rem}

/* вопросы */
.faq{min-height:45rem;background:linear-gradient(180deg,#fcf6f0,#fdf4ea)}
.faq-img{position:absolute;left:0;bottom:0;width:21.56rem;max-width:none;-webkit-mask-image:linear-gradient(0deg,#000 62%,transparent),linear-gradient(90deg,#000 70%,transparent);mask-image:linear-gradient(0deg,#000 62%,transparent),linear-gradient(90deg,#000 70%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
.faq-in{display:flex;padding:7.05rem 5.8rem 4rem 6rem;z-index:2;min-height:45rem}
.faq .eb{font-size:.8125rem;letter-spacing:.15em}
.faq-l h2{font-weight:500}
.faq-l{width:26.3rem;flex:none}
.faq-l h2{font-size:3.84rem;line-height:1.14;margin-top:1.7rem;width:25rem;color:#10294a}
.faq-l p{font-size:1.125rem;line-height:1.75;margin-top:1.2rem;width:23rem;color:#6d7a90}
.faq-r{flex:1;padding-top:.4rem}
.fq{border-bottom:1px solid #e6dccd}
.fq summary{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:4.61rem;list-style:none;cursor:pointer;font:600 1.13rem/1.3 var(--sans);color:#10294a}
.fq summary .ic{stroke-width:2}
.fq summary::-webkit-details-marker{display:none}
.fq summary b{font-size:1.5rem;color:var(--goldt);display:flex;transition:transform .2s;flex:none}
.fq[open] summary b{transform:rotate(45deg)}
.fq p{padding:0 3.2rem 1.3rem 0;font-size:.9375rem;line-height:1.55;color:var(--ink2)}
.fq p a{color:var(--goldt);text-decoration:underline}
.faq-all{margin-top:2.25rem;height:3.5rem;padding:0 2.2rem;gap:1.9rem;color:#10294a}
.faq-all{min-width:14.1rem}

/* призыв и подвал */
.ftc{background:linear-gradient(90deg,#071a35,#0a2243 60%,#071a35);height:12.625rem;border-bottom:1px solid rgba(214,172,110,.55)}
.ftc-in{display:flex;align-items:flex-start;justify-content:space-between;height:100%;padding:2.6rem 7.9rem 0 9.5rem;z-index:2}
.ftc-bar{display:block;width:3.9rem;height:.2rem;background:var(--gold-grad);margin:0 0 .85rem}
.ftc h2{font-size:2rem;line-height:1.13;width:36rem}
.ftc h2 em{color:#d9a564}
.ftc-b{display:flex;gap:.7rem;margin-top:4.1rem}
.ftc-b .btn{height:2.75rem;padding:0;font-size:.9375rem;gap:1.4rem}
.ftc-b .btn-line{width:12.6rem}
.ftc-b .btn-gold{width:11.55rem}
.ftr{background:linear-gradient(180deg,#041833,#031530);color:#fff}
.ftr-in{display:flex;padding:1.95rem 0 2.6rem 9.7rem;min-height:14.3rem}
.ftr-b{width:15.6rem;flex:none;padding-top:.45rem;margin:.35rem 0 0;border-right:1px solid rgba(214,172,110,.45);height:7.75rem}
.ftr-logo{font:500 1rem/1 var(--sans);letter-spacing:.14em;color:#edc68c}
.ftr-b p{font-size:.8125rem;line-height:1.35;margin-top:.8rem;width:11rem;color:#e4e8ef}
.ftr-c{display:flex;padding-left:4.45rem;gap:0}
.fc{display:flex;flex-direction:column;width:15.25rem}
.fc:nth-child(2){width:13.2rem}
.fh{font:700 .75rem/1 var(--sans);letter-spacing:.15em;text-transform:uppercase;color:#edc68c;margin-bottom:.5rem}
.fc a{font-size:.8125rem;line-height:1.3rem;color:#e4e8ef;padding-left:.15rem}
.fc a:hover{color:#edc68c}

/* внутренние заглавные */
.phero{height:31.5rem}
.phero-img{position:absolute;right:0;top:0;height:100%;width:auto;max-width:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%);mask-image:linear-gradient(90deg,transparent 0,#000 16%)}
.phero-in{padding:5.35rem 0 0 4.9rem;z-index:2}
.phero .eb{font-size:.72rem;letter-spacing:.2em}
.phero h1{font-size:3.63rem;line-height:1.07;margin-top:1.55rem;width:46rem;font-weight:500;white-space:nowrap}
.phero p{font-size:.93rem;line-height:1.47;margin-top:1.1rem;width:40rem;color:#eef1f6}
.ph-courses{height:31.5rem}
.ph-consult{height:31.625rem}
.ph-consult .phero-in{padding:4rem 0 0 4.85rem}
.ph-consult h1{font-size:3.56rem;margin-top:1.15rem;width:42rem;line-height:1.0}
.ph-consult p{margin-top:1.15rem;width:36rem;font-size:.96rem;line-height:1.55}
.ph-consult .btns{margin-top:1.25rem}
.ph-invest{height:31.125rem}
.ph-invest .phero-in{padding:4.6rem 0 0 4.65rem}
.ph-invest h1{font-size:3.3rem;width:43rem;margin-top:1.15rem;line-height:1.17}
.ph-invest p{margin-top:1.25rem;font-size:.89rem;width:42rem}
.ph-invest .btns{margin-top:1.75rem}
.ph-invest .pf{margin-top:2.7rem}
.ph-real{height:29.125rem}
.ph-real .phero-in{padding:6.15rem 0 0 5.15rem}
.ph-real h1{font-size:3.66rem;width:40rem;margin-top:1.65rem}
.ph-real p{width:33rem;margin-top:1.35rem;line-height:1.53;font-size:1.155rem;letter-spacing:.01em}
.ph-part{height:30.3125rem}
.ph-part .phero-in{padding:5.75rem 0 0 4.2rem}
.ph-part .eb::after{display:none}
.ph-part h1{font-size:3.63rem;width:46rem;margin-top:1.45rem;line-height:1.17}
.ph-part p{width:38rem;margin-top:1.15rem;line-height:1.65;font-size:.97rem}
.btns .btn{padding:0 2rem}
.phero .btns{gap:1.05rem}
.phero .btns .btn{height:2.95rem;font-size:.8125rem}
.ph-consult .btns .btn-gold{width:16.7rem;padding:0}
.ph-consult .btns .btn-line{width:15.9rem;padding:0}
.ph-invest .btns .btn-gold{width:18.85rem;padding:0}
.ph-invest .btns .btn-line{width:12.95rem;padding:0}
.pf{display:flex;align-items:center;margin-top:2.05rem}
.pf div{display:flex;align-items:center;gap:1rem;font-size:.8125rem;line-height:1.42;color:#eef1f6;white-space:nowrap}
.pf>i{width:1px;height:2.7rem;background:rgba(214,172,110,.4)}
.ph-consult .pf div{width:10.85rem}
.ph-consult .pf div:nth-of-type(n+2){padding-left:2rem;width:12.4rem}
.ph-invest .pf div{width:13.4rem}
.ph-invest .pf div:nth-of-type(n+2){padding-left:2rem;width:13.35rem}
.pf .ic{font-size:1.95rem;color:var(--goldl);stroke-width:1.5}

/* форматы курсов */
.fmts{height:53.3125rem;background:linear-gradient(135deg,#fdf8f4,#fbf3ec)}
.fmts-in{padding:2.1rem 4.3rem 3rem;z-index:2}
.fmts .eb{font-size:.6875rem;letter-spacing:.17em}
.fmts h2{font-size:2.95rem;font-weight:500;line-height:1.2;margin-top:.45rem}
.fmts-s{font-size:.875rem;line-height:1.4;margin-top:.25rem;width:50rem;color:var(--ink)}
.fmts-g{display:grid;grid-template-columns:35.15rem 35.2rem;gap:1rem;margin-top:1.3rem}
.fmts .btn-gold,.cfs .btn-gold{background:linear-gradient(90deg,#f6d699,#eec273 55%,#dcaa55)}
.mc-c{position:relative;display:grid;grid-template-columns:3.9rem 1fr;gap:0 1.55rem;padding:.95rem 1.6rem 1rem 2rem;border-radius:1rem;background:#fdf8f3;border:1px solid #efdfc8;box-shadow:0 .4rem 1.2rem rgba(150,110,60,.07);height:12.5rem;grid-template-rows:auto 1fr}
.mc-c:nth-child(n+3){height:12.95rem}
.mc-c.on{border-color:#ecc486;box-shadow:0 .2rem 1.4rem rgba(226,170,90,.3)}
.mc-ic{width:3.9rem;height:3.9rem;margin-top:.7rem;border-radius:.9rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff8ee,#fbe9d0);border:1px solid #f1dcbb;font-size:2.35rem;color:#b87a2c}
.mc-ic .ic{stroke-width:1.55}
.mc-k{font:700 .6875rem/1 var(--sans);letter-spacing:.17em;text-transform:uppercase;color:#c47f2c}
.mc-b1 h3{font:500 1.41rem/1.15 var(--serif);margin-top:.5rem;letter-spacing:-.008em}
.mc-b1 p{font-size:.8125rem;line-height:1.3;margin-top:.4rem;color:var(--ink2)}
.mc-f{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;align-self:end;padding-top:.7rem;border-top:1px solid #eedfca}
.mc-f strong{font:500 1.5rem/1 var(--serif);padding-left:0}
.mc-f .btn{height:2.5rem;padding:0 1.5rem;font-size:.8125rem;box-shadow:0 .35rem .9rem rgba(214,170,106,.35)}
.sp-c{position:relative;display:flex;align-items:center;margin-top:1.75rem;height:11.05rem;padding:0 1.5rem 0 2.25rem;border-radius:1rem;background:linear-gradient(90deg,#fdf7f0 0,#fbeedd 58%,#fcf1e4 72%,#fdf7ef 100%);border:1px solid #e7c996;box-shadow:0 .3rem 1.3rem rgba(226,170,90,.18);overflow:hidden}
.sp-img{position:absolute;left:37.8rem;top:.2rem;width:14.44rem;height:auto;max-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 22%,#000 82%,transparent)}
.sp-l{position:relative;width:38rem;margin-top:-1.1rem}
.sp-l .mc-k{letter-spacing:.17em}
.sp-l h3{font:500 2.31rem/1.15 var(--serif);margin-top:.7rem;font-variant-numeric:oldstyle-nums!important}
.sp-l p{font-size:.8125rem;line-height:1.55;margin-top:.45rem;color:var(--ink2)}
.sp-r{position:relative;margin-left:auto;width:17.2rem;padding-left:1.5rem;border-left:1px solid #e5d0b0;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:1.3rem;margin-top:-.55rem}
.sp-r strong{font:500 2.1rem/1 var(--serif);margin-right:.8rem}
.sp-r .btn{height:3.05rem;padding:0 2rem;gap:1.2rem}

/* особисто */
.pers{min-height:42rem;background:linear-gradient(90deg,#071427 0,#081629 54%,#0a1729)}
.pers-img{position:absolute;right:0;top:0;height:100%;width:44rem;max-width:none;object-fit:cover;object-position:50% 60%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%);mask-image:linear-gradient(90deg,transparent,#000 30%)}
.pers-in{padding:4.2rem 0 3.8rem 5rem;z-index:2}
.pers-t{width:41rem}
.pers h2{font-size:3.1rem;line-height:1.14;margin-top:1rem}
.pers p{font-size:1.0625rem;line-height:1.5;margin-top:1rem;color:#eef1f6}
.pers-lt{font:700 1rem/1 var(--sans);margin-top:1.5rem;color:#edc68c}
.pers ul{margin-top:.8rem;display:grid;gap:.6rem}
.pers li{display:flex;gap:.7rem;font-size:1rem;line-height:1.4}
.pers li .ic{font-size:1.25rem;color:#edc68c;margin-top:.1rem}
.pers-f{display:flex;align-items:center;gap:2rem;margin-top:1.5rem}
.pers-f span{display:flex;align-items:center;gap:.6rem;font-size:.9375rem}
.pers-f .ic{font-size:1.35rem;color:#edc68c}
.pers-f strong{font:500 1.6rem/1 var(--serif);color:#edc68c;white-space:nowrap}
.pers .btn{margin-top:1.6rem}

/* консультации */
.cfs{height:35.25rem;background:linear-gradient(135deg,#fdf8f4,#fbf1ea)}
.cfs-in{padding:2.35rem 3.4rem 0;z-index:2}
.cfs .eb{font-size:.6875rem;letter-spacing:.15em}
.cfs h2{font-size:2.76rem;font-weight:500;line-height:1.2;margin-top:.5rem}
.cfs-s{font-size:.9375rem;line-height:1.55;width:32rem;margin-top:.75rem;color:var(--ink2)}
.cfs-g{display:grid;grid-template-columns:24rem 23.1rem 24rem;gap:1rem;margin-top:2.15rem}
.cf{position:relative;height:18.9rem;padding:1.45rem 2rem;border-radius:1.15rem;background:#fdf7f1;border:1px solid #efdfc8;box-shadow:0 .4rem 1.3rem rgba(150,110,60,.08);overflow:hidden}
.cf.on{border-color:#e9c189;box-shadow:0 .2rem 1.4rem rgba(226,170,90,.28)}
.cf-img{position:absolute;right:0;top:0;height:8.3rem;width:auto;max-width:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%),linear-gradient(0deg,transparent 0,#000 34%);mask-image:linear-gradient(90deg,transparent 0,#000 30%),linear-gradient(0deg,transparent 0,#000 34%);-webkit-mask-composite:source-in;mask-composite:intersect}
.cf u{position:relative;text-decoration:none;font:700 .875rem/1 var(--sans);color:#c47f2c}
.cf h3{position:relative;font:500 1.72rem/1.16 var(--serif);margin-top:.95rem;width:14rem;letter-spacing:-.008em}
.cf p{position:relative;font-size:.8125rem;font-weight:500;line-height:1.46;margin-top:.7rem;width:19.8rem;color:var(--ink2)}
.cf .btn{position:absolute;left:1.75rem;bottom:1.95rem;height:2.5rem;padding:0 1.95rem;font-size:.875rem;gap:.85rem}
.how{min-height:33.6rem;background:linear-gradient(90deg,#fcf7f3,#fbf3ed)}
.how-in{display:flex;justify-content:space-between;padding:2.05rem 5.6rem 2rem 5.9rem;z-index:2}
.how-l{width:35rem}
.how .eb{font-size:.6875rem;letter-spacing:.15em}
.how h2{font-size:2.65rem;font-weight:500;line-height:1.14;margin-top:.9rem;width:30rem}
.how ol{margin-top:.88rem;width:34.8rem}
.how li{display:flex;gap:1.15rem;align-items:center;height:3.32rem;border-bottom:1px solid #e9dbc6;font:700 .9375rem/1.3 var(--sans)}
.how li u{text-decoration:none;color:#c47f2c;font:700 1rem/1 var(--sans);width:1.45rem}
.how-n{font-size:.9375rem;line-height:1.6;margin-top:1rem;color:#6d7a90;width:33rem}

/* формы */
.lf{position:relative;flex:none;width:30.25rem;padding:1.65rem 2.15rem 1.9rem;border-radius:1.15rem}
.lf .eb{font-size:.75rem}
.lf h3{font:400 1.875rem/1.2 var(--serif);margin-top:.7rem}
.lf .fld{margin-top:.75rem}
.lf label{display:block;font:600 .8125rem/1 var(--sans);margin-bottom:.5rem}
.ml{font:600 .8125rem/1 var(--sans);margin:1rem 0 .55rem}
.ip{position:relative;display:flex;align-items:center;gap:.9rem;height:2.7rem;padding:0 1rem;border-radius:.7rem;border:1px solid #dcd7cf;background:rgba(255,255,255,.75)}
.ip .ic{font-size:1.3rem;color:#5b6172;flex:none}
.ip input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;font:500 .9375rem/1 var(--sans);color:var(--ink)}
.ip input::placeholder{color:#7a8294}
.ip.bad{border-color:#c0392b}
.er{color:#c0392b;font-size:.8125rem;line-height:1.3;margin-top:.3rem}
.er:empty{display:none}
.ms{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-top:.85rem}
.ml+.ms{margin-top:0}
.mc{display:block;cursor:pointer;margin:0!important}
.mc input{position:absolute;opacity:0;pointer-events:none}
.mc-b{display:flex;align-items:center;gap:.85rem;height:3rem;padding:0 1rem 0 1.3rem;border-radius:.75rem;border:1px solid #dcd7cf;background:rgba(255,255,255,.6);font-size:.875rem}
.mc-b .ic{font-size:1.5rem}
.mc-b b{font-weight:600}
.mc-b i{margin-left:auto;width:1rem;height:1rem;border-radius:50%;border:1px solid #8b92a0;position:relative}
.mc input:checked+.mc-b{border-color:#c98b3a;background:#f9e7cd}
.mc input:checked+.mc-b i{border-color:#b77f38}
.mc input:checked+.mc-b i::after{content:"";position:absolute;inset:.16rem;border-radius:50%;background:#b77f38}
.mc input:focus-visible+.mc-b{outline:2px solid #c98b3a;outline-offset:2px}
.lf-b{width:100%;height:3.3rem;margin-top:1.45rem;font-size:1.0625rem;gap:.4rem}
.lf-light{background:linear-gradient(180deg,#fefbf8,#fcf4ec);box-shadow:0 0 0 1px #edc78c,0 .4rem 1.6rem rgba(226,170,90,.28);padding-top:1.7rem}
.lf-light h3+input+.fld{margin-top:2.7rem}
.lf-light .fld+.fld{margin-top:1rem}
.lf-light .ml{margin:1.25rem 0 .55rem}
.lf-light .lf-b{margin-top:1.55rem}
.lf-light .mc-b .ic{color:#2aabee}
.lf-light .mc:nth-child(2) .mc-b .ic{color:#25d366}
.lf-gold{background:#fdf7f1;box-shadow:0 0 0 1px #e4bd82,0 .5rem 1.6rem rgba(226,170,90,.24);width:28.9rem;padding:1.6rem 2.05rem 2.1rem;border-radius:1.5rem}
.lf-gold h3{font-size:2rem;margin-top:.8rem}
.lf-gold .ip .ic{color:#b77f38}
.lf-gold h3+input+.fld{margin-top:3.55rem}
.lf-gold .fld{margin-top:.9rem}
.lf-gold .ms{margin-top:1.25rem}
.lf-gold .mc input:checked+.mc-b{background:#0c1b32;border-color:#0c1b32;color:#fff}
.lf-gold .mc input:checked+.mc-b i{border-color:#e4bd82}
.lf-gold .mc input:checked+.mc-b i::after{background:#e4bd82}
.lf-gold .lf-b{height:3.5rem;margin-top:1.45rem;font-weight:700;font-size:1.0625rem}
.lf-dark{color:#fff;background:linear-gradient(135deg,#0b1a33,#0e2240);border-radius:1.6rem;box-shadow:0 0 1.5rem .15rem rgba(255,190,110,.48);width:30.45rem;padding:2rem 2.25rem 2rem}
.lf-dark.glow::before{background:linear-gradient(135deg,#fff0d4,#efc88d 40%,#efc88d 60%,#fff0d4);padding:2px}
.lf-dark .eb{color:var(--goldl)}
.lf-dark h3{font-size:2.05rem;margin-top:.65rem;color:#fff}
.lf-dark .ip{border-color:rgba(214,190,150,.5);background:transparent;height:2.6rem}
.lf-dark .ip .ic{color:#e6dccb}
.lf-dark .ip input{color:#fff}
.lf-dark .ip input::placeholder{color:#dfe3ea}
.lf-dark h3+input+.fld{margin-top:2.5rem}
.lf-dark .fld{margin-top:.75rem}
.lf-dark .ms{margin-top:1.1rem}
.lf-dark .mc-b{background:transparent;border-color:rgba(214,190,150,.5);color:#fff;height:2.75rem}
.lf-dark .mc input:checked+.mc-b{background:var(--gold-grad);border-color:transparent;color:var(--ink)}
.lf-dark .mc input:checked+.mc-b i{border-color:var(--ink)}
.lf-dark .mc input:checked+.mc-b i::after{background:var(--ink)}
.lf-dark .mc-b i{border-color:#d5c7ad}
.lf-dark .lf-b{height:3.3rem;margin-top:1.5rem;font-size:1.125rem;font-weight:700}
.lf-dark .er{color:#ff9d8f}

/* инвесторам */
.geo{height:35.25rem;background:var(--navy3)}
.geo-globe{position:absolute;right:0;top:3rem;width:17.5rem;max-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%);mask-image:linear-gradient(90deg,transparent,#000 20%)}
.geo-in{padding:4.75rem 0 0 3.45rem;z-index:2}
.geo-h{display:flex;align-items:center;padding-left:1rem}
.geo-h .eb{font-size:.6875rem;letter-spacing:.15em}
.geo-h h2{font-size:2.45rem;line-height:1.05;width:31.5rem;margin-top:.7rem;white-space:nowrap}
.geo-h i{width:1px;height:3.85rem;background:rgba(214,172,110,.75);margin:1.5rem 2.3rem 0 2.05rem}
.geo-h p{font-size:.8rem;line-height:1.6;width:24rem;margin-top:1.1rem;color:#eef1f6}
.geo-s{display:flex;gap:.45rem;margin:1.65rem 0 0 0;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;padding:.15rem .15rem .15rem .15rem}
.geo-s::-webkit-scrollbar{display:none}
.geo-c{position:relative;flex:none;width:11.75rem;height:14.65rem;border-radius:1.05rem;overflow:hidden;border:1px solid rgba(214,172,110,.55);background:linear-gradient(180deg,#0d2340,#08192f);scroll-snap-align:start}
.geo-c.gl{box-shadow:0 -.1rem .7rem rgba(255,210,150,.4)}
.geo-c.fade{opacity:.42}
.geo-i{position:absolute;left:0;top:0;width:100%;height:8rem;object-fit:cover;-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 44%);mask-image:linear-gradient(0deg,transparent 0,#000 44%)}
.geo-b{position:absolute;left:0;right:0;top:8rem;padding:0 .75rem;margin-top:.25rem}
.geo-c:first-child{width:12.1rem}
.geo-b h3{display:flex;align-items:center;gap:.65rem;font:400 1.3rem/1.2 var(--serif)}
.geo-b h3 .ic{font-size:1.15rem;color:var(--goldl)}
.geo-b small{display:block;font-size:.6875rem;line-height:1.2;margin:.12rem 0 0 1.75rem;color:#eef1f6}
.geo-t{position:absolute;top:2.9rem;left:1.05rem;right:.5rem;display:flex;gap:.55rem;align-items:center;border-top:1px solid rgba(214,172,110,.45);padding-top:.7rem}
.geo-t .ic{font-size:1.4rem;color:var(--goldl)}
.geo-t p{font-size:.625rem;line-height:1.4;color:#eef1f6;white-space:nowrap}
.geo-n{position:absolute;right:1.45rem;top:19.05rem;width:2.35rem;height:2.35rem;border-radius:50%;background:var(--gold-grad);color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:1.2rem;z-index:3}
.geo-d{display:flex;gap:.8rem;justify-content:flex-start;margin:1.6rem 0 0 31.1rem}
.geo-d i{width:1.8rem;height:1px;background:#c9cdd4}
.geo-d i.on{width:3rem;height:.3rem;border-radius:9rem;background:var(--gold-grad);margin-top:-.1rem}
.pths{height:26.6rem;background:#fdf5ec}
.pths-in{padding:2.3rem 0 0 14.1rem;z-index:2}
.pths .eb{font-size:.8125rem;letter-spacing:.16em}
.pths h2{font-size:2.53rem;font-weight:500;line-height:1.09;margin-top:.55rem;width:39rem}
.pths-g{display:flex;gap:1.1rem;margin:1.65rem 0 0 -.5rem}
.pt{position:relative;width:16.7rem;height:10.95rem;padding:1.05rem 1.25rem;border-radius:1.1rem;background:rgba(255,251,246,.82);border:1px solid #efd9b9;box-shadow:0 .45rem 1.5rem rgba(150,110,60,.11)}
.pt:nth-child(2){width:17.15rem}
.pt:nth-child(3){width:17.15rem}
.pt h3{font:500 1.09rem/1.2 var(--serif);white-space:nowrap;letter-spacing:-.018em}
.pt p{font-size:.775rem;line-height:1.42;margin-top:.55rem;color:#68748a;white-space:nowrap}
.pt .btn{position:absolute;left:1.5rem;bottom:1.45rem;height:2.45rem;padding:0 1.8rem;font-size:.8125rem;gap:.85rem}

/* рієлторам */
.skl{height:35.25rem;background:#fbf4ee}
.skl-bg{position:absolute;right:0;top:0;width:40.625rem;max-width:none}
.skl-in{display:flex;padding:2.65rem 0 0 4.6rem;z-index:2}
.skl-l{width:34rem;flex:none}
.skl .eb{font-size:.6875rem;letter-spacing:.15em}
.skl h2{font-size:2.655rem;font-weight:500;line-height:1.14;margin-top:.75rem;width:37rem}
.skl-s{font-size:.95rem;margin-top:.8rem;color:#6d7a90;width:37rem;line-height:1.3}
.skl ul{margin-top:1rem;width:33rem}
.skl li{display:flex;align-items:center;gap:1.6rem;height:2.97rem;border-bottom:1px solid #eadcc7;font:600 .9375rem/1.2 var(--sans)}
.skl li:last-child{border:0}
.skl li b{display:flex;align-items:center;justify-content:center;width:3.3rem;height:2.25rem;border-radius:.7rem;border:1px solid #dcb981;background:rgba(255,250,243,.8);font-size:1.3rem;color:#c98b3a;flex:none}
.skl-c{position:absolute;left:43.25rem;top:7rem;width:23.5rem;height:16.5rem;padding:1.55rem 2.5rem;border-radius:1.5rem;background:linear-gradient(180deg,#fefaf5,#fdf6ee);box-shadow:0 0 0 1.5px #eccb94}
.skl-c .eb{font-size:.6875rem;letter-spacing:.15em}
.eb-n::after{display:none}
.skl-c h3{font:400 1.8rem/1.2 var(--serif);margin-top:.5rem;white-space:nowrap}
.skl-c strong{display:block;font:500 3rem/1 var(--serif);color:var(--goldt);margin-top:.7rem}
.skl-c p{font-size:.8125rem;line-height:1.3;margin-top:.55rem;color:#6d7a90}
.skl-c .btn{margin-top:1.05rem;height:2.9rem;padding:0 2rem;font-size:.9375rem;gap:.35rem}

/* партнерство */
.prin{height:35.25rem;background:linear-gradient(120deg,#fcf6f1,#f9f0e8)}
.prin-img{position:absolute;left:5.6rem;bottom:0;width:24.4rem;max-width:none;-webkit-mask-image:linear-gradient(180deg,transparent,#000 22%);mask-image:linear-gradient(180deg,transparent,#000 22%)}
.prin-in{display:flex;justify-content:space-between;padding:2.3rem 6.9rem 0 5.45rem;z-index:2}
.prin-l{width:36rem}
.prin .eb{font-size:.75rem;letter-spacing:.15em}
.prin h2{font-size:2.54rem;font-weight:500;line-height:1.21;margin-top:.8rem;width:37rem;white-space:nowrap}
.prin-s{font-size:.9375rem;line-height:1.45;margin-top:.7rem;width:36rem;color:#6d7a90}
.prin ul{margin-top:.6rem;width:34rem}
.prin li{display:flex;align-items:center;gap:1.45rem;height:3.15rem;border-bottom:1px solid #eadcc7;font:500 1.0625rem/1.2 var(--sans)}
.prin li:last-child{border:0}
.prin li b{display:flex;align-items:center;justify-content:center;width:3.4rem;height:2.35rem;border-radius:.8rem;border:1px solid #dcb981;background:rgba(255,250,243,.8);font-size:1.4rem;color:#c98b3a;flex:none}
.prin .lf{margin-top:1.25rem}

/* контакты */
.cth{height:31.75rem;background:radial-gradient(34rem 24rem at 76% 40%,#10294b 0,transparent 75%),var(--navy)}
.cth-img{position:absolute;left:0;bottom:0;width:41.56rem;max-width:none;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 16%);mask-image:linear-gradient(180deg,transparent 0,#000 16%)}
.cth-glow{position:absolute;left:34.8rem;top:7.8rem;width:9rem;height:12rem;border-top:1.5px solid transparent;pointer-events:none}
.cth-in{display:flex;justify-content:space-between;padding:2.25rem 6.3rem 0 6.1rem;z-index:2}
.cth-l{width:32rem}
.cth .eb{font-size:.8125rem;letter-spacing:.15em}
.cth h1{font-size:3.6rem;line-height:1.04;margin-top:.7rem;width:32rem;white-space:nowrap}
.cth p{font-size:1.055rem;line-height:1.55;margin-top:1rem;width:28rem;color:#eef1f6}
.cth .lf{margin-top:0}
.cti{height:26.6rem;background:linear-gradient(90deg,#fcf6f2,#fbf3ec)}
.cti-ph{position:absolute;left:2.5rem;top:1.25rem;width:13.9rem;max-width:none;-webkit-mask-image:linear-gradient(180deg,#000 80%,#000);mask-image:linear-gradient(180deg,#000 80%,#000)}
.cti-sky{position:absolute;right:0;bottom:0;width:17.5rem;max-width:none}
.cti-in{display:flex;padding:1.15rem 0 0 17.1rem;z-index:2}
.cti-a{width:17.6rem;flex:none;border-right:1px solid #eadcc7;height:24rem;padding-right:0}
.cti .eb{font-size:.6875rem;letter-spacing:.18em}
.cti h2{font-size:2.05rem;line-height:1.07;margin-top:.55rem;width:15rem;font-weight:600}
.cti-s{font-size:.75rem;line-height:1.45;margin-top:.7rem;width:16.5rem}
.cti-n{font:500 1.47rem/1.2 var(--serif);margin:.65rem 0 0 2.95rem}
.cti-r{font:700 .6875rem/1.42 var(--sans);letter-spacing:.17em;text-transform:uppercase;color:#c08b45;margin:.45rem 0 0 2.95rem;width:12rem}
.cti-l{margin:.42rem 0 0 2.95rem}
.cti-l li{display:flex;align-items:center;gap:.85rem;margin-bottom:.35rem;font:500 .85rem/1 var(--sans)}
.cti-l li[role=button]{cursor:pointer}
.cti-l b{display:flex;align-items:center;justify-content:center;width:2.6rem;height:1.85rem;border-radius:.5rem;border:1px solid #dcb981;background:rgba(255,250,243,.8);font-size:1.15rem;color:#b77f38;flex:none}
.cti-b{width:39.6rem;margin-left:1.2rem;flex:none}
.cti-top{display:flex;align-items:center;height:3.75rem}
.cti-logo{width:15.75rem;flex:none;margin-left:1.35rem}
.cti-top p{font-size:.75rem;line-height:1.38;padding-left:1.55rem;border-left:1px solid #e0c9a3;width:22rem;flex:none;margin-left:2.55rem;margin-top:-.15rem}
.cti-f{display:flex;margin:.75rem 0 0 .95rem}
.cti-f div{display:flex;align-items:center;gap:.65rem;font:500 .75rem/1.35 var(--sans);width:10.15rem;white-space:nowrap}
.cti-f div:last-child{margin-left:.7rem}
.cti-f b{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.4rem;border-radius:.7rem;border:1px solid #dcb981;background:rgba(255,250,243,.8);font-size:1.45rem;color:#b77f38;flex:none}
.cti-f .ic{stroke-width:1.55}
.cti-f span{width:5.5rem}
.cti-o{display:flex;gap:.8rem;margin:1.4rem 0 0 .45rem}
.cti-o article{position:relative;width:19rem;height:10.9rem;border-radius:1rem;overflow:hidden;color:#fff}
.cti-o img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cti-o article::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(60,38,20,.85) 0,rgba(60,38,20,.62) 36%,transparent 62%)}
.cti-o div{position:absolute;left:1.15rem;right:1rem;bottom:.55rem;z-index:1}
.cti-o h3{display:flex;align-items:center;gap:.55rem;font:600 .9375rem/1.2 var(--sans)}
.cti-o h3 .ic{font-size:1.3rem;color:#edc68c}
.cti-o p{font-size:.75rem;line-height:1.4;margin:.3rem 0 0 1.85rem}
.cti-btn{margin-top:1.2rem;padding-left:.55rem}
.cti-btn .btn{width:20.1rem;height:3rem;padding:0;gap:.8rem;font-size:1rem;font-weight:600;background:linear-gradient(90deg,#d6ac74,#ecd0a4 45%,#c9995c)}
.cti-btn .b-i{display:inline-flex;font-size:1.4rem}

/* окна */
.ov{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:rgba(14,16,22,.72);backdrop-filter:blur(.5rem);overflow-y:auto}
.pop{position:relative;width:40rem;max-width:100%;max-height:calc(100vh - 2.5rem);overflow-y:auto;border-radius:1.8rem;background:#f9f1ea;color:var(--ink);box-shadow:0 1.5rem 4rem rgba(0,0,0,.4)}
.pop-tl,.pop-br{position:absolute;pointer-events:none;max-width:none}
.pop-tl{left:0;top:0;width:21.1rem}
.pop-br{right:0;bottom:0;width:23.7rem}
.pop-b{position:relative;padding:2.7rem 3.25rem 2.1rem}
.x{position:absolute;right:1.5rem;top:1.5rem;width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid #e7d5bd;font-size:1.45rem;display:flex;align-items:center;justify-content:center;z-index:2;background:rgba(255,255,255,.4)}
.pop .eb{letter-spacing:.2em;font-size:.8125rem;color:#a7763a}
.pop h2{font:400 2.75rem/1.12 var(--serif);margin-top:1.15rem;letter-spacing:-.005em}
.pop h2 em{display:block;font-style:italic;font-weight:500;color:#a97a3c}
.pop-s{font-size:1rem;line-height:1.42;margin-top:.9rem;color:#6a7284}
.pop .fld{margin-top:1rem}
.pop form{margin-top:1.35rem}
.pop .fld:first-of-type{margin-top:0}
.pop .ip{height:3.25rem;padding:0 1.45rem;border-radius:1.05rem;border:1px solid #cdb08a;background:rgba(255,255,255,.35);gap:1.15rem}
.pop .ip .ic{font-size:1.6rem;color:#2d3548}
.pop .ip input{font-size:1rem}
.pop .ml{font-size:1rem;margin:1.15rem 0 .6rem;font-weight:500}
.pop .mc-b{height:3.1rem;border-radius:99rem;padding:0 1rem 0 1.5rem;border-color:#ebdfd0;background:rgba(255,255,255,.4);font-size:1rem;gap:1.05rem}
.pop .mc-b .ic{font-size:1.6rem}
.pop .mc-b i{width:1.2rem;height:1.2rem}
.pop .mc input:checked+.mc-b{background:linear-gradient(90deg,#f3dcbc,#ecd2ae);border-color:#e3c69d}
.pop .mc input:checked+.mc-b i{background:#0c1b32;border-color:#0c1b32}
.pop .mc input:checked+.mc-b i::after{inset:.22rem;background:transparent;border-left:1.5px solid #fff;border-bottom:1.5px solid #fff;border-radius:0;transform:rotate(-45deg) translate(.05rem,-.08rem);bottom:.4rem}
.pop .btn-xl{margin-top:1.5rem}
.pop-l{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-top:1rem;font-size:.8125rem;color:#5b6377;text-align:left}
.pop-l .ic{font-size:1.15rem}
.pop-ok{text-align:center;padding-top:3.5rem}
.pop-okic{width:4rem;height:4rem;margin:0 auto;border-radius:50%;background:#f3dcbc;color:#0c1b32;display:flex;align-items:center;justify-content:center;font-size:2rem}
.pop-ok .btn{margin-top:1.5rem}
.pop-prog{width:44rem}
.pg-t{font-size:2.25rem!important}
.pg-br{font:italic 500 1.5rem/1.2 var(--serif);color:#a97a3c;margin-top:.5rem}
.pg-lt{font:700 1rem/1 var(--sans);margin-top:1.3rem}
.pg-l{display:grid;gap:.55rem;margin-top:.75rem}
.pg-l li{display:flex;gap:.7rem;font-size:.9375rem;line-height:1.4}
.pg-l .ic{font-size:1.15rem;color:var(--goldt2);margin-top:.15rem}
.pg-af{font:italic 500 1rem/1.4 var(--serif);margin-top:1rem;color:var(--ink2)}
.pg-n{font-size:.875rem;margin-top:.6rem;color:var(--ink2)}
.pg-f{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:1.3rem;padding-top:1.2rem;border-top:1px solid #ecdcc5}
.pg-f strong{font:500 1.75rem/1 var(--serif)}


/* ─── воздух: секции выше, отступы шире ─────────────────────────────
   --h высота экрана на макете, --k во сколько раз он вырос, --a от какой
   стороны растёт картинка. Фон и вставки растут вместе, поэтому швов нет. */
@media(min-width:1024px){
  html{font-size:clamp(12.8px,1.25vw,40px)}
  .sec{--k:1;--a:0rem;height:calc(var(--h)*var(--k))}
  .bg{left:calc(var(--a)*(1 - var(--k)));width:calc(80rem*var(--k));height:calc(var(--h)*var(--k))}
  .ol{left:calc(var(--a) + (var(--x) - var(--a))*var(--k));top:calc(var(--y)*var(--k));width:calc(var(--w)*var(--k))}

  /* фоны без фото: растягиваются по высоте */
  .dirs>.bg,.prog>.bg,.quiz>.bg,.flag>.bg,.appr>.bg,.rev>.bg,.hp-cta>.bg,.chk>.bg,.faq>.bg,.ftc>.bg,.fmts>.bg,.cfs>.bg,.how>.bg,.geo>.bg,.pths>.bg,.prin>.bg,.cti>.bg{left:0;width:100%;height:100%;object-fit:fill}

  .hh{--h:40.6875rem;--k:1.12;--a:80rem}
  .dirs{--h:42.625rem;--k:1.2}
  .about{--h:42.625rem;--k:1.16}
  .prog{--h:93.34rem;--k:1.16}
  .quiz{--h:45rem;--k:1.16}
  .flag{--h:40.875rem;--k:1.18;--a:80rem}
  .appr{--h:40.8125rem;--k:1.2;--a:80rem}
  .rev{--h:40.8125rem;--k:1.16;min-height:0}
  .hp-cta{--h:40.8125rem;--k:1.14}
  .chk{--h:40.8125rem;--k:1.16}
  .faq{--h:45rem;--k:1.14;height:auto;min-height:calc(var(--h)*var(--k))}
  .ftc{--h:12.625rem;--k:1.3}
  .ph-courses{--h:31.5rem;--k:1.16;--a:80rem}
  .fmts{--h:53.3125rem;--k:1.25}
  .ph-consult{--h:31.625rem;--k:1.16;--a:80rem}
  .cfs{--h:35.25rem;--k:1.28}
  .how{--h:33.625rem;--k:1.24}
  .ph-invest{--h:31.125rem;--k:1.18;--a:80rem}
  .geo{--h:35.25rem;--k:1.18;--a:80rem}
  .pths{--h:26.625rem;--k:1.3}
  .ph-real{--h:29.125rem;--k:1.18;--a:80rem}
  .skl{--h:35.25rem;--k:1.18;--a:80rem}
  .ph-part{--h:30.3125rem;--k:1.18;--a:80rem}
  .prin{--h:35.25rem;--k:1.22}
  .cth{--h:31.75rem;--k:1.16}
  .cti{--h:26.625rem;--k:1.26}

  /* шапка */
  .hdr-home .hdr-in{padding:0 2rem 0 2.6rem}
  .hdr-home .logo{font-size:1.36rem;padding-right:1.6rem;margin-right:1.6rem}
  .hdr-home .nav{gap:1.5rem;font-size:.76rem}
  .hdr-home .hdr-r{gap:.7rem}
  .hdr-home .langs{margin-right:.5rem}
  .hdr:not(.hdr-home) .nav{gap:1rem;margin-left:2.4rem}

  /* главный экран */
  .hh-in{padding:4.9rem 0 0 5rem}
  .hh h1{margin-top:1.5rem}
  .hh-s{margin-top:1.5rem}
  .hh .btns{margin-top:2.75rem}
  .hh-st{margin-top:2.75rem}

  /* напрямки */
  .dirs-in{padding-top:6rem}
  .dirs h2{margin-top:1.25rem!important}
  .dirs-s{margin-top:1.4rem;line-height:1.55}
  .dirs-g{margin-top:3.75rem;gap:1.75rem;grid-template-columns:21.1rem 20.6rem 21rem}
  .dc{height:21.5rem;padding:2.35rem}
  .dc h3{margin-top:1.15rem}
  .dc p{margin-top:1.1rem;line-height:1.5}
  .dc .btn{left:2.35rem;bottom:2.1rem}
  .dc:nth-child(1) .dc-img,.dc:nth-child(2) .dc-img{height:21.5rem}
  .dc:nth-child(3) .dc-img{height:16.3rem;top:.6rem}

  /* про анну */
  .about-t{padding:6.9rem 5rem 2rem 39.75rem}
  .about h2{margin-top:1.5rem;width:36rem}
  .about h3{margin-top:2.1rem}
  .about p{margin-top:.85rem;line-height:1.62;width:34.5rem}
  .about .btn{margin-top:2.25rem}

  /* программы */
  .prog-in{padding:10.2rem 0 0}
  .prog h2{margin-top:1.75rem}
  .prog-s{margin-top:1.6rem}
  .prog-g{margin-top:3.6rem!important;gap:2rem 1.9rem}
  .pc,.pc:nth-child(n+3){height:20.75rem;padding:1.75rem 2rem}
  .pc h3,.pc:nth-child(n+3) h3{margin-top:1rem}
  .pc p{margin-top:.8rem;line-height:1.38}
  .pc-m{left:2rem;bottom:5.5rem}
  .pc .btn{left:2rem;bottom:1.75rem}
  .pw{height:21rem;margin-top:2.5rem;padding:2rem 2.75rem}
  .pw h3{margin-top:1rem}
  .pw p{margin-top:1rem}
  .pw .btn{left:2.75rem;bottom:2.25rem}
  .pw-img{top:1.6rem}
  .prog-all{margin-top:3.5rem}

  /* подбор */
  .ol-quiz-anna{--k:1;top:auto;bottom:0;-webkit-mask-image:linear-gradient(90deg,#000 66%,transparent 96%),linear-gradient(180deg,transparent 0,#000 12%);mask-image:linear-gradient(90deg,#000 66%,transparent 96%),linear-gradient(180deg,transparent 0,#000 12%);-webkit-mask-composite:source-in;mask-composite:intersect}
  .quiz{height:auto;min-height:calc(var(--h)*var(--k))}
  .quiz-in{padding:8.4rem 2.3rem 3rem 18.6rem;min-height:calc(var(--h)*var(--k))}
  .quiz-l{padding-top:3.4rem;width:24rem}
  .quiz-l h2{margin-top:1.4rem;font-size:2.75rem}
  .quiz-l p{margin-top:1.35rem;line-height:1.55;width:22.6rem}
  .quiz-m{margin-top:1.1rem;width:22.6rem}
  .quiz-start{margin-top:1.4rem;height:3rem}
  .quiz-c{padding:2.5rem 2.25rem 2.75rem}
  .quiz-c h3{margin-top:1.9rem}
  .qz-o{margin-top:1.75rem;gap:.7rem}
  .qz-f{margin-top:2.25rem}
  .quiz-c.res{margin-top:-5.2rem;max-height:47.5rem;padding:2rem 2.25rem}

  /* капитал */
  .ol-flag-anna{transform:translateX(4.5rem);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%);mask-image:linear-gradient(90deg,transparent,#000 12%)}
  .flag-in{padding:5.4rem 0 0 7.2rem}
  .flag h2{margin-top:1.6rem}
  .flag-s{margin-top:1.4rem;line-height:1.45}
  .flag-f{margin-top:2.4rem}
  .flag-f ul{gap:1.05rem}
  .flag-p{margin-top:2.6rem}
  .flag-b{margin-top:2.5rem}

  /* подход */
  .ol-approach-bg{-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%);mask-image:linear-gradient(90deg,transparent,#000 18%)}
  .appr-in{padding:5rem 0 0 7.1rem}
  .appr h2{margin-top:1.4rem}
  .appr-s{margin-top:1.4rem;line-height:1.55}
  .appr-c{margin-top:3.1rem;height:13rem;padding:1.9rem 0}
  .as p{margin-top:1.35rem;line-height:1.5}
  .appr .btn{margin-top:2.4rem}

  /* отзывы */
  .rev-in{padding:5.6rem 0 3rem 5.75rem;min-height:calc(var(--h)*var(--k))}
  .rev-l{padding-top:4rem}
  .rev-l h2{margin-top:1.6rem}
  .rev-l p{margin-top:1.3rem;line-height:1.55}
  .rev-l .btn{margin-top:2.25rem}
  .rev-track{margin-top:2.25rem}
  .rc{height:21.5rem;padding:2.25rem 1.6rem 2.25rem 2.25rem}
  .rc-ph{height:17rem}
  .rc-t{padding-left:2.5rem}
  .rc-t p{margin-top:.75rem;line-height:1.45}
  .rc-a{margin-top:1.5rem;padding-top:1.1rem}
  .rev-nav{margin-top:1rem}

  /* партнёрство */
  .hp-in{padding:8rem 0 0 13rem}
  .hp-cta h2{margin-top:2.6rem}
  .hp-cta p{margin-top:2.2rem}
  .hp-cta .btn{margin-top:3.1rem}

  /* чек-лист */
  .ol-check-books{--k:1;top:8rem}
  .chk-in{padding:6.6rem 0 0 4.95rem}
  .chk h2{margin-top:1.75rem;font-size:2.42rem}
  .chk-s{margin-top:1.5rem;line-height:1.5}
  .chk .btn{margin-top:2.25rem}
  .chk-lt{margin-top:2rem}
  .chk-b{margin-top:.9rem}
  .chk-c{margin-top:1.1rem}

  /* вопросы */
  .ol-faq-building{--k:1;top:auto;bottom:0}
  .faq-in{padding:8.4rem 5.8rem 6rem 6rem;min-height:calc(var(--h)*var(--k))}
  .faq-l h2{margin-top:2rem}
  .faq-l p{margin-top:1.5rem}
  .fq summary{min-height:5.4rem}
  .fq p{padding:0 3.2rem 1.7rem 0;line-height:1.65}
  .faq-all{margin-top:3rem}

  /* футер */
  .ftc-in{padding:3.6rem 7.9rem 0 9.5rem}
  .ftc-bar{margin-bottom:1.25rem}
  .ftc-b{margin-top:5.2rem}
  .ftr-in{padding:3.6rem 0 4.2rem 9.7rem}
  .ftr-b{padding-top:0;margin:0;height:auto;min-height:8rem}
  .ftr-b p{margin-top:1rem}
  .fh{margin-bottom:1rem}
  .fc a{line-height:1.85rem}

  /* заглавные страниц */
  .phero-in{padding:7rem 0 0 4.9rem}
  .phero h1{font-size:3.3rem;line-height:1.12;margin-top:1.9rem}
  .phero p{margin-top:1.6rem;line-height:1.6}
  .ph-consult .phero-in{padding:5.6rem 0 0 4.85rem}
  .ph-consult h1{font-size:3.4rem;line-height:1.08;margin-top:1.5rem}
  .ph-consult p{margin-top:1.5rem}
  .ph-consult .btns{margin-top:2rem}
  .ph-consult .pf{margin-top:2.6rem}
  .ph-invest .phero-in{padding:5.9rem 0 0 4.65rem}
  .ph-invest h1{font-size:3rem;line-height:1.2;margin-top:1.5rem}
  .ph-invest p{margin-top:1.6rem}
  .ph-invest .btns{margin-top:2.25rem}
  .ph-invest .pf{margin-top:3rem}
  .ph-real .phero-in{padding:7.4rem 0 0 5.15rem}
  .ph-real h1{font-size:3.3rem;margin-top:1.9rem}
  .ph-real p{margin-top:1.7rem}
  .ph-part .phero-in{padding:7.2rem 0 0 4.2rem}
  .ph-part h1{font-size:3.1rem;line-height:1.22;margin-top:1.9rem}
  .ph-part p{margin-top:1.7rem}

  /* форматы курсов */
  .fmts-in{padding:5.2rem 4.3rem 3rem}
  .fmts h2{margin-top:.9rem}
  .fmts-s{margin-top:1rem;line-height:1.55}
  .fmts-g{margin-top:2.75rem;gap:1.6rem;grid-template-columns:34.85rem 34.85rem}
  .mc-c{height:14.6rem;padding:1.6rem 2rem 1.4rem}
  .mc-c:nth-child(n+3){height:15rem}
  .mc-ic{margin-top:.6rem}
  .mc-b1 h3{margin-top:.7rem}
  .mc-b1 p{margin-top:.6rem;line-height:1.4}
  .mc-f{padding-top:1rem}
  .sp-c{margin-top:2.5rem;height:13.25rem;padding:0 2rem 0 2.75rem}
  .sp-img{left:37.4rem;top:1.2rem}
  .sp-l{margin-top:-.6rem}
  .sp-l h3{margin-top:.9rem}
  .sp-l p{margin-top:.7rem}
  .sp-r{gap:1.5rem;margin-top:-.4rem}

  /* лично с Анной */
  .pers{min-height:49rem}
  .pers-in{padding:6rem 0 5rem 5rem}
  .pers h2{margin-top:1.4rem}
  .pers p{margin-top:1.4rem;line-height:1.6}
  .pers-lt{margin-top:2.1rem}
  .pers ul{margin-top:1.1rem;gap:.8rem}
  .pers-f{margin-top:2rem}
  .pers .btn{margin-top:2.25rem}

  /* консультации */
  .cfs-in{padding:4.4rem 3.4rem 0}
  .cfs h2{margin-top:.9rem}
  .cfs-s{margin-top:1.1rem}
  .cfs-g{margin-top:2.9rem;gap:1.5rem;grid-template-columns:23.7rem 22.6rem 23.7rem}
  .cf{height:22.5rem;padding:2rem 2.25rem}
  .cf-img{height:9.3rem}
  .cf h3{margin-top:1.2rem}
  .cf p{margin-top:1rem;line-height:1.55;width:19.2rem}
  .cf .btn{left:2.25rem;bottom:2.25rem}
  .how-in{padding:4.4rem 5.6rem 2rem 5.9rem}
  .how h2{margin-top:1.2rem}
  .how ol{margin-top:1.5rem}
  .how li{height:3.9rem}
  .how-n{margin-top:1.4rem}
  .lf-light{padding:2.25rem 2.5rem 2.5rem}
  .lf-light h3+input+.fld{margin-top:2.2rem}
  .lf-light .fld+.fld{margin-top:1.25rem}
  .lf-light .ml{margin:1.5rem 0 .7rem}
  .lf-light .lf-b{margin-top:1.9rem}

  /* инвесторам */
  .ol-geo-globe{--k:1.05;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%);mask-image:linear-gradient(90deg,transparent,#000 22%)}
  .geo-in{padding:6rem 0 0 3.45rem}
  .geo-h h2{margin-top:1rem}
  .geo-s{margin-top:2.75rem}
  .geo-c,.geo-c:first-child{height:16.4rem}
  .geo-i{height:8.6rem}
  .geo-b{top:8.6rem;margin-top:.5rem}
  .geo-t{top:3.3rem;padding-top:.9rem}
  .geo-n{top:22.7rem}
  .geo-d{margin-top:2.5rem}
  .pths-in{padding:4.4rem 0 0 14.1rem}
  .pths h2{margin-top:.9rem}
  .pths-g{margin-top:2.75rem;gap:1.6rem;margin-left:-.5rem}
  .pt,.pt:nth-child(2),.pt:nth-child(3){width:17.2rem;height:13.6rem;padding:1.75rem}
  .pt p{margin-top:.8rem}
  .pt .btn{left:1.75rem;bottom:1.75rem}

  /* рієлторам */
  .skl-in{padding:4.2rem 0 0 4.6rem}
  .skl h2{margin-top:1.1rem;width:33rem;font-size:2.35rem}
  .skl-s{margin-top:1.1rem;width:33rem}
  .skl-l{width:33.5rem}
  .skl ul{margin-top:1.5rem;width:30rem}
  .skl li{height:3.55rem}
  .skl-c{left:calc(80rem - 36.75rem*var(--k));top:calc(7rem*var(--k));width:calc(23.56rem*var(--k));height:calc(16.5rem*var(--k));padding:2rem 2.75rem}
  .skl-c h3{margin-top:.8rem}
  .skl-c strong{margin-top:1rem}
  .skl-c p{margin-top:.8rem}
  .skl-c .btn{margin-top:1.5rem}

  /* партнерство */
  .ol-prin-globe{--k:1;top:auto;bottom:0;-webkit-mask-image:linear-gradient(180deg,transparent,#000 24%);mask-image:linear-gradient(180deg,transparent,#000 24%)}
  .prin-in{padding:4.2rem 6.9rem 0 5.45rem}
  .prin h2{margin-top:1.2rem}
  .prin-s{margin-top:1.2rem}
  .prin ul{margin-top:1.4rem}
  .prin li{height:3.7rem}
  .prin .lf{margin-top:.6rem}
  .lf-gold{padding:2.25rem 2.5rem 2.6rem}
  .lf-gold h3+input+.fld{margin-top:2.25rem}
  .lf-gold .fld{margin-top:1.1rem}
  .lf-gold .ms{margin-top:1.5rem}
  .lf-gold .lf-b{margin-top:1.9rem}

  /* контакты */
  .cth-in{padding:3.25rem 6.3rem 0 6.1rem}
  .cth-l{padding-top:1.25rem}
  .cth h1{margin-top:1.1rem}
  .cth p{margin-top:1.4rem}
  .lf-dark{padding:2.5rem 2.75rem 2.75rem}
  .lf-dark h3+input+.fld{margin-top:2.1rem}
  .lf-dark .fld{margin-top:1rem}
  .lf-dark .ms{margin-top:1.4rem}
  .lf-dark .lf-b{margin-top:1.85rem}
  .ol-cont-anna{-webkit-mask-image:linear-gradient(270deg,transparent,#000 10%);mask-image:linear-gradient(270deg,transparent,#000 10%)}
  .cti-in{padding:2.4rem 0 0 20.4rem}
  .cti-a{width:16.6rem;height:29rem}
  .cti h2{margin-top:.9rem}
  .cti-s{margin-top:1rem}
  .cti-n{margin:1.5rem 0 0}
  .cti-r{margin:.6rem 0 0;width:15rem}
  .cti-l{margin:1.2rem 0 0}
  .cti-l li{margin-bottom:.6rem}
  .cti-b{margin-left:1.25rem}
  .cti-top{height:4.25rem}
  .cti-logo{margin-left:.5rem}
  .cti-f{margin:1.75rem 0 0 .5rem}
  .cti-o{margin:1.9rem 0 0;gap:1rem}
  .cti-o article{height:11.9rem}
  .cti-btn{margin-top:1.9rem;padding-left:0}
}

/* ─── длиннее украинского: русский и английский ─────────────────── */
@media(min-width:1024px){
  .pc h3{width:23rem}
  .flag-s{width:44rem}
  .l-ru .hh h1{font-size:2.5rem;white-space:nowrap;width:42rem}
  .l-ru .prog h2{width:46rem;font-size:3.05rem}
  .l-ru .prog-s{width:56rem;font-size:1.14rem}
  .l-ru .pc h3{font-size:1.42rem}
  .l-ru .pc p{font-size:.97rem}
  .l-ru .pw h3{font-size:2.15rem}
  .l-ru .pw p{font-size:1.06rem}
  .l-ru .quiz-l h2,.l-en .quiz-l h2{font-size:2.5rem}
  .l-ru .flag h2{font-size:3.5rem}
  .l-ru .flag-b div{width:14.6rem;font-size:.76rem}
  .l-ru .flag-b div+div{width:14.8rem}
  .l-ru .as p{font-size:.82rem}
  .l-ru .as h3{font-size:1.1rem}
  .l-ru .rev .eb,.l-en .rev .eb{white-space:nowrap;letter-spacing:.1em}
  .l-ru .rev-l h2 em{font-size:.82em}
  .l-ru .hp-cta h2{font-size:3.95rem;white-space:nowrap;margin-top:2.5rem}
  .l-ru .hp-cta p{font-size:1.32rem}
  .l-ru .chk h2{font-size:2.2rem;width:34rem}
  .l-ru .phero h1,.l-ru .ph-consult h1{font-size:2.85rem}
  .l-ru .ph-courses h1{font-size:2.6rem}
  .l-en .ph-courses h1{font-size:3rem}
  .l-ru .ph-invest h1{font-size:2.7rem}
  .l-ru .ph-invest p{width:32rem}
  .l-ru .ph-invest .btns .btn-gold{width:auto;padding:0 1.6rem}
  .l-ru .ph-consult p,.l-ru .cth p{width:30rem}
  .l-ru .ph-part h1{font-size:2.6rem}
  .l-ru .ph-real h1{font-size:3rem}
  .l-ru .prin h2,.l-en .prin h2{font-size:2.3rem}
  .l-ru .skl-c h3{font-size:1.6rem}
  .l-ru .pt p{font-size:.72rem}
  .l-ru .cti-r{letter-spacing:.11em;width:14rem}
  .l-ru .cth h1{font-size:3.3rem}
  .l-ru .cfs-g .cf p{font-size:.78rem}
  .l-ru .dc p{font-size:.84rem}
}

/* ─── телефон и планшет ─────────────────────────────────────────── */
@media(max-width:1023px){
  html{scroll-padding-top:4rem}
  br.d{display:none}
  .bg{display:none}
  .ol{position:relative;left:auto;top:auto;width:100%;display:block}
  .wrap{width:100%;padding-left:1.25rem!important;padding-right:1.25rem!important}
  .dark{background:linear-gradient(180deg,#071427,#0b1f3d)}
  .light{background:linear-gradient(180deg,#fdf8f4,#fbf3ec)}
  .sec{height:auto!important;min-height:0!important}
  h1,.phero h1,.hh h1,.cth h1{font-size:2.35rem!important;line-height:1.14!important;width:auto!important;white-space:normal!important;letter-spacing:0}
  h2,.dirs h2,.about h2,.prog h2,.quiz-l h2,.flag h2,.appr h2,.rev-l h2,.hp-cta h2,.chk h2,.faq-l h2,.fmts h2,.cfs h2,.how h2,.geo-h h2,.pths h2,.skl h2,.prin h2,.cti h2,.pers h2{font-size:2rem!important;line-height:1.16!important;width:auto!important;white-space:normal!important;letter-spacing:0;margin-left:0!important}
  em,.rev-l h2 em{white-space:normal!important}
  p,.hh-s,.dirs-s,.about p,.prog-s,.quiz-l p,.flag-s,.appr-s,.rev-l p,.hp-cta p,.chk-s,.chk-c,.faq-l p,.fmts-s,.cfs-s,.skl-s,.prin-s,.cth p,.phero p,.geo-h p,.how-n,.pers p,.cti-s{width:auto!important;margin-left:0!important;white-space:normal!important}
  .eb,.hp-cta .eb,.quiz .eb{font-size:.75rem;letter-spacing:.1em}
  .eb::after{width:2.5rem}
  .eb-c::before{width:2.5rem}
  .eb-c::after{width:2.5rem}
  .btn{height:3.25rem;padding:0 1.5rem;white-space:normal;text-align:center;line-height:1.15}

  /* шапка */
  .hdr-in,.hdr-home .hdr-in,.hdr:not(.hdr-home) .hdr-in{height:3.75rem;width:100%;padding:0 1.25rem}
  .logo,.hdr-home .logo,.hdr:not(.hdr-home) .logo{font-size:1.25rem;border:0;padding:0;margin:0;height:auto}
  .burger{display:flex;flex-direction:column;justify-content:center;gap:.33rem;width:2.5rem;height:2.5rem;margin-left:auto;align-items:flex-end}
  .burger i{display:block;width:1.5rem;height:1.5px;background:#edc68c;transition:transform .2s,opacity .2s}
  html.menu .burger i:nth-child(1){transform:translateY(.42rem) rotate(45deg)}
  html.menu .burger i:nth-child(2){opacity:0}
  html.menu .burger i:nth-child(3){transform:translateY(-.42rem) rotate(-45deg)}
  .nav,.hdr:not(.hdr-home) .nav,.hdr-home .nav{position:fixed;left:0;right:0;top:3.8rem;bottom:0;display:none;flex-direction:column;align-items:flex-start;gap:0;margin:0;padding:1rem 1.25rem 12rem;background:#07162b;font-size:1.125rem;overflow-y:auto}
  html.menu .hdr .nav,html.menu .hdr:not(.hdr-home) .nav{display:flex}
  .nav a,.nav-dd>a{display:block;width:100%;padding:.95rem 0;border-bottom:1px solid rgba(214,172,110,.2)}
  .nav a.on{background:none;color:var(--goldl);padding:.95rem 0;margin:0;border-radius:0}
  .nav-dd{display:block;width:100%}
  .nav-dd .ic,.nav-m{display:none!important}
  .hdr-r{position:fixed;left:1.25rem;right:1.25rem;bottom:1.25rem;display:none;flex-wrap:wrap;gap:.75rem;margin:0;z-index:2}
  html.menu .hdr .hdr-r{display:flex}
  .hdr .hdr-r .btn-line{color:#fff;border-color:rgba(214,172,110,.6)}
  .langs,.hdr:not(.hdr-home) .langs{width:100%;font-size:1rem;gap:1.25rem;margin:0 0 .5rem}
  .hdr-r .btn,.hdr:not(.hdr-home) .hdr-r .btn,.hdr-home .hdr-r .btn-line,.hdr-home .hdr-r .btn-gold{flex:1;height:3rem;font-size:.875rem;padding:0 .75rem}

  /* главная */
  .hh{display:flex;flex-direction:column-reverse}
  .ol-hh-photo{height:26rem;object-fit:cover;object-position:60% 0;-webkit-mask-image:linear-gradient(0deg,#000 80%,transparent);mask-image:linear-gradient(0deg,#000 80%,transparent)}
  .hh-in{padding:2rem 0 1.5rem}
  .hh h1 em{font-size:1em}
  .hh-s{margin-top:.9rem;font-size:1.0625rem;line-height:1.35}
  .btns{flex-direction:column;align-items:stretch;gap:.75rem}
  .hh .btns .btn-gold,.hh .btns .btn-line,.ph-consult .btns .btn-gold,.ph-consult .btns .btn-line,.ph-invest .btns .btn-gold,.ph-invest .btns .btn-line{width:auto;padding:0 1.5rem}
  .hh-st{padding-left:0;justify-content:center;margin-top:1.5rem}
  .hh-st div:first-child strong{margin-left:0}
  .hh-st i{margin:0 1.75rem}
  .dirs-in{padding-top:3rem;padding-bottom:3rem}
  .dirs-s{margin-top:.75rem}
  .dirs-g{grid-template-columns:1fr;margin-top:1.75rem;gap:1rem}
  .dc{height:auto;padding:1.5rem 1.5rem 1.5rem}
  .dc:nth-child(1) .dc-img,.dc:nth-child(2) .dc-img,.dc:nth-child(3) .dc-img{height:100%;top:0;opacity:.75}
  .dc p{width:68%;min-height:0}
  .dc .btn{position:relative;left:auto;bottom:auto;margin-top:1.25rem;padding:0 1.5rem}
  .about{display:flex;flex-direction:column}
  .ol-about{width:calc(100% - 2.5rem);margin:1.5rem 1.25rem 0;-webkit-mask-image:linear-gradient(180deg,#000 92%,transparent);mask-image:linear-gradient(180deg,#000 92%,transparent)}
  .about-t{padding:1.5rem 0 3rem}
  .about h2{margin-top:.9rem}
  .about .btn{width:100%}
  .prog-in{width:100%;margin:0;padding-top:3rem;padding-bottom:3rem}
  .prog .eb,.prog h2,.prog-s{margin-left:0}
  .prog-s{font-size:1rem}
  .prog-g{grid-template-columns:1fr;margin-top:1.5rem!important;gap:1rem}
  .pc,.pc:nth-child(n+3){height:auto;padding:1.25rem 1.25rem 1.25rem}
  .pc-img{height:11.5rem;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 62%),linear-gradient(0deg,transparent 0,#000 40%);mask-image:linear-gradient(90deg,transparent 0,#000 62%),linear-gradient(0deg,transparent 0,#000 40%);-webkit-mask-composite:source-in;mask-composite:intersect}
  .pc h3{width:72%}
  .pc p{width:auto}
  .pc:nth-child(n+3) h3{margin-top:.7rem}
  .pc-m{position:relative;left:auto;bottom:auto;margin-top:.9rem;flex-wrap:wrap}
  .pc .btn{position:relative;left:auto;bottom:auto;margin-top:1rem}
  .pw{height:auto;margin-top:1rem;padding:1.25rem}
  .pw-fx{display:none}
  .pw-img{position:relative;left:auto;top:auto;width:100%;margin-bottom:.75rem}
  .pw h3{font-size:1.75rem;margin-top:.7rem}
  .pw p{font-size:1rem;width:auto}
  .pw .btn{position:relative;left:auto;bottom:auto;margin-top:1rem}
  .prog-all{margin-top:1.5rem}
  .prog-all .btn{width:100%}
  .quiz{display:flex;flex-direction:column}
  .ol-quiz-anna{order:3;margin-top:-1rem;-webkit-mask-image:linear-gradient(180deg,transparent,#000 18%);mask-image:linear-gradient(180deg,transparent,#000 18%)}
  .quiz-in{flex-direction:column;padding-top:3rem;padding-bottom:1rem;min-height:0}
  .quiz-l{width:auto;padding-top:0}
  .quiz-m{margin-left:0!important;width:auto;margin-top:.9rem}
  .quiz-start{margin:1.1rem 0 0;width:100%;height:3.25rem;font-size:1rem}
  .quiz-c,.quiz-c.res{width:100%;margin-top:1.75rem;padding:1.5rem 1.25rem 1.5rem;max-height:none}
  .quiz-c h3{font-size:1.3rem}
  .flag{display:flex;flex-direction:column}
  .ol-flag-anna{order:2;-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%);mask-image:linear-gradient(180deg,transparent,#000 14%)}
  .flag-in{padding-top:3rem;padding-bottom:2rem}
  .flag-s{font-size:1.0625rem}
  .flag-f{flex-direction:column;gap:.72rem}
  .flag-f ul,.flag-f ul+ul{width:auto;border:0;padding:0}
  .flag-p{margin:1.5rem 0 0;width:100%;height:auto;flex-direction:column;align-items:flex-start;padding:1.25rem;gap:1rem}
  .flag-pl{border:0;padding:0;height:auto}
  .flag-p .btn{margin:0;width:100%;padding:0 1rem}
  .flag-b{flex-direction:column;margin:1.25rem 0 0;gap:.75rem}
  .flag-b div,.flag-b div+div{width:auto;border:0;padding:0}
  .appr{display:flex;flex-direction:column}
  .ol-approach-bg{-webkit-mask-image:linear-gradient(0deg,transparent,#000 22%);mask-image:linear-gradient(0deg,transparent,#000 22%)}
  .appr-in{padding-top:1rem;padding-bottom:3rem}
  .appr-c{grid-template-columns:1fr;margin:1.5rem 0 0;width:100%;height:auto;padding:0}
  .as,.as:first-child{padding:1.25rem;border-left:0;border-top:1px solid #ecd9bc}
  .as:first-child{border-top:0}
  .as p{white-space:normal;margin-top:.7rem}
  .appr .btn{margin:1.25rem 0 0;width:100%;padding:0 1rem}
  .rev-in{flex-direction:column;padding-top:3rem;padding-bottom:3rem;min-height:0}
  .rev-l{width:auto;padding-top:0}
  .rev-l p{margin-top:.75rem}
  .rev-l .btn{width:100%}
  .rev-r{width:100%;margin-top:1.75rem}
  .rev-tabs{padding:0;justify-content:flex-start;flex-wrap:wrap;gap:.5rem}
  .rev-tabs button{padding:0 1rem;font-size:.8125rem}
  .rev-track{margin:.75rem -1.25rem 0;padding:.75rem 1.25rem;gap:1rem}
  .rc{width:84%;height:auto;flex-direction:column;padding:1.25rem}
  .rc-ph{width:100%;height:15rem}
  .rc-t{padding:1rem 0 0}
  .rc-t p{font-size:.9375rem}
  .rev-nav{margin:.5rem auto 0}
  .hp-in{padding-top:3rem;padding-bottom:3rem}
  .hp-cta p{font-size:1.0625rem;line-height:1.4;text-align:left;margin-top:1rem}
  .hp-cta h2{margin-top:1rem}
  .hp-cta .btn{margin:1.5rem 0 0;width:100%;height:3.5rem;font-size:1rem}
  .chk{display:flex;flex-direction:column}
  .ol-check-books{order:2;width:100%}
  .chk-in{padding-top:3rem;padding-bottom:1.5rem}
  .chk-s{margin-top:.9rem}
  .chk .btn{width:100%;margin-top:1.25rem}
  .chk-b{flex-direction:column;gap:.75rem}
  .chk-b div{white-space:normal;font-size:.875rem}
  .chk-b div+div{border:0;padding:0;margin:0}
  .faq{display:flex;flex-direction:column}
  .ol-faq-building{order:2;width:70%}
  .faq-in{flex-direction:column;padding-top:3rem;padding-bottom:1.5rem;min-height:0}
  .faq-l{width:auto}
  .faq-l h2{margin-top:1rem}
  .faq-l p{font-size:1rem;line-height:1.5;margin-top:.75rem}
  .faq-r{margin-top:1.25rem;padding:0}
  .fq summary{font-size:1rem;min-height:4rem;padding:.75rem 0}
  .fq p{padding-right:0}
  .faq-all{width:100%;margin-top:1.5rem}
  .ftc-in{flex-direction:column;align-items:stretch;padding-top:2.5rem;padding-bottom:2.5rem}
  .ftc h2{font-size:1.625rem;width:auto}
  .ftc-b{flex-direction:column;margin-top:1.25rem}
  .ftc-b .btn-line,.ftc-b .btn-gold{width:100%;height:3.25rem}
  .ftr-in{flex-direction:column;padding-top:2rem;padding-bottom:2rem;min-height:0}
  .ftr-b{width:auto;height:auto;border:0;margin:0;padding:0}
  .ftr-b p{width:auto}
  .ftr-c{flex-wrap:wrap;padding:1.5rem 0 0;gap:1.5rem 0}
  .fc,.fc:nth-child(2){width:50%}

  /* заглавные */
  .phero{display:flex;flex-direction:column-reverse}
  .ol-courses-hero,.ol-consult-hero,.ol-inv-hero,.ol-real-hero,.ol-part-hero{-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%);mask-image:linear-gradient(180deg,transparent,#000 12%)}
  .phero-in,.ph-consult .phero-in,.ph-invest .phero-in,.ph-real .phero-in,.ph-part .phero-in{padding-top:2rem;padding-bottom:1rem}
  .phero h1,.ph-consult h1,.ph-invest h1,.ph-real h1,.ph-part h1{margin-top:.9rem}
  .phero p,.ph-consult p,.ph-invest p,.ph-real p,.ph-part p{font-size:1rem;line-height:1.45;margin-top:.8rem;letter-spacing:0}
  .phero .btns,.ph-consult .btns,.ph-invest .btns{margin-top:1.25rem}
  .phero .btns .btn{font-size:.9375rem;height:3.25rem}
  .pf,.ph-invest .pf{flex-direction:column;align-items:flex-start;gap:.75rem;margin-top:1.5rem}
  .pf>i{display:none}
  .ph-consult .pf div,.ph-consult .pf div:nth-of-type(n+2),.ph-invest .pf div,.ph-invest .pf div:nth-of-type(n+2){width:auto;padding:0}
  .pf div{font-size:.9375rem;white-space:normal}

  /* курсы */
  .fmts-in{padding-top:3rem;padding-bottom:3rem}
  .fmts-g{grid-template-columns:1fr}
  .mc-c,.mc-c:nth-child(n+3){height:auto;padding:1.1rem 1.1rem;grid-template-columns:3.2rem 1fr;gap:0 .9rem}
  .mc-ic{width:3.2rem;height:3.2rem;font-size:1.9rem;margin-top:0}
  .mc-f{margin-top:.9rem}
  .mc-f .btn{padding:0 1rem;height:2.75rem}
  .sp-c{flex-direction:column;align-items:stretch;height:auto;padding:1.25rem;margin-top:1rem}
  .sp-img{position:relative;left:auto;top:auto;width:60%;align-self:center;order:2}
  .sp-l{width:auto;margin:0}
  .sp-l h3{font-size:1.875rem}
  .sp-r{order:3;width:auto;border:0;padding:0;margin:.75rem 0 0;align-items:stretch;text-align:left;gap:.75rem}
  .sp-r strong{margin:0}
  .pers{display:flex;flex-direction:column}
  .pers-img{position:relative;width:100%;height:18rem;order:2;-webkit-mask-image:linear-gradient(180deg,transparent,#000 22%);mask-image:linear-gradient(180deg,transparent,#000 22%)}
  .pers-in{padding-top:3rem;padding-bottom:1rem}
  .pers-t{width:auto}
  .pers-f{flex-direction:column;align-items:flex-start;gap:.6rem}
  .pers .btn{width:100%}

  /* консультации */
  .cfs-in{padding-top:3rem;padding-bottom:3rem}
  .cfs-g{grid-template-columns:1fr;margin-top:1.5rem}
  .cf{height:auto;padding:1.25rem}
  .cf p{width:auto;margin-bottom:1rem}
  .cf h3{width:60%}
  .cf-img{height:7rem}
  .cf .btn{position:relative;left:auto;bottom:auto}
  .how-in{flex-direction:column;padding-top:3rem;padding-bottom:3rem;gap:2rem}
  .how-l,.how ol{width:auto}
  .how li{height:auto;min-height:3.32rem;padding:.6rem 0}
  .lf,.lf-gold,.lf-dark{width:100%;padding:1.5rem 1.25rem}
  .lf-light h3+input+.fld,.lf-gold h3+input+.fld,.lf-dark h3+input+.fld{margin-top:1.25rem}
  .ms,.pop .ms{gap:.6rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .mc-b,.lf-dark .mc-b{padding:0 .6rem;gap:.4rem;font-size:.8125rem}
  .mc-b .ic{font-size:1.3rem}
  .mc-b i{width:.9rem;height:.9rem;flex:none}
  .ip input{font-size:1rem}

  /* инвесторам */
  .ol-geo-globe{display:none}
  .geo-in{padding-top:3rem;padding-bottom:2.5rem;padding-right:0!important}
  .geo-h{flex-direction:column;align-items:flex-start;padding:0 1.25rem 0 0}
  .geo-h i{display:none}
  .geo-h p{font-size:.9375rem;margin-top:.75rem}
  .geo-s{margin-top:1.5rem;gap:.75rem}
  .geo-c,.geo-c:first-child{width:15rem;height:17.5rem}
  .geo-i{height:9.5rem}
  .geo-b{top:9.5rem}
  .geo-b h3{font-size:1.5rem}
  .geo-t p{font-size:.8125rem}
  .geo-t{top:3.4rem}
  .geo-n,.geo-d{display:none}
  .pths-in{padding-top:3rem;padding-bottom:3rem}
  .pths-g{flex-direction:column;margin:1.25rem 0 0}
  .pt,.pt:nth-child(2),.pt:nth-child(3){width:100%;height:auto;padding:1.25rem}
  .pt h3{font-size:1.25rem;white-space:normal}
  .pt p{font-size:.9375rem;white-space:normal}
  .pt .btn{position:relative;left:auto;bottom:auto;margin-top:1rem}

  /* рієлторам */
  .skl{display:flex;flex-direction:column}
  .ol-real-bg{display:none}
  .skl-in{flex-direction:column;padding-top:3rem;padding-bottom:1.5rem}
  .skl-l,.skl ul{width:auto}
  .skl li{height:auto;min-height:3rem;padding:.4rem 0;gap:1rem}
  .skl-c{position:relative;left:auto;top:auto;width:100%;height:auto;margin-top:1.5rem;padding:1.5rem 1.25rem}

  /* партнерство */
  .prin{display:flex;flex-direction:column}
  .ol-prin-globe{order:2;width:80%;align-self:center}
  .prin-in{flex-direction:column;padding-top:3rem;padding-bottom:1.5rem;gap:1.75rem}
  .prin-l,.prin ul{width:auto}
  .prin li{height:auto;min-height:3.15rem;padding:.4rem 0;gap:1rem;font-size:1rem}
  .prin .lf{margin-top:0}

  /* контакты */
  .cth{display:flex;flex-direction:column}
  .ol-cont-hero{order:2}
  .cth-in{flex-direction:column;padding-top:2rem;padding-bottom:1rem;gap:1.5rem}
  .cth-l{width:auto}
  .cth h1{margin-top:.75rem}
  .cti{display:flex;flex-direction:column}
  .ol-cont-anna{order:3;width:62%;align-self:center;-webkit-mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent),linear-gradient(180deg,transparent,#000 10%);mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent),linear-gradient(180deg,transparent,#000 10%);-webkit-mask-composite:source-in;mask-composite:intersect}
  .cti-in{flex-direction:column;padding-top:2.5rem;padding-bottom:1rem}
  .cti-a{width:auto;height:auto;border:0}
  .cti-s{font-size:.9375rem}
  .cti-n{font-size:1.625rem;margin:1rem 0 0}
  .cti-r{margin:.4rem 0 0;font-size:.75rem;width:auto}
  .cti-l{margin:.9rem 0 0}
  .cti-l li{font-size:1rem}
  .cti-b{width:auto;margin:1.75rem 0 0}
  .cti-top{flex-direction:column;align-items:flex-start;height:auto;gap:.9rem}
  .cti-logo{margin:0;width:13rem}
  .cti-top p{margin:0;padding:0;border:0;width:auto;font-size:.9375rem}
  .cti-f{flex-wrap:wrap;margin:1rem 0 0;gap:.75rem 0}
  .cti-f div,.cti-f div:last-child{width:50%;margin:0;white-space:normal}
  .cti-f span{width:auto;min-width:0}
  .cti-o{flex-direction:column;margin:1.25rem 0 0;gap:.75rem}
  .cti-o article{width:100%;height:13rem}
  .cti-o p{font-size:.875rem}
  .cti-btn{padding:0}
  .cti-btn .btn{width:100%}

  /* воздух на телефоне */
  .dirs-in,.prog-in,.appr-in,.rev-in,.hp-in,.fmts-in,.cfs-in,.how-in,.pths-in,.ftc-in{padding-top:4.5rem!important;padding-bottom:4.5rem!important}
  .quiz-in,.flag-in,.chk-in,.faq-in,.skl-in,.prin-in,.cti-in,.pers-in,.cth-in,.geo-in{padding-top:4.5rem!important;padding-bottom:3rem!important}
  .hh-in{padding-top:3rem!important;padding-bottom:2.5rem!important}
  .phero-in,.ph-consult .phero-in,.ph-invest .phero-in,.ph-real .phero-in,.ph-part .phero-in{padding-top:3rem!important;padding-bottom:2rem!important}
  .about-t{padding:2.5rem 0 4.5rem}
  h1,h2,.hh h1,.phero h1,.about h2,.prog h2,.quiz-l h2,.flag h2,.appr h2,.rev-l h2,.hp-cta h2,.chk h2,.faq-l h2,.fmts h2,.cfs h2,.how h2,.geo-h h2,.pths h2,.skl h2,.prin h2,.cth h1,.cti h2,.pers h2,.dirs h2{margin-top:1.25rem!important}
  .hh-s,.dirs-s,.prog-s,.quiz-l p,.flag-s,.appr-s,.rev-l p,.hp-cta p,.chk-s,.faq-l p,.fmts-s,.cfs-s,.skl-s,.prin-s,.cth p,.phero p,.geo-h p,.pers p,.how-n{margin-top:1.25rem!important;line-height:1.6!important}
  .about h3{margin-top:1.75rem}
  .about p{margin-top:.9rem;line-height:1.62}
  .btns,.about .btn,.rev-l .btn,.hp-cta .btn,.chk .btn,.pers .btn,.quiz-start,.appr .btn{margin-top:2rem}
  .dirs-g,.prog-g,.fmts-g,.cfs-g{margin-top:2.5rem!important;gap:1.5rem}
  .dc{padding:2rem 1.75rem}
  .dc h3{margin-top:1rem}
  .dc p{margin-top:.9rem;line-height:1.5}
  .dc .btn{margin-top:1.75rem}
  .pc,.pc:nth-child(n+3){padding:1.75rem}
  .pc h3,.pc:nth-child(n+3) h3{margin-top:.9rem}
  .pc-m{margin-top:1.25rem}
  .pc .btn{margin-top:1.5rem}
  .pw{padding:1.75rem;margin-top:1.5rem}
  .pw .btn{margin-top:1.5rem}
  .prog-all{margin-top:2.5rem}
  .quiz-c,.quiz-c.res{padding:2rem 1.5rem;margin-top:2.5rem}
  .qz-o{margin-top:1.5rem;gap:.7rem}
  .qz-f{margin-top:2rem}
  .flag-f{margin-top:2rem;gap:1rem}
  .flag-f ul{gap:1rem}
  .flag-p{margin-top:2.25rem;padding:1.75rem}
  .flag-b{margin-top:2rem;gap:1rem}
  .appr-c{margin-top:2.5rem}
  .as,.as:first-child{padding:1.75rem}
  .as p{margin-top:.9rem}
  .rev-r{margin-top:2.5rem}
  .rc{padding:1.5rem}
  .rc-t p{margin-top:.75rem}
  .rc-a{margin-top:1.25rem}
  .chk-lt{margin-top:2rem}
  .chk-b{margin-top:1rem;gap:1rem}
  .chk-c{margin-top:1.25rem}
  .faq-r{margin-top:2rem}
  .fq summary{min-height:4.75rem;padding:1rem 0}
  .fq p{padding-bottom:1.5rem;line-height:1.6}
  .faq-all{margin-top:2.25rem}
  .ftc-b{margin-top:2rem;gap:.9rem}
  .ftr-in{padding-top:3rem!important;padding-bottom:3rem!important}
  .ftr-c{padding-top:2.25rem;gap:2.25rem 0}
  .fh{margin-bottom:1rem}
  .fc a{line-height:1.9rem}
  .mc-c,.mc-c:nth-child(n+3){padding:1.5rem}
  .mc-f{margin-top:1.25rem;padding-top:1rem}
  .sp-c{padding:1.75rem;margin-top:1.5rem}
  .sp-r{margin-top:1.25rem}
  .pers ul{margin-top:1.1rem;gap:.8rem}
  .pers-f{margin-top:1.75rem}
  .cf{padding:1.75rem}
  .cf p{margin-top:.9rem;margin-bottom:1.5rem}
  .how-in{gap:3rem}
  .how li{min-height:3.75rem;padding:.8rem 0}
  .lf,.lf-gold,.lf-dark,.lf-light{padding:2rem 1.5rem}
  .lf .fld{margin-top:1rem}
  .lf-b{margin-top:1.75rem}
  .geo-s{margin-top:2rem}
  .pths-g{margin-top:2rem;gap:1.25rem}
  .pt,.pt:nth-child(2),.pt:nth-child(3){padding:1.75rem}
  .pt .btn{margin-top:1.5rem}
  .skl ul{margin-top:1.25rem}
  .skl-c{margin-top:2.25rem;padding:2rem 1.5rem}
  .prin-in{gap:2.5rem}
  .prin ul{margin-top:1.25rem}
  .cth-in{gap:2.25rem}
  .cti-b{margin-top:2.5rem}
  .cti-f{margin-top:1.5rem;gap:1rem 0}
  .cti-o{margin-top:1.75rem;gap:1rem}
  .cti-btn{margin-top:1.75rem}
  .pf,.ph-invest .pf{margin-top:2rem;gap:1rem}

  /* окна */
  .ov{padding:.75rem;align-items:flex-end}
  .pop,.pop-prog{width:100%;border-radius:1.4rem;max-height:calc(100dvh - 1.5rem)}
  .pop-tl{width:11rem}
  .pop-br{width:12rem}
  .pop-b{padding:2.25rem 1.25rem 1.5rem}
  .x{right:.85rem;top:.85rem}
  .pop h2{font-size:2rem;padding-right:2.25rem}
  .pop .eb{font-size:.72rem;letter-spacing:.12em;padding-right:2.5rem}
  .pop .mc-b{padding:0 .75rem;gap:.5rem;font-size:.9375rem}
  .pop .ip{padding:0 1rem}
  .pg-t{font-size:1.75rem!important}
  .pg-f{flex-direction:column;align-items:stretch}
}
@media(min-width:640px) and (max-width:1023px){
  .dirs-g,.prog-g,.fmts-g,.cfs-g{grid-template-columns:1fr 1fr}
  .wrap{padding-left:2.5rem!important;padding-right:2.5rem!important}
}
/* ── Движение. Пока демо: включается ссылкой с ?motion, номер эффекта в классе .mN на html ── */
@keyframes mo-up{from{opacity:0;translate:0 1.4rem}}
@keyframes mo-card{from{opacity:0;translate:0 2.4rem;scale:.97}}
@keyframes mo-card2{from{opacity:0;translate:0 1.6rem;scale:.97}}
@keyframes mo-fade{from{opacity:0}}
@keyframes mo-out{to{opacity:0}}
@keyframes mo-eb{from{opacity:0;translate:-.8rem 0}}
@keyframes mo-line{from{scale:0 1}}
@keyframes mo-dv{from{scale:1 0}}
@keyframes mo-word{from{translate:0 140%}}
@keyframes mo-hero{from{opacity:0;translate:0 1.6rem;filter:blur(.35rem)}}
@keyframes mo-icdraw{0%{opacity:0;stroke-dasharray:1 1;stroke-dashoffset:1}10%{opacity:1}99.9%{stroke-dasharray:1 1;stroke-dashoffset:0}100%{stroke-dasharray:none;stroke-dashoffset:0}}
@keyframes mo-svldraw{0%{stroke-dasharray:1 1;stroke-dashoffset:1}99.9%{stroke-dasharray:1 1;stroke-dashoffset:0}100%{stroke-dasharray:none;stroke-dashoffset:0}}
@keyframes mo-img{from{clip-path:inset(100% 0 0 0);scale:1.14}to{clip-path:inset(0 0 0 0);scale:1}}
@keyframes mo-pop{from{opacity:0;scale:.6}}
@keyframes mo-light{from{opacity:.92}}
@keyframes mo-push{from{scale:calc(var(--s0,1) + .08)}}
@keyframes mo-breathe{to{scale:calc(var(--s0,1) + .045)}}
@keyframes mo-veil{from{opacity:.75}}
@keyframes mo-settle{from{scale:1.07}}
@keyframes mo-fromR{from{opacity:0;translate:5rem 0}}
@keyframes mo-fromL{from{opacity:0;translate:-5rem 0}}
@keyframes mo-curtain{from{clip-path:inset(0 0 0 100%);scale:1.12}to{clip-path:inset(0 0 0 0);scale:1}}
@keyframes mo-books{from{opacity:0;translate:4rem 1.5rem;rotate:3deg}}
@keyframes mo-globe{from{opacity:0;translate:2rem -1rem;scale:.9}}
@keyframes mo-rise{from{opacity:0;translate:0 5rem}}
@keyframes mo-float{50%{translate:0 -.6rem}}
@keyframes mo-diag{from{opacity:0;translate:-4rem 2rem}}

/* слова в заголовках: рамка у каждого слова, слово выезжает снизу */
.mo :is(h1,h2).sp .w{display:inline-block;clip-path:inset(-.12em -.2em -.28em -.1em)}
.mo :is(h1,h2).sp .w>span{display:inline-block}
.mo :is(h1,h2).wd .w{clip-path:none}

/* 1–5. Первый экран */
.mo :is(.hh,.phero,.cth)>.wrap{z-index:2}
.mo.m1 :is(.hh-in,.phero-in,.cth-l)>*,.mo.m1 .cth-in>.lf{animation:mo-hero 1.15s cubic-bezier(.2,.7,.2,1) .15s backwards}
.mo.m1 :is(.hh-in,.phero-in,.cth-l)>:nth-child(2){animation-delay:.27s}
.mo.m1 :is(.hh-in,.phero-in,.cth-l)>:nth-child(3){animation-delay:.39s}
.mo.m1 :is(.hh-in,.phero-in,.cth-l)>:nth-child(4){animation-delay:.51s}
.mo.m1 :is(.hh-in,.phero-in,.cth-l)>:nth-child(5){animation-delay:.63s}
.mo.m1 :is(.hh-in,.phero-in,.cth-l)>:nth-child(6){animation-delay:.75s}
.mo.m1 .cth-in>.lf{animation-delay:.55s}
.mo.m2 :is(.hh,.phero,.cth) h1{animation:none}
.mo.m2 :is(.hh,.phero,.cth) h1:not(.sp){opacity:0}
.mo.m2 :is(.hh,.phero,.cth) h1.sp .w>span{animation:mo-word 1.05s cubic-bezier(.2,.75,.2,1) backwards;animation-delay:calc(.25s + var(--wi,0)*.055s)}
.mo.m3 :is(.hh,.phero,.cth)::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:#040d1d;opacity:0;animation:mo-light 2.6s cubic-bezier(.35,0,.25,1) .05s backwards}
.mo.m9 :is(.hh,.phero,.cth) .eb::after{transform-origin:0 50%;animation:mo-line 1.4s cubic-bezier(.65,0,.25,1) .55s backwards}
.mo.m14 .phero .pf .ic{animation:mo-icdraw 1.6s cubic-bezier(.65,0,.25,1) 1s backwards}
.mo.m15 :is(.hh-st,.pf)>i{animation:mo-dv 1s cubic-bezier(.65,0,.25,1) 1s backwards}
@media(min-width:1024px){
  /* фон и фото первого экрана двигаются вместе, вокруг центра экрана, поэтому не расходятся */
  .mo:is(.m18,.m20) :is(.hh,.phero,.cth)>:is(.bg,.ol){translate:var(--mx,0px) calc(var(--hy,0px) + var(--my,0px))}
  .mo.m20 :is(.hh,.phero,.cth)>:is(.bg,.ol){--s0:1.035;scale:var(--s0)}
  .mo :is(.hh,.phero,.cth)>.bg{transform-origin:calc(40rem - var(--a)*(1 - var(--k))) calc(var(--h)*var(--k)/2)}
  .mo :is(.hh,.phero,.cth)>.ol{transform-origin:calc(40rem - var(--a) - (var(--x) - var(--a))*var(--k)) calc(var(--h)*var(--k)/2 - var(--y)*var(--k))}
  .mo.m3 :is(.hh,.phero,.cth)>:is(.bg,.ol){animation:mo-push 2.8s cubic-bezier(.2,.6,.2,1) backwards}
  .mo.m5 :is(.hh,.phero,.cth)>:is(.bg,.ol){animation:mo-breathe 18s ease-in-out infinite alternate}
  .mo.m3.m5 :is(.hh,.phero,.cth)>:is(.bg,.ol){animation:mo-push 2.8s cubic-bezier(.2,.6,.2,1) backwards,mo-breathe 18s ease-in-out 2.8s infinite alternate}
}

/* 6–8. Шапка */
.mo.m6 .hdr{transition:translate .45s cubic-bezier(.2,.7,.2,1),background-color .35s,box-shadow .35s}
.mo.m6 .hdr.hdr-up{translate:0 -101%}
.mo.m6 .hdr.hdr-s{background-color:rgba(7,22,43,.8);-webkit-backdrop-filter:blur(14px) saturate(1.25);backdrop-filter:blur(14px) saturate(1.25);box-shadow:0 .6rem 1.8rem rgba(0,0,0,.28)}
.mo.m6.menu .hdr{translate:none;-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#07162b}
.mo-prog{position:fixed;left:0;right:0;top:0;height:2px;z-index:45;pointer-events:none}
.mo-prog i{display:block;height:100%;background:linear-gradient(90deg,#c99a5c,#f3d6a4 60%,#e7c086);transform-origin:0 50%;transform:scaleX(0);box-shadow:0 0 .6rem rgba(237,198,140,.7)}
@media(min-width:1024px){
  .mo.m8 .nav>a:not(.on),.mo.m8 .nav-dd>a{background:linear-gradient(var(--goldl),var(--goldl)) 0 calc(100% - .3rem)/0 1px no-repeat;transition:background-size .45s cubic-bezier(.2,.7,.2,1),color .2s}
  .mo.m8 .nav>a:not(.on):hover,.mo.m8 .nav-dd:hover>a{background-size:100% 1px}
  .mo.m8 .nav-dd>a .ic{transition:rotate .35s cubic-bezier(.2,.7,.2,1)}
  .mo.m8 .nav-dd:hover>a .ic{rotate:180deg}
  .mo.m8 .nav-m{display:flex;opacity:0;visibility:hidden;translate:0 .7rem;transition:opacity .3s,translate .4s cubic-bezier(.2,.7,.2,1),visibility 0s .4s}
  .mo.m8 .nav-dd:hover .nav-m,.mo.m8 .nav-dd:focus-within .nav-m{opacity:1;visibility:visible;translate:0 0;transition:opacity .3s,translate .4s cubic-bezier(.2,.7,.2,1),visibility 0s}
}

/* 9–17. Появление при прокрутке */
.mo.m9 .eb::after{transform-origin:0 50%}
.mo.m9 .eb-c::before{transform-origin:100% 50%}
.mo.m9 [data-r=eb]:not(.in){opacity:0}
.mo.m9 [data-r=eb]:not(.in)::after,.mo.m9 [data-r=eb]:not(.in)::before{scale:0 1}
.mo.m9 [data-r=eb].in:not(.rd){animation:mo-eb .9s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:calc(var(--ri,0)*.08s)}
.mo.m9 [data-r=eb].in::after,.mo.m9 [data-r=eb].in::before{animation:mo-line 1.3s cubic-bezier(.65,0,.25,1) backwards;animation-delay:calc(var(--ri,0)*.08s + .25s)}
.mo.m10 [data-r=h]:not(.in) .w>span{translate:0 140%}
.mo.m10 [data-r=h].in .w>span{animation:mo-word 1s cubic-bezier(.2,.75,.2,1) backwards;animation-delay:calc(var(--ri,0)*.08s + var(--wi,0)*.045s)}
.mo.m11 [data-r=up]:not(.in){opacity:0}
.mo.m11 [data-r=up].in:not(.rd){animation:mo-up .95s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:calc(var(--ri,0)*.08s)}
.mo.m12 :is([data-r=card],[data-r=item]):not(.in){opacity:0}
.mo.m12 [data-r=card].in:not(.rd){animation:mo-card 1.05s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:calc(var(--ri,0)*.09s)}
.mo.m12 [data-r=item].in:not(.rd){animation:mo-up .85s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:calc(var(--ri,0)*.07s + .1s)}
.mo.m12 .flag-f>ul+ul{transition:border-left-color .8s ease .25s}
.mo.m12 .flag-f:not(:has(li.in))>ul+ul{border-left-color:transparent}
.mo.m13 [data-r=img]:not(.in){clip-path:inset(100% 0 0 0)}
.mo.m13 [data-r=img].in:not(.rd){animation:mo-img 1.5s cubic-bezier(.65,0,.25,1) backwards;animation-delay:calc(var(--ri,0)*.09s + .12s)}
.mo.m14 [data-r=ic]:not(.in){opacity:0}
.mo.m14 [data-r=ic].in:not(.rd){animation:mo-icdraw 1.5s cubic-bezier(.65,0,.25,1) backwards;animation-delay:calc(var(--ri,0)*.09s + .3s)}
.mo.m14 [data-r=icf]:not(.in){opacity:0;scale:.6}
.mo.m14 [data-r=icf].in:not(.rd){animation:mo-pop .7s cubic-bezier(.2,.8,.2,1.3) backwards;animation-delay:calc(var(--ri,0)*.09s + .3s)}
.mo.m15 [data-r=dv]:not(.in){scale:1 0}
.mo.m15 [data-r=dv].in:not(.rd){animation:mo-dv 1s cubic-bezier(.65,0,.25,1) backwards;animation-delay:calc(var(--ri,0)*.09s + .35s)}
.mo.m15 [data-r=dh]{transform-origin:0 50%}
.mo.m15 [data-r=dh]:not(.in){scale:0 1}
.mo.m15 [data-r=dh].in:not(.rd){animation:mo-line 1.2s cubic-bezier(.65,0,.25,1) .15s backwards}
.mo.m15 [data-r=svl]:not(.in){stroke-dasharray:1 1;stroke-dashoffset:1}
.mo.m15 [data-r=svl].in:not(.rd){animation:mo-svldraw 2.2s cubic-bezier(.65,0,.25,1) .5s backwards}
.mo.m15 .flag-p:not(.in)::after{opacity:0;translate:-4rem 2rem}
.mo.m15 .flag-p.in::after{animation:mo-diag 1.8s cubic-bezier(.2,.7,.2,1) .6s backwards}
.mo.m16 :is(.about,.appr,.skl,.cti)>.wrap{z-index:2}
.mo.m16 :is(.about,.appr,.skl,.cti)::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:#fbf4ee;opacity:0}
.mo.m16 :is(.about,.appr,.skl,.cti):not(.in)::before{opacity:.75}
.mo.m16 :is(.about,.appr,.skl,.cti).in::before{animation:mo-veil 1.9s cubic-bezier(.4,0,.2,1) backwards}
.mo.m16 .flag:not(.in) .ol-flag-anna,.mo.m16 .quiz:not(.in) .ol-quiz-anna{opacity:0}
.mo.m16 .flag.in .ol-flag-anna{animation:mo-fromR 1.9s cubic-bezier(.2,.7,.2,1) .15s backwards}
.mo.m16 .quiz.in .ol-quiz-anna{animation:mo-fromL 1.9s cubic-bezier(.2,.7,.2,1) .15s backwards}
.mo.m16 .pers:not(.in) .pers-img{clip-path:inset(0 0 0 100%)}
.mo.m16 .pers.in .pers-img{animation:mo-curtain 1.8s cubic-bezier(.65,0,.25,1) .1s backwards}
@media(min-width:1024px){
  .mo .sec>.bg{transform-origin:calc(40rem - var(--a)*(1 - var(--k))) calc(var(--h)*var(--k)/2)}
  .mo :is(.dirs,.prog,.quiz,.flag,.appr,.rev,.hp-cta,.chk,.faq,.ftc,.fmts,.cfs,.how,.geo,.pths,.prin,.cti)>.bg{transform-origin:50% 50%}
  .mo :is(.about,.appr,.skl,.cti)>.ol{transform-origin:calc(40rem - var(--a) - (var(--x) - var(--a))*var(--k)) calc(var(--h)*var(--k)/2 - var(--y)*var(--k))}
  .mo.m16 :is(.about,.appr,.skl,.cti):not(.in)>:is(.bg,.ol){scale:1.07}
  .mo.m16 :is(.about,.appr,.skl,.cti).in>:is(.bg,.ol){animation:mo-settle 2.4s cubic-bezier(.2,.6,.2,1) backwards}
}

/* 18–21. Глубина */
@media(min-width:1024px){
  .mo.m18 :is(.dirs,.prog,.quiz,.flag,.rev,.hp-cta,.chk,.faq,.ftc,.fmts,.cfs,.how,.geo,.pths,.prin)>.bg{scale:1.12;translate:0 var(--py,0px)}
}
.mo.m19 .chk:not(.in) .ol-check-books,.mo.m19 .geo:not(.in) .ol-geo-globe,.mo.m19 .faq:not(.in) .ol-faq-building,.mo.m19 .prin:not(.in) .ol-prin-globe{opacity:0}
.mo.m19 .chk.in .ol-check-books{animation:mo-books 1.8s cubic-bezier(.2,.7,.2,1) .1s backwards,mo-float 7s ease-in-out 1.9s infinite}
.mo.m19 .geo.in .ol-geo-globe{animation:mo-globe 2s cubic-bezier(.2,.7,.2,1) .2s backwards,mo-float 8s ease-in-out 2.2s infinite}
.mo.m19 :is(.faq,.prin).in :is(.ol-faq-building,.ol-prin-globe){animation:mo-rise 2s cubic-bezier(.2,.7,.2,1) .2s backwards}

/* 22–25. Свет и золото */
.fx{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.mo :is(.dirs,.quiz,.rev,.hp-cta,.ftc,.geo,.pers)>.wrap{z-index:2}
/* положение задаётся слабым правилом: кнопки, которые уже где-то закреплены, остаются на месте */
:where(.mo.m22 .btn-gold){position:relative}
.mo.m22 .btn-gold{overflow:hidden;isolation:isolate}
.mo.m22 .btn-gold::after{content:"";position:absolute;top:-10%;bottom:-10%;left:-60%;width:45%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.7) 50%,rgba(255,255,255,0));transform:skewX(-18deg);pointer-events:none}
.mo.m22 .btn-gold:hover::after{animation:mo-shine .85s cubic-bezier(.4,0,.2,1)}
.mo.m22 :is(.hh .btns,.phero .btns,.flag-p,.hp-in,.ftc-b) .btn-gold::after{animation:mo-shine-loop 7s cubic-bezier(.4,0,.2,1) 2.4s infinite}
@keyframes mo-shine{to{translate:420% 0}}
@keyframes mo-shine-loop{0%{translate:0 0}14%,100%{translate:420% 0}}
.mo.m23 .fx-sw{position:absolute;top:-35%;bottom:-35%;left:0;width:38%;background:linear-gradient(90deg,rgba(255,224,180,0),rgba(255,228,190,.55) 50%,rgba(255,224,180,0));mix-blend-mode:overlay;rotate:12deg;translate:-140% 0;animation:mo-sweep 11s cubic-bezier(.45,0,.3,1) infinite}
@keyframes mo-sweep{0%{translate:-140% 0}36%,100%{translate:320% 0}}
.mo.m24 .fx-gl{position:absolute;left:var(--gx0,20%);top:var(--gy0,20%);width:56rem;height:56rem;margin:-28rem 0 0 -28rem;border-radius:50%;background:radial-gradient(closest-side,rgba(255,196,122,.2),rgba(255,196,122,.07) 55%,rgba(255,196,122,0));mix-blend-mode:screen;animation:mo-glow 26s ease-in-out infinite alternate}
@keyframes mo-glow{0%{translate:-6rem -2rem;scale:.9;opacity:.65}50%{opacity:1}100%{translate:18rem 6rem;scale:1.2;opacity:.8}}
.mo.m24 .glow:not(.rc)::before{animation:mo-gp 4.5s ease-in-out infinite alternate}
@keyframes mo-gp{to{opacity:.45}}
.mo.m24 .dirs-g .dc{animation:mo-gs 5s ease-in-out infinite alternate}
@keyframes mo-gs{to{box-shadow:.5rem .5rem 2.2rem -.2rem rgba(255,214,160,.9)}}
.mo.m25 .fx-pt{position:absolute;inset:0;width:100%;height:100%}

/* 26–29. Наведение */
.mo.m26 .btn{transition:filter .25s,transform .4s cubic-bezier(.2,.7,.2,1),background .25s,box-shadow .4s}
.mo.m26 .btn:hover{transform:translateY(-2px)}
.mo.m26 .btn-gold:hover{box-shadow:0 .8rem 1.8rem rgba(214,170,106,.42)}
.mo.m26 .btn-dark:hover{box-shadow:0 .8rem 1.8rem rgba(10,24,48,.4)}
.mo.m26 .btn:active{transform:translateY(0) scale(.97);transition-duration:.12s}
.mo.m26 .btn:hover .b-a .ic{animation:mo-arr .6s cubic-bezier(.5,0,.2,1)}
.mo.m26 .btn:hover .b-u .ic{animation-name:mo-arru}
@keyframes mo-arr{45%{translate:.8em 0;opacity:0}46%{translate:-.8em 0;opacity:0}100%{translate:0 0;opacity:1}}
@keyframes mo-arru{45%{translate:.6em -.6em;opacity:0}46%{translate:-.6em .6em;opacity:0}100%{translate:0 0;opacity:1}}
.mo.m27 :is(.dc,.pc,.pw,.mc-c,.sp-c,.cf,.pt,.geo-c,.skl-c,.cti-o article){transition:translate .55s cubic-bezier(.2,.7,.2,1),box-shadow .55s,border-color .4s}
.mo.m27 :is(.pc,.pw,.mc-c,.sp-c,.cf,.pt):hover{translate:0 -.4rem;box-shadow:0 1.3rem 2.6rem rgba(150,110,60,.17)}
.mo.m27 .skl-c:hover{translate:0 -.4rem;box-shadow:0 0 0 1.5px #eccb94,0 1.3rem 2.6rem rgba(150,110,60,.17)}
.mo.m27 .dc:hover{translate:0 -.4rem;box-shadow:.5rem .9rem 2.2rem -.4rem rgba(255,214,160,.75)}
.mo.m27 .geo-c:hover{translate:0 -.35rem;border-color:#e7c086;box-shadow:0 1rem 2rem rgba(0,0,0,.35)}
.mo.m27 .cti-o article:hover{translate:0 -.3rem;box-shadow:0 1rem 2rem rgba(60,38,20,.25)}
.mo.m27 :is(.dc-img,.pc-img,.pw-img,.sp-img,.cf-img,.geo-i,.cti-o img,.rc-ph img){transition:scale 1.2s cubic-bezier(.2,.7,.2,1)}
.mo.m27 :is(.dc,.pc,.pw,.sp-c,.cf,.geo-c,.cti-o article,.rc):hover :is(.dc-img,.pc-img,.pw-img,.sp-img,.cf-img,.geo-i,img){scale:1.06}
.mo.m21 .tilt{transition:transform .7s cubic-bezier(.2,.7,.2,1),translate .55s cubic-bezier(.2,.7,.2,1),box-shadow .55s,border-color .4s}
.mo.m21 .tilt.tilting{transition:transform .15s linear,translate .55s cubic-bezier(.2,.7,.2,1),box-shadow .55s,border-color .4s}
.mo.m21 .tilt-g{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:4;background:radial-gradient(22rem circle at var(--gx,50%) var(--gy,50%),rgba(255,240,215,.45),rgba(255,240,215,0) 60%);mix-blend-mode:soft-light;opacity:0;transition:opacity .45s}
.mo.m21 .tilt:hover .tilt-g{opacity:1}
.mo.m28 .btn.mag{transition:filter .25s,transform .4s cubic-bezier(.2,.7,.2,1),background .25s,box-shadow .4s,translate .45s cubic-bezier(.2,.7,.2,1)}
.mo.m29 .fc a{align-self:flex-start;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .45s cubic-bezier(.2,.7,.2,1),color .2s}
.mo.m29 .fc a:hover{background-size:100% 1px}
.mo.m29 .fq p a{text-decoration:none;background:linear-gradient(currentColor,currentColor) 100% 100%/100% 1px no-repeat;transition:background-size .45s cubic-bezier(.2,.7,.2,1)}
.mo.m29 .fq p a:hover{background-size:0 1px}

/* 30–36. Элементы */
.mo.m30 :is(.qz-go,.qz-back)>:not(.qz-o){animation:mo-qz .6s cubic-bezier(.2,.7,.2,1) backwards}
.mo.m30 .qz-back>:not(.qz-o){animation-name:mo-qzb}
.mo.m30 :is(.qz-go,.qz-back)>:nth-child(2){animation-delay:.04s}
.mo.m30 :is(.qz-go,.qz-back)>:nth-child(3){animation-delay:.08s}
.mo.m30 :is(.qz-go,.qz-back)>:nth-child(4){animation-delay:.12s}
.mo.m30 :is(.qz-go,.qz-back)>:nth-child(5){animation-delay:.16s}
.mo.m30 :is(.qz-go,.qz-back) .qz-a{animation:mo-up .5s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:calc(.12s + var(--qi,0)*.06s)}
.mo.m30 .res.qz-go .qz-r>*{animation:mo-up .6s cubic-bezier(.2,.7,.2,1) backwards}
.mo.m30 .res.qz-go .qz-r>:nth-child(2){animation-delay:.08s}
.mo.m30 .res.qz-go .qz-r>:nth-child(3){animation-delay:.16s}
.mo.m30 .res.qz-go .qz-r>:nth-child(4){animation-delay:.24s}
.mo.m30 .res.qz-go .qz-r>:nth-child(5){animation-delay:.32s}
.mo.m30 .res.qz-go .qz-r>:nth-child(n+6){animation-delay:.4s}
.mo.m30 .qz-p i{transition:width .7s cubic-bezier(.2,.7,.2,1)}
.mo.m30 .qz-a{position:relative}
.mo.m30 .qz-a.on::after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;animation:mo-pick .7s ease-out forwards}
@keyframes mo-qz{from{opacity:0;translate:2.2rem 0}}
@keyframes mo-qzb{from{opacity:0;translate:-2.2rem 0}}
@keyframes mo-pick{from{box-shadow:0 0 0 0 rgba(214,170,106,.6)}to{box-shadow:0 0 0 .8rem rgba(214,170,106,0)}}
.mo.m32 .ov:not([hidden]){animation:mo-fade .35s ease backwards}
.mo.m32 .pop.pop-in{animation:mo-popin .6s cubic-bezier(.2,.8,.2,1) backwards}
.mo.m32 .pop-in .pop-tl{animation:mo-ctl 1.1s cubic-bezier(.2,.7,.2,1) .12s backwards}
.mo.m32 .pop-in .pop-br{animation:mo-cbr 1.1s cubic-bezier(.2,.7,.2,1) .12s backwards}
.mo.m32 .pop-in .pop-b>*{animation:mo-up .6s cubic-bezier(.2,.7,.2,1) .1s backwards}
.mo.m32 .pop-in .pop-b>:nth-child(2){animation-delay:.15s}
.mo.m32 .pop-in .pop-b>:nth-child(3){animation-delay:.2s}
.mo.m32 .pop-in .pop-b>:nth-child(4){animation-delay:.25s}
.mo.m32 .pop-in .pop-b>:nth-child(5){animation-delay:.3s}
.mo.m32 .pop-in .pop-b>:nth-child(6){animation-delay:.35s}
.mo.m32 .pop-in .pop-b>:nth-child(n+7){animation-delay:.4s}
.mo.m32 .pop-in .pg-l li{animation:mo-up .5s cubic-bezier(.2,.7,.2,1) .3s backwards}
.mo.m32 .pop-in .pg-l li:nth-child(2){animation-delay:.36s}
.mo.m32 .pop-in .pg-l li:nth-child(3){animation-delay:.42s}
.mo.m32 .pop-in .pg-l li:nth-child(4){animation-delay:.48s}
.mo.m32 .pop-in .pg-l li:nth-child(n+5){animation-delay:.54s}
.mo.m32 .pop-in .pop-okic{animation:mo-pop .7s cubic-bezier(.2,.8,.2,1.3) .1s backwards}
.mo.m32 .pop-in .pop-okic .ic{animation:mo-svldraw .8s cubic-bezier(.65,0,.25,1) .45s backwards}
.mo.m32 .ov.ov-out{animation:mo-out .3s ease forwards}
.mo.m32 .ov.ov-out .pop{animation:mo-popout .3s ease forwards}
@keyframes mo-popin{from{opacity:0;translate:0 1.6rem;scale:.96}}
@keyframes mo-popout{to{opacity:0;translate:0 1rem;scale:.97}}
@keyframes mo-ctl{from{opacity:0;translate:-2.5rem -2.5rem}}
@keyframes mo-cbr{from{opacity:0;translate:2.5rem 2.5rem}}
.mo.m33 .ip{transition:border-color .3s,box-shadow .35s,background-color .3s}
.mo.m33 .ip:focus-within{border-color:#c99a5c;box-shadow:0 0 0 .22rem rgba(214,170,106,.2),0 .4rem 1.2rem rgba(214,170,106,.12)}
.mo.m33 .ip .ic{transition:color .3s}
.mo.m33 .ip:focus-within .ic{color:#b8823c}
.mo.m33 .ip.bad{animation:mo-shake .45s ease}
.mo.m33 .mc-b{transition:border-color .3s,background-color .3s,box-shadow .3s}
@keyframes mo-shake{20%,60%{translate:-.25rem 0}40%,80%{translate:.25rem 0}}
.mo.m34 .rev:not(.rev-grid) .rc{transition:opacity .6s,scale .6s cubic-bezier(.2,.7,.2,1)}
.mo.m34 .rev:not(.rev-grid) .rc:not(.cur){opacity:.55;scale:.96}
.mo.m34 .rc.rv-new{animation:mo-card2 .75s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:calc(var(--vi,0)*.08s)}
.mo.m34 .rev-d i{transition:transform .35s,background .35s}
.mo.m34 .geo-d i{transition:width .45s cubic-bezier(.2,.7,.2,1),height .3s,background .3s,margin .3s}
.mo.m34 .geo-n{animation:mo-ping 2.8s ease-out infinite}
.mo.m34 .geo-c .geo-i{transition:scale 1.1s cubic-bezier(.2,.7,.2,1)}
.mo.m34 .geo-c:hover .geo-i{scale:1.08}
.mo.m34 .rev-tabs button{transition:background .3s,color .3s,border-color .3s}
@keyframes mo-ping{0%{box-shadow:0 0 0 0 rgba(237,198,140,.6)}70%,100%{box-shadow:0 0 0 .9rem rgba(237,198,140,0)}}
@media(max-width:1023px){
  .mo.m35.menu .nav{animation:mo-fade .3s ease backwards}
  .mo.m35.menu .nav>*{animation:mo-menu .55s cubic-bezier(.2,.7,.2,1) .05s backwards}
  .mo.m35.menu .nav>:nth-child(2){animation-delay:.09s}
  .mo.m35.menu .nav>:nth-child(3){animation-delay:.13s}
  .mo.m35.menu .nav>:nth-child(4){animation-delay:.17s}
  .mo.m35.menu .nav>:nth-child(5){animation-delay:.21s}
  .mo.m35.menu .nav>:nth-child(6){animation-delay:.25s}
  .mo.m35.menu .nav>:nth-child(n+7){animation-delay:.29s}
  .mo.m35.menu .hdr-r{animation:mo-up .5s cubic-bezier(.2,.7,.2,1) .35s backwards}
}
@keyframes mo-menu{from{opacity:0;translate:2rem 0}}
.mo.m36 .hdr{view-transition-name:hdr}
::view-transition-old(root){animation:mo-vto .35s cubic-bezier(.4,0,.2,1) both}
::view-transition-new(root){animation:mo-vti .55s cubic-bezier(.2,.7,.2,1) both}
@keyframes mo-vto{to{opacity:0;transform:translateY(-1rem)}}
@keyframes mo-vti{from{opacity:0;transform:translateY(1.2rem)}}

/* панель выбора эффектов (только в демо) */
.mo-p{position:fixed;left:14px;bottom:14px;z-index:80;font:500 13px/1.35 var(--sans);color:#f3eadc}
html.menu .mo-p{display:none}
.mo-pb{display:flex;align-items:center;gap:8px;height:38px;padding:0 15px;border-radius:99px;background:rgba(7,22,43,.94);border:1px solid rgba(214,172,110,.75);box-shadow:0 6px 20px rgba(0,0,0,.3);color:#f3eadc;font:600 13px/1 var(--sans)}
.mo-pb b{color:#edc68c;font-weight:700}
.mo-pp{position:absolute;left:0;bottom:48px;width:min(430px,calc(100vw - 28px));max-height:min(76vh,760px);display:flex;flex-direction:column;border-radius:16px;background:#0a1830;border:1px solid rgba(214,172,110,.55);box-shadow:0 18px 50px rgba(0,0,0,.45);overflow:hidden}
.mo-ph{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 4px 16px}
.mo-ph b{font:600 15px/1.2 var(--sans);color:#fff}
.mo-px{width:30px;height:30px;border-radius:50%;color:#edc68c;font-size:22px;line-height:1}
.mo-pn{padding:0 16px 8px;color:#aeb7c6;font-size:12px}
.mo-pl{overflow-y:auto;padding:0 8px 8px;overscroll-behavior:contain}
.mo-pg{padding:4px 4px 2px}
.mo-pt{font:700 11px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#d9b27a;margin:8px 6px 4px}
.mo-pl label{display:flex;align-items:flex-start;gap:8px;padding:6px 8px;border-radius:8px;cursor:pointer}
.mo-pl label:hover{background:rgba(237,198,140,.08)}
.mo-pl input{margin:2px 0 0;accent-color:#d9a85c;flex:none}
.mo-pl i{flex:none;min-width:20px;font-style:normal;font-weight:700;color:#edc68c}
.mo-pl em{display:inline-block;font-style:normal;font-size:10px;font-weight:700;letter-spacing:.04em;color:#0a1830;background:#c9a46a;border-radius:4px;padding:1px 5px;margin-left:4px;vertical-align:1px}
.mo-pf{display:flex;flex-wrap:wrap;gap:6px;padding:10px 14px 12px;border-top:1px solid rgba(214,172,110,.25)}
.mo-pf button{height:32px;padding:0 12px;border-radius:99px;border:1px solid rgba(214,172,110,.5);color:#f3eadc;font:600 12px/1 var(--sans)}
.mo-pf .mo-pa{background:linear-gradient(90deg,#efd3ab,#e2bc86 55%,#c99a5c);color:#0a1830;border:0}
.mo-pc{padding:0 16px 12px;color:#edc68c;font-size:12px}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}