.demo-ribbon{background:#087f83;color:white;text-align:center;padding:.45rem 1rem;font-size:.82rem;font-weight:700;letter-spacing:.03em}
.indicators-card{max-width:900px;margin:0 auto;padding:2rem}
.step-card{font:inherit;width:100%;color:inherit}.step-card:focus-visible,.footer-link:focus-visible{outline:3px solid #0d8585;outline-offset:3px}
.hero-content{position:relative;isolation:isolate;width:100%}
.hero-section{position:relative;overflow:hidden;isolation:isolate}
.hero-section::before,.hero-section::after{content:"";position:absolute;top:50%;width:min(31vw,560px);height:250px;background:url('assets/logo.png') center/contain no-repeat;opacity:.15;filter:blur(3px);mix-blend-mode:multiply;pointer-events:none;z-index:-1}
.hero-section::before{left:-2%;transform:translateY(-55%) rotate(-5deg)}
.hero-section::after{right:-2%;transform:translateY(-55%) rotate(5deg)}
.hero-content::before{content:"";position:absolute;top:-55px;bottom:12px;left:-16%;width:132%;background:url('assets/logo.png') center center/100% auto no-repeat;opacity:.045;filter:blur(6px);mix-blend-mode:multiply;mask-image:linear-gradient(to right,transparent 0%,#000 13%,#000 87%,transparent 100%);z-index:-1;pointer-events:none}
.footer-waves{height:120px;line-height:0;overflow:hidden;background:#f1f7f7}.footer-waves svg{display:block;width:100%;height:100%}
.footer-waves path{transform-box:fill-box;transform-origin:center;will-change:transform}
.footer-waves path:nth-child(1){animation:wave-swell-a 7s ease-in-out infinite}
.footer-waves path:nth-child(2){animation:wave-swell-b 9s ease-in-out infinite}
.footer-waves path:nth-child(3){animation:wave-swell-c 11s ease-in-out infinite}
@keyframes wave-swell-a{0%,100%{transform:translate(-5%,7px) scale(1.18,1.05)}50%{transform:translate(5%,-9px) scale(1.18,1.18)}}
@keyframes wave-swell-b{0%,100%{transform:translate(5%,-7px) scale(1.18,1.16)}50%{transform:translate(-5%,9px) scale(1.18,1.05)}}
@keyframes wave-swell-c{0%,100%{transform:translate(-3%,3px) scale(1.12,1.08)}50%{transform:translate(3%,-7px) scale(1.12,1.16)}}
@media(prefers-reduced-motion:reduce){.footer-waves path{animation:none;will-change:auto}}
.site-footer{background:#edf4f9}
.wave-separator{height:90px;line-height:0;overflow:hidden}.wave-separator svg{width:100%;height:100%;display:block;fill:#f1f7f7}
.about-section{background:#f1f7f7;padding-top:18px}.site-footer{border-top:0}
.footer-link{font:inherit;font-size:.825rem;font-weight:600;border:0;background:transparent;padding:.3rem;cursor:pointer}
.modal-open{overflow:hidden}.modal-body h4{color:#1a3648;margin:1.2rem 0 .8rem}.modal-body p{line-height:1.6}
.detail-list{list-style:none;padding:0;margin:0 0 1.5rem}.detail-list li{position:relative;padding-left:1.6rem;margin:.7rem 0;line-height:1.5}.detail-list li::before{content:'✓';position:absolute;left:0;color:#0d6e6e;font-weight:800}
.legal-copy p{margin-bottom:1rem}.legal-copy .btn{margin-top:1rem}
.indicator-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.indicator-heading .card-description{margin:0 0 1rem}
.reference-badge{display:inline-block;background:#e7f4f2;color:#087273;border-radius:30px;padding:.45rem .8rem;font-size:.78rem;font-weight:700;white-space:nowrap}
.indicator-table{margin:1rem 0 1.5rem;border:1px solid #e2e9ee;border-radius:12px;overflow:hidden}
.indicator-table [role=row]{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-bottom:1px solid #e2e9ee}
.indicator-table [role=row]:last-child{border-bottom:0}.indicator-table [role=row]:nth-child(2){background:#f5faf9}
.indicator-table strong{color:#163448;font-size:1.08rem}
.calculator{background:#f3f8f8;border-radius:12px;padding:1.5rem}.calculator h3{color:#18364b;margin:0 0 .4rem}
.calculator p{color:#5c7080;font-size:.9rem}.calculator-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.2rem}
.calculator-grid label{display:block;font-weight:700;color:#253d4b;margin-bottom:.4rem}.calculator-grid input{width:100%;padding:.8rem;border:1px solid #bfcdd3;border-radius:8px;font:inherit;background:white}
.calculator-grid input:focus{outline:2px solid #0b8586;outline-offset:1px}.calc-message{margin:1rem 0 0!important}
.demo-main{padding-top:3.5rem;padding-bottom:5rem;min-height:75vh}
.demo-heading{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem}
.demo-heading h1{font-size:clamp(2rem,4vw,3rem);color:#102439;margin:.3rem 0}
.demo-heading p{color:#596a7a;max-width:680px}
.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.15em;color:#087f83!important}
.demo-pill{background:#d9f4f0;color:#056e70;border-radius:30px;padding:.55rem .9rem;white-space:nowrap;font-weight:700;font-size:.82rem}
.demo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}
.demo-stat,.demo-panel{background:white;border:1px solid #e2e9ee;border-radius:16px;box-shadow:0 8px 30px rgba(15,35,55,.06)}
.demo-stat{padding:1.5rem}.demo-stat span{display:block;color:#687a88;font-size:.9rem}.demo-stat strong{display:block;font-size:1.8rem;color:#122b40;margin-top:.5rem}
.demo-panel{padding:1.6rem}.demo-panel h2{color:#122b40;margin:0}.demo-panel-head p,.demo-note{color:#687a88;font-size:.9rem}
.demo-filter{display:flex;align-items:center;gap:.8rem;margin:1.5rem 0}.demo-filter label{font-weight:700}.demo-filter select{padding:.65rem;border:1px solid #cbd8df;border-radius:8px;min-width:220px;background:white}
.demo-table-wrap{overflow-x:auto}.demo-table{width:100%;border-collapse:collapse;min-width:680px}.demo-table th{text-align:left;background:#f2f7f8;color:#415667;font-size:.85rem}.demo-table th,.demo-table td{padding:.95rem;border-bottom:1px solid #e6edef}.demo-table td{color:#263c4b}.stage-badge{display:inline-block;background:#e6f5f3;color:#096f71;border-radius:20px;padding:.3rem .65rem;font-size:.8rem;font-weight:700}
.demo-note{margin:1.3rem 0 0}.site-header nav a{color:#18364b;text-decoration:none;font-weight:700}
@media(max-width:700px){.demo-heading{display:block}.demo-pill{display:inline-block;margin-top:1rem}.demo-stats{grid-template-columns:1fr}.demo-filter{flex-wrap:wrap}.demo-filter select{flex:1;min-width:150px}.demo-panel{padding:1rem}.indicator-heading{display:block}.reference-badge{margin-bottom:1rem}.indicators-card{padding:1.25rem}.calculator-grid{grid-template-columns:1fr}.hero-section::before,.hero-section::after{display:none}.hero-content::before{top:-15px;bottom:30px;left:-8%;width:116%;opacity:.07;filter:blur(4px)}.footer-waves{height:80px}}