:root{
      --ivory:#F4EEE9;
      --paper:#FFFDFC;
      --charcoal:#262626;
      --muted:#6B625D;
      --terracotta:#B7836F;
      --terracotta-dark:#8F5F4C;
      --champagne:#D7BEA8;
      --sand:#DCCFC5;
      --line:#E7DDD5;
      --success:#506653;
      --shadow:0 18px 55px rgba(63,43,33,.11);
      --radius:22px;
      --max:1120px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      background:var(--ivory);
      color:var(--charcoal);
      font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      line-height:1.65;
      -webkit-font-smoothing:antialiased;
    }
    img{max-width:100%;display:block}
    a{text-decoration:none;color:inherit}
    button{font:inherit}
    .container{width:min(calc(100% - 36px),var(--max));margin-inline:auto}
    .section{padding:88px 0}
    .section-tight{padding:64px 0}
    .eyebrow{
      display:inline-flex;align-items:center;gap:9px;
      font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
      color:var(--terracotta-dark);
    }
    .eyebrow:before{content:"✦";font-size:.9rem}
    h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.08;margin:0;color:var(--charcoal)}
    h1{font-size:clamp(2.7rem,6vw,5.8rem);letter-spacing:-.045em}
    h2{font-size:clamp(2rem,4.5vw,3.7rem);letter-spacing:-.035em}
    h3{font-size:1.55rem;letter-spacing:-.02em}
    .lead{font-size:clamp(1.05rem,2.1vw,1.28rem);color:var(--muted);max-width:760px}
    .muted{color:var(--muted)}
    .accent{color:var(--terracotta-dark)}
    .serif{font-family:Georgia,"Times New Roman",serif}
    .center{text-align:center}
    .max-copy{max-width:820px;margin-inline:auto}
    .spacer{height:20px}

    .announcement{
      background:var(--charcoal);color:#fff;padding:10px 18px;
      text-align:center;font-size:.88rem;letter-spacing:.01em
    }
    .announcement strong{color:#F0D5C5}

    .nav{
      position:sticky;top:0;z-index:40;
      backdrop-filter:blur(14px);
      background:rgba(244,238,233,.89);
      border-bottom:1px solid rgba(183,131,111,.16)
    }
    .nav-inner{
      min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px
    }
    .brand{
      font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:1.22rem;letter-spacing:-.02em
    }
    .brand small{
      display:block;font-family:Inter,system-ui,sans-serif;font-size:.63rem;letter-spacing:.16em;
      text-transform:uppercase;color:var(--terracotta-dark);margin-top:-3px
    }

    .btn{
      display:inline-flex;align-items:center;justify-content:center;gap:10px;
      min-height:54px;padding:0 26px;border-radius:999px;border:1px solid transparent;
      font-weight:800;transition:.2s ease;cursor:pointer
    }
    .btn-primary{
      background:var(--terracotta-dark);color:#fff;box-shadow:0 12px 28px rgba(143,95,76,.23)
    }
    .btn-primary:hover{transform:translateY(-2px);background:#7F513F}
    .btn-secondary{border-color:#C9B7AB;background:rgba(255,255,255,.35)}
    .btn-secondary:hover{background:#fff}
    .btn-sm{min-height:44px;padding:0 18px;font-size:.9rem}
    .micro{font-size:.8rem;color:var(--muted);margin-top:11px}

    .hero{padding:68px 0 82px;overflow:hidden;position:relative}
    .hero:after{
      content:"";position:absolute;inset:auto -170px -240px auto;width:520px;height:520px;border-radius:50%;
      background:radial-gradient(circle,rgba(215,190,168,.42),rgba(215,190,168,0) 68%);pointer-events:none
    }
    .hero-grid{display:grid;grid-template-columns:1.07fr .93fr;gap:58px;align-items:center}
    .hero h1 span{display:block;color:var(--terracotta-dark)}
    .hero-copy p{margin:22px 0 0}
    .hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:30px}
    .trust-row{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px;color:var(--muted);font-size:.88rem}
    .trust-item{display:flex;align-items:center;gap:7px}
    .trust-item b{color:var(--charcoal)}
    .hero-visual{
      position:relative;background:#E7D6C9;border-radius:32px;padding:12px;
      box-shadow:var(--shadow);transform:rotate(1deg)
    }
    .hero-visual img{border-radius:24px;aspect-ratio:6/5;object-fit:cover}
    .hero-badge{
      position:absolute;right:-16px;top:-18px;background:var(--charcoal);color:#fff;
      width:124px;height:124px;border-radius:50%;display:grid;place-content:center;text-align:center;
      padding:18px;font-size:.77rem;font-weight:800;letter-spacing:.03em;box-shadow:var(--shadow);
      transform:rotate(7deg)
    }

    .pain{background:var(--paper)}
    .pain-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:60px;align-items:start}
    .pain-list{display:grid;gap:12px;margin-top:26px}
    .pain-item{
      display:flex;gap:12px;padding:15px 16px;border-bottom:1px solid var(--line);font-size:1rem
    }
    .pain-item span{color:var(--terracotta-dark);font-weight:900}

    .quote-block{
      padding:54px;border-radius:var(--radius);background:var(--charcoal);color:#fff;box-shadow:var(--shadow)
    }
    .quote-block h2{color:#fff}
    .quote-block p{color:#D8D3CF}
    .quote-big{
      font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.7rem,3.5vw,3rem);
      line-height:1.22;margin-top:24px;color:#F5DFD2
    }

    .solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
    .benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px}
    .benefit{
      background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:18px
    }
    .benefit strong{display:block;margin-bottom:5px}

    .steps{background:#EEE4DC}
    .step-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:34px}
    .step{
      background:rgba(255,255,255,.68);border:1px solid rgba(143,95,76,.14);
      border-radius:20px;padding:24px 20px
    }
    .step-num{font-family:Georgia,serif;color:var(--terracotta-dark);font-size:2rem}
    .step h3{font-size:1.2rem;margin:8px 0}
    .step p{font-size:.9rem;color:var(--muted);margin:0}

    .before-after{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}
    .ba-card{padding:26px;border-radius:20px;border:1px solid var(--line)}
    .ba-card.before{background:#F7F2EE}
    .ba-card.after{background:#EEF1EC;border-color:#D3DED3}
    .ba-title{font-weight:900;margin-bottom:16px}
    .checklist{list-style:none;padding:0;margin:0;display:grid;gap:10px}
    .checklist li{display:flex;gap:10px}
    .checklist .x{color:#9B695B}
    .checklist .ok{color:var(--success)}

    .chapters{background:var(--paper)}
    .part-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:34px}
    .part-card{
      border:1px solid var(--line);border-radius:20px;padding:26px;background:#fff
    }
    .part-label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--terracotta-dark);font-weight:900}
    .part-card h3{margin:7px 0 14px}
    .chapter-list{margin:0;padding-left:18px;color:var(--muted)}
    .chapter-list li{margin:6px 0}

    .days-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
    .day-card{border-radius:16px;padding:18px;background:#fff;border:1px solid var(--line)}
    .day-number{color:var(--terracotta-dark);font-size:.76rem;font-weight:900;letter-spacing:.12em}
    .day-card strong{display:block;margin-top:4px}

    .bundle{background:linear-gradient(180deg,#2A2928,#1E1E1E);color:#fff}
    .bundle h2,.bundle h3{color:#fff}
    .bundle .lead{color:#CFC8C4}
    .bonus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:34px}
    .bonus{
      border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);
      border-radius:20px;padding:22px
    }
    .bonus .icon{font-size:1.5rem}
    .bonus p{color:#C7C2BE;font-size:.9rem;margin-bottom:0}

    .fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:32px}
    .fit-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:28px}

    .comparison{overflow:auto;margin-top:30px}
    .comparison table{width:100%;border-collapse:separate;border-spacing:0;min-width:680px}
    .comparison th,.comparison td{padding:18px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}
    .comparison th{background:#EDE2DA}
    .comparison th:first-child{border-radius:14px 0 0 0}
    .comparison th:last-child{border-radius:0 14px 0 0}
    .comparison td:nth-child(3){font-weight:700;color:var(--terracotta-dark)}

    .offer{
      background:linear-gradient(135deg,#C99A82 0%,#9A6651 55%,#7F513F 100%);
      color:#fff;position:relative;overflow:hidden
    }
    .offer:after{
      content:"✦";position:absolute;right:5%;top:10%;font-size:13rem;color:rgba(255,255,255,.06);font-family:Georgia,serif
    }
    .offer-grid{display:grid;grid-template-columns:1fr .8fr;gap:44px;align-items:center;position:relative;z-index:1}
    .offer h2,.offer h3{color:#fff}
    .offer-list{list-style:none;padding:0;display:grid;gap:8px}
    .offer-list li:before{content:"✓";margin-right:9px;font-weight:900}
    .price-box{
      background:#fff;color:var(--charcoal);border-radius:24px;padding:32px;box-shadow:var(--shadow)
    }
    .price-old{text-decoration:line-through;color:#8B817B}
    .price{font-family:Georgia,serif;font-size:3.6rem;line-height:1;color:var(--charcoal);margin:8px 0}
    .price small{font-family:Inter,system-ui,sans-serif;font-size:.85rem;color:var(--muted)}
    .price-box .btn{width:100%}

    .faq{background:var(--paper)}
    .faq-list{display:grid;gap:10px;margin-top:30px}
    details{border:1px solid var(--line);border-radius:14px;background:#fff;padding:0 18px}
    summary{
      cursor:pointer;list-style:none;padding:18px 28px 18px 0;font-weight:800;position:relative
    }
    summary::-webkit-details-marker{display:none}
    summary:after{content:"+";position:absolute;right:0;font-size:1.5rem;color:var(--terracotta-dark)}
    details[open] summary:after{content:"−"}
    details p{color:var(--muted);padding:0 0 18px;margin:0}

    .final{padding:100px 0;text-align:center}
    .final .max-copy{max-width:860px}
    .final h2 span{color:var(--terracotta-dark)}
    .final p{font-size:1.08rem;color:var(--muted)}
    .final .btn{margin-top:18px}

    footer{border-top:1px solid var(--line);padding:34px 0;color:var(--muted);font-size:.82rem}
    .footer-inner{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap}

    .sticky-buy{
      display:none;position:fixed;left:12px;right:12px;bottom:12px;z-index:50;
      background:rgba(255,253,252,.96);border:1px solid var(--line);border-radius:18px;
      padding:10px;box-shadow:0 18px 50px rgba(0,0,0,.18);backdrop-filter:blur(12px)
    }
    .sticky-buy .btn{width:100%;min-height:50px}

    .reveal{opacity:0;transform:translateY(18px);transition:.7s ease}
    .reveal.visible{opacity:1;transform:none}

    @media(max-width:900px){
      .hero-grid,.pain-grid,.solution-grid,.offer-grid{grid-template-columns:1fr}
      .hero-copy{text-align:center}
      .hero-copy .lead{margin-inline:auto}
      .hero-actions,.trust-row{justify-content:center}
      .hero-visual{max-width:660px;margin-inline:auto;transform:none}
      .step-grid{grid-template-columns:repeat(2,1fr)}
      .bonus-grid{grid-template-columns:repeat(2,1fr)}
      .part-grid{grid-template-columns:1fr}
    }
    @media(max-width:620px){
      .section{padding:66px 0}.section-tight{padding:52px 0}
      .container{width:min(calc(100% - 26px),var(--max))}
      .announcement{font-size:.78rem}
      .nav-inner{min-height:60px}
      .nav .btn{display:none}
      .hero{padding-top:48px}
      .hero h1{font-size:clamp(2.45rem,14vw,4.1rem)}
      .hero-badge{width:96px;height:96px;right:-5px;top:-16px;font-size:.64rem}
      .benefit-grid,.before-after,.fit-grid,.bonus-grid,.days-strip,.step-grid{grid-template-columns:1fr}
      .quote-block{padding:32px 24px}
      .price-box{padding:26px 20px}
      .price{font-size:3rem}
      .sticky-buy{display:block}
      footer{padding-bottom:92px}
    }
