:root{--ink:#272431;--muted:#6d6978;--green:#ef647e;--green-dark:#705ac3;--mint:#fff0f3;--blue:#617fd7;--line:#e7e2ec;--paper:#faf9fc;--yellow:#ff866f;--aqua:#65c9c1}
body{background:var(--paper)}
.site-header{background:rgba(255,255,255,.94);box-shadow:0 8px 30px rgba(76,61,108,.06)}
.brand-mark{width:46px;height:46px;display:block;object-fit:contain;position:static}
.nav-cta{border-color:#ddd5e8;background:#fff;box-shadow:0 6px 18px rgba(74,57,107,.08)}
.hero{position:relative;background:#fff;border-bottom:1px solid var(--line)}
.hero:before{content:"";position:absolute;right:0;top:0;width:29%;height:100%;background:#f1edff;z-index:0}
.hero:after{content:"";position:absolute;right:17%;bottom:0;width:20%;height:16px;background:var(--aqua);z-index:0}
.hero-copy,.product-scene{position:relative;z-index:1}
.kicker{color:#d94e70}
.hero h1{color:#262330;text-wrap:balance}
.primary{background:#e95375;box-shadow:0 12px 26px rgba(226,77,112,.24)}
.primary:hover{background:#c83f62}
.secondary{border-color:#dcd5e6;box-shadow:0 8px 20px rgba(76,61,108,.07)}
.hero-points span,.feature-no{color:#d94e70}
.product-scene{border:1px solid #ded8e8;box-shadow:18px 22px 0 #f2b1c0,38px 44px 0 #c9c3f2,0 38px 90px rgba(56,42,88,.18);transform:rotate(1deg)}
.scene-bar{background:#f3f0f7}
.scene-head small,.shop-row>b{color:#705ac3}
.status{color:#397d78;background:#e6f7f5}
.shop-row>i{background:#fff0f3;color:#d94e70}
.shop-row.active{border-color:#806bd0;box-shadow:0 0 0 3px rgba(112,90,195,.1)}
.metrics div{background:#f8f6fa}
.metrics strong{color:#5b489e}
.sync-line i{background:var(--aqua)}
.statement{background:#312a45}
.system-flow strong{color:#6d56be}
.feature-grid article{transition:transform .2s ease,box-shadow .2s ease;position:relative}
.feature-grid article:nth-child(2n){background:#fdfbff}
.feature-grid article:hover{transform:translateY(-5px);z-index:2;box-shadow:0 20px 45px rgba(67,51,99,.12)}
.workflow{background:#302a43;position:relative}
.workflow:after{content:"";position:absolute;right:0;top:0;width:12px;height:100%;background:#f1798f}
.light-heading .kicker{color:#79d5ce}
.steps>li>span{background:#6f5ac1;border-color:#8d7bd2}
.final-cta{background:#f1edff;border:1px solid #ded7f0;box-shadow:16px 16px 0 #ffdce4}
.footer-brand .brand-mark{width:40px;height:40px}
@media(max-width:980px){.hero:before{width:100%;height:35%;top:auto;bottom:0}.product-scene{box-shadow:12px 15px 0 #f2b1c0,24px 30px 0 #c9c3f2,0 30px 70px rgba(56,42,88,.15)}}
@media(max-width:640px){.brand-mark{width:40px;height:40px;transform:none}.hero:before{height:30%}.product-scene{box-shadow:7px 9px 0 #f2b1c0,14px 18px 0 #c9c3f2}.final-cta{box-shadow:8px 8px 0 #ffdce4}}