:root{--ink:#091426;--blue:#075be8;--blue2:#0d48c9;--lime:#b9f227;--cream:#f5f2e9;--white:#fff;--muted:#657087;--line:#d8dde7;--radius:22px;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.5}a{text-decoration:none;color:inherit}button,input{font:inherit}.site-header{height:82px;display:flex;align-items:center;padding:0 max(28px,calc((100vw - var(--max))/2));gap:42px;background:#fff;position:relative;z-index:20;border-bottom:1px solid #edf0f4}.brand{display:flex;align-items:center;gap:10px;font-weight:850;font-size:21px;letter-spacing:-.8px}.brand-mark{width:30px;height:30px;background:var(--blue);border-radius:9px;display:flex;align-items:flex-end;justify-content:center;gap:2px;padding:7px}.brand-mark i{display:block;width:4px;background:white;border-radius:2px}.brand-mark i:nth-child(1){height:8px}.brand-mark i:nth-child(2){height:15px}.brand-mark i:nth-child(3){height:11px}.main-nav{display:flex;gap:32px;margin-left:auto;font-size:14px;font-weight:650;color:#374156}.main-nav a:hover{color:var(--blue)}.header-cta{background:var(--ink);color:#fff;border-radius:999px;padding:12px 19px;font-size:14px;font-weight:750}.header-cta span{margin-left:6px}.menu-toggle{display:none;background:none;border:0}.hero{min-height:690px;position:relative;overflow:hidden;background:var(--ink);color:white}.hero-photo{position:absolute;inset:0;background:url("assets/myownbill-hero.png") 50% 42%/cover no-repeat;transform:scale(1.01)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,16,38,.98) 0%,rgba(4,18,45,.88) 31%,rgba(6,21,48,.32) 60%,rgba(6,21,48,.02) 100%)}.hero-content{position:relative;z-index:2;width:min(var(--max),calc(100% - 56px));margin:auto;padding-top:92px}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:2.2px;font-size:11px;font-weight:850}.eyebrow{display:flex;align-items:center;gap:10px;color:#d8e1ee}.eyebrow span{height:7px;width:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 18px var(--lime)}h1,h2,h3{margin:0;letter-spacing:-.055em;line-height:.98}h1{font-size:clamp(57px,6.5vw,94px);max-width:750px;font-weight:760;margin:25px 0 27px}h1 em{font-style:normal;color:var(--lime)}.hero-content>p{font-size:18px;line-height:1.65;color:#c8d1df;max-width:575px;margin:0}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:15px 20px;border-radius:10px;font-weight:800;font-size:14px;transition:.2s transform,.2s box-shadow}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--lime);color:var(--ink);box-shadow:0 8px 30px rgba(185,242,39,.12)}.button-primary span{font-size:18px}.text-link{font-size:14px;font-weight:700;color:#fff}.play{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid #75839a;border-radius:50%;margin-right:9px;font-size:10px}.hero-proof{display:flex;align-items:center;margin-top:45px}.avatar-stack{display:flex;margin-right:16px}.avatar-stack span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:800;color:var(--ink);background:#e7b790;border:2px solid var(--ink);margin-left:-8px}.avatar-stack span:first-child{margin-left:0;background:#d8e2f1}.avatar-stack span:last-child{background:var(--lime)}.hero-proof p{font-size:11px;color:#aab7c9;margin:0;line-height:1.5}.hero-proof strong{font-size:12px;color:#fff}.trust-strip{position:absolute;z-index:3;right:0;bottom:0;width:60%;min-height:108px;background:rgba(5,22,50,.91);backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.14);display:grid;grid-template-columns:repeat(4,1fr);align-items:center;padding:22px 4vw;gap:34px}.trust-strip div:not(.trust-note){display:flex;flex-direction:column}.trust-strip strong{font-size:21px;color:var(--lime)}.trust-strip span,.trust-note{font-size:10px;color:#aeb9c9}.trust-note{border-left:1px solid #36445a;padding-left:25px}.marquee{height:60px;background:var(--lime);overflow:hidden;display:flex;align-items:center}.marquee-track{display:flex;align-items:center;gap:34px;width:max-content;animation:scroll 24s linear infinite;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:1.6px}.marquee i{font-style:normal;font-size:17px}@keyframes scroll{to{transform:translateX(-50%)}}.section{padding:115px max(28px,calc((100vw - var(--max))/2))}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:60px}.kicker{color:var(--blue);display:block;margin-bottom:22px}.section h2{font-size:clamp(47px,5vw,70px);font-weight:760}.section-heading>p{max-width:395px;color:var(--muted);font-size:16px;margin:0 0 4px;line-height:1.7}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature-card{background:#f3f5f8;border-radius:var(--radius);position:relative;overflow:hidden}.feature-card .number{position:absolute;right:24px;top:21px;color:#a5adba;font-size:11px;font-weight:800}.feature-main{grid-column:1/-1;min-height:505px;background:var(--blue);color:white;display:grid;grid-template-columns:42% 58%;padding:62px 0 0 60px}.feature-copy{padding-right:30px}.icon-box{width:44px;height:44px;border-radius:11px;background:var(--lime);color:var(--ink);display:grid;place-items:center;font-size:24px;font-weight:900;margin-bottom:30px}.feature-card h3{font-size:40px;font-weight:730;margin-bottom:20px}.feature-card p{font-size:15px;line-height:1.7;color:#68738a;max-width:390px}.feature-main p{color:#c6d9ff}.receipt-demo{background:#fff;color:var(--ink);border-radius:18px 0 0 0;padding:25px 29px;box-shadow:-15px 0 60px rgba(0,18,58,.25);min-width:0}.demo-top,.stock-head,.chart-top{display:flex;align-items:center;justify-content:space-between}.demo-top{font-size:11px;color:#758096;margin-bottom:20px}.demo-logo{color:var(--ink);font-weight:850}.demo-logo b{display:inline-block;width:12px;height:12px;background:var(--blue);border-radius:3px;vertical-align:-2px;margin-right:4px}.demo-search{border:1px solid #e0e4eb;background:#f7f8fa;border-radius:8px;padding:10px 12px;color:#9ba3b0;font-size:11px}.demo-items{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0}.demo-items button{border:1px solid #e5e8ee;background:#fff;border-radius:9px;padding:9px;text-align:left;cursor:pointer;color:var(--ink);transition:.18s}.demo-items button:hover{border-color:var(--blue);transform:translateY(-2px)}.demo-items span{font-size:20px;display:block}.demo-items b,.demo-items small{display:block;font-size:10px}.demo-items small{color:#707a8a;margin-top:4px}.bill-lines{border-top:1px dashed #d3d8e1;border-bottom:1px dashed #d3d8e1;padding:5px 0}.bill-lines p{display:flex;justify-content:space-between;max-width:none;color:#5b6677;font-size:11px;margin:7px 0}.demo-total{display:flex;justify-content:space-between;align-items:center;margin:14px 0}.demo-total span{font-size:12px;font-weight:750}.demo-total strong{font-size:24px}.pay-button{width:100%;padding:12px 14px;background:var(--blue);color:white;border:0;border-radius:8px;font-size:12px;font-weight:800;cursor:pointer;display:flex;justify-content:center;gap:4px}.pay-button i{font-style:normal;margin-left:auto}.pay-button.paid{background:#20955c}.stock-card,.insight-card{min-height:420px;padding:45px}.stock-visual,.chart{background:white;border-radius:14px;padding:20px;position:absolute;left:45px;right:45px;bottom:0;box-shadow:0 20px 45px rgba(24,38,66,.09)}.stock-head{font-size:12px;font-weight:800;margin-bottom:22px}.stock-head b{font-size:9px;color:#14834d;background:#dcf6e7;padding:4px 8px;border-radius:99px}.stock-row{display:grid;grid-template-columns:92px 1fr 42px;align-items:center;gap:10px;font-size:10px;color:#657087;margin:17px 0}.stock-row i{height:7px;border-radius:99px;background:linear-gradient(90deg,var(--blue) var(--w),#e8ebf0 var(--w))}.stock-row strong{text-align:right;color:var(--ink)}.stock-row.warning i{background:linear-gradient(90deg,#f6a33c var(--w),#e8ebf0 var(--w))}.chart-top{font-size:11px;color:#6d7685}.chart-top strong{font-size:20px;color:var(--ink)}.chart-top small{font-size:9px;color:#3a985f;background:#def5e8;border-radius:99px;padding:3px 5px}.chart svg{width:100%;margin-top:15px;display:block}.chart .area{fill:url(#fill)}.chart .line{fill:none;stroke:var(--lime);stroke-width:3;stroke-linecap:round}.businesses{background:var(--lime);display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.businesses .kicker{color:var(--ink)}.business-copy p{max-width:470px;margin:28px 0;color:#35421f;line-height:1.7}.button-dark{background:var(--ink);color:white}.business-tabs{border-top:1px solid rgba(9,20,38,.35)}.business-tabs button{width:100%;border:0;border-bottom:1px solid rgba(9,20,38,.35);background:transparent;padding:24px 5px;display:grid;grid-template-columns:45px 1fr 30px;text-align:left;align-items:center;font-size:20px;font-weight:780;color:rgba(9,20,38,.52);cursor:pointer}.business-tabs button span{font-size:10px}.business-tabs button i{font-style:normal;opacity:0}.business-tabs button.active,.business-tabs button:hover{color:var(--ink)}.business-tabs button.active i,.business-tabs button:hover i{opacity:1}.testimonial{background:var(--ink);color:#fff;text-align:center;padding:110px max(28px,calc((100vw - 950px)/2));position:relative}.quote-mark{font:120px Georgia,serif;color:var(--lime);height:70px}.testimonial blockquote{font-size:clamp(30px,4vw,50px);letter-spacing:-.035em;line-height:1.2;margin:20px 0 42px}.quote-person{display:flex;align-items:center;justify-content:center;gap:13px}.quote-person>span{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#d8aa82;color:var(--ink);font-size:11px;font-weight:850}.quote-person p{text-align:left;font-size:11px;color:#8f9bb0;margin:0}.quote-person strong{color:#fff;font-size:12px}.pricing{background:var(--cream);display:grid;grid-template-columns:1fr 460px;gap:10vw;align-items:center}.pricing-copy p{max-width:450px;color:#667064;line-height:1.7;margin-top:28px}.price-card{background:white;border:1px solid #dfe1d9;padding:46px;border-radius:18px;position:relative;box-shadow:0 22px 60px rgba(32,40,16,.08)}.popular{position:absolute;top:-12px;right:25px;background:var(--blue);color:white;text-transform:uppercase;font-size:9px;letter-spacing:1.2px;font-weight:850;padding:7px 12px;border-radius:99px}.plan{font-size:13px;font-weight:850}.price{display:flex;align-items:center;margin:18px 0 24px}.price sup{font-size:21px;font-weight:800}.price strong{font-size:62px;letter-spacing:-4px;line-height:1}.price>span{font-size:10px;color:#7c8490;margin-left:12px}.price-card ul{list-style:none;padding:20px 0;border-top:1px solid #e5e6e1;margin:0}.price-card li{font-size:13px;margin:13px 0}.price-card li:before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;background:#eefbd1;border-radius:50%;margin-right:10px;font-size:10px;font-weight:900}.price-card .button{display:flex}.price-card>small{display:block;text-align:center;color:#8b918b;margin-top:13px;font-size:9px}.final-cta{padding:95px max(28px,calc((100vw - var(--max))/2));background:var(--blue);color:white;display:grid;grid-template-columns:1fr 450px;align-items:center;gap:70px}.final-cta .kicker{color:var(--lime)}.final-cta h2{font-size:clamp(45px,5vw,68px);font-weight:760}.signup label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1.4px;font-weight:800;margin-bottom:11px}.signup>div{background:white;border-radius:9px;display:flex;align-items:center;padding:5px 5px 5px 16px}.signup span{color:#68738a;font-size:14px;padding-right:10px;border-right:1px solid #dce0e7}.signup input{border:0;outline:0;min-width:0;flex:1;padding:11px;color:var(--ink)}.signup button{border:0;background:var(--lime);color:var(--ink);font-weight:850;border-radius:7px;padding:13px 17px;cursor:pointer}.signup p{font-size:10px;color:#bcd0f5}.signup p.success{color:var(--lime);font-weight:800}footer{background:#060e1d;color:#fff;padding:58px max(28px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.footer-brand{width:max-content}.footer-brand .brand-mark{background:var(--lime)}.footer-brand .brand-mark i{background:var(--ink)}footer>p{grid-row:2;color:#7d899d;font-size:13px;margin:0}.footer-links{display:flex;gap:28px;font-size:12px;color:#aab3c2;grid-row:1}.footer-links a:hover{color:var(--lime)}footer>small{grid-column:2;grid-row:2;color:#677388;font-size:9px}.reveal{opacity:0;transform:translateY(22px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.main-nav,.header-cta{display:none}.menu-toggle{display:flex;flex-direction:column;gap:6px;margin-left:auto;padding:10px}.menu-toggle span{width:22px;height:2px;background:var(--ink)}.main-nav.open{position:absolute;display:flex;flex-direction:column;top:82px;left:0;right:0;background:white;padding:25px 28px;box-shadow:0 18px 30px #09142618}.hero-photo{background-position:63% 50%;opacity:.68}.hero-shade{background:linear-gradient(90deg,rgba(4,16,38,.98),rgba(4,18,45,.58))}.trust-strip{width:100%;grid-template-columns:repeat(3,1fr)}.trust-note{display:none}.feature-main{grid-template-columns:1fr;padding:45px 0 0 35px}.feature-copy{padding:0 35px 35px 0}.receipt-demo{border-radius:18px 0 0 0}.businesses,.pricing,.final-cta{grid-template-columns:1fr}.pricing{gap:55px}.price-card{max-width:500px}.final-cta{gap:45px}}@media(max-width:620px){.site-header{height:70px;padding:0 20px}.main-nav.open{top:70px}.hero{min-height:820px}.hero-content{width:calc(100% - 40px);padding-top:70px}.hero-content>p{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.trust-strip{grid-template-columns:repeat(3,1fr);padding:18px 20px;gap:10px}.trust-strip strong{font-size:16px}.section{padding:80px 20px}.section-heading{display:block}.section-heading>p{margin-top:25px}.feature-grid{grid-template-columns:1fr}.feature-main{grid-column:auto;padding-left:20px}.feature-card h3{font-size:34px}.receipt-demo{padding:20px 15px}.stock-card,.insight-card{padding:35px 25px}.stock-visual,.chart{left:25px;right:25px}.businesses{gap:60px}.testimonial{padding:80px 20px}.pricing{padding-left:20px;padding-right:20px}.price-card{padding:35px 25px}.final-cta{padding:80px 20px}.signup>div{flex-wrap:wrap}.signup button{width:100%}.signup input{width:150px}footer{grid-template-columns:1fr}.footer-links{grid-row:auto;flex-wrap:wrap}footer>p,footer>small{grid-column:1;grid-row:auto}}