/* ScopeSeal: shared visual language, with separate working and marketing surfaces. */
:root{--ink:#182e28;--green:#14634b;--green2:#0d513c;--green-2:#0d513c;--cream:#f5f7f6;--paper:#fff;--line:#dee7e2;--muted:#5e7068;--shadow:0 16px 48px #123c2810}
body{font-family:"Segoe UI",ui-sans-serif,system-ui,sans-serif;line-height:1.6}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
:focus-visible{outline:3px solid #e5aa38;outline-offset:3px}
[hidden]{display:none!important}
.business-app .shell{grid-template-columns:248px minmax(0,1fr)}
.business-app .side{background:#fff;color:var(--ink);border-right:1px solid var(--line);padding:26px 18px}
.business-app .brand{font-size:1.45rem;letter-spacing:-.06em;padding:0 10px 34px;color:#173e31}
.business-app .mark{background:var(--green);color:#fff;border-radius:9px;width:34px;height:34px}
.business-app .nav{gap:6px}.nav-caption{font-size:.75rem;letter-spacing:.12em;font-weight:700;color:#778b80;padding:17px 14px 8px}
.business-app .nav button,.business-app .nav a{color:#52655b;border-radius:9px;font-size:.9rem;font-weight:600;padding:12px 13px;display:flex;align-items:center;gap:11px;line-height:1.4}
.nav-icon{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.business-app .nav button:hover,.business-app .nav a:hover{background:#f0f6f2;color:var(--green)}
.business-app .nav button.active{background:#e7f3eb;color:#125d40;box-shadow:inset 3px 0 #187551}
.business-app .side-note{background:#f5f8f6;color:#576b60;border:1px solid var(--line);font-size:.875rem;padding:14px}.business-app .side-note b{color:#2a5141}
.business-app .back-link{color:#617468;font-size:.875rem}.business-app .top{background:#ffffffed;padding:18px clamp(20px,3.5vw,48px);min-height:88px;border-bottom:1px solid var(--line)}
.business-app .top h1{font-size:1.1rem;font-weight:700}.business-app .top p{font-size:.875rem}.business-app .content{max-width:1550px;margin:auto;padding:36px clamp(20px,3.5vw,48px) 60px}
.business-app .view-head{align-items:center;margin-bottom:28px}.business-app .view-head h2{font-family:inherit;font-size:clamp(1.7rem,2.8vw,2.35rem);font-weight:650;letter-spacing:-.045em;line-height:1.2;margin-bottom:10px}.business-app .view-head p{font-size:1rem;max-width:650px}
.business-app .view-head .page-kicker,.page-kicker{color:#577464;font-size:.75rem;letter-spacing:.1em;font-weight:700;margin-bottom:8px;display:block}.period-label{font-size:.875rem;color:#5d7066;background:white;border:1px solid var(--line);border-radius:8px;padding:7px 12px;white-space:nowrap}
.business-app .btn{border-radius:8px;min-height:44px;font-size:.9rem;font-weight:650;padding:10px 16px;box-shadow:0 2px 3px #10362408;transition:background .15s}.business-app .btn.soft{background:#edf5ef;border-color:#d6e5dc}.business-app .btn.light{border-color:#d3dfd7;background:#fff}.business-app .btn.small{min-height:38px;font-size:.875rem;padding:7px 11px}.business-app .btn.danger{color:#9b5145;border-color:#e6dad6}
.business-app .metrics{gap:16px;margin-bottom:24px}.business-app .metric{border-radius:13px;padding:24px 20px;box-shadow:none}.business-app .metric span{font-size:.875rem;font-weight:600;margin-bottom:12px}.business-app .metric strong{font-size:clamp(1.5rem,2.5vw,2.1rem);font-weight:650;letter-spacing:-.035em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.business-app .metric small{display:block;font-size:.8rem;line-height:1.5;margin-top:6px}.business-app .metric.profit{background:#164f3d;border-color:#164f3d}.business-app .metric.profit small{opacity:1;color:#c4dfd0}
.business-app .card{border-radius:13px;padding:24px;box-shadow:0 3px 8px #17392603}.business-app .card-head{margin-bottom:20px}.business-app .card-head h3{font-weight:650;font-size:1.05rem}.business-app .grid{gap:24px;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr)}
.business-app .empty{background:#f8faf8;border:1px dashed #d0ddd4;border-radius:10px;font-size:1rem;padding:44px 20px}.empty strong{display:block;font-size:1.1rem;color:#31533f;margin-bottom:6px}
.business-app .quick button{background:white;border-color:#dde7e0;border-radius:9px;padding:14px 16px;font-size:.95rem}.business-app .quick button:hover{border-color:#80a38d;background:#f4f9f5}.business-app .quick button span{font-size:.875rem;line-height:1.5;font-weight:400;margin-top:4px}
.business-app .muted,.business-app .legend,.business-app .warning{font-size:.875rem}.business-app .money-strip{height:10px}.business-app .warning{background:#fcf8ec;border-left:3px solid #c79540;color:#73603a;line-height:1.6}
.business-app .form-grid{gap:18px}.business-app label{font-size:.875rem;font-weight:600;color:#375243}.business-app input,.business-app select,.business-app textarea{border-color:#ccd9cf;min-height:46px;border-radius:7px;padding:11px 12px;font-size:1rem}.business-app textarea{min-height:90px}.business-app input::placeholder{color:#76887d}.business-app input:focus,.business-app select:focus,.business-app textarea:focus{outline:3px solid #dceee1;border-color:#3d8e5f}.business-app .form-status{font-size:.9rem}
.business-app .invoice-layout{grid-template-columns:minmax(0,1fr)}.business-app #invoice-form{max-width:900px}.business-app .line{background:#f5f8f5;border:1px solid #e0e9e1;border-radius:10px;padding:16px;grid-template-columns:minmax(160px,1fr) 85px 140px 40px;gap:12px;margin-bottom:14px}.business-app .line button{height:46px;width:40px}.business-app .invoice-summary{max-width:400px;margin-left:auto;background:#f0f6f0;padding:18px 20px;border-radius:10px}.business-app .sum-row.total{border-color:#d3dfd4}.business-app .invoice-lines{margin:24px 0}
.business-app .table-wrap{border:1px solid #e6ede7;border-radius:9px;max-width:100%}.business-app table{min-width:620px}.business-app th{background:#f6f9f6;font-size:.75rem;font-weight:650;letter-spacing:.04em;padding:13px 14px}.business-app td{padding:16px 14px;font-size:.9rem;border-color:#edf1ed;vertical-align:middle}.business-app tr:last-child td{border-bottom:0}.business-app td.money{font-weight:600;font-variant-numeric:tabular-nums}.business-app .pill{font-size:.8rem;font-weight:600;padding:4px 10px}.business-app .pill.paid{background:#e7f5eb;color:#21693f}.business-app .pill.unpaid{background:#fff2d9;color:#8c5f12}.business-app .table-actions{gap:7px}
.business-app .report-box{background:#f3f7f3;border-radius:9px;padding:20px}.business-app .report-box span{font-size:.875rem}.business-app .report-box b{font-size:1.5rem}.business-app .report-grid{gap:16px;margin-bottom:30px}
.start-guide{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border:1px solid #cfe2d2;background:#edf5eb;border-radius:13px;margin-bottom:24px}.start-guide h3{font-size:1.2rem;margin:0 0 5px;font-weight:650}.start-guide p{margin:0;color:var(--muted);font-size:.95rem}.guide-actions{display:flex;flex-wrap:wrap;gap:8px}.form-help{font-size:.9rem;color:var(--muted);margin-bottom:24px}.inline-action{border:0;background:none;color:var(--green);padding:10px 0;font-size:.875rem;text-decoration:underline;text-underline-offset:3px}
/* Landing page */
.marketing{background:#fff}.marketing .wrap{width:min(1220px,calc(100% - 64px))}.marketing .site-head{background:#ffffffed;border-bottom:1px solid #e2eae3}.marketing .nav{min-height:82px}.marketing .brand{font-size:1.45rem}.marketing .mark{width:34px;height:34px;border-radius:9px}.marketing .nav-links{gap:30px}.marketing .nav-cta{color:white!important}.marketing .button,.marketing .nav-cta{border-radius:8px;font-size:.95rem;min-height:47px;padding:12px 21px}.marketing .button.secondary{background:white;border-color:#c3d2c5}.marketing .button.small{font-size:.875rem;padding:9px 13px}.marketing .hero{padding:88px 0 76px;background:#f3f7ef}.marketing .hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr);gap:64px}.marketing h1{font-family:inherit;font-size:clamp(2.8rem,4.6vw,4.6rem);line-height:1.07;font-weight:650;letter-spacing:-.06em;color:#173d2b}.marketing h1 em{font-style:normal;color:#298254}.marketing .hero-copy{font-size:1.125rem;line-height:1.75;color:#54685a;max-width:510px}.marketing .eyebrow{letter-spacing:.11em;font-size:.75rem;font-weight:700}.marketing .hero-actions{margin-top:28px;gap:10px}.marketing .trust-line{font-size:.875rem;color:#58715e;gap:18px}.marketing .trust-line i{display:none}.marketing .trust-line span:before{content:'✓';color:#207247;font-weight:700}.marketing .section{padding:88px 0}.marketing .section-heading h2{font-family:inherit;font-weight:650;letter-spacing:-.045em;font-size:clamp(2rem,3.5vw,3rem);line-height:1.14}.marketing .section-heading.center{max-width:700px}.marketing .section-heading p{color:#5e7068;font-size:1rem}.marketing .section.green .section-heading p{color:#d0e2d7}.marketing .section.sand{background:#f1f6f0}.marketing .steps{gap:18px}.marketing .step{border-radius:12px;padding:26px;background:white;border-color:#dce6de}.marketing .step-num{border-radius:8px;background:#edf5eb;color:#216b42;font-size:1rem;width:40px;height:40px}.marketing .step h3{font-size:1.1rem;font-weight:650}.marketing .step p{font-size:.95rem;line-height:1.7}.marketing .benefit{border-color:#d7e2d5}.marketing .benefit p{font-size:1rem}.marketing .benefit-grid{grid-template-columns:1fr 1fr;gap:80px}.marketing .approval-card{margin:0;width:100%;box-shadow:0 20px 45px #17492712;border-radius:15px}.marketing .approval-head{background:#174b37}.marketing .approval-head span,.marketing .project-row p,.marketing .compare-box p,.marketing .impact small,.marketing .decision-status{font-size:.875rem}.marketing .compare-label{font-size:.75rem}.marketing .compare-box{padding:16px}.marketing .impact{background:#f0f5ee}.marketing .tool-section{background:white}.marketing .tool-shell{border-radius:14px;box-shadow:0 10px 35px #16342308}.marketing .tool-top{background:#f2f7ef}.marketing .tool-top h2{font-weight:650}.marketing .tool-top p,.marketing .hint,.marketing .small-note,.marketing .scope-text,.marketing .status{font-size:.875rem}.marketing .record{border-radius:9px}.marketing .record-head{background:#1c563f}.marketing .form-panel,.marketing .result-panel{padding:24px}.marketing label{font-size:.875rem}.marketing .result-panel{background:#f8faf6}.marketing .section.green{background:#164632}.marketing .pilot-card{border-radius:14px;max-width:500px;margin-left:auto}.marketing .price{font-weight:650;font-size:3rem}.marketing .contact-form{border-radius:14px}.marketing details{padding:21px 0}.marketing summary{font-size:1.05rem;font-weight:600}.marketing details p{font-size:1rem;max-width:800px}.marketing footer{background:#113824;padding:32px 0}
.product-preview{background:white;border:1px solid #ccdacd;border-radius:14px;box-shadow:0 28px 60px #1d452b14;overflow:hidden;transform:rotate(-1deg)}
.preview-toolbar{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#fbfcfa;border-bottom:1px solid #e1e9df;font-size:.875rem;color:#365540}.preview-wordmark{font-weight:700;letter-spacing:-.03em}.preview-body-business{padding:26px}.preview-welcome{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:23px}.preview-welcome h3{font-size:1.25rem;line-height:1.4;letter-spacing:-.025em;margin:0}.preview-welcome small{color:#657867;font-size:.8rem}.preview-new{padding:8px 11px;background:#1a6b47;border-radius:6px;color:white;text-decoration:none;font-size:.8rem;font-weight:600;white-space:nowrap}.preview-numbers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:25px}.preview-number{padding:16px;background:#f0f6ee;border-radius:9px}.preview-number:last-child{background:#fff6df}.preview-number span{display:block;font-size:.875rem;color:#526451}.preview-number strong{display:block;font-size:1.8rem;letter-spacing:-.035em;color:#245737;font-weight:650;margin-top:5px}.preview-table-title{display:flex;justify-content:space-between;gap:12px;font-size:.875rem;margin-bottom:9px}.preview-table-title span{color:#6b7c6c;font-size:.8rem}.preview-bill{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;border-bottom:1px solid #edf0ea;padding:15px 0;font-size:.875rem}.preview-bill b{font-weight:600}.preview-bill small{display:block;color:#687c6a;font-size:.75rem}.preview-pill{color:#2b7245;background:#e8f4e8;padding:4px 8px;border-radius:5px;font-size:.75rem}.preview-pill.pending{color:#856021;background:#fff0d4}.preview-foot{display:flex;align-items:center;gap:10px;padding:16px 20px;background:#edf5ea;color:#4b684f;font-size:.875rem}.preview-foot b{color:#265435}.audience-line{border-top:1px solid #e0e9db;padding:24px 0;background:#f3f7ef}.audience-line .wrap{display:flex;gap:24px;align-items:center;justify-content:center;flex-wrap:wrap;color:#48664c;font-size:.875rem}.audience-line span:first-child{color:#758772}.demo-label{font-size:.75rem;padding:3px 7px;border:1px solid #d5dfd3;border-radius:4px;color:#667761;background:#fff}.marketing .tool-heading-row{display:flex;align-items:center;justify-content:space-between;gap:24px}.marketing .tool-heading-row .button{flex-shrink:0}.skip-link{position:absolute;top:-100px;left:12px;padding:10px 18px;background:white;z-index:100}.skip-link:focus{top:10px}
.recent-bill{display:flex;align-items:center;gap:14px;text-decoration:none;padding:18px 0;border-bottom:1px solid #edf1ed}.recent-bill:last-child{border-bottom:0}.recent-bill:hover .recent-name b{text-decoration:underline}.bill-symbol{display:grid;place-items:center;flex:none;width:40px;height:44px;border:1px solid #dfebe0;border-radius:8px;background:#f2f7ef;color:#4d7755;font-size:1.2rem}.recent-name{min-width:0;flex:1}.recent-name b{display:block;font-size:.95rem;font-weight:600;overflow-wrap:anywhere}.recent-name small{display:block;color:var(--muted);font-size:.8rem;margin-top:4px}.recent-amount{text-align:right;display:grid;justify-items:end;gap:4px}.recent-amount b{font-size:.95rem;font-weight:650}.marketing .builder-disclosure{border:1px solid #d7e4d9;border-radius:12px;padding:0;background:#f5f9f2;overflow:hidden}.marketing .builder-disclosure>summary{padding:24px;color:#215b3b;font-size:1.1rem}.marketing .builder-disclosure>summary span{font-weight:400;font-size:.875rem;color:#66796b;margin-left:18px}.marketing .builder-disclosure .tool-shell{border:0;border-top:1px solid #d7e4d9;border-radius:0;box-shadow:none}
@media(min-width:1400px){.business-app .invoice-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.business-app .invoice-layout .table-wrap{max-height:650px}}
@media(max-width:1100px){.business-app .shell{grid-template-columns:220px minmax(0,1fr)}.business-app .grid{grid-template-columns:1fr}.business-app .metrics{grid-template-columns:1fr 1fr}.start-guide{align-items:flex-start;flex-direction:column}.marketing .hero-grid{gap:32px}.marketing .hero{padding-top:64px}.marketing .benefit-grid{gap:40px}.marketing .steps{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.marketing .hero-grid,.marketing .benefit-grid{grid-template-columns:1fr}.marketing .hero-grid{gap:48px}.marketing .hero h1{max-width:640px}.marketing .hero-copy{max-width:650px}.product-preview{max-width:640px;transform:none}.marketing .pilot-card{margin:0}.marketing .tool-heading-row{display:block}}
@media(max-width:760px){.business-app .shell{display:block}.business-app .side{padding:12px 14px;border-right:0;border-bottom:1px solid var(--line);background:#fff}.business-app .mobile-brand{color:#204936;padding:0 4px 10px;font-size:1.1rem}.business-app .nav{gap:5px}.business-app .nav-caption{display:none}.business-app .nav button,.business-app .nav a{font-size:.875rem;padding:10px 13px;gap:7px}.business-app .nav button.active{box-shadow:none}.business-app .top{padding:14px 18px;min-height:70px;position:static}.business-app .top h1{font-size:1rem}.business-app .top-actions{gap:6px}.business-app .top .btn{padding:9px 12px}.business-app .content{padding:25px 18px 45px}.business-app .view-head h2{font-size:1.8rem}.business-app .view-head p{font-size:.95rem}.business-app .period-label{display:inline-block;margin-top:12px}.business-app .metric{padding:18px 15px}.business-app .metric span{font-size:.8rem}.business-app .metric strong{font-size:1.5rem}.business-app .metric small{font-size:.75rem}.business-app .card{padding:18px}.business-app .form-grid{grid-template-columns:1fr 1fr;gap:16px}.business-app .line{grid-template-columns:1fr 85px 110px 40px}.business-app .line .item-description{grid-column:1/-1}.business-app .line .item-picker{grid-column:1/-1}.business-app .line .line-qty{width:100%}.business-app .line>label:nth-of-type(3){grid-column:1/2}.business-app .line>label:nth-of-type(4){grid-column:2/4}.business-app .line>button{grid-column:4}.business-app .invoice-summary{max-width:none}.start-guide{padding:20px}.business-app .report-grid{grid-template-columns:1fr 1fr}.marketing .wrap{width:calc(100% - 36px)}.marketing .section{padding:58px 0}.marketing .nav{min-height:72px}.marketing .nav-links{gap:14px}.marketing .nav-links a:not(.nav-cta){display:none}.marketing .nav-cta{padding:10px 13px;font-size:.875rem}.marketing .hero{padding:50px 0}.marketing h1{font-size:clamp(2.8rem,9vw,4rem)}.marketing .hero-copy{font-size:1rem}.marketing .hero-actions .button{font-size:.9rem}.marketing .trust-line{font-size:.8rem;gap:12px}.marketing .preview-body-business{padding:20px}.marketing .audience-line .wrap{gap:10px 20px;justify-content:flex-start}.marketing .compare{grid-template-columns:1fr}.marketing .arrow{transform:rotate(90deg)}.marketing .section-heading h2{font-size:2.1rem}}
@media(max-width:480px){.business-app .form-grid{grid-template-columns:1fr}.business-app .top h1{max-width:160px;font-size:.95rem}.business-app .metrics{gap:10px}.business-app .metric strong{font-size:1.35rem}.business-app .view-head h2{font-size:1.65rem}.business-app .line{grid-template-columns:1fr 65px 65px 38px;padding:12px;gap:8px}.business-app .report-box{padding:15px}.business-app .report-box b{font-size:1.2rem}.marketing .steps{grid-template-columns:1fr}.marketing .preview-welcome{align-items:flex-start}.marketing .preview-bill{gap:9px}.marketing .preview-number{padding:12px}.marketing .preview-number strong{font-size:1.55rem}.marketing .preview-number span{font-size:.8rem}.marketing .preview-welcome h3{font-size:1.15rem}.marketing .brand{font-size:1.25rem}.marketing .preview-foot{font-size:.8rem}.marketing .hero-actions{display:grid;grid-template-columns:1fr}.marketing .button{width:100%}.marketing .tool-top .actions{display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:480px){.business-app .line{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 38px}.business-app .line>label:nth-of-type(4){grid-column:2}.business-app .line>button{grid-column:3}.business-app input,.business-app select{min-width:0}.marketing .builder-disclosure>summary span{display:block;margin-left:0;margin-top:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{.business-app .shell{display:none!important}.business-app .print-sheet{display:block}.marketing .audience-line{display:none!important}}