/* Content-preserving finish across all original pages and subpages. */
:root{--text:#172c2b;--border:#dce5dd;--card:#fff;--green:#087f73;--cyan:#14b8a6;--navy:#102f2d;--gradient:linear-gradient(135deg,#087f73,#14b8a6)}
.topbar{background:#102f2d;color:#d7e9df}.topbar .container{height:30px}.navlinks{gap:15px;font-size:12px}.navlinks .btn-small{padding:10px 13px}.nav{gap:20px}.brand{flex-shrink:0}.dropdown-menu{top:100%;z-index:90;background:#fff;border-color:#dce5dd;padding:10px}.dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;transform:none}.dropdown-menu a:hover{background:#e7f4ed;color:#176350}.hero-panel{background:linear-gradient(145deg,#113e37,#102f2d);color:#f7fbf5;border:1px solid #42756a;padding:34px;border-radius:24px;box-shadow:14px 17px 0 #d6e6da,0 24px 55px #183e3917;transform:perspective(1200px) rotateY(-5deg) rotateX(2deg)}.hero-panel h2{font-size:38px;line-height:1.13;letter-spacing:-1.5px;margin:30px 0 18px}.hero-panel p{font-size:14px;color:#c9ddd2}.hero-panel .panel-top{font-size:10px;letter-spacing:1px;color:#ffb3a0}.hero-panel .panel-top span:last-child{font-size:30px}.hero-panel .metric-grid{gap:14px;margin:25px 0}.hero-panel .metric-grid a{border-top:1px solid #477065;padding:18px 0}.hero-panel .metric-grid strong{font:700 17px Arial;color:#f4f8f2}.hero-panel .metric-grid small{display:block;font-size:12px;color:#bdd7ca;margin-top:8px}.hero-panel .location-card{background:#214c42;border:1px solid #477065}.hero-panel .location-card small,.hero-panel .location-card span{color:#bdd7ca;font-size:11px}.hero-panel .location-card strong{display:block;font:700 20px Arial;margin:8px 0;color:#fff}.hero h1 span{color:#087f73}.hero .proof-row{font-size:12px}.value-strip{padding:22px 0}.strip-grid{background:#eaf1e8;border-radius:12px}.card-no{float:none;display:block;color:#087f73}.card h3{margin-top:22px}.metric-grid a:focus-visible{outline-color:#ffb3a0}.page-hero h1,.portfolio-hero h1{overflow-wrap:anywhere}.ai-builder-page{background:#fafbf7!important}.ai-builder-hero{background:radial-gradient(ellipse at 90% 10%,#c8eadd,transparent 65%),#f1f5ec}.ai-builder-hero h1{font-family:Arial,Helvetica,sans-serif}.ai-builder-hero h1 span{color:#087f73}.ai-input-card,.ai-settings-group,.templates-intro__note{border-color:#dce5dd;border-radius:16px}.ai-step.is-active,.ai-step.active,.template-filter.is-active{background:#102f2d;color:#fff}.ai-builder-page .ai-choice.is-selected,.ai-builder-page .ai-choice.selected{border-color:#087f73;background:#e8f5ee}.template-card:hover{border-color:#14b8a6}.template-search input:focus{border-color:#087f73;box-shadow:0 0 0 3px #14b8a622}.templates-page .template-filter:hover{border-color:#087f73;color:#175b4d}.table-scroll{max-width:100%;overflow:auto}.article-content img,.visual-wrap img,.section-visual img{max-width:100%;height:auto}.article-body a,.article-content a{overflow-wrap:anywhere}.callout,.action-box{border-color:#b8dace}.jev-chip{border-color:#b8dace}.section{scroll-margin-top:100px}.section-header{border-color:#dce5dd}.site-header .brand-logo{height:50px;width:174px;object-fit:contain}.hero-grid>*{min-width:0}.content-grid>*{min-width:0}.footer-grid>*{min-width:0}
@media(max-width:1200px){.site-header .nav{height:74px}.site-header .menu-btn{display:block;margin-left:auto}.site-header .navlinks{display:none;position:absolute;top:74px;left:5%;right:5%;max-height:calc(100dvh - 120px);overflow-y:auto;align-items:stretch;flex-direction:column;gap:5px;padding:16px;background:#fff;border:1px solid #dce5dd;border-radius:12px;box-shadow:0 20px 40px #102f2d22}.site-header .navlinks.open{display:flex}.site-header .navlinks>a,.site-header .dropdown>a{display:block;padding:10px 12px}.site-header .dropdown-menu{position:static;display:block;opacity:1;visibility:visible;transform:none;width:auto;box-shadow:none;border:0;border-left:2px solid #d7eadd;margin:0 0 8px 12px;padding:0 0 0 8px}.site-header .dropdown-menu a{font-size:12px;padding:8px 12px}}
@media(max-width:620px){.hero-panel{padding:25px;transform:none;box-shadow:8px 9px 0 #d6e6da;margin:10px 8px 0 0}.hero-panel h2{font-size:31px}.hero-panel .metric-grid strong{font-size:15px}.hero h1{font-size:43px}.hero .hero-grid{gap:28px}.proof-row{gap:8px}.strip-grid{grid-template-columns:1fr 1fr}.strip-grid div{font-size:11px;padding:15px 10px}.strip-grid span{font-size:11px}.ai-builder-hero h1{font-size:39px;letter-spacing:-1.8px}.article,.article-wrap{max-width:100%}.section-body,.section-header{min-width:0}.footer-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.hero-panel{transform:none}}