:root{--blue:#902283;--orange:#f05e71;--ink:#27192f;--muted:#716475;--paper:#fcf9fc;--line:#e7dfe9;--brand-purple:#622382;--magenta:#e60963;--coral:#f65e53}
.logo{letter-spacing:normal;flex-shrink:0}.logo img{width:168px;height:auto;object-fit:contain}.footer-top .logo img{width:195px}.button:hover{background:#701967;border-color:#701967}.header nav a[aria-current=page]{color:var(--blue)}.scene-label{background:#3d153b9c}.hero-scene{background:#311a3d}.closing{background:linear-gradient(120deg,#45165d,#902283 70%,#ab206b)}.closing .eyebrow{color:#f1d8f0}.closing em{color:#ffb2b9}.closing .button:hover{background:white}.experience,.process{background:#f2eaf3}.trust{background:#fff}.trust>div{color:#514454}footer{background:#f4edf4}.butterfly i{border-color:#4b164b}.art-0{background:#f6d9e7;color:#632356}.art-1{background:linear-gradient(135deg,#622382,#a2258b);color:white}.art-2{background:#e8dbef;color:#56276e}.art-3{background:#f9d9d3;color:#632b43}.play-button>span{background:var(--magenta);color:white}.case-banner.art-0{background:linear-gradient(120deg,#f6d9e7,#f7e7ee)}.demo-visual{background:var(--brand-purple)}.archive-photo{background:#f2eaf3}.motion-toggle{color:var(--brand-purple)}
.evidence{background:#fff}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.stat-card{padding:25px 0 0;border-top:2px solid var(--magenta);display:flex;flex-direction:column;align-items:start}.stat-card>strong{font-family:var(--display);font-size:clamp(54px,5.5vw,80px);letter-spacing:-.07em;color:var(--blue);line-height:1.1;font-weight:650}.stat-card>p{font-size:16px;line-height:1.6;color:var(--ink);margin:17px 0;max-width:350px}.stat-card>small{display:block;font-size:11px;line-height:1.7;color:var(--muted);margin-top:auto;max-width:340px}.stat-card>a{display:block;font-size:10px;line-height:1.7;text-decoration:underline;text-underline-offset:3px;color:var(--blue);margin-top:12px}.evidence-note{font-size:11px;max-width:850px;margin-top:30px}.evidence-bottom{display:flex;justify-content:space-between;gap:30px;padding-top:25px;margin-top:30px;border-top:1px solid var(--line);font-size:14px}.evidence-bottom>span{font-weight:550}.evidence-bottom>a{color:var(--blue);font-weight:600}.expanded-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:50px}.methodology{max-width:1000px}.methodology>h2{margin:20px 0 35px}.methodology article{margin:0 0 35px;padding-bottom:30px;border-bottom:1px solid var(--line)}.methodology article h3{font-size:24px;margin-bottom:15px}.methodology article p{margin-bottom:12px;font-size:15px}.methodology article>a{font-size:12px;color:var(--blue);text-decoration:underline}.methodology .source-note{margin-top:35px}.knowledge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.knowledge-card{border:1px solid var(--line);border-radius:10px;padding:30px;display:flex;flex-direction:column;align-items:start;min-height:300px;background:#fff;transition:transform .25s,border-color .25s;position:relative}.knowledge-card:hover{transform:translateY(-4px);border-color:var(--blue)}.knowledge-card .eyebrow{color:var(--blue);font-size:9px}.knowledge-card h3{font-size:26px;line-height:1.17;margin:28px 0 17px}.knowledge-card p{font-size:13px;line-height:1.7;margin-bottom:40px}.knowledge-arrow{position:absolute;right:25px;bottom:20px;color:var(--blue);font-size:24px}.topic-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;margin-top:35px}.topic-links a{display:flex;justify-content:space-between;align-items:center;gap:15px;font-family:var(--display);font-size:22px;font-weight:550;letter-spacing:-.035em;padding:22px 0;border-bottom:1px solid #dccfe0;color:var(--blue)}.topic-links a:hover{color:var(--magenta)}.knowledge-teaser{border-top:1px solid var(--line)}.knowledge-teaser h2{margin-top:20px}.related-projects{background:#f5eff6}.related-projects h2{font-size:38px;margin:20px 0 35px}.related-projects .knowledge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.article-layout{display:grid;grid-template-columns:280px minmax(0,740px);gap:90px;align-items:start}.article-layout aside{position:sticky;top:30px;display:flex;flex-direction:column;gap:17px}.article-layout aside>.eyebrow{margin-bottom:12px}.article-layout aside>a{font-size:12px;line-height:1.7;color:var(--muted)}.article-layout aside>a:hover{color:var(--blue)}.article-layout aside>.text-link{color:var(--blue);margin-top:20px}.article-body>section{padding-bottom:36px;margin-bottom:36px;border-bottom:1px solid var(--line);scroll-margin-top:30px}.article-body h2{font-size:35px;margin-bottom:23px}.article-body p{font-size:16px;line-height:1.9}.article-sources{margin:35px 0}.article-sources h3{font-size:22px;margin-bottom:20px}.article-sources p{font-size:12px;color:var(--blue)}.application-concept{font-size:17px;line-height:1.8;margin-top:25px}.application-note{font-size:14px;margin-top:15px}.savings-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.savings-layout form h2{font-size:34px;margin:20px 0 35px}.savings-layout label{font-size:11px;line-height:1.6}.savings-layout input{font-size:17px;background:white}.savings-result{padding:40px;background:#f0e5f1;border-radius:12px}.savings-result>.eyebrow{margin-bottom:30px}.cost-row{display:flex;justify-content:space-between;gap:25px;padding:20px 0;border-bottom:1px solid #d9c9df;align-items:center}.cost-row>span{font-size:13px;max-width:230px}.cost-row>strong{font-size:24px;white-space:nowrap;font-weight:600;letter-spacing:-1px}.cost-bars{margin:25px 0 35px}.cost-bars>div{margin:20px 0}.cost-bars span{font-size:10px;color:var(--muted)}.cost-bars i{display:block;height:13px;border-radius:2px;background:var(--blue);margin-top:8px;transition:width .25s;min-width:0}.cost-bars>div+div i{background:var(--magenta)}.cost-difference>span{display:block;font-size:12px}.cost-difference>strong{display:block;font-size:60px;letter-spacing:-3px;color:var(--blue);font-family:var(--display);line-height:1.3;margin:12px 0}.cost-difference p{font-size:12px;line-height:1.8}.savings-result .form-note{font-size:10px;margin:25px 0}.savings-result .button{font-size:12px;gap:18px;width:100%}.research-sources p{font-size:14px;margin-bottom:15px}.research-sources a{color:var(--blue)}
@media(max-width:1150px){.logo img{width:145px}.header nav{gap:12px}.stats-grid{gap:24px}.article-layout{grid-template-columns:240px minmax(0,1fr);gap:45px}.knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.savings-layout{gap:30px}.savings-result{padding:30px}.cost-row>strong{font-size:21px}}
@media(max-width:850px){.stats-grid{gap:25px}.stat-card>p{font-size:14px}.stat-card>small{font-size:10px}.evidence-bottom{flex-direction:column;gap:12px}.article-layout{grid-template-columns:1fr;gap:35px}.article-layout aside{position:static;border-bottom:1px solid var(--line);padding-bottom:25px}.article-layout aside>.eyebrow{margin:0}.article-layout aside>a{font-size:13px}.article-layout aside>.text-link{margin-top:0}.savings-layout{grid-template-columns:1fr;gap:35px}.related-projects .knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.logo img{width:132px}.footer-top .logo img{width:185px}.stats-grid,.expanded-stats{grid-template-columns:1fr;gap:32px}.stat-card>strong{font-size:64px}.stat-card>p{font-size:16px;max-width:none}.stat-card>small{font-size:11px}.stat-card>a{font-size:10px}.evidence-note{font-size:10px}.evidence-bottom{font-size:13px}.knowledge-grid,.related-projects .knowledge-grid{grid-template-columns:1fr}.knowledge-card{min-height:270px;padding:26px}.knowledge-card h3{font-size:27px}.topic-links{grid-template-columns:1fr;margin-top:25px}.topic-links a{font-size:21px}.related-projects h2{font-size:33px}.article-body h2{font-size:29px}.article-body p{font-size:15px}.application-concept{font-size:15px}.savings-layout form h2{font-size:32px}.savings-layout .form-pair{grid-template-columns:1fr 1fr;gap:0 16px}.savings-layout label{font-size:10px}.savings-layout input{padding:12px 10px;font-size:16px}.savings-result{padding:25px 20px}.cost-row{gap:15px}.cost-row>span{font-size:12px;max-width:170px}.cost-row>strong{font-size:20px}.cost-difference>strong{font-size:51px}.savings-result .button{font-size:11px}.methodology article h3{font-size:23px}.methodology article p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.cost-bars i,.knowledge-card{transition:none}}