:root{--accent:#256f61;--focus:#256f6138;--font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ink:#171a1f;--line:#dddcd4;--muted:#6f716b;--soft:#ffffff9e;--wash:#f4f3ed;color:var(--ink);font-family:var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafaf8;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,textarea{letter-spacing:0}.app-shell{min-height:100vh;color:var(--ink)}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#fafaf8;justify-content:space-between;align-items:center;gap:28px;padding:18px clamp(18px,4vw,56px);display:flex;position:sticky;top:0}#top,#tool,#portfolio,#revenue{scroll-margin-top:92px}.brand,.topbar nav,.hero-actions,.section-heading,.revenue-row{align-items:center;display:flex}.brand{color:var(--ink);gap:10px;font-weight:800;text-decoration:none}.brand-mark{background:var(--ink);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;display:inline-flex}.topbar nav{gap:22px}.topbar nav a,.secondary-link{color:var(--muted);font-size:14px;font-weight:700;text-decoration:none}.topbar nav a.active{color:var(--ink)}.topbar-action,.primary-link,.section-heading button,.icon-button,.tool-tabs a,.revenue-button,.monetization-strip a,.tool-cards a,.pricing-card button,.contact-form button{cursor:pointer;font:inherit;border:0;justify-content:center;align-items:center;display:inline-flex}.topbar-action,.primary-link,.section-heading button{border-radius:6px;gap:8px;min-height:40px;padding:0 14px;font-size:14px;font-weight:800;text-decoration:none}.topbar-action,.section-heading button{border:1px solid var(--line);color:var(--ink);background:#fff}.hero{grid-template-columns:minmax(0,1fr) 380px;gap:40px;padding:70px clamp(18px,4vw,56px) 44px;display:grid}.tool-hero,.calculator-hero{padding-bottom:36px}.hero-copy h1{letter-spacing:0;max-width:850px;margin:0;font-size:clamp(42px,6vw,76px);line-height:.95}.hero-copy p{color:var(--muted);max-width:680px;margin:24px 0 0;font-size:18px;line-height:1.6}.hero-actions{gap:12px;margin-top:30px}.primary-link{background:var(--accent);color:#fff;text-decoration:none}.secondary-link{border:1px solid var(--line);color:var(--ink);border-radius:6px;padding:10px 14px}.revenue-panel{background:var(--ink);color:#fff;border-radius:8px;flex-direction:column;justify-content:flex-end;align-self:stretch;gap:18px;min-height:330px;padding:24px;display:flex}.revenue-panel span{color:var(--soft);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:800;display:block}.invoice-paper span{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:850;display:block}.revenue-panel strong{margin-top:8px;font-size:28px;line-height:1.05;display:block}.ad-slot{color:#ffffffb8;border:1px dashed #ffffff59;border-radius:6px;justify-content:center;align-items:center;height:86px;font-size:13px;display:flex}.revenue-row{color:#ffffffdb;gap:10px}.revenue-button{text-align:left;background:0 0;padding:0}.tool-layout{border-top:1px solid var(--line);grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:28px;padding:38px clamp(18px,4vw,56px);display:grid}.tool-tabs{border:1px solid var(--line);background:#ebe9df;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:18px;padding:4px;display:grid}.tool-tabs a{color:var(--muted);background:0 0;border-radius:6px;min-height:42px;font-size:14px;font-weight:850;text-decoration:none}.tool-tabs a.active{color:var(--ink);background:#fff;box-shadow:0 8px 20px #191e2a14}.invoice-form,.invoice-preview{min-width:0}.section-heading{justify-content:space-between;margin-bottom:18px}.section-heading>div{gap:2px;display:grid}.section-heading span{font-size:20px;font-weight:850}.section-heading small{color:var(--muted);font-size:12px;font-weight:700}.button-row{gap:8px;display:flex!important}.section-heading.compact{margin:0 0 12px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}fieldset,.line-items{border:1px solid var(--line);border-radius:8px;margin:0;padding:18px}legend{padding:0 8px;font-size:15px;font-weight:850}label{color:var(--muted);letter-spacing:0;text-transform:uppercase;gap:7px;margin-bottom:12px;font-size:12px;font-weight:800;display:grid}input,select,textarea{border:1px solid var(--line);color:var(--ink);font:600 14px/1.35 var(--font);background:#fff;border-radius:6px;width:100%;min-height:42px;padding:0 12px}input:disabled{background:var(--wash);color:var(--muted)}select{appearance:none}textarea{resize:vertical;min-height:76px;padding:12px}.notes-input{min-height:42px}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.line-item{grid-template-columns:minmax(0,1fr) 86px 110px 42px;align-items:end;gap:10px;display:grid}.line-item label{margin-bottom:0}.icon-button{color:#bb4a2e;background:#fff4f0;border-radius:6px;width:42px;height:42px}.invoice-preview{position:sticky;top:92px}.invoice-paper{border:1px solid var(--line);background:#fff;border-radius:8px;padding:34px;box-shadow:0 24px 70px #191e2a1a}.invoice-head,.invoice-meta,.invoice-parties,.portfolio{justify-content:space-between;display:flex}.invoice-head{border-bottom:2px solid var(--ink);align-items:flex-start;gap:24px;padding-bottom:24px}.invoice-head h2{margin:4px 0 0;font-size:34px}.invoice-head>strong{text-align:right;font-size:18px}.invoice-meta,.invoice-parties{gap:24px;margin-top:24px}.invoice-parties{align-items:flex-start}.invoice-parties>div,.invoice-meta>div{flex:1}.invoice-parties p{color:var(--muted);white-space:pre-line;margin:4px 0 0}table{border-collapse:collapse;width:100%;margin-top:28px}th,td{border-bottom:1px solid var(--line);text-align:right;padding:12px 6px;font-size:13px}th:first-child,td:first-child{text-align:left}th{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:11px}.totals{max-width:280px;margin:24px 0 0 auto}.totals>div{grid-template-columns:minmax(0,1fr) max-content;align-items:baseline;gap:18px;padding:8px 0;display:grid}.grand-total{border-top:2px solid var(--ink);margin-top:8px;font-size:18px;padding-top:14px!important}.grand-total strong{text-align:right;word-break:keep-all}.invoice-notes{background:var(--wash);color:var(--muted);border-radius:6px;margin:26px 0 0;padding:14px;line-height:1.5}.monetization-strip{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:12px;margin-top:18px;display:grid}.ad-unit{color:var(--muted);background:#efeee6;border:1px dashed #c9c6b8;border-radius:8px;justify-content:center;align-items:center;min-height:58px;font-size:13px;font-weight:800;display:flex}.monetization-strip a{background:var(--ink);color:#fff;font:850 14px/1.2 var(--font);text-align:center;border-radius:8px;padding:0 18px;text-decoration:none}.seo-section,.legal-section,.content-section{border-top:1px solid var(--line);padding:46px clamp(18px,4vw,56px)}.seo-section{grid-template-columns:.8fr 1.2fr;gap:28px;display:grid}.seo-section h2,.legal-section h2{margin:0 0 10px;font-size:34px;line-height:1.08}.seo-section p,.legal-section p{color:var(--muted);margin:0;line-height:1.6}.seo-grid,.legal-section{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.seo-grid article,.legal-section article{border:1px solid var(--line);background:#fff;border-radius:8px;padding:20px}.seo-grid h3{margin:0 0 8px;font-size:17px}.content-section{gap:24px;display:grid}.content-intro{max-width:900px}.content-intro h2{margin:0 0 12px;font-size:34px;line-height:1.08}.content-intro p{color:var(--muted);margin:0 0 10px;font-size:17px;line-height:1.65}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.content-grid article,.faq-grid details,.related-tools{border:1px solid var(--line);background:#fff;border-radius:8px;padding:22px}.content-grid h3,.related-tools h3{margin:0 0 12px}.content-grid ol,.content-grid ul{color:var(--muted);margin:0;padding-left:20px;line-height:1.65}.content-grid p{color:var(--muted);margin:0;line-height:1.65}.tools-directory{border-top:1px solid var(--line);gap:16px;padding:46px clamp(18px,4vw,56px);display:grid}.tools-directory article{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:minmax(220px,.45fr) minmax(0,1fr);align-items:start;gap:20px;padding:22px;display:grid}.tools-directory h2{margin:0 0 8px}.tools-directory p{color:var(--muted);margin:0;line-height:1.6}.directory-links{flex-wrap:wrap;gap:10px;display:flex}.directory-links a{background:var(--wash);color:var(--ink);border-radius:6px;padding:10px 12px;font-weight:800;text-decoration:none}.faq-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.faq-grid summary{cursor:pointer;font-weight:850}.faq-grid p{color:var(--muted);margin:12px 0 0;line-height:1.6}.related-tools>div{flex-wrap:wrap;gap:10px;display:flex}.related-tools a{background:var(--wash);color:var(--ink);border-radius:6px;padding:10px 12px;font-weight:800;text-decoration:none}.calculator-panel,.pricing-page,.legal-page{border-top:1px solid var(--line);padding:46px clamp(18px,4vw,56px)}.calculator-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.result-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.result-grid article,.pricing-card,.legal-grid article{border:1px solid var(--line);background:#fff;border-radius:8px;padding:22px}.result-grid span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:850;display:block}.result-grid strong{margin-top:8px;font-size:30px;display:block}.pricing-page{gap:28px;display:grid}.pricing-page h1,.legal-page h1{max-width:850px;margin:0;font-size:clamp(42px,6vw,68px);line-height:.98}.pricing-page>div>p,.legal-page>p{color:var(--muted);max-width:760px;font-size:18px;line-height:1.6}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.pricing-card h2{margin:0 0 10px}.pricing-card>strong{margin-bottom:12px;font-size:44px;display:block}.pricing-card p{color:var(--muted);min-height:74px}.pricing-card button,.contact-form button{background:var(--accent);color:#fff;border-radius:6px;width:100%;min-height:42px;padding:0 14px;font-weight:850}.pricing-card button.secondary-pay{border:1px solid var(--line);color:var(--ink);background:#fff;margin-top:8px}.pricing-card button.unavailable-pay{background:var(--wash);color:var(--muted);cursor:not-allowed;opacity:.84}.paypal-button{min-height:46px}.payment-status{background:var(--wash);border-radius:6px;padding:10px;font-size:13px;font-weight:800;color:var(--ink)!important;min-height:auto!important;margin:10px 0 0!important}.payment-debug{border:1px solid var(--line);background:#f8f8f4;border-radius:6px;margin-top:10px;padding:12px}.payment-debug strong{margin-bottom:8px;font-size:13px;display:block}.payment-debug ul{color:var(--muted);margin:0;padding-left:18px;font-size:12px;line-height:1.45}.legal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.contact-form{border:1px solid var(--line);background:#fff;border-radius:8px;max-width:720px;margin-top:28px;padding:22px}.site-footer{color:#fff;background:#171a1f;grid-template-columns:minmax(260px,1fr) minmax(180px,.45fr) minmax(160px,.35fr);gap:32px;padding:34px clamp(18px,4vw,56px);display:grid}.footer-summary{max-width:520px}.footer-brand{color:#fff}.footer-brand .brand-mark{color:var(--ink);background:#fff}.site-footer p{color:#ffffffb8;margin:14px 0 0;line-height:1.6}.site-footer nav{gap:10px;display:grid}.site-footer nav strong{text-transform:uppercase;font-size:13px}.site-footer a{color:#ffffffc7;text-decoration:none}.site-footer a:hover{color:#fff}.portfolio{border-top:1px solid var(--line);align-items:flex-start;gap:28px;padding:46px clamp(18px,4vw,56px) 70px}.portfolio h2{margin:0 0 10px;font-size:34px}.portfolio p{color:var(--muted);max-width:520px;margin:0}.tool-cards{grid-template-columns:repeat(2,minmax(170px,1fr));gap:12px;display:grid}.tool-cards article,.tool-cards a{border:1px solid var(--line);text-align:left;min-height:58px;color:var(--ink);background:#fff;border-radius:8px;align-items:center;gap:10px;padding:0 16px;text-decoration:none;display:flex}@media (width<=980px){.topbar{flex-direction:column;align-items:flex-start;gap:14px}.hero,.tool-layout{grid-template-columns:1fr}.invoice-preview{position:static}.field-grid,.field-grid.three,.portfolio,.seo-section,.seo-grid,.legal-section,.content-grid,.faq-grid,.calculator-fields,.result-grid,.pricing-grid,.legal-grid,.tools-directory article,.site-footer{grid-template-columns:1fr}.portfolio{display:grid}}@media (width<=640px){.topbar nav{flex-wrap:wrap;gap:14px}.hero{padding-top:44px}.hero-actions,.invoice-head,.invoice-meta,.invoice-parties{flex-direction:column}.primary-link,.secondary-link,.topbar-action{width:100%}.line-item{grid-template-columns:1fr;align-items:stretch}.monetization-strip{grid-template-columns:1fr}.monetization-strip a{min-height:52px}.icon-button{width:100%}.invoice-paper{padding:22px}.tool-cards{grid-template-columns:1fr}}@media print{body{background:#fff}.topbar,.hero,.invoice-form,.portfolio{display:none}.tool-layout{padding:0;display:block}.invoice-preview{position:static}.invoice-paper{box-shadow:none;border:0}}
