
:root{
--vcl-green:#0c5658;--vcl-deep:#073f45;--vcl-teal:#0d7677;--vcl-gold:#a87f44;
--vcl-text:#3f5558;--vcl-soft:#edf4f2;--vcl-line:#dce8e5;--vcl-white:#fff;
}
*{box-sizing:border-box}
.vcl-page{background:#fff;color:var(--vcl-deep);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
.vcl-page img{max-width:100%;height:auto;display:block}
.vcl-shell{width:min(1080px,92%);margin:0 auto}
.vcl-header{padding:22px 0;border-bottom:1px solid #e9efed}
.vcl-header img{width:min(430px,88vw)}
.vcl-kicker{display:inline-block;color:var(--vcl-gold);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}
.vcl-light{color:#e9d7b6}
.vcl-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center;padding:38px 0 42px}
.vcl-hero h1,.vcl-section h2,.vcl-method h2,.vcl-contents h2,.vcl-audience h2,.vcl-guarantee h2,.vcl-final h2{font-family:Georgia,'Times New Roman',serif}
.vcl-hero h1{font-size:clamp(42px,4.5vw,64px);line-height:1.01;margin:0;color:var(--vcl-deep);font-weight:500}
.vcl-hero h1 em{font-style:normal;color:var(--vcl-teal)}
.vcl-hero p{font-size:16px;color:var(--vcl-text);margin:16px 0}
.vcl-check-list{padding:0;list-style:none;margin:14px 0}
.vcl-check-list li{position:relative;padding-left:28px;margin:6px 0;color:#31484b}
.vcl-check-list li:before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:#0a9878;color:#fff;display:grid;place-items:center;font-size:13px;font-weight:900}
.vcl-price-row,.vcl-inline-offer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.vcl-price-row small,.vcl-inline-offer small,.vcl-inline-offer span{display:block;color:#647477;font-size:12px}
.vcl-price-row strong,.vcl-inline-offer strong{font-family:Georgia,serif;font-size:32px;color:var(--vcl-deep)}
.vcl-button{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border-radius:11px;background:#0b8e70;color:#fff!important;text-decoration:none!important;font-weight:800;box-shadow:0 10px 28px rgba(11,142,112,.18)}
.vcl-button:hover{background:#08755e}
.vcl-micro{font-size:11px!important;color:#758487!important;margin-top:8px!important}
.vcl-product-stage{position:relative;border-radius:28px;background:linear-gradient(180deg,#f1f6f4,#e8f1ef);padding:16px;min-height:440px;display:flex;align-items:center}
.vcl-product-stage>img{border-radius:20px;width:100%;object-fit:cover}
.vcl-badge{position:absolute;right:16px;bottom:16px;background:#fff;border:1px solid #e0e8e6;border-radius:14px;padding:12px 15px}
.vcl-badge small,.vcl-badge strong{display:block}
.vcl-badge small{text-transform:uppercase;color:#788789;font-size:11px;letter-spacing:.09em}
.vcl-trust{background:var(--vcl-deep);display:grid;grid-template-columns:repeat(3,1fr);color:#fff}
.vcl-trust div{text-align:center;padding:20px;border-right:1px solid rgba(255,255,255,.14)}
.vcl-trust div:last-child{border-right:0}
.vcl-trust strong,.vcl-trust span{display:block}
.vcl-trust span{font-size:13px;opacity:.72}
.vcl-section{padding:76px 0}
.vcl-section h2,.vcl-method h2,.vcl-contents h2,.vcl-audience h2,.vcl-guarantee h2,.vcl-final h2{font-size:clamp(34px,4vw,52px);line-height:1.05;color:var(--vcl-deep);margin:0 0 18px}
.vcl-two-col{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:start}
.vcl-intro p,.vcl-feature p{color:var(--vcl-text);font-size:17px}
.vcl-feature{background:#f7faf9;border:1px solid var(--vcl-line);border-radius:20px;padding:18px}
.vcl-feature img{border-radius:15px;margin-bottom:18px}
.vcl-feature h3{font-size:26px;margin:0 0 10px}
.vcl-card-grid{display:grid;gap:18px;margin-top:34px}
.vcl-three{grid-template-columns:repeat(3,1fr)}
.vcl-four{grid-template-columns:repeat(4,1fr)}
.vcl-card-grid article{background:#fff;border:1px solid var(--vcl-line);border-radius:17px;padding:22px}
.vcl-card-grid article>span{color:var(--vcl-gold);font-weight:900}
.vcl-card-grid h3{margin:6px 0;color:var(--vcl-deep)}
.vcl-card-grid p{color:var(--vcl-text);margin:0}
.vcl-method{background:var(--vcl-deep);padding:76px 0;color:#fff}
.vcl-method h2{color:#fff;max-width:850px}
.vcl-method .vcl-card-grid article{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14)}
.vcl-method .vcl-card-grid h3{color:#fff}
.vcl-method .vcl-card-grid p{color:rgba(255,255,255,.76)}
.vcl-method-photos{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}
.vcl-method-photos figure{margin:0;background:#fff;border-radius:18px;overflow:hidden;color:var(--vcl-deep)}
.vcl-method-photos img{width:100%;height:280px;object-fit:cover}
.vcl-method-photos figcaption{padding:14px 16px}
.vcl-method-photos strong,.vcl-method-photos span{display:block}
.vcl-method-photos span{color:var(--vcl-text);font-size:14px}
.vcl-learn-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.vcl-learn-grid p{margin:0;background:#f2f7f5;border-radius:12px;padding:14px 16px 14px 40px;position:relative;color:#3f5558}
.vcl-learn-grid p:before{content:"✓";position:absolute;left:16px;color:#0a9878;font-weight:900}
.vcl-contents{background:#f8fbfa;padding:76px 0}
.vcl-centered{text-align:center;max-width:820px;margin-left:auto;margin-right:auto}
.vcl-centered p{color:var(--vcl-text)}
.vcl-manual{display:grid;grid-template-columns:.78fr 1.22fr;gap:38px;align-items:center;margin:42px 0}
.vcl-manual img{max-height:580px;margin:auto;border-radius:18px;box-shadow:0 18px 40px rgba(7,63,69,.12)}
.vcl-manual h3{font-size:34px;margin:0 0 10px}
.vcl-manual p{color:var(--vcl-text);font-size:17px}
.vcl-bonus-title{text-align:center;font-size:28px;margin:30px 0}
.vcl-bonus-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.vcl-bonus-grid article{background:#fff;border:1px solid var(--vcl-line);border-radius:16px;overflow:hidden;padding-bottom:15px}
.vcl-bonus-grid img{width:100%;height:150px;object-fit:cover}
.vcl-bonus-grid span,.vcl-bonus-grid h4,.vcl-bonus-grid p{margin-left:14px;margin-right:14px}
.vcl-bonus-grid span{display:block;color:var(--vcl-gold);font-size:12px;font-weight:800;margin-top:12px}
.vcl-bonus-grid h4{margin-top:4px;margin-bottom:8px;color:var(--vcl-deep)}
.vcl-bonus-grid p{font-size:13px;color:var(--vcl-text)}
.vcl-inline-offer{margin-top:34px;background:#fff;border:1px solid var(--vcl-line);border-radius:18px;padding:18px 22px}
.vcl-audience{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-top:76px;padding-bottom:76px}
.vcl-good,.vcl-caution{border-radius:20px;padding:26px}
.vcl-good{background:#eff7f4}
.vcl-caution{background:#fff7ec;border:1px solid #ead7b8}
.vcl-caution p{color:var(--vcl-text)}
.vcl-guarantee{background:#113953;padding:58px 0;color:#fff}
.vcl-guarantee-grid{display:grid;grid-template-columns:.6fr 1.4fr;gap:36px;align-items:center}
.vcl-guarantee img{border-radius:18px;max-height:260px;margin:auto}
.vcl-guarantee h2{color:#fff}
.vcl-guarantee p{color:rgba(255,255,255,.8)}
.vcl-faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px}
.vcl-faq details{border-bottom:1px solid var(--vcl-line);padding:16px 0}
.vcl-faq summary{font-weight:800;color:var(--vcl-deep);cursor:pointer;display:flex;justify-content:space-between}
.vcl-faq details p{color:var(--vcl-text)}
.vcl-final{background:linear-gradient(135deg,#073f45,#0d6968);padding:72px 0;color:#fff}
.vcl-final-inner{display:grid;grid-template-columns:1.15fr .65fr;gap:32px;align-items:center}
.vcl-final h2{color:#fff;font-size:clamp(34px,3.4vw,48px);line-height:1.08;margin:0 0 18px;max-width:720px}
.vcl-final p{color:rgba(255,255,255,.82);font-size:17px;line-height:1.6;max-width:700px}
.vcl-final strong{display:block;font-family:Georgia,serif;font-size:40px;line-height:1.15;margin:20px 0 8px}
.vcl-final>span,.vcl-final small{display:block}
.vcl-button-light{background:#fff;color:var(--vcl-deep)!important;margin-top:18px;white-space:normal;text-align:center}
.vcl-final img{border-radius:22px}
.vcl-footer{padding:36px 0 90px;background:#f5f8f7;text-align:center}
.vcl-footer img{width:min(430px,90%);margin:0 auto 16px}
.vcl-footer p{color:var(--vcl-text)}
.vcl-mobile-bar{display:none}
@media(max-width:950px){
.vcl-hero,.vcl-two-col,.vcl-manual,.vcl-audience,.vcl-guarantee-grid,.vcl-faq,.vcl-final-inner{grid-template-columns:1fr}
.vcl-four{grid-template-columns:repeat(2,1fr)}
.vcl-bonus-grid{grid-template-columns:repeat(2,1fr)}
.vcl-product-stage{min-height:unset}
}
@media(max-width:650px){
.vcl-final h2{font-size:36px;line-height:1.1}
.vcl-hero{padding:38px 0;gap:28px}
.vcl-hero h1{font-size:43px}
.vcl-three,.vcl-four,.vcl-method-photos,.vcl-learn-grid,.vcl-bonus-grid,.vcl-trust{grid-template-columns:1fr}
.vcl-trust div{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}
.vcl-price-row,.vcl-inline-offer{align-items:stretch;flex-direction:column}
.vcl-button{width:100%}
.vcl-mobile-bar{position:fixed;display:flex;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--vcl-line);padding:9px 12px;z-index:9999;align-items:center;justify-content:space-between;box-shadow:0 -8px 28px rgba(0,0,0,.08)}
.vcl-mobile-bar small,.vcl-mobile-bar strong{display:block}
.vcl-mobile-bar a{background:#0b8e70;color:#fff;text-decoration:none;font-weight:800;padding:10px 14px;border-radius:9px}
}


/* ===== V3.4 — bloco final de oferta organizado ===== */
.vcl-final{
    padding:82px 0;
}

.vcl-final-inner{
    grid-template-columns:1.08fr .72fr;
    gap:58px;
    align-items:center;
}

.vcl-final h2{
    font-size:clamp(36px,3.2vw,50px);
    line-height:1.12;
    margin:0 0 22px;
    max-width:720px;
}

.vcl-final p{
    max-width:700px;
    margin:0 0 28px;
    line-height:1.65;
}

.vcl-final-offer{
    display:grid;
    grid-template-columns:minmax(180px,220px) minmax(300px,1fr);
    gap:26px;
    align-items:end;
    margin-top:6px;
    padding:24px 0 20px;
    border-top:1px solid rgba(255,255,255,.22);
    border-bottom:1px solid rgba(255,255,255,.16);
}

.vcl-final-priceblock{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
}

.vcl-final-priceblock small{
    display:block;
    margin:0;
    font-size:12px;
    line-height:1.3;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:rgba(255,255,255,.70);
}

.vcl-final-priceblock strong{
    display:block;
    margin:0;
    font-family:Georgia,serif;
    font-size:42px;
    line-height:1.05;
    color:#fff;
}

.vcl-final-priceblock span{
    display:block;
    margin-top:5px;
    font-size:14px;
    line-height:1.4;
    color:rgba(255,255,255,.86);
}

.vcl-final-offer .vcl-button{
    margin:0;
    min-height:58px;
    padding:16px 24px;
    border-radius:12px;
    white-space:normal;
    text-align:center;
    line-height:1.35;
}

.vcl-final-safe{
    margin-top:18px;
    font-size:13px;
    line-height:1.5;
    color:rgba(255,255,255,.78);
}

@media(max-width:900px){
    .vcl-final-inner{
        grid-template-columns:1fr;
        gap:34px;
    }
    .vcl-final-offer{
        grid-template-columns:1fr;
        align-items:stretch;
    }
}

@media(max-width:650px){
    .vcl-final{
        padding:58px 0 78px;
    }
    .vcl-final h2{
        font-size:34px;
        line-height:1.12;
    }
    .vcl-final-offer{
        gap:18px;
        padding:20px 0;
    }
    .vcl-final-priceblock strong{
        font-size:38px;
    }
    .vcl-final-safe{
        font-size:12px;
    }
}
