/* WattAtlas demonstration product landing – scoped, no map overlay or global styles */
.wa-demo-page{--wa-ink:#103d33;--wa-muted:#526e63;--wa-sand:#c8aa78;--wa-line:#d8e4df;max-width:1480px;margin:auto;padding:36px clamp(16px,5vw,80px) 88px;color:var(--wa-ink);font-family:inherit}
.wa-demo-page *{box-sizing:border-box}
.wa-demo-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(290px,.9fr);gap:clamp(25px,6vw,90px);align-items:center;padding:clamp(26px,4vw,64px) 0 55px}
.wa-demo-eyebrow,.wa-demo-kicker{font-weight:800;letter-spacing:.15em;font-size:.72rem;color:#376b59}.wa-demo-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#b69b6b;margin-right:7px}
.wa-demo-hero h1{font-size:clamp(2.7rem,5.4vw,5.8rem);line-height:1.06;letter-spacing:-.065em;font-weight:720;margin:25px 0 27px;max-width:13ch}
.wa-demo-hero h1 em{font-style:normal;color:#729385}
.wa-demo-intro>p:not(.wa-demo-disclaimer){font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.7;color:var(--wa-muted);max-width:60ch}
.wa-demo-actions{display:flex;flex-wrap:wrap;gap:12px;margin:31px 0 25px}
.wa-demo-actions a{display:inline-flex;align-items:center;gap:20px;justify-content:space-between;border-radius:9px;padding:15px 20px;text-decoration:none;font-weight:750;font-size:.92rem;min-height:50px;transition:transform .18s,background .18s}
.wa-demo-actions a:hover{transform:translateY(-2px)}.wa-demo-primary{color:white!important;background:#123e33}.wa-demo-primary:hover{background:#245e4e}.wa-demo-secondary{color:#143c32!important;border:1px solid #b4c9bf;background:#fff}.wa-demo-secondary:hover{background:#f2f7f4}
.wa-demo-disclaimer{line-height:1.6;color:#6f766c;font-size:.83rem;max-width:68ch}
.wa-demo-cover{background:#e9f1eb;color:#133d33;aspect-ratio:4/5;min-height:420px;max-width:470px;width:100%;box-shadow:15px 22px 55px rgba(14,57,48,.10);padding:clamp(22px,3vw,40px);position:relative;display:flex;flex-direction:column;justify-content:space-between;border-top:13px solid #123e33;overflow:hidden}
.wa-demo-cover:after{content:"";width:70%;aspect-ratio:1;border:1px solid #c8d9cf;border-radius:50%;position:absolute;right:-18%;top:22%;box-shadow:0 0 0 46px #ffffff39,0 0 0 95px #ffffff29;pointer-events:none}
.wa-demo-cover-top,.wa-demo-cover-foot{display:flex;justify-content:space-between;gap:10px;font-size:.65rem;letter-spacing:.13em;font-weight:850;position:relative;z-index:1}.wa-demo-cover-top span{color:#6b8276}
.wa-demo-cover-title{font-weight:850;font-size:clamp(2.6rem,4.9vw,4.9rem);line-height:.98;letter-spacing:-.07em;position:relative;z-index:1}.wa-demo-cover-title span{color:#7c9c8a}
.wa-demo-cover>p{max-width:25ch;font-size:1rem;line-height:1.5;position:relative;z-index:1}
.wa-demo-cover-metrics{border-top:1px solid #bdd1c5;padding-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;position:relative;z-index:1}.wa-demo-cover-metrics strong{display:block;font-size:clamp(1.3rem,2.2vw,1.9rem)}.wa-demo-cover-metrics span{font-size:.73rem;color:#61786a}.wa-demo-cover-foot{font-size:.55rem;color:#67796f}
.wa-demo-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--wa-line);margin:4px 0 85px;padding:30px 0;gap:16px}.wa-demo-facts>div{padding:0 18px;border-left:2px solid #ddc9a2}.wa-demo-facts strong{display:block;font-size:1.18rem;letter-spacing:-.025em}.wa-demo-facts span{font-size:.78rem;color:var(--wa-muted);line-height:1.5}
.wa-demo-section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}.wa-demo-section-heading h2,.wa-demo-process h2{font-size:clamp(2rem,3.3vw,3.5rem);letter-spacing:-.05em;margin:11px 0}.wa-demo-section-heading p{color:var(--wa-muted);max-width:62ch}.wa-demo-section-heading>a{color:#123e33;font-weight:800;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}
.wa-demo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.wa-demo-chapter{background:#f4f8f6;border:1px solid #e2ece7;border-radius:6px;padding:25px;min-height:295px;display:flex;flex-direction:column}.wa-demo-chapter-no{font-weight:850;color:#ab9468;font-size:.78rem}.wa-demo-chapter h3{font-size:1.25rem;line-height:1.27;letter-spacing:-.035em;margin:18px 0 10px}.wa-demo-chapter p{color:#52695e;font-size:.85rem;line-height:1.65;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.wa-demo-chapter-tail{margin-top:auto;padding-top:20px;font-size:.72rem;font-weight:750;color:#2e6250;display:flex;justify-content:space-between;border-top:1px solid #dce8e2}
.wa-demo-process{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr);gap:50px;margin-top:95px;padding:55px;background:#eaf2ed}.wa-demo-process>div>p{line-height:1.7;color:#48685b;max-width:65ch}.wa-demo-process aside{align-self:center;background:#fff;padding:27px;border-left:3px solid var(--wa-sand)}.wa-demo-process aside strong{font-size:1.15rem}.wa-demo-process aside p{color:var(--wa-muted);line-height:1.6}
@media(max-width:1050px){.wa-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wa-demo-cover-title{font-size:clamp(2.8rem,5.8vw,4.8rem)}}
@media(max-width:760px){.wa-demo-hero{grid-template-columns:1fr;padding-top:18px}.wa-demo-cover{max-width:490px;aspect-ratio:4/4.2;min-height:370px}.wa-demo-hero h1{max-width:18ch}.wa-demo-facts{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:60px}.wa-demo-process{grid-template-columns:1fr;padding:30px 22px;gap:16px}.wa-demo-section-heading{align-items:start;flex-direction:column}}
@media(max-width:530px){.wa-demo-page{padding-inline:17px}.wa-demo-actions a{width:100%}.wa-demo-grid{grid-template-columns:1fr}.wa-demo-chapter{min-height:190px}.wa-demo-facts>div{padding-left:12px}.wa-demo-cover-title{font-size:3.2rem}.wa-demo-cover-foot{font-size:.49rem}}
@media(prefers-reduced-motion:reduce){.wa-demo-actions a{transition:none}.wa-demo-actions a:hover{transform:none}}