:root{
  --foliar-green:#07371f;
  --foliar-green-2:#0a7d44;
  --foliar-neon:#9cff63;
  --foliar-gold:#dfb957;
  --foliar-ink:#102219;
  --foliar-muted:#69766f;
}
.foliar-page{overflow:hidden}
.foliar-section{position:relative;padding:clamp(74px,8vw,118px) 0}
.foliar-section-light,.foliar-guarantees-section,.foliar-recommendations-section{background:linear-gradient(180deg,#eef4e8,#f8f3e8)}
.foliar-dark-section,.foliar-application-section,.foliar-guidance-section,.foliar-final-section{color:#fff;background:radial-gradient(circle at 85% 12%,rgba(156,255,99,.12),transparent 25%),linear-gradient(135deg,#032716,#064426)}
.foliar-kicker{display:inline-flex;align-items:center;gap:10px;color:#168049;font-size:.68rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.foliar-kicker:before{content:"";width:28px;height:2px;background:var(--foliar-gold)}
.foliar-kicker-light{color:var(--foliar-gold)}
.foliar-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.68fr);align-items:end;gap:clamp(40px,7vw,94px);margin-bottom:38px}
.foliar-heading h2,.foliar-tech-copy h2,.foliar-application-copy h2,.foliar-guidance-copy h2,.foliar-final-copy h2{margin:12px 0 0;color:var(--foliar-ink);font-size:clamp(2.2rem,4vw,4rem);line-height:1.04;letter-spacing:-.05em}
.foliar-dark-section .foliar-tech-copy h2,.foliar-application-copy h2,.foliar-guidance-copy h2,.foliar-final-copy h2{color:#fff}
.foliar-heading p{color:var(--foliar-muted);line-height:1.72}

.foliar-hero{position:relative;overflow:hidden;padding:clamp(76px,8vw,118px) 0 0;color:#fff;background:radial-gradient(circle at 14% 18%,rgba(156,255,99,.11),transparent 27%),linear-gradient(135deg,#032817,#07512d)}
.foliar-orb{position:absolute;top:-210px;right:-200px;width:520px;height:520px;border:1px solid rgba(156,255,99,.09);border-radius:50%}
.foliar-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);align-items:center;gap:clamp(52px,7vw,105px)}
.foliar-hero h1{max-width:12ch;margin:17px 0 0;font-size:clamp(3rem,5.4vw,5.45rem);line-height:.99;letter-spacing:-.06em}
.foliar-hero h1 em{display:block;color:var(--foliar-gold);font-style:normal}
.foliar-hero-lead{max-width:62ch;margin:23px 0 0;color:rgba(255,255,255,.70);font-size:1rem;line-height:1.75}
.foliar-hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}
.foliar-hero-tags span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;color:rgba(255,255,255,.78);background:rgba(255,255,255,.045);border:1px solid rgba(156,255,99,.14);border-radius:999px;font-size:.67rem;font-weight:750}
.foliar-hero-tags svg{width:14px;color:var(--foliar-neon)}

.foliar-main-cta,.foliar-final-button{position:relative;overflow:hidden;display:grid;grid-template-columns:46px minmax(0,1fr) 22px;align-items:center;gap:12px;min-height:68px;padding:10px 16px 10px 11px;color:#fff!important;text-decoration:none;background:linear-gradient(135deg,#08723f,#0b914d);border:1px solid rgba(156,255,99,.43);border-radius:999px;box-shadow:0 18px 36px rgba(0,0,0,.25),0 0 22px rgba(156,255,99,.10);transition:transform .22s ease,box-shadow .22s ease}
.foliar-main-cta{width:fit-content;min-width:365px;margin-top:28px}
.foliar-main-cta:before,.foliar-final-button:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.14) 48%,transparent 74%);transform:translateX(-140%);transition:transform .72s ease}
.foliar-main-cta:hover,.foliar-final-button:hover{transform:translateY(-3px);box-shadow:0 24px 46px rgba(0,0,0,.30),0 0 30px rgba(156,255,99,.18)}
.foliar-main-cta:hover:before,.foliar-final-button:hover:before{transform:translateX(140%)}
.foliar-main-cta__icon,.foliar-final-button__icon{position:relative;z-index:2;width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;color:#07341e;background:linear-gradient(135deg,#f2d777,#ddb454);border-radius:50%;transform:none!important}
.foliar-main-cta__icon svg,.foliar-final-button__icon svg{width:22px;transform:none!important}
.foliar-main-cta>span:nth-child(2),.foliar-final-button>span:nth-child(2){position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start}
.foliar-main-cta small,.foliar-final-button small{color:rgba(200,255,210,.78);font-size:.56rem;font-weight:850;letter-spacing:.10em;text-transform:uppercase}
.foliar-main-cta strong,.foliar-final-button strong{font-size:.92rem}
.foliar-main-cta b,.foliar-final-button b{position:relative;z-index:2;color:var(--foliar-neon);transition:transform .22s ease}
.foliar-main-cta:hover b,.foliar-final-button:hover b{transform:translateX(5px)}

.foliar-hero-visual{position:relative}
.foliar-hero-photo{position:relative;overflow:hidden;aspect-ratio:4/5;margin:0;border:1px solid rgba(156,255,99,.20);border-radius:28px;box-shadow:0 30px 65px rgba(0,0,0,.28)}
.foliar-hero-photo img{width:100%;height:100%;display:block;object-fit:cover}
.foliar-photo-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(1,27,14,.86))}
.foliar-hero-photo figcaption{position:absolute;z-index:2;left:24px;right:24px;bottom:22px}
.foliar-hero-photo figcaption small{display:block;color:var(--foliar-neon);font-size:.58rem;font-weight:850;letter-spacing:.10em;text-transform:uppercase}
.foliar-hero-photo figcaption strong{display:block;margin-top:5px;font-size:.95rem;line-height:1.4}
.foliar-floating-card{position:absolute;padding:14px 16px;background:rgba(2,42,22,.84);border:1px solid rgba(156,255,99,.22);border-radius:16px;backdrop-filter:blur(10px);box-shadow:0 14px 28px rgba(0,0,0,.18)}
.foliar-floating-card strong{display:block}.foliar-floating-card span{display:block;margin-top:4px;color:rgba(255,255,255,.62);font-size:.68rem}
.foliar-floating-card--top{top:28px;right:-28px;max-width:230px}.foliar-floating-card--bottom{left:-36px;bottom:78px;max-width:255px}
.foliar-proof-strip{overflow:hidden;margin-top:42px;border-top:1px solid rgba(255,255,255,.08)}
.foliar-proof-track{display:flex;width:max-content;align-items:center;gap:24px;padding:18px 0;color:rgba(255,255,255,.66);font-size:.67rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;animation:foliarProof 28s linear infinite}
.foliar-proof-track i{width:5px;height:5px;background:var(--foliar-gold);border-radius:50%}
@keyframes foliarProof{to{transform:translateX(-30%)}}

.foliar-benefits-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.foliar-benefit{min-height:245px;padding:22px;background:linear-gradient(145deg,#fff,#edf5e9);border:1px solid rgba(13,102,54,.11);border-radius:20px;box-shadow:0 15px 34px rgba(5,48,25,.07)}
.foliar-benefit__icon{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;color:#118047;background:rgba(156,255,99,.13);border-radius:15px}
.foliar-benefit__icon svg{width:23px}.foliar-benefit h3{margin:22px 0 9px;color:var(--foliar-ink)}.foliar-benefit p{color:var(--foliar-muted);font-size:.77rem;line-height:1.6}

.foliar-tech-grid,.foliar-application-grid,.foliar-guidance-grid,.foliar-final-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.86fr);align-items:center;gap:clamp(52px,7vw,100px)}
.foliar-tech-copy p,.foliar-application-copy p,.foliar-guidance-copy p,.foliar-final-copy p{color:rgba(255,255,255,.64);line-height:1.75}
.foliar-tech-cards,.foliar-application-cards{display:grid;gap:14px}
.foliar-tech-card,.foliar-application-card{padding:22px;background:rgba(255,255,255,.055);border:1px solid rgba(156,255,99,.14);border-radius:19px}
.foliar-tech-card>span,.foliar-application-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--foliar-neon);background:rgba(156,255,99,.08);border-radius:15px}
.foliar-tech-card svg,.foliar-application-card__icon svg{width:23px}
.foliar-tech-card small,.foliar-application-card small{display:block;margin-top:17px;color:var(--foliar-gold);font-size:.58rem;font-weight:850;letter-spacing:.10em;text-transform:uppercase}
.foliar-tech-card strong,.foliar-application-card strong{display:block;margin-top:5px;color:#fff;font-size:1rem}
.foliar-tech-card p,.foliar-application-card p{color:rgba(255,255,255,.58);font-size:.75rem;line-height:1.55}

.foliar-guarantees-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
.foliar-guarantee{padding:20px 12px;text-align:center;background:linear-gradient(145deg,#fff,#edf5e9);border:1px solid rgba(13,102,54,.12);border-radius:18px;box-shadow:0 12px 28px rgba(5,48,25,.07)}
.foliar-guarantee span{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;color:#07341e;background:linear-gradient(135deg,#f2d678,#ddb454);border-radius:13px;font-weight:900}
.foliar-guarantee strong{display:block;margin-top:13px;color:#0d6d3b;font-size:1.1rem}.foliar-guarantee small{display:block;margin-top:3px;color:var(--foliar-muted);font-size:.58rem}

.foliar-application-section{background:radial-gradient(circle at 80% 20%,rgba(156,255,99,.11),transparent 27%),linear-gradient(135deg,#032716,#064426)}

.foliar-table-wrap{overflow:hidden;background:linear-gradient(145deg,#fff,#edf5e9);border:1px solid rgba(13,102,54,.12);border-radius:23px;box-shadow:0 20px 46px rgba(5,48,25,.08)}
.foliar-table{width:100%;border-collapse:collapse}
.foliar-table th,.foliar-table td{padding:16px 17px;text-align:left;border-bottom:1px solid rgba(13,102,54,.08)}
.foliar-table th{color:#315842;background:linear-gradient(135deg,#d9f6c6,#b9ed91);font-size:.58rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.foliar-table td{color:#5f6e66;font-size:.72rem;line-height:1.5}.foliar-table td strong{color:var(--foliar-ink)}
.foliar-table tr:last-child td{border-bottom:0}
.foliar-table-note{margin:0;padding:14px 17px;color:#6d7b73;background:rgba(237,245,233,.72);font-size:.62rem}

.foliar-guidance-panel,.foliar-final-box{position:relative;overflow:hidden;padding:28px;background:radial-gradient(circle at 90% 7%,rgba(156,255,99,.14),transparent 28%),linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border:1px solid rgba(156,255,99,.18);border-radius:25px;box-shadow:0 24px 52px rgba(0,0,0,.20)}
.foliar-guidance-panel:before,.foliar-final-box:before{content:"";position:absolute;top:0;left:28px;right:28px;height:3px;background:linear-gradient(90deg,var(--foliar-gold),var(--foliar-neon))}
.foliar-guidance-panel__icon,.foliar-final-box__icon{width:53px;height:53px;display:flex;align-items:center;justify-content:center;color:#07341e;background:linear-gradient(135deg,#f2d678,#ddb454);border-radius:17px}
.foliar-guidance-panel__icon svg,.foliar-final-box__icon svg{width:25px}.foliar-guidance-panel small{display:block;margin-top:18px;color:var(--foliar-neon);font-size:.59rem;font-weight:850;letter-spacing:.10em;text-transform:uppercase}.foliar-guidance-panel strong{display:block;margin-top:6px;color:#fff;font-size:1rem;line-height:1.5}

.foliar-final-section{padding:clamp(76px,8vw,118px) 0}
.foliar-final-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.foliar-final-tags span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;color:rgba(255,255,255,.75);background:rgba(255,255,255,.045);border:1px solid rgba(156,255,99,.12);border-radius:999px;font-size:.64rem;font-weight:750}
.foliar-final-tags svg{width:13px;color:var(--foliar-neon)}
.foliar-final-box__top{display:grid;grid-template-columns:53px minmax(0,1fr);align-items:center;gap:14px}
.foliar-final-box__top small{color:var(--foliar-neon);font-size:.59rem;font-weight:850;letter-spacing:.10em;text-transform:uppercase}.foliar-final-box__top strong{display:block;margin-top:4px;color:#fff;font-size:1rem}
.foliar-final-box>p{margin:21px 0 0;color:rgba(255,255,255,.62);font-size:.78rem;line-height:1.65}
.foliar-final-button{width:100%;margin-top:20px}

.foliar-reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}
.foliar-reveal.is-visible{opacity:1;transform:none}

@media(max-width:1100px){
  .foliar-hero-grid,.foliar-tech-grid,.foliar-application-grid,.foliar-guidance-grid,.foliar-final-grid{grid-template-columns:1fr}
  .foliar-heading{grid-template-columns:1fr;gap:20px}
  .foliar-hero-visual{max-width:620px}
  .foliar-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .foliar-guarantees-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:760px){
  .foliar-section{padding:64px 0}.foliar-hero{padding-top:64px}
  .foliar-hero h1{font-size:clamp(2.55rem,13vw,4rem)}
  .foliar-heading h2,.foliar-tech-copy h2,.foliar-application-copy h2,.foliar-guidance-copy h2,.foliar-final-copy h2{font-size:clamp(2rem,10vw,3rem)}
  .foliar-hero-grid{gap:36px}.foliar-floating-card{position:static;margin-top:10px}.foliar-main-cta{width:100%;min-width:0}
  .foliar-benefits-grid,.foliar-guarantees-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .foliar-table thead{display:none}
  .foliar-table,.foliar-table tbody,.foliar-table tr,.foliar-table td{display:block;width:100%}
  .foliar-table tr{padding:14px;border-bottom:1px solid rgba(13,102,54,.10)}
  .foliar-table td{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:start;gap:10px;padding:8px 0;border:0}
  .foliar-table td:before{content:attr(data-label);color:#6e7c74;font-size:.56rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
}
@media(prefers-reduced-motion:reduce){
  .foliar-reveal{opacity:1;transform:none;transition:none}
  .foliar-proof-track{animation-play-state:paused}
}
