html{scroll-behavior:smooth;scroll-padding-top:0}
.nav-section,#capabilities,#governance,#implementation,#differences{scroll-margin-top:94px}
.home-scenarios{padding-top:90px}
.button:hover{transform:none}
.desktop-nav{gap:20px;margin-right:2px;white-space:nowrap}
.desktop-nav a{font-size:12px;position:relative}
.desktop-nav a.is-active{color:var(--green);font-weight:600}
.desktop-nav a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;background:var(--green);border-radius:2px}
.mobile-nav a[aria-current="page"]{color:var(--green);font-weight:600}
.page-intro{padding-top:75px;padding-bottom:58px;text-align:center}
.page-intro h1{font-size:51px;font-weight:600;line-height:1.35;letter-spacing:-1.9px;margin:0}
.page-intro h1>span{color:var(--green)}
.page-description{max-width:680px;margin:23px auto 0;color:#7b8774;font-size:14px;line-height:1.95}
.home-preview [data-static-preview]{pointer-events:none;user-select:none}
.home-preview .sys-content{overflow:hidden}
.home-preview .stage-bottom{font-size:9px}
.home-preview .stage-bottom>a{margin-left:auto;font-size:11px}
[data-static-preview]{pointer-events:none}
.feature-catalog{background:#153f32;padding:75px 0 28px;color:#f3f7ed}
.feature-catalog .section-heading h2{color:#f3f7ed}
.feature-catalog .section-heading p:last-child{color:#a1b7a3;font-size:13px}
.feature-row{display:grid;grid-template-columns:.85fr 1.35fr;gap:65px;align-items:center;padding:58px 0;border-bottom:1px solid #365743}
.feature-row:last-of-type{border:0}
.feature-description h2{font-size:29px;line-height:1.5;letter-spacing:-.6px;font-weight:550;margin:16px 0}
.feature-index{font-size:10px;letter-spacing:.9px;color:#b0c7a0}
.feature-description>p{font-size:13px;line-height:1.95;color:#a1b7a3;max-width:355px}
.feature-description ul{padding-left:17px;margin-top:24px;color:#c6d3bf;font-size:12px;line-height:2.2}
.feature-description li::marker{color:#9ebb8a;font-size:8px}
.feature-row .capability-visual{width:100%;border-radius:9px;min-height:0;align-self:center}
.catalog-note{font-size:9px;text-align:center;color:#89a28a;margin:10px 0 0}
.demo-page-section{padding:0 0 60px;background:linear-gradient(#fff,#f4f8f0)}
.demo-page-section .product-stage{margin-top:0}
.demo-page-note{text-align:center;color:#99a58d;font-size:10px;padding-top:20px}
.audience-section{padding:8px 0 68px}
.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.audience-card{border:1px solid #e0e8d8;background:linear-gradient(135deg,#fcfdf9,#f6f9ef);border-radius:9px;padding:30px 26px;min-width:0}
.audience-label{font-size:9px;letter-spacing:.8px;color:#8ea47c}
.audience-card h2{font-size:25px;font-weight:550;line-height:1.6;letter-spacing:-.6px;color:#3c5e35;margin:19px 0 16px}
.audience-card>p{font-size:12px;line-height:1.95;color:#7d9070}
.audience-question{border-left:2px solid #bed2a9;background:#eff4e6;font-size:12px;color:#5a7947;line-height:1.9;padding:14px 13px;margin:24px 0}
.audience-card h3{font-size:11px;font-weight:550;color:#6d865a;margin-bottom:9px}
.audience-card ul{font-size:11px;line-height:2.1;color:#8b9e7c;margin:0;padding-left:15px}
.audience-card p.audience-path{font-size:9px;color:#87a072;border-top:1px solid #e0e9d5;padding-top:17px;margin-top:24px;white-space:nowrap}
.scenario-principle{padding:0 0 78px;text-align:center}
.scenario-principle h2{font-size:27px;font-weight:550;color:#48663c;margin-bottom:17px}
.scenario-principle>p:last-child{font-size:13px;line-height:1.9;color:#879779}
body[data-page="capabilities.html"] .foundations{padding-top:28px;padding-bottom:70px}
body[data-page="governance.html"] .governance-section{padding-top:60px;padding-bottom:60px}
body[data-page="implementation.html"] .implementation{padding-top:20px;padding-bottom:85px}
body[data-page="implementation.html"] .implementation .split-heading{display:none}
body[data-page="implementation.html"] .step-grid{margin-top:15px}
.contact-section{padding:0 0 70px}
.contact-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1.25fr;gap:25px;align-items:stretch}
.contact-card{border:1px solid #dfe8d6;border-radius:11px;padding:34px;background:#fbfdf8;text-align:center;min-width:0}
.contact-card-label{font-size:9px;letter-spacing:1.4px;color:#8ca078;margin-bottom:14px}
.contact-card h2{font-size:23px;font-weight:550;color:#3c5e35;line-height:1.6}
.qr-placeholder{width:200px;height:200px;border:1px dashed #cad7bc;border-radius:6px;background:#fff;margin:27px auto 17px}
.qr-caption{font-size:10px;color:#a3b093}
.email-card{display:flex;align-items:flex-start;flex-direction:column;justify-content:center;text-align:left;background:white;padding:42px}
.email-card>p:not(.email-copy-status){font-size:13px;color:#8b9b7b;line-height:1.95;margin-top:15px;max-width:390px}
.contact-email{font-size:28px;color:#32623c;font-weight:550;letter-spacing:-.8px;margin-top:26px;overflow-wrap:anywhere}
.contact-email:hover{text-decoration:underline;text-decoration-color:#a5be90;text-underline-offset:6px}
.contact-email-actions{display:flex;align-items:center;gap:12px;margin-top:28px;flex-wrap:wrap}
.contact-email-actions .button{font-size:11px;min-height:42px;padding:10px 15px;gap:9px}
.contact-email-actions .icon{width:16px;height:16px}
.email-copy-status{height:20px;font-size:10px;color:#8aa173;margin-top:14px}
.contact-preparation{max-width:1000px;padding:0 0 85px}
.contact-preparation>h2{font-size:25px;font-weight:550;color:#4a683d;margin-bottom:33px;text-align:center}
.contact-preparation>div{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.contact-preparation article{border-top:1px solid #dfe7d6;padding-top:20px}
.contact-preparation article>span{font:12px Georgia,serif;color:#a2b68c}
.contact-preparation h3{font-size:14px;font-weight:550;color:#668052;margin:13px 0 10px}
.contact-preparation article p{font-size:12px;color:#8a9a7a;line-height:1.95}
@media(max-width:1100px){.desktop-nav{display:none}.menu-toggle{display:flex}.nav-wrap{gap:18px}.nav-actions{margin-left:auto}.feature-row{gap:38px}.audience-grid{gap:15px}.audience-card{padding:25px 20px}.audience-card h2{font-size:22px}.audience-card p.audience-path{font-size:8px}.contact-grid{grid-template-columns:1fr 1.2fr}.email-card{padding:34px}.contact-email{font-size:26px}}
@media(min-width:651px) and (max-width:850px){.feature-row{gap:25px;grid-template-columns:.8fr 1.2fr}.feature-description h2{font-size:24px}.feature-description>p{font-size:12px}.feature-description ul{font-size:11px}.audience-grid{grid-template-columns:1fr}.audience-card{padding:27px}.audience-card h2 br{display:none}.audience-card h2{font-size:24px}.audience-card p.audience-path{font-size:10px}.contact-grid{gap:18px}.contact-card{padding:27px}.qr-placeholder{width:170px;height:170px}.contact-email{font-size:24px}.contact-email-actions{gap:8px}.contact-email-actions .button{font-size:10px;padding:9px 12px}}
@media(max-width:650px){
 .nav-section,#capabilities,#governance,#implementation,#differences{scroll-margin-top:79px}.home-scenarios{padding-top:60px}
 .page-intro{padding-top:43px;padding-bottom:36px}.page-intro h1{font-size:32px;letter-spacing:-1.1px;line-height:1.45}.page-description{font-size:12px;margin-top:19px;line-height:1.95}
 .home-preview .stage-bottom{font-size:7px;gap:7px}.home-preview .stage-bottom>a{font-size:8px;gap:4px}.home-preview .stage-bottom .icon{width:12px;height:12px}
 .feature-catalog{padding:52px 0 24px}.feature-catalog .section-heading h2{font-size:29px}.feature-catalog .section-heading p:last-child{font-size:11px}.feature-row{grid-template-columns:1fr;gap:25px;padding:37px 0}.feature-description h2{font-size:25px;margin:13px 0}.feature-description>p{font-size:12px;max-width:none}.feature-index{font-size:9px}.feature-description ul{font-size:11px;line-height:2.2;margin-top:18px}.catalog-note{font-size:8px;line-height:1.8;margin-top:7px}
 .demo-page-section{padding-bottom:35px}.demo-page-note{font-size:8px;line-height:1.9;padding-top:15px}
 .audience-section{padding-top:0;padding-bottom:44px}.audience-grid{grid-template-columns:1fr;gap:18px}.audience-card{padding:25px}.audience-card h2{font-size:24px;margin:14px 0}.audience-card>p{font-size:12px}.audience-question{font-size:11px;margin:20px 0}.audience-card ul{font-size:11px}.audience-card p.audience-path{font-size:9px}.scenario-principle{padding-bottom:53px}.scenario-principle h2{font-size:22px;line-height:1.6}.scenario-principle>p:last-child{font-size:12px}
 body[data-page="capabilities.html"] .foundations{padding-top:16px;padding-bottom:52px}body[data-page="governance.html"] .governance-section{padding-top:36px;padding-bottom:25px}body[data-page="implementation.html"] .implementation{padding-top:0;padding-bottom:50px}
 .contact-section{padding-bottom:45px}.contact-grid{grid-template-columns:1fr;gap:18px}.contact-card{padding:28px 24px}.contact-card h2{font-size:22px}.qr-placeholder{width:180px;height:180px;margin-top:23px}.email-card{order:-1;align-items:center;text-align:center;padding:30px 24px}.email-card>p:not(.email-copy-status){font-size:12px;max-width:320px}.contact-email{font-size:26px;margin-top:23px}.contact-email-actions{gap:9px;justify-content:center;margin-top:24px}.contact-email-actions .button{font-size:10px;padding:10px 12px;min-height:40px}.email-copy-status{font-size:9px;margin-top:12px}
 .contact-preparation{padding-bottom:54px}.contact-preparation>h2{font-size:21px;line-height:1.65;margin-bottom:27px}.contact-preparation>div{grid-template-columns:1fr;gap:23px}.contact-preparation article{padding-top:16px}.contact-preparation h3{font-size:14px;margin:10px 0 8px}.contact-preparation article p{font-size:12px}
}
@media(max-width:360px){.page-intro h1{font-size:28px}.page-description{font-size:11px}.contact-email{font-size:24px}.contact-card{padding:25px 20px}.contact-email-actions{gap:7px}.contact-email-actions .button{font-size:9px;padding:9px 10px}.audience-card{padding:23px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Comparison: lead with product value, then compare concrete working methods. */
.comparison-section{padding:72px 0 58px;background:#fafcf8}
.comparison-heading{text-align:center;margin-bottom:32px}
.comparison-heading .section-kicker{font-size:9px;letter-spacing:2px;margin-bottom:14px}
.comparison-title{font-size:38px;line-height:1.45;letter-spacing:-1px;font-weight:600;color:#233d2b;margin:0}
.comparison-title span{color:#54734c}
.comparison-description{font-size:14px;line-height:1.9;color:#77846f;margin:15px auto 0;max-width:640px}
.comparison-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:42px}
.comparison-benefit{padding:25px 26px 22px;border:1px solid #dfe7d8;border-radius:12px;background:#fff;min-width:0}
.comparison-number{font-size:8px;letter-spacing:1.1px;color:#809372}
.comparison-benefit h3{font-size:21px;color:#2e4e36;font-weight:600;margin:15px 0 12px;line-height:1.4}
.comparison-benefit p{font-size:13px;line-height:1.95;color:#74816b;min-height:47px}
.comparison-proof{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:10px;color:#506e42;border-top:1px solid #e8eddf;padding-top:16px;margin-top:19px;line-height:1.8}
.comparison-proof b{font-weight:400;color:#9aaf8b}
.comparison-matrix-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-bottom:16px}
.comparison-matrix-heading h3{font-size:17px;font-weight:550;color:#38553b;line-height:1.7}
.comparison-matrix-heading p{font-size:11px;color:#85927c;line-height:1.8}
.comparison-table-wrap{border:1px solid #dce5d4;border-radius:13px;overflow:hidden;background:#fff}
.comparison-table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left}
.comparison-table col{width:18.5%}.comparison-table col.comparison-dimension-col{width:16%}.comparison-table col.comparison-own-col{width:28.5%}
.comparison-table thead th{padding:21px 17px;font-size:14px;font-weight:550;color:#4b5d42;line-height:1.7;border-bottom:1px solid #dfe7d8;vertical-align:middle}
.comparison-table thead th.comparison-dimension-title{font-size:11px;color:#8a977e;font-weight:400}
.comparison-table th small{display:block;font-size:9px;font-weight:400;color:#929f88;margin-top:6px;line-height:1.6}
.comparison-table tbody th,.comparison-table tbody td{padding:19px 17px;font-size:13px;line-height:1.9;border-bottom:1px solid #e6ecdf;vertical-align:middle;overflow-wrap:anywhere}
.comparison-table tbody th{color:#536a47;font-weight:550}
.comparison-table tbody td{color:#76816c}
.comparison-table tbody tr:last-child th,.comparison-table tbody tr:last-child td{border-bottom:0}
.comparison-value{display:block;font-weight:400}
.comparison-table .comparison-own{background:#eef4e7;border-left:1px solid #d9e4ce;color:#36583c}
.comparison-table thead th.comparison-own{background:#244c39;color:#fff;border-bottom-color:#244c39}
.comparison-table thead .comparison-own small{color:#c0d0b9}
.comparison-own-brand{display:flex;align-items:center;gap:9px;font-size:14px;letter-spacing:-.3px}
.comparison-own-brand img{flex-shrink:0;border-radius:6px}
.comparison-table tbody .comparison-own strong{display:block;font-size:14px;font-weight:550;line-height:1.8;color:#315438}
.comparison-table tbody .comparison-own small{display:block;font-size:12px;line-height:1.8;color:#69815a;margin-top:4px;font-weight:400}
.comparison-note{font-size:10px;line-height:1.9;color:#829174;margin:17px auto 0;text-align:center;max-width:760px}
@media(min-width:761px) and (max-width:1000px){
 .comparison-benefit{padding:22px 19px}.comparison-benefit p{min-height:70px}.comparison-proof{font-size:9px;gap:7px}
 .comparison-table thead th{padding:17px 12px;font-size:11px}.comparison-table tbody th,.comparison-table tbody td{padding:16px 12px;font-size:11px}.comparison-own-brand{font-size:12px;gap:6px}.comparison-own-brand img{width:22px;height:22px}.comparison-table tbody .comparison-own strong{font-size:11px}.comparison-table tbody .comparison-own small{font-size:10px}
}
@media(max-width:760px){
 .comparison-section{padding:50px 0 45px}.comparison-title{font-size:29px;letter-spacing:-.6px}.comparison-heading{margin-bottom:25px}.comparison-description{font-size:12px;max-width:440px}
 .comparison-benefits{grid-template-columns:1fr;gap:12px;margin-bottom:31px}.comparison-benefit{padding:23px 22px}.comparison-benefit h3{font-size:20px;margin:11px 0 9px}.comparison-benefit p{font-size:13px;min-height:0}.comparison-proof{margin-top:15px;padding-top:13px;font-size:11px}
 .comparison-matrix-heading{display:block;margin-bottom:17px}.comparison-matrix-heading h3{font-size:17px}.comparison-matrix-heading p{font-size:11px;margin-top:4px}
 .comparison-table-wrap{border:0;border-radius:0;overflow:visible;background:transparent}
 .comparison-table,.comparison-table tbody{display:block;width:100%}.comparison-table colgroup{display:none}
 .comparison-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .comparison-table tbody{display:grid;gap:14px}
 .comparison-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr);border:1px solid #dfe7d8;border-radius:11px;overflow:hidden;background:#fff}
 .comparison-table tbody th{order:0;background:#f8faf4;padding:13px 16px;font-size:13px;border-bottom:0;color:#536d43}
 .comparison-table tbody td{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;order:2;padding:13px 16px;font-size:11px;line-height:1.9;border-top:1px solid #e7edde;border-bottom:0}
 .comparison-table tbody td:before{content:attr(data-label);font-size:10px;color:#86987a;line-height:1.9}
 .comparison-table tbody td.comparison-own{display:block;order:1;padding:16px;border-left:0;border-top:1px solid #dce6d2;background:#eef4e7}
 .comparison-table tbody td.comparison-own:before{display:block;font-size:10px;margin-bottom:7px;color:#75915f}
 .comparison-table tbody .comparison-own strong{font-size:13px}.comparison-table tbody .comparison-own small{font-size:11px}
 .comparison-note{font-size:10px;text-align:left;margin-top:18px}
}
@media(max-width:360px){.comparison-title{font-size:25px}.comparison-benefit{padding:22px 19px}.comparison-number{font-size:7px}.comparison-table tbody td{grid-template-columns:80px minmax(0,1fr);gap:9px;padding:12px 14px}.comparison-proof{gap:7px;font-size:10px}}

/* Each cell gives a scannable conclusion followed by one concrete difference. */
.comparison-mode{display:block;font-size:13px;line-height:1.8;font-weight:550;color:#53634c}
.comparison-detail{display:block;font-size:11px;line-height:1.8;font-weight:400;color:#7d8875;margin-top:5px}
.comparison-table tbody th small{font-size:10px;line-height:1.8;color:#8b9881;font-weight:400;margin-top:5px;letter-spacing:0}
@media(min-width:761px) and (max-width:1000px){.comparison-mode{font-size:11px}.comparison-detail,.comparison-table tbody th small{font-size:9px}}
@media(max-width:760px){.comparison-table tbody td:not(.comparison-own){display:block}.comparison-table tbody td:not(.comparison-own):before{display:block;margin-bottom:7px}.comparison-mode{font-size:12px}.comparison-detail{font-size:11px}.comparison-table tbody th small{font-size:10px}}

/* Reveal uses visual transforms only, so navigation and document flow stay stable. */
.motion-ready [data-reveal]{opacity:0;transform:translate3d(0,14px,0);transition:opacity 650ms cubic-bezier(.22,1,.36,1),transform 650ms cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready [data-reveal].reveal-visible{opacity:1;transform:translate3d(0,0,0)}
@media(prefers-reduced-motion:reduce){[data-reveal],.motion-ready [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}}
@media print{[data-reveal],.motion-ready [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}}