@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@1,500;1,600&display=swap');
:root{--ink:#173e34;--paper:#fafbf7;--lime:#d9f58b;--muted:#65726a;--line:#dbe2d9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #729d22;outline-offset:5px}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;min-height:112px;gap:25px}.brand{display:flex;align-items:center;gap:10px;font-size:16px;line-height:1.12;letter-spacing:-.5px}.brand-icon{font-size:47px;line-height:1}.brand b{font-weight:800}.header nav{display:flex;gap:32px;font-size:14px;font-weight:600}.header nav a:hover{color:#608529}.small-button{border:1px solid var(--ink);padding:11px 18px;border-radius:6px;font-size:14px;font-weight:700}.small-button span{margin-left:18px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:35px;align-items:center;padding:32px 0 72px}.eyebrow{display:block;font-size:12px;font-weight:800;letter-spacing:1.8px}.tiny-square{display:inline-block;width:7px;height:7px;background:var(--ink);margin-right:8px}h1{font-size:clamp(45px,5.4vw,73px);letter-spacing:-3.4px;line-height:1.1;margin:25px 0}em{font-family:'Playfair Display',Georgia,serif;font-weight:500}h1 em{color:#688333}.hero-description{max-width:470px;color:var(--muted);font-size:17px;line-height:1.8;margin:0 0 30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:none;border-radius:6px;background:var(--lime);color:var(--ink);font-weight:800;padding:18px 24px;cursor:pointer;transition:background .2s,transform .2s}.button:hover:not(:disabled){background:#c9ea71;transform:translateY(-2px)}.button span{font-size:24px;line-height:1}.hero-note{display:flex;flex-wrap:wrap;gap:0;margin-top:23px;font-size:12px;color:var(--muted)}.hero-note span+span:before{content:'·';padding:0 12px}.hero-art{position:relative;background:#153e35;border-radius:120px 12px 12px 12px;overflow:hidden;min-height:530px}.hero-art img{width:100%;height:530px;object-fit:cover}.art-caption{position:absolute;bottom:0;left:0;right:0;padding:65px 32px 30px;color:white;background:linear-gradient(transparent,rgba(7,31,24,.92))}.art-caption span{font-size:10px;letter-spacing:1.5px;display:block;margin-bottom:8px}.art-caption strong{font-size:17px;font-weight:500}.art-label{position:absolute;right:22px;top:25px;border:1px solid #ffffff50;border-radius:50%;height:100px;width:100px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:10px;line-height:1.5;color:white;transform:rotate(9deg)}.ticker{display:flex;justify-content:center;align-items:center;gap:45px;overflow:hidden;padding:22px;background:var(--ink);color:var(--lime);font-size:12px;font-weight:700;letter-spacing:2px;white-space:nowrap}.ticker i{font-size:22px;font-style:normal}.section{padding-block:96px}h2{font-size:clamp(33px,3.4vw,47px);line-height:1.2;letter-spacing:-1.8px;margin:20px 0 28px}h3{font-size:19px;line-height:1.4;letter-spacing:-.5px}p{color:var(--muted)}.section-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:end}.section-heading>p{margin-bottom:32px;max-width:440px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);margin-top:25px;gap:30px}.benefits article{border-top:1px solid var(--line);padding-top:28px}.number{font-size:13px;color:#788a71}.benefits h3{margin:30px 0 12px}.benefits p{font-size:14px;margin:0;line-height:1.85}.audience{background:#edf1e8}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.audience article{padding:30px;background:var(--paper);border-radius:8px}.chess-symbol{font-family:Georgia,serif;font-size:55px;line-height:1.2}.audience p{font-size:15px}.program{display:grid;grid-template-columns:1fr 1.1fr;gap:90px}.program-intro>p{max-width:350px}.program-stamp{margin-top:35px;display:flex;gap:20px;align-items:center}.program-stamp>span{font-size:72px;line-height:1;font-family:Georgia,serif}.program-stamp>div{font-size:14px;line-height:1.6;color:var(--muted)}details{border-bottom:1px solid var(--line)}summary{display:flex;align-items:center;gap:20px;cursor:pointer;list-style:none;padding:21px 0}summary::-webkit-details-marker{display:none}summary>span{font-size:12px;color:#84917a}summary h3{flex:1;margin:0;font-size:17px}summary b{font-size:23px;font-weight:400}details[open] summary b{transform:rotate(45deg)}.detail-content{padding:0 0 24px 38px}.detail-content p{font-size:14px;margin-top:0}.detail-content small{font-size:13px;display:block;color:var(--ink)}.learning{border-radius:12px;background:var(--ink);color:white;padding:60px;display:grid;grid-template-columns:1fr 1.1fr;gap:100px}.learning .eyebrow{color:var(--lime)}.learning em{color:var(--lime)}.learning p{color:#bed0c4;font-size:15px}.learning-title>p{max-width:310px}.steps article{display:flex;gap:24px;border-bottom:1px solid #ffffff25;padding:23px 0}.steps article:first-child{padding-top:8px}.steps article:last-child{border:0}.steps article>span{width:34px;height:34px;flex-shrink:0;border:1px solid #ffffff50;border-radius:50%;display:grid;place-items:center;font-size:14px}.steps h3{margin:1px 0 10px}.steps p{margin:0}.join-card{background:#e9eedf;padding:55px;border-radius:12px;display:grid;grid-template-columns:1.3fr 1fr;gap:65px}.join-card h2{font-size:40px}.join-card>div>p{max-width:480px}.join-card ul{list-style:none;padding:0;font-size:14px;line-height:2.2;margin:25px 0 0}.join-card li:before{content:'✓';margin-right:12px}.purchase{background:var(--paper);border-radius:8px;padding:35px;text-align:center;align-self:center;box-shadow:0 10px 35px #143a3410}.purchase-label{font-size:10px;font-weight:700;letter-spacing:2px}.purchase h3{margin:12px 0 26px;font-size:24px}.price{font-size:36px;line-height:1.3;letter-spacing:-1.5px;font-weight:800}.purchase p{font-size:14px}.purchase .button{width:100%;font-size:14px;margin:12px 0 16px;gap:12px}.button:disabled{cursor:default;background:#e2e8d8;color:#5e6c55}.purchase small{display:block;font-size:12px;color:var(--muted)}.faq{padding-top:0;display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.faq summary h3{font-size:16px}.faq details p{font-size:14px;margin:0 30px 23px 0}.footer{border-top:1px solid var(--line);padding-block:35px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer p{font-size:12px;max-width:230px}.footer>span{font-size:12px;color:var(--muted)}.skip{position:fixed;top:-80px;left:20px;padding:10px;background:var(--lime);z-index:20}.skip:focus{top:10px}@media(min-width:1500px){.hero{padding-top:50px;padding-bottom:90px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:25px}h1{letter-spacing:-2px}.hero-art,.hero-art img{min-height:460px;height:460px}.hero-description{font-size:16px}.section-heading{gap:35px}.program,.faq{gap:45px}.learning{gap:40px;padding:40px}.join-card{padding:35px;gap:30px}.join-card h2{font-size:34px}.purchase{padding:24px}.benefits{gap:20px}.audience article{padding:24px}}@media(max-width:720px){.wrap{width:calc(100% - 36px)}.header{min-height:88px;gap:12px}.brand{font-size:13px}.brand-icon{font-size:38px}.header nav{display:none}.small-button{font-size:12px;padding:9px 12px}.small-button span{margin-left:8px}.hero{grid-template-columns:1fr;padding-top:20px;padding-bottom:40px;gap:32px}h1{font-size:53px;line-height:1.07;letter-spacing:-2.8px;margin-top:21px}.eyebrow{font-size:10px;letter-spacing:1.5px}.hero-description{max-width:480px}.hero-art{border-top-left-radius:85px;min-height:370px}.hero-art img{height:410px;min-height:370px}.hero-note{font-size:11px}.art-caption{padding:60px 23px 24px}.ticker{justify-content:flex-start;gap:28px;font-size:10px;padding:16px 20px}.section{padding-block:62px}.section-heading,.program,.faq,.learning,.join-card{grid-template-columns:1fr;gap:25px}h2{font-size:35px;letter-spacing:-1.4px;margin-top:16px}.section-heading>p{margin:0 0 15px}.benefits{grid-template-columns:1fr 1fr;gap:30px 22px}.benefits h3{font-size:17px;margin-top:18px}.benefits p{font-size:14px}.audience-grid{grid-template-columns:1fr;gap:14px;margin-top:25px}.audience article{padding:24px;position:relative}.audience h3{padding-right:35px}.chess-symbol{position:absolute;right:24px;top:23px;font-size:35px}.audience p{margin-bottom:0}.program-stamp{display:none}.program-intro>p{max-width:none}.learning{padding:32px 25px;gap:20px}.learning h2 br:nth-child(1){display:none}.learning-title>p{max-width:none}.join-card{padding:28px 22px;gap:26px}.join-card h2{font-size:32px}.join-card ul{font-size:13px}.purchase{padding:30px 20px}.faq{padding-top:0;gap:4px}.footer{flex-wrap:wrap;gap:20px}.footer p{margin:0;width:50%;max-width:160px}.footer>span{width:100%}summary{gap:14px}summary h3{font-size:16px}.detail-content{padding-left:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.guarantee{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;padding:44px;border:1px solid var(--line);border-radius:12px;margin-bottom:85px;background:#edf1e8}.guarantee h2{font-size:34px;margin:17px 0 22px}.guarantee-period{font-size:52px;line-height:1.1;font-weight:800;display:flex;align-items:center;gap:16px}.guarantee-period span{font-size:14px;font-weight:500;max-width:105px;line-height:1.5}.guarantee-copy p{font-size:16px;margin:0 0 18px}.guarantee-copy p:last-child{margin:0}.legal{padding:0 0 35px;font-size:14px;color:var(--muted)}.legal p{margin:8px 0}.legal a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.legal nav{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:18px}.legal a:hover{color:var(--ink)}@media(max-width:720px){.guarantee{grid-template-columns:1fr;gap:25px;padding:28px 24px;margin-bottom:60px}.guarantee h2{font-size:30px}.legal{font-size:14px}}


    /* Компонент ізольований префіксом oo-, тому не конфліктує зі стилями сайту. */
    .oo-social-footer,
    .oo-social-footer * { box-sizing: border-box; }

    .oo-social-footer {
      --oo-navy: #001a35;
      --oo-navy-light: #07335c;
      --oo-yellow: #ffbc00;
      --oo-white: #fff;
      position: relative;
      isolation: isolate;
      overflow: hidden;
      width: 100%;
      margin: 0;
      padding: clamp(64px, 11vw, 112px) 18px 30px;
      color: var(--oo-white);
      background:
        radial-gradient(circle at 88% 18%, rgba(255,188,0,.14), transparent 28%),
        linear-gradient(135deg, var(--oo-navy-light), var(--oo-navy) 58%);
      font-family: Inter, Montserrat, system-ui, -apple-system, "Segoe UI", sans-serif;
    }

    .oo-social-footer::before {
      content: "";
      position: absolute;
      z-index: -1;
      top: -58px;
      left: -5%;
      width: 110%;
      height: 84px;
      border-radius: 0 0 50% 50%;
      background: var(--oo-yellow);
      transform: rotate(-1deg);
    }

    .oo-social-footer__inner {
      width: min(1120px, 100%);
      margin-inline: auto;
      text-align: center;
    }

    .oo-social-footer__brand {
      display: inline-flex;
      align-items: center;
      gap: 13px;
      color: inherit;
      text-decoration: none;
      border-radius: 14px;
      transition: transform .2s ease;
    }

    .oo-social-footer__brand:hover { transform: translateY(-2px); }

    .oo-social-footer__brand:focus-visible {
      outline: 3px solid var(--oo-yellow);
      outline-offset: 7px;
    }

    .oo-social-footer__logo {
      flex: 0 0 auto;
      width: 76px;
      height: 76px;
      overflow: hidden;
      border: 2px solid rgba(255,255,255,.24);
      border-radius: 50%;
      background: #00284e;
      box-shadow: 0 10px 30px rgba(0,0,0,.28);
    }

    .oo-social-footer__logo img {
      display: block;
      width: 100%;
      height: 100%;
      border-radius: inherit;
      object-fit: cover;
    }

    .oo-social-footer__wordmark {
      text-align: left;
      font-size: 20px;
      font-weight: 900;
      line-height: .93;
      letter-spacing: .02em;
      text-transform: uppercase;
    }

    .oo-social-footer__wordmark span {
      display: block;
      margin-top: 5px;
      color: var(--oo-yellow);
      font-size: 24px;
    }

    .oo-social-footer__title {
      margin: 28px 0 9px;
      font-size: clamp(25px, 6vw, 42px);
      font-weight: 900;
      line-height: 1.12;
      letter-spacing: -.025em;
    }

    .oo-social-footer__title span { color: var(--oo-yellow); }

    .oo-social-footer__lead {
      max-width: 620px;
      margin: 0 auto 25px;
      color: rgba(255,255,255,.78);
      font-size: clamp(15px, 3.8vw, 18px);
      line-height: 1.55;
    }

    .oo-social-footer__links {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
      width: min(720px, 100%);
      margin: 0 auto;
    }

    .oo-social-footer__link {
      display: flex;
      min-height: 58px;
      align-items: center;
      justify-content: center;
      gap: 9px;
      padding: 12px 10px;
      border: 1px solid rgba(255,255,255,.17);
      border-radius: 15px;
      color: var(--oo-white);
      background: rgba(255,255,255,.075);
      box-shadow: 0 8px 24px rgba(0,0,0,.12);
      font-size: 14px;
      font-weight: 800;
      line-height: 1;
      text-decoration: none;
      -webkit-tap-highlight-color: transparent;
      transition: transform .2s ease, color .2s ease, background .2s ease, border-color .2s ease;
    }

    .oo-social-footer__link:last-child { grid-column: 1 / -1; }
    .oo-social-footer__link svg { width: 23px; height: 23px; fill: currentColor; }

    .oo-social-footer__link:hover,
    .oo-social-footer__link:focus-visible {
      color: var(--oo-navy);
      background: var(--oo-yellow);
      border-color: var(--oo-yellow);
      transform: translateY(-3px);
      outline: none;
    }

    .oo-social-footer__link:focus-visible {
      box-shadow: 0 0 0 4px rgba(255,188,0,.28);
    }

    .oo-social-footer__bottom {
      margin: 28px auto 0;
      padding-top: 18px;
      border-top: 1px solid rgba(255,255,255,.12);
      color: rgba(255,255,255,.56);
      font-size: 12px;
    }

    @media (min-width: 700px) {
      .oo-social-footer { padding-inline: 32px; }
      .oo-social-footer__links { grid-template-columns: repeat(5, 1fr); }
      .oo-social-footer__link:last-child { grid-column: auto; }
    }

    @media (prefers-reduced-motion: reduce) {
      .oo-social-footer__link { transition: none; }
    }
  
body{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.sticky-purchase{position:fixed;bottom:0;left:0;right:0;z-index:50;background:#173e34;box-shadow:0 -4px 24px #0002;color:white;padding:14px 0 calc(14px + env(safe-area-inset-bottom))}.sticky-purchase-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.sticky-purchase-inner>div>strong{display:block;font-size:16px}.sticky-purchase-inner>div>span{display:block;font-size:12px;color:#bed0c4}.sticky-purchase .button{padding:14px 22px;font-size:16px}html{scroll-padding-bottom:110px}@media(max-width:600px){.sticky-purchase-inner>div{display:none}.sticky-purchase .button{width:100%;justify-content:space-between}.sticky-purchase{padding-top:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}}

.support-contact{margin-top:-50px;margin-bottom:60px}.support-contact p{margin:0 0 10px}.support-contact em{font-family:inherit;font-weight:400}.support-contact>a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.other-courses{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:35px;background:#edf1e8;border-radius:12px;margin-bottom:60px}.other-courses h2{margin:12px 0 0}@media(max-width:720px){.support-contact{margin-top:-25px;margin-bottom:40px}.other-courses{flex-direction:column;align-items:flex-start;padding:26px;margin-bottom:40px}.other-courses .button{font-size:14px;width:100%}}
