/* ECO V5: single visual layer, scoped to landing and its new sections */
:root{--bg:#f7f4eb;--bg-alt:#edf0e5;--surface:#fffdf6;--surface-2:#f1f3ec;--ink:#302d25;--ink-2:#596557;--ink-3:#5c6a5b;--hairline:#d9dfd4;--hairline-soft:#e5e8de;--accent:#4d6542;--accent-press:#293d30;--accent-tint:rgba(77,101,66,.12);--accent-2:#4d6542;--accent-2-press:#293d30;--accent-2-tint:rgba(77,101,66,.12);--on-accent:#fffdf6;--nav-bg:rgba(247,244,235,.9);--eco5-green:#293d30}
body{background:#f7f4eb;color:#302d25} nav{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.hero{position:relative;isolation:isolate}.hero:before{content:'';position:absolute;inset:0 0 0 auto;width:65%;z-index:-1;background:radial-gradient(ellipse at 70% 35%,#e4ecdf,transparent 68%);pointer-events:none}
.hero h1{letter-spacing:-.045em;text-wrap:balance}.hero h1 em{color:#4d6542}.hero-device-wrap{filter:drop-shadow(0 24px 35px rgba(41,61,48,.09))}
.btn,.question-card,.family-card,.step,.product-window,.device{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease}.btn:hover{transform:translateY(-2px)}.question-card:hover,.family-card:hover,.step:hover{transform:translateY(-4px)}
.eco5-feature,.eco5-book,.eco5-tree{position:relative;overflow:hidden;isolation:isolate}
.eco5-feature{padding:clamp(64px,9vw,138px) 0;background:#f6f5ed;border-top:1px solid #d8dfd1;scroll-margin-top:75px}
.eco5-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,6vw,84px);align-items:center}
.eco5-grid.reverse{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.eco5-overline{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:750;color:#4d6542;margin:0 0 18px}
.eco5-copy h2{font:600 clamp(2.35rem,4.9vw,4.45rem)/1.04 'Source Serif 4',Georgia,serif;letter-spacing:-.043em;color:#293d30;max-width:600px;margin:0 0 22px;text-wrap:balance}
.eco5-copy>p:not(.eco5-overline){font-size:clamp(1rem,1.65vw,1.12rem);line-height:1.65;color:#5c675a;max-width:485px;margin:0 0 24px}
.eco5-caption{font-size:.8rem;color:#6a776a;text-align:center;margin:16px 0 0}
.eco5-stage{min-height:370px;background:linear-gradient(130deg,#e9eee3,#f9f8f2);border:1px solid #d9dfd2;border-radius:32px;padding:clamp(20px,3vw,42px);box-shadow:0 24px 70px rgba(41,61,48,.085);display:grid;place-items:center}
.eco5-book{background:#f8f7ef}.eco5-book .eco5-stage{background:radial-gradient(ellipse at 60% 60%,#e5e6d8,#f3f0e6 72%)}
.eco5-openbook{display:grid;grid-template-columns:1fr 1fr;width:min(100%,630px);min-height:290px;filter:drop-shadow(0 22px 22px rgba(37,43,34,.15));transform:perspective(850px) rotateX(4deg)}
.eco5-page{background:#fffdf6;padding:clamp(18px,2.5vw,35px);border:1px solid #deded1;display:flex;flex-direction:column;justify-content:center;min-width:0}.eco5-page:first-child{border-radius:11px 2px 2px 12px;box-shadow:inset -12px 0 25px rgba(77,72,54,.065)}.eco5-page:last-child{border-radius:2px 11px 12px 2px;box-shadow:inset 12px 0 25px rgba(77,72,54,.055)}
.eco5-page small{letter-spacing:.15em;text-transform:uppercase;color:#667862;font-size:.65rem}.eco5-page h3{font:600 clamp(1.3rem,2.5vw,2rem)/1.16 'Source Serif 4',Georgia,serif;color:#293d30;margin:18px 0}.eco5-page p{font:italic clamp(.82rem,1.4vw,1rem)/1.55 'Source Serif 4',Georgia,serif;color:#596757;margin:0}
.eco5-photo{height:175px;border-radius:7px;background:linear-gradient(160deg,#a4b0a0,#6f8271 55%,#374c40);display:flex;align-items:center;justify-content:center;gap:12px}.eco5-photo span{width:52px;height:65px;border-radius:28px 28px 13px 13px;background:#e6dbcc;box-shadow:0 -29px 0 -11px #6b5447,0 8px 0 #c3af99;opacity:.85}.eco5-photo span+span{transform:scale(.88);opacity:.7}.eco5-audio{display:flex;align-items:center;gap:9px;color:#4d6542;font-size:.78rem;margin-top:20px}.eco5-play{width:30px;height:30px;display:grid;place-items:center;background:#4d6542;color:white;border-radius:100%}.eco5-wave{height:20px;flex:1;background:repeating-linear-gradient(90deg,#93aa8f 0 2px,transparent 2px 8px);mask-image:linear-gradient(0deg,transparent 6%,#000 22%,#000 78%,transparent 94%);opacity:.7}
.eco5-tree{background:#fffdf6}.eco5-family-card{width:min(100%,580px);background:white;border:1px solid #d7dfd2;border-radius:24px;padding:clamp(20px,3vw,35px);box-shadow:0 14px 36px rgba(41,61,48,.075)}
.eco5-family-head{display:flex;justify-content:space-between;align-items:center;color:#293d30;font-family:'Source Serif 4',Georgia,serif;font-size:1.3rem;margin-bottom:25px}.eco5-tag{font-family:'Atkinson Hyperlegible',sans-serif;font-size:.72rem;color:#4d6542;background:#edf0e5;border-radius:99px;padding:6px 11px}
.eco5-relatives{display:flex;justify-content:center;gap:14px}.eco5-relative{border:1px solid #d8dfd0;background:#f9faf6;border-radius:14px;display:flex;align-items:center;gap:10px;padding:11px;flex:1;max-width:210px}.eco5-relative strong{font-size:.9rem;line-height:1.1;color:#293d30}.eco5-relative small{display:block;font-size:.72rem;color:#657565}.eco5-avatar{height:42px;width:42px;min-width:42px;border-radius:50%;background:#e2eadd;display:grid;place-items:center;color:#293d30;font-family:Georgia,serif;font-weight:bold}.eco5-connect{height:46px;position:relative;width:68%;margin:auto;border-bottom:2px solid #9cba93}.eco5-connect:before,.eco5-connect:after{content:'';position:absolute;height:46px;width:2px;background:#9cba93;top:0}.eco5-connect:before{left:25%}.eco5-connect:after{right:25%}.eco5-you{margin:28px auto 0;max-width:205px;background:#edf0e5;border-color:#a3b79e}.eco5-branches{margin:21px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.eco5-branches span{border-radius:100px;background:#f4f5ee;color:#536a4f;padding:6px 13px;font-size:.74rem}
.eco5-ai{padding:clamp(54px,8vw,95px) 0;background:#293d30;color:#fffdf6}.eco5-ai .eco5-copy h2{color:#fffdf6}.eco5-ai .eco5-copy>p:not(.eco5-overline){color:#d8e1d5}.eco5-ai .eco5-overline{color:#bfd2b7}.eco5-ai-card{background:#fffdf6;color:#293d30;border-radius:24px;padding:clamp(20px,4vw,36px);max-width:570px;box-shadow:0 28px 65px rgba(0,0,0,.19)}.eco5-ai-chip{font-size:.73rem;font-weight:700;color:#4d6542;text-transform:uppercase;letter-spacing:.1em}.eco5-ai-card blockquote{font:italic 1.4rem/1.38 'Source Serif 4',Georgia,serif;margin:22px 0;color:#293d30}.eco5-proposal{border:1px solid #dbe3d5;background:#edf0e5;border-radius:13px;padding:16px;color:#3a5740;font-size:.9rem}.eco5-check{display:flex;align-items:center;gap:7px;margin-top:14px;font-size:.82rem;color:#667565}
.eco5-motion{transition:transform .6s cubic-bezier(.2,.8,.2,1)}.eco5-feature.is-visible .eco5-motion{transform:translateY(0)}
.eco5-feature:not(.is-visible) .eco5-motion{transform:translateY(28px)}
@media(min-width:960px){.eco5-stage{min-height:435px}.eco5-grid .eco5-copy{position:relative}}
@media(max-width:760px){.eco5-grid,.eco5-grid.reverse{grid-template-columns:1fr}.eco5-grid.reverse .eco5-stage{order:2}.eco5-stage{min-height:310px;padding:18px}.eco5-feature{padding:66px 0}.eco5-copy h2{font-size:clamp(2rem,9vw,3.2rem)}.eco5-page{padding:15px}.eco5-openbook{min-height:235px}.eco5-photo{height:130px}.eco5-ai .eco5-stage{order:2}.eco5-relative{gap:7px;padding:8px}.eco5-avatar{width:34px;min-width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.btn,.question-card,.family-card,.step,.product-window,.device,.eco5-motion{transition:none!important;transform:none!important}}