:root { --forest:#073d2b; --forest-deep:#052d21; --lime:#c9f56a; --cream:#f7f3e8; --ink:#10251d; --coral:#ff765f; --font-geist:Arial; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:var(--font-geist),Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
.demo-shellbar { min-height:42px; padding:8px clamp(16px,4vw,64px); display:flex; justify-content:space-between; align-items:center; gap:20px; background:#101c23; color:white; font:700 10px Arial,sans-serif; letter-spacing:.1em; text-transform:uppercase; }
.demo-shellbar a { display:flex; align-items:center; gap:9px; color:#ff604c; }
.demo-shellbar span { color:#8fa1a8; }
.announcement { min-height:34px; padding:7px clamp(20px,4vw,64px); display:flex; justify-content:space-between; gap:24px; background:var(--forest-deep); color:#e8f5d1; font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.announcement__detail { color:#afc4b7; }
.site-header { height:86px; padding:0 clamp(20px,4vw,64px); display:grid; grid-template-columns:1fr auto 1fr; align-items:center; border-bottom:1px solid rgba(7,61,43,.14); background:rgba(247,243,232,.9); backdrop-filter:blur(16px); position:relative; z-index:10; }
.brand img { width:168px; height:58px; object-fit:contain; mix-blend-mode:multiply; }
.desktop-nav { display:flex; gap:clamp(22px,3vw,44px); font-size:14px; font-weight:650; }
.desktop-nav a { transition:color .2s ease; }
.desktop-nav a:hover { color:#398353; }
.site-header>.button { justify-self:end; }
.button { min-height:54px; padding:0 23px; display:inline-flex; align-items:center; justify-content:center; gap:28px; border-radius:999px; background:var(--forest); color:white; font-weight:750; box-shadow:0 8px 24px rgba(7,61,43,.16); transition:transform .2s ease,background .2s ease; }
.button:hover { transform:translateY(-2px); background:#0b5038; }
.button--small { min-height:44px; padding:0 18px; gap:16px; font-size:13px; }
.hero { min-height:calc(100vh - 120px); padding:clamp(52px,7vw,106px) clamp(20px,6vw,96px) clamp(56px,7vw,92px); display:grid; grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr); gap:clamp(44px,7vw,110px); align-items:center; overflow:hidden; position:relative; }
.hero::before { content:''; width:460px; height:460px; position:absolute; left:-270px; top:18%; border:1px solid rgba(7,61,43,.13); border-radius:50%; box-shadow:0 0 0 70px rgba(7,61,43,.025),0 0 0 140px rgba(7,61,43,.018); pointer-events:none; }
.hero__copy { position:relative; z-index:1; }
.eyebrow { margin:0 0 25px; display:flex; align-items:center; gap:10px; color:#3e6b58; font-size:12px; font-weight:750; letter-spacing:.14em; text-transform:uppercase; }
.eyebrow span { width:28px; height:2px; background:var(--coral); }
h1 { max-width:760px; margin:0; color:var(--forest-deep); font-size:clamp(54px,6.1vw,96px); line-height:.92; letter-spacing:-.065em; font-weight:760; }
h1 em { color:var(--coral); font-family:Georgia,'Times New Roman',serif; font-weight:400; }
.hero__lead { max-width:610px; margin:30px 0 0; color:#496158; font-size:clamp(16px,1.4vw,19px); line-height:1.62; }
.hero__actions { margin-top:35px; display:flex; align-items:center; gap:28px; flex-wrap:wrap; }
.text-link { padding:10px 0 7px; display:inline-flex; align-items:center; gap:20px; border-bottom:1px solid rgba(7,61,43,.35); font-size:14px; font-weight:750; }
.hero__proof { margin-top:54px; padding-top:24px; display:grid; grid-template-columns:repeat(3,1fr); gap:22px; border-top:1px solid rgba(7,61,43,.14); }
.hero__proof div { display:flex; flex-direction:column; gap:4px; }
.hero__proof strong { color:var(--forest); font-size:clamp(22px,2vw,29px); letter-spacing:-.04em; }
.hero__proof span { color:#6a7a73; font-size:11px; letter-spacing:.04em; text-transform:uppercase; }
.hero__visual { position:relative; }
.hero__image-wrap { aspect-ratio:4/3; border-radius:220px 220px 28px 28px; overflow:hidden; position:relative; background:#dbe4d6; box-shadow:0 34px 80px rgba(12,46,34,.18); }
.hero__image-wrap::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 55%,rgba(3,28,19,.42)); }
.hero__image-wrap>img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; object-position:center; }
.image-tag { position:absolute; z-index:2; display:flex; align-items:center; border:1px solid rgba(255,255,255,.65); background:rgba(247,243,232,.9); backdrop-filter:blur(12px); color:var(--forest-deep); box-shadow:0 12px 30px rgba(0,0,0,.12); }
.image-tag--bottom { left:28px; bottom:28px; padding:15px 20px; border-radius:16px; flex-direction:column; align-items:flex-start; }
.image-tag--bottom small { color:#688077; font-size:9px; letter-spacing:.15em; }
.image-tag--bottom strong { margin-top:2px; font-size:17px; }
.visual-note { width:200px; margin:17px 8px 0 auto; color:#63746c; font-size:12px; line-height:1.45; text-align:right; }
.trust-ribbon { min-height:64px; padding:16px clamp(20px,5vw,76px); display:flex; justify-content:space-between; align-items:center; gap:18px; overflow:hidden; background:var(--lime); color:var(--forest-deep); font-size:13px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap; }
.trust-ribbon i { color:#6b8c3d; font-style:normal; }
.section { padding:clamp(88px,10vw,150px) clamp(20px,6vw,96px); }
.section-heading { margin-bottom:clamp(45px,6vw,80px); }
.section-heading h2,.earnings h2,.trust h2,.faq h2,.final-cta h2 { margin:0; color:var(--forest-deep); font-size:clamp(42px,5vw,75px); line-height:1; letter-spacing:-.055em; }
.section-heading h2 em,.earnings h2 em,.trust h2 em,.faq h2 em,.final-cta h2 em { color:var(--coral); font-family:Georgia,'Times New Roman',serif; font-weight:400; }
.section-heading--split { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr); gap:8vw; align-items:end; }
.section-heading--split>p,.catalog-intro>p { margin:0; color:#64766e; font-size:16px; line-height:1.65; }
.section-heading--center { max-width:780px; margin-inline:auto; text-align:center; }
.section-heading--center .eyebrow { justify-content:center; }
.section-heading--center>p:last-child { color:#698078; }

.benefits { background:#fffdf7; }
.benefit-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #cfdbd4; border-left:1px solid #cfdbd4; }
.benefit-card { min-height:330px; padding:26px clamp(22px,2.2vw,34px); display:flex; flex-direction:column; border-right:1px solid #cfdbd4; border-bottom:1px solid #cfdbd4; transition:background .25s ease,transform .25s ease; }
.benefit-card:hover { background:#ecf5dc; transform:translateY(-5px); }
.benefit-card>span { color:#81928b; font-size:11px; letter-spacing:.12em; }
.benefit-card__icon { width:46px; height:46px; margin:55px 0 28px; display:grid; place-items:center; border:1px solid #adc1b7; border-radius:50%; color:var(--coral); }
.benefit-card h3 { margin:0 0 13px; color:var(--forest-deep); font-size:23px; letter-spacing:-.035em; }
.benefit-card p { margin:0; color:#64766e; font-size:14px; line-height:1.6; }

.process { background:var(--forest-deep); color:white; }
.process .section-heading h2,.process .section-heading>p:last-child { color:white; }
.process .eyebrow { color:#b6d0c3; }
.process-list { max-width:1150px; margin:0 auto; padding:0; display:grid; grid-template-columns:repeat(5,1fr); list-style:none; }
.process-list li { min-height:220px; padding:0 28px; position:relative; border-left:1px solid rgba(255,255,255,.16); }
.process-list li:last-child { border-right:1px solid rgba(255,255,255,.16); }
.step-number { color:var(--lime); font-size:12px; letter-spacing:.15em; }
.process-list h3 { margin:57px 0 13px; font-size:25px; }
.process-list p { margin:0; color:#aec2b8; font-size:13px; line-height:1.55; }
.step-arrow { width:30px; height:30px; display:grid; place-items:center; position:absolute; right:-15px; top:37px; z-index:2; border-radius:50%; background:var(--lime); color:var(--forest-deep); }
.process-action { margin-top:70px; display:flex; justify-content:center; align-items:center; gap:25px; }
.process-action>span { color:#9fb5aa; font-size:11px; }
.button--light { background:white; color:var(--forest-deep); }

.catalog { background:var(--cream); }
.catalog #catalogo { scroll-margin-top:14px; }
.catalog-intro .text-link { margin-top:18px; }
.catalog-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }
.catalog-card { min-height:355px; display:grid; grid-template-columns:1.1fr .9fr; overflow:hidden; border-radius:24px; }
.catalog-card--coral { background:#f28a73; }.catalog-card--cream { background:#e8ddc7; }.catalog-card--lime { background:var(--lime); }.catalog-card--mint { background:#bcd8c3; }
.catalog-card__media { min-height:355px; position:relative; overflow:hidden; }
.catalog-card__media img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; transition:transform .5s ease; }
.catalog-card:hover .catalog-card__media img { transform:scale(1.045); }
.catalog-card__media>span { width:38px; height:38px; display:grid; place-items:center; position:absolute; top:18px; left:18px; border-radius:50%; background:rgba(247,243,232,.88); font-size:11px; }
.catalog-card__copy { padding:34px 28px; display:flex; flex-direction:column; position:relative; }
.catalog-card__copy h3 { margin:auto 0 9px; font-size:clamp(26px,2.5vw,39px); line-height:1; letter-spacing:-.045em; }
.catalog-card__copy>span { max-width:180px; font-size:12px; line-height:1.45; }
.catalog-card__copy>a { width:42px; height:42px; display:grid; place-items:center; position:absolute; right:22px; bottom:22px; border:1px solid rgba(5,45,33,.35); border-radius:50%; }
.catalog-note { margin:22px 0 0; color:#6c7b75; font-size:11px; }.catalog-note span { color:#49a769; }

.earnings { display:grid; grid-template-columns:1fr minmax(390px,.78fr); gap:clamp(60px,10vw,160px); align-items:center; background:#fffdf7; }
.earnings__copy>p:not(.eyebrow) { max-width:620px; margin:28px 0; color:#60736a; font-size:17px; line-height:1.65; }
.earnings ul { padding:0; display:grid; gap:13px; list-style:none; font-size:14px; font-weight:650; }.earnings li span { margin-right:10px; color:#56a16d; }
.margin-card { padding:34px; border-radius:26px; background:var(--forest); color:white; box-shadow:20px 24px 0 #d9ecae; }
.margin-card__head { padding-bottom:27px; display:flex; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,.16); color:#b9cfc4; font-size:9px; font-weight:800; letter-spacing:.13em; }
.status-dot { color:var(--lime); }.margin-row { padding:21px 0; display:flex; justify-content:space-between; color:#ccdad3; font-size:13px; }.margin-row strong { color:white; font-size:19px; }.margin-divider { border-top:1px dashed rgba(255,255,255,.3); }
.margin-result { padding:27px 0 22px; display:grid; grid-template-columns:1fr auto; align-items:end; }.margin-result span { font-size:13px; }.margin-result strong { color:var(--lime); font-size:46px; letter-spacing:-.05em; }.margin-result small { grid-column:2; color:#b7cabe; text-align:right; }
.margin-card>p { margin:10px 0 0; color:#9ab1a5; font-size:9px; line-height:1.5; }

.trust { display:grid; grid-template-columns:minmax(340px,.8fr) 1.2fr; gap:clamp(50px,8vw,120px); background:var(--forest-deep); color:white; }
.trust__image { min-height:700px; position:relative; overflow:hidden; border-radius:220px 220px 18px 18px; }.trust__image img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; }.trust__image::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.6)); }.trust__image span { position:absolute; left:28px; bottom:24px; z-index:2; font-size:9px; letter-spacing:.13em; }
.trust h2 { color:white; }.trust__copy>p:not(.eyebrow) { max-width:630px; color:#abc0b6; line-height:1.65; }.trust-points { margin:45px 0; display:grid; grid-template-columns:1fr 1fr; border-top:1px solid rgba(255,255,255,.18); border-left:1px solid rgba(255,255,255,.18); }.trust-points>div { min-height:170px; padding:22px; border-right:1px solid rgba(255,255,255,.18); border-bottom:1px solid rgba(255,255,255,.18); }.trust-points span { color:var(--lime); font-size:10px; }.trust-points h3 { margin:25px 0 8px; font-size:18px; }.trust-points p { margin:0; color:#9fb6aa; font-size:12px; line-height:1.5; }.button--lime { background:var(--lime); color:var(--forest-deep); }

.proof { background:#f4eddf; }.proof blockquote { max-width:1000px; margin:0 auto; text-align:center; }.quote-mark { color:var(--coral); font-family:Georgia,serif; font-size:100px; line-height:.5; }.proof blockquote>p { margin:20px 0 30px; color:var(--forest-deep); font-family:Georgia,serif; font-size:clamp(25px,3vw,40px); line-height:1.35; }.proof blockquote footer { display:flex; flex-direction:column; gap:5px; }.proof blockquote footer span { color:#75837c; font-size:11px; }.affiliate-strip { margin-top:80px; padding:26px 0; display:flex; justify-content:center; gap:34px; border-top:1px solid #cbd3c8; border-bottom:1px solid #cbd3c8; font-size:12px; text-transform:uppercase; }.affiliate-strip>span { color:#718079; }.affiliate-strip i { color:var(--coral); }

.faq { display:grid; grid-template-columns:.72fr 1.28fr; gap:clamp(60px,9vw,140px); background:#fffdf7; }.faq__intro { align-self:start; position:sticky; top:40px; }.faq__intro>p:not(.eyebrow) { color:#687b72; }.faq__list { border-top:1px solid #bdcbc4; }.faq details { border-bottom:1px solid #bdcbc4; }.faq summary { padding:27px 0; display:grid; grid-template-columns:42px 1fr auto; gap:16px; align-items:center; cursor:pointer; color:var(--forest-deep); font-size:17px; font-weight:700; list-style:none; }.faq summary::-webkit-details-marker { display:none; }.faq summary>span { color:#7e9087; font-size:10px; }.faq summary i { font-style:normal; font-size:24px; transition:transform .2s ease; }.faq details[open] summary i { transform:rotate(45deg); }.faq details>p { margin:0; padding:0 45px 28px 58px; color:#61746a; font-size:14px; line-height:1.65; }

.final-cta { padding:clamp(80px,9vw,135px) clamp(20px,7vw,110px); display:grid; grid-template-columns:1fr minmax(390px,.85fr); gap:clamp(60px,9vw,140px); background:var(--lime); }.final-cta__copy>p:not(.eyebrow) { max-width:610px; font-size:17px; line-height:1.65; }.contact-mini { margin-top:45px; display:flex; flex-direction:column; gap:8px; }.contact-mini span { font-size:11px; }.contact-mini a { width:max-content; font-weight:800; border-bottom:1px solid var(--forest); }
.affiliate-form { padding:34px; display:flex; flex-direction:column; gap:19px; border-radius:24px; background:#fffdf7; box-shadow:0 26px 60px rgba(7,61,43,.16); }.form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }.affiliate-form label { display:flex; flex-direction:column; gap:7px; font-size:11px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }.affiliate-form input { width:100%; height:48px; padding:0 14px; border:1px solid #cbd4cc; border-radius:9px; background:white; color:var(--ink); font:inherit; text-transform:none; }.affiliate-form input:focus { outline:2px solid var(--forest); outline-offset:2px; }.affiliate-form .checkbox { flex-direction:row; align-items:flex-start; color:#65776f; font-size:9px; font-weight:500; line-height:1.4; text-transform:none; }.affiliate-form .checkbox input { width:16px; height:16px; }.button--coral { width:100%; border:0; background:var(--coral); color:var(--forest-deep); cursor:pointer; }.affiliate-form>small { color:#78877f; text-align:center; font-size:9px; }

.site-footer { padding:75px clamp(20px,6vw,96px) 25px; display:grid; grid-template-columns:1.6fr repeat(3,1fr); gap:55px; background:#04271d; color:white; }.footer-brand img { width:210px; height:90px; object-fit:contain; object-position:left center; }.footer-brand p { max-width:340px; color:#9db3a8; font-size:13px; line-height:1.6; }.site-footer>div:not(.footer-brand):not(.footer-bottom) { display:flex; flex-direction:column; gap:13px; }.site-footer h3 { margin:0 0 12px; color:#d5f295; font-size:11px; letter-spacing:.13em; text-transform:uppercase; }.site-footer a,.site-footer span { color:#a8bbb2; font-size:12px; }.site-footer a:hover { color:white; }.footer-bottom { grid-column:1/-1; padding-top:24px; display:flex; justify-content:space-between; border-top:1px solid rgba(255,255,255,.12); }
@media(max-width:1000px){ .benefit-grid{grid-template-columns:1fr 1fr}.process-list{grid-template-columns:1fr}.process-list li{min-height:140px;padding:25px 30px;display:grid;grid-template-columns:55px 1fr;border-right:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}.process-list h3{margin:0 0 8px}.step-arrow{display:none}.earnings,.trust,.final-cta{grid-template-columns:1fr}.trust__image{min-height:580px}.site-footer{grid-template-columns:1.5fr 1fr 1fr}.site-footer>div:nth-child(4){grid-column:2}.faq{grid-template-columns:1fr}.faq__intro{position:static} }
@media(max-width:900px){ .announcement__detail,.desktop-nav{display:none}.announcement{justify-content:center}.site-header{grid-template-columns:1fr auto}.hero{grid-template-columns:1fr;padding-top:56px}.hero__copy{max-width:720px}.trust-ribbon{justify-content:flex-start}.section-heading--split{grid-template-columns:1fr;gap:25px}.catalog-grid{grid-template-columns:1fr}.affiliate-strip{justify-content:flex-start;overflow-x:auto}.site-footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.site-footer>div:nth-child(4){grid-column:auto} }
@media(max-width:560px){ .site-header{height:74px;padding-inline:16px}.brand img{width:120px;height:48px}.button--small{min-height:40px;padding-inline:14px;font-size:12px}.hero{padding:44px 18px 56px;gap:44px}h1{font-size:clamp(48px,15vw,68px)}.hero__lead{margin-top:24px}.hero__actions{align-items:stretch;flex-direction:column}.hero__actions .button{width:100%}.text-link{align-self:flex-start}.hero__proof{margin-top:42px;grid-template-columns:1fr 1fr}.hero__proof div:last-child{grid-column:1/-1}.hero__image-wrap{border-radius:160px 160px 24px 24px}.trust-ribbon{min-height:auto;padding:16px 18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 14px;white-space:normal;text-align:center;font-size:10px;line-height:1.3;overflow-wrap:anywhere}.trust-ribbon i{display:none}.benefit-grid{grid-template-columns:1fr}.benefit-card{min-height:270px}.process-action{align-items:stretch;flex-direction:column;text-align:center}.catalog-card{grid-template-columns:1fr;min-height:520px}.catalog-card__media{min-height:300px}.catalog-card__copy{min-height:220px}.margin-card{padding:25px;box-shadow:10px 13px 0 #d9ecae}.margin-result strong{font-size:38px}.trust-points{grid-template-columns:1fr}.proof blockquote>p{font-size:25px}.affiliate-strip{margin-top:56px;padding:24px 0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 18px;overflow:visible;overflow-wrap:anywhere;text-align:center;line-height:1.35}.affiliate-strip i{display:none}.affiliate-strip>span:first-child,.affiliate-strip>span:last-child{grid-column:1/-1}.form-row{grid-template-columns:1fr}.affiliate-form{padding:24px}.site-footer{grid-template-columns:1fr}.footer-brand,.footer-bottom{grid-column:1}.footer-bottom{flex-direction:column;gap:9px}.trust__image{min-height:480px} }
@media(prefers-reduced-motion:reduce){ html{scroll-behavior:auto}*{transition:none!important} }

.subpage { min-height:100vh; background:#fffdf7; }
.subpage-header { height:88px; padding:0 clamp(20px,6vw,96px); display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #d4ded7; }.subpage-header img { width:155px; height:60px; object-fit:contain; mix-blend-mode:multiply; }.subpage-header nav { display:flex; align-items:center; gap:35px; font-size:13px; font-weight:700; }
.subpage-hero { padding:clamp(80px,11vw,160px) clamp(20px,8vw,130px) 90px; background:var(--cream); }.subpage-hero h1 { max-width:1050px; }.subpage-hero>p:last-child { max-width:750px; margin:32px 0 0; color:#60736a; font-size:18px; line-height:1.65; }
.subpage-grid { padding:0 clamp(20px,8vw,130px) 120px; display:grid; grid-template-columns:repeat(3,1fr); background:var(--cream); }.subpage-grid article { min-height:300px; padding:32px; border:1px solid #cbd7d0; border-right:0; }.subpage-grid article:last-child { border-right:1px solid #cbd7d0; }.subpage-grid article>span { color:var(--coral); font-size:10px; }.subpage-grid h2 { margin:80px 0 15px; font-size:25px; letter-spacing:-.035em; }.subpage-grid p { color:#64766e; font-size:14px; line-height:1.65; }
.subpage-cta { padding:90px clamp(20px,8vw,130px); display:flex; justify-content:space-between; align-items:center; gap:40px; background:var(--lime); }.subpage-cta h2 { margin:0; color:var(--forest-deep); font-size:clamp(34px,4vw,58px); letter-spacing:-.05em; }.subpage-cta>div { display:flex; align-items:center; gap:28px; }.subpage-footer { padding:30px clamp(20px,6vw,96px); display:flex; gap:30px; background:#04271d; color:#aac0b5; font-size:11px; }.subpage-footer span { margin-right:auto; }
@media(max-width:760px){ .subpage-header nav>a:not(.button){display:none}.subpage-grid{grid-template-columns:1fr}.subpage-grid article,.subpage-grid article:last-child{min-height:230px;border-right:1px solid #cbd7d0;border-bottom:0}.subpage-grid article:last-child{border-bottom:1px solid #cbd7d0}.subpage-grid h2{margin-top:45px}.subpage-cta{align-items:flex-start;flex-direction:column}.subpage-cta>div{align-items:stretch;flex-direction:column}.subpage-footer{flex-wrap:wrap}.subpage-footer span{width:100%} }