.hero{padding:76px 0 78px;background:linear-gradient(90deg,#eef1ee 0%,#f4f6f3 54%,#faf9f7 100%);border-bottom:1px solid #d9dedb}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.92fr);gap:64px;align-items:center}
.hero h1{font-size:clamp(44px,4.9vw,64px);line-height:1.01;letter-spacing:-3.2px;max-width:650px;margin:12px 0 22px}
.hero-copy>.eyebrow{font-size:14px;letter-spacing:1.7px}
.hero-copy>p{max-width:570px;color:var(--text-light);font-size:17px;line-height:1.72;margin:0 0 28px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-note{font-size:12px!important;color:#858c88!important;margin-top:13px!important}
.invoice-demo{background:#fff;border:1px solid #d9dedb;border-radius:22px;padding:16px;box-shadow:0 20px 55px rgba(32,37,43,.09);transform:translateY(0);transition:transform .25s ease,box-shadow .25s ease}.invoice-demo:hover{transform:translateY(-3px);box-shadow:0 24px 65px rgba(32,37,43,.11)}
.demo-top{display:flex;justify-content:space-between;color:#69726d;font-size:13px;font-weight:800;letter-spacing:.9px;padding:3px 4px 13px}.demo-status{color:var(--accent-dark);letter-spacing:0;font-weight:600}
.invoice-preview{border:2px solid var(--accent);border-radius:10px;padding:30px;min-height:410px}.invoice-preview-head{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #eceeed;padding-bottom:25px}.demo-logo{font-size:11px;font-weight:800;color:#8b928f;background:#f2f3f1;padding:7px 10px;border-radius:5px;display:inline-block;margin-bottom:10px}.invoice-preview-head strong{display:block;font-size:17px}.invoice-preview-head small{display:block;color:#8b928f;font-size:12px;margin-top:4px}.demo-invoice-title{text-align:right;font-size:29px;font-weight:800;letter-spacing:2px}.demo-invoice-title strong{font-size:12px;letter-spacing:0;color:#858c88;margin-top:5px}.demo-bill{display:flex;justify-content:space-between;padding:24px 0}.demo-bill small{display:block;color:#7b847f;font-size:12px;font-weight:800;letter-spacing:.7px;margin-bottom:5px}.demo-bill strong{display:block;font-size:15px}.demo-bill span{font-size:12px;color:#858c88}.demo-lines{border-top:1px solid #eee}.demo-lines div{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #e5e8e6;font-size:14px}.demo-lines strong{font-size:14px}.demo-total{display:flex;justify-content:space-between;align-items:center;padding-top:22px}.demo-total span{font-size:13px;color:#7c847f}.demo-total strong{font-size:21px}
.section{padding:82px 0;background:#fff}.section-heading{margin-bottom:34px;max-width:720px}.section-heading h2{font-size:38px;letter-spacing:-1.3px;margin:8px 0 0}.features{background:#fff;border-top:1px solid #d9dedb;border-bottom:1px solid #d9dedb;padding:72px 0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-grid>div{padding:22px 20px;border:1px solid var(--border);border-radius:14px;background:var(--bg);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.feature-grid>div:hover{transform:translateY(-2px);border-color:#d8ddda;box-shadow:0 10px 25px rgba(32,37,43,.05)}.feature-grid h3{font-size:15px;margin:0 0 8px}.feature-grid p{font-size:12px;color:var(--text-light);line-height:1.65;margin:0}
.tools-preview{padding:84px 0;background:#f3f5f2;border-bottom:1px solid #d9dedb}.tools-list{border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr}.tools-list a{padding:18px 10px;border-bottom:1px solid var(--border);text-decoration:none;font-size:13px;display:flex;align-items:center;justify-content:space-between;transition:background .18s ease,color .18s ease;padding-left:8px;padding-right:8px}.tools-list a::after{content:"→";color:#9aa19d;transition:transform .18s ease,color .18s ease}.tools-list a:hover{color:var(--accent-dark);background:#fff}.tools-list a:hover::after{color:var(--accent);transform:translateX(3px)}
.how{background:#fff;border-top:1px solid #d9dedb;padding:72px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{border:1px solid var(--border);border-radius:15px;padding:26px 24px;background:#fff;box-shadow:0 8px 24px rgba(32,37,43,.03)}.step-number{font-size:13px;font-weight:800;color:var(--accent-dark)}.step h3{font-size:16px;margin:12px 0 7px}.step p{font-size:12px;color:var(--text-light);margin:0;line-height:1.65}.home-cta{padding:88px 0;text-align:center;background:#f3f5f2;border-top:1px solid #d9dedb}.home-cta h2{font-size:35px;letter-spacing:-1.2px;margin:8px 0}.home-cta p{color:var(--text-light);margin:0 auto 22px}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:44px}.feature-grid{grid-template-columns:1fr 1fr}.invoice-demo{max-width:650px}.hero{padding-top:60px}}
@media(max-width:620px){.hero h1{font-size:43px;letter-spacing:-2px}.invoice-preview{padding:20px}.feature-grid,.steps,.tools-list{grid-template-columns:1fr}.features,.tools-preview,.how,.home-cta{padding:55px 0}}

.trust-strip{background:#fff;border-top:1px solid #d9dedb;border-bottom:1px solid #d9dedb}
.trust-items{display:grid;grid-template-columns:repeat(3,1fr)}
.trust-items>div{padding:19px 22px;border-right:1px solid var(--border)}
.trust-items>div:first-child{border-left:1px solid var(--border)}
.trust-items strong{display:block;font-size:14px;margin-bottom:3px}
.trust-items span{display:block;font-size:13px;color:var(--text-light)}
@media(max-width:700px){.trust-items{grid-template-columns:1fr}.trust-items>div,.trust-items>div:first-child{border-left:0;border-right:0;border-bottom:1px solid var(--border)}.trust-items>div:last-child{border-bottom:0}}

.plans-preview{padding:78px 0;background:#f8f9f7;border-top:1px solid var(--border)}.plans-intro{color:var(--text-light);font-size:14px;margin:8px 0 0}.plans-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.plan-mini{background:#fff;border:1px solid var(--border);border-radius:15px;padding:22px}.plan-mini-featured{border-color:#d9a094;box-shadow:0 8px 25px rgba(32,37,43,.04)}.plan-mini .plan-label{display:block;font-size:12px;font-weight:800;letter-spacing:1px;color:var(--text-light);margin-bottom:9px}.plan-mini strong{display:block;font-size:25px;letter-spacing:-.5px;margin-bottom:5px}.plan-mini strong span{font-size:12px;color:var(--text-light);font-weight:500}.plan-mini>span:last-child{font-size:13px;color:var(--text-light)}.plans-link{display:inline-block;margin-top:18px;font-size:13px;color:var(--accent-dark);text-decoration:none;font-weight:700}.plans-link:hover{text-decoration:underline}@media(max-width:700px){.plans-mini-grid{grid-template-columns:1fr}}


/* v23: separate feature cards instead of a single strip */
.trust-strip{background:transparent;border:0;padding:28px 0 34px;}
.trust-items{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.trust-items>div,.trust-items>div:first-child{border:1.5px solid var(--frame-accent);border-radius:15px;background:#fff;padding:24px 28px;min-height:112px;box-shadow:0 8px 24px rgba(32,37,43,.035);}
.trust-items strong{font-size:16px;margin-bottom:5px;}
.trust-items span{font-size:14px;line-height:1.5;}
@media(max-width:700px){.trust-strip{padding:20px 0 28px}.trust-items{grid-template-columns:1fr;gap:12px}.trust-items>div,.trust-items>div:first-child{border:1.5px solid var(--frame-accent);}}

/* v24: match the selected reference layout — framed outer components */
.invoice-demo{border:1.5px solid var(--frame-accent);}
.invoice-demo .invoice-preview{border:1px solid #e6e9e7;}
.trust-items>div,.trust-items>div:first-child{border:1.5px solid var(--frame-accent);}

/* Coming-soon badges for future feature tiers */
.trust-items .coming-soon{display:inline-flex!important;width:max-content;margin-top:10px;padding:4px 9px;border:1px solid var(--frame-accent);border-radius:999px;background:var(--accent-light);color:var(--accent-dark);font-size:11px!important;font-style:normal;font-weight:700;line-height:1.2;letter-spacing:.02em;}