/* Homepage refinements for the approved invoice-first design */
.hero-intro{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(280px,.84fr);align-items:center;gap:10px;min-height:200px}.hero-copy{position:relative;z-index:1}.hero-copy h1{font-size:clamp(42px,4.65vw,55px);letter-spacing:-2.3px;margin-top:11px;white-space:nowrap}.hero-copy .lead{font-size:17px}.hero-art{height:186px;position:relative;overflow:hidden}.hero-art .scribble{position:absolute;z-index:2;left:8%;top:6px;transform:rotate(-8deg);color:var(--blue);font-family:"Segoe Print","Comic Sans MS",cursive;font-size:16px;line-height:1.12;font-weight:700}.hero-art .scribble small{font-size:12px}.doc-art{position:absolute;left:1%;bottom:-7px;width:86px;height:136px;background:linear-gradient(160deg,#fff,#f5f9ff);border:1px solid #dbe6f5;border-radius:10px;box-shadow:0 10px 22px #173e8720;transform:rotate(-11deg);padding:14px 10px;color:var(--blue);font-size:8px}.doc-art b{display:block;font-size:7px;margin:2px 0 17px}.doc-art i,.template-art i{display:block;height:4px;border-radius:5px;background:#dce7f5;margin:8px 0}.doc-art i:nth-of-type(2){width:70%}.doc-art em{display:block;width:23px;height:13px;background:var(--blue);border-radius:5px;margin:17px 0 0 auto}.template-art{position:absolute;right:2%;top:20px;width:190px;z-index:1;color:#27364d;transform:rotate(5deg)}.template-art>b{font-size:12px;display:block;margin:0 0 8px -13px;white-space:nowrap}.template-art>div{display:flex;gap:7px;transform:rotate(-5deg)}.template-art i{display:block;width:60px;height:112px;margin:0;border:1px solid #dae2ed;border-radius:5px;background:linear-gradient(#eaf2ff 0 16px,#fff 16px);box-shadow:0 6px 13px #173e871b;transform:rotate(-5deg)}.template-art i:nth-child(2){transform:translateY(5px) rotate(2deg)}.template-art i:nth-child(3){transform:translateY(-4px) rotate(10deg);background:linear-gradient(var(--blue) 0 17px,#fff 17px)}.hero-art svg{position:absolute;inset:16px 0 0;width:100%;height:100%}.payment-strip{min-height:50px}.payment-strip .paytag{display:inline-flex;align-items:center;gap:5px;height:34px}.paytag.visa{color:#1647a2}.paytag.mastercard{color:#ee4036}.paytag.paypal{color:#1569ae}.paytag.stripe{color:#635bca}.paytag.apple{color:#111}.template-inline{display:flex;align-items:center;gap:6px;font-size:9px;white-space:nowrap}.template-inline>a{color:var(--blue);font-size:10px;font-weight:750;text-decoration:none;margin-left:4px}.mini-template{width:34px;height:40px;border:1px solid #dfe5ed;border-radius:3px;background:linear-gradient(#dce9ff 0 8px,#fff 8px);box-shadow:0 2px 6px #10182812;cursor:pointer}.mini-template:nth-of-type(2){background:linear-gradient(#fff 0 8px,#f6f7f9 8px);border-top:3px solid #12233c}.mini-template:nth-of-type(3){background:linear-gradient(var(--blue) 0 9px,#fff 9px)}.mini-template.active{outline:2px solid var(--blue);outline-offset:1px}.preview-jump,.mobile-preview-link{display:none}.save-draft{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--blue);padding:8px 0;font-size:11px;font-weight:750;cursor:pointer}.filefield{display:flex!important;align-items:center;gap:9px;flex-wrap:wrap;padding:5px 0;font-weight:700}.filefield input{width:auto!important;max-width:165px;padding:5px!important;font-size:9px!important}.filefield small{width:100%;font-size:9px;color:#667085;font-weight:400}.preview-logo{width:36px;height:36px;object-fit:contain;border-radius:5px}.paper .mark{background:var(--invoice-accent,var(--blue))}.paper{border-top:4px solid var(--invoice-accent,var(--blue))}.paper-stamp{position:absolute;right:22px;bottom:91px;color:#f04452;border:3px solid #f04452;border-radius:6px;padding:4px 8px;font-size:19px;font-weight:900;transform:rotate(-11deg)}.paper-stamp[hidden]{display:none!important}.paper[data-template="minimal"]{border-top:2px solid #344054}.paper[data-template="classic"]{border-top:6px double #173e87}.paper[data-template="professional"]{border-top:4px solid #6941c6}.paper[data-template="minimal"] .mark{background:#344054}.paper[data-template="classic"] .mark{background:#173e87}.paper[data-template="professional"] .mark{background:#6941c6}.table-scroll{overflow-x:auto}.navright{position:relative}.navicon{border:0;background:none;color:#475467;font-size:19px;padding:5px;cursor:pointer}.search-container{position:relative;display:flex}.search-popover{position:absolute;top:38px;right:-40px;width:300px;padding:13px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);z-index:50}.search-popover[hidden]{display:none}.search-popover label{display:block;font-size:10px;font-weight:750;margin-bottom:6px}.search-popover input{width:100%;border:1px solid #d0d5dd;border-radius:8px;padding:9px;font-size:12px}.search-popover a{display:flex;justify-content:space-between;text-decoration:none;color:#344054;padding:8px 5px;border-bottom:1px solid #f1f3f6;font-size:11px}.search-popover a:hover{color:var(--blue);background:#f6f9ff}.search-popover p{font-size:11px;color:#667085}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:7px 20px;padding-left:19px}.seo-home{background:#fcfdff}.seo-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px}.seo-grid h2{font-size:22px}.seo-grid p,.seo-grid li{color:#475467;line-height:1.7;font-size:13px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.faq-section{padding-bottom:45px}.faq-section details{border:1px solid var(--line);border-radius:9px;padding:12px 14px;margin:6px 0;background:#fff}.faq-section summary{font-size:12px;font-weight:750;cursor:pointer;list-style:none}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary:after{content:'+';float:right;color:var(--blue);font-size:16px}.faq-section details[open] summary:after{content:'−'}.faq-section details p{margin:8px 0 0;font-size:11px;line-height:1.6;color:#667085}.section .countrycard{min-height:62px}.countrycard{flex-direction:row;justify-content:flex-start;text-align:left;gap:9px;padding:9px}.countrycard .flag{font-size:22px}.countrycard strong{display:block}.countrycard small{display:block}.more-country .flag{color:var(--blue);font-size:23px}.industrycard{min-height:65px}.industrycard .cardicon{background:transparent;font-size:23px;margin-bottom:1px}.how{position:relative;overflow:hidden}.steps{grid-template-columns:1.35fr 1fr 1fr 1fr .45fr}.how-art{position:relative;height:88px;min-width:68px}.how-paper{position:absolute;right:10px;top:-4px;width:62px;height:83px;border:1px solid #dce6f4;background:linear-gradient(#eaf2ff 0 14px,#fff 14px);box-shadow:0 7px 18px #173e8720;border-radius:5px;transform:rotate(9deg);font-size:7px;font-weight:800;padding:8px;color:var(--blue)}.how-paper i{display:block;height:3px;background:#dce7f5;margin:7px 0}.how-download{position:absolute;right:0;bottom:0;width:34px;height:34px;display:grid;place-items:center;color:#fff;font-size:18px;background:var(--blue);border-radius:50%;box-shadow:0 4px 12px var(--blue)44}.how-art:after{content:'↘';position:absolute;right:-4px;top:7px;color:var(--blue);font-size:18px;transform:rotate(-30deg)}
.dark{background:#101828;color:#f3f6fc}.dark .topbar,.dark .editor,.dark .paper,.dark .card,.dark .faq-section details,.dark .sidebox,.dark .search-popover{background:#182334;color:#e5eaf2;border-color:#334155}.dark .hero{background:linear-gradient(120deg,#192842,#14223a)}.dark .section{border-color:#293548}.dark .section p,.dark .card small,.dark .seo-grid p,.dark .seo-grid li{color:#b4c0d0}.dark .lead,.dark .benefit,.dark .navlinks,.dark .formgroup h2,.dark .formgroup h3,.dark .formgroup label,.dark .meta,.dark .paperfoot{color:#d0d8e5}.dark .formgroup input,.dark .formgroup textarea,.dark .formgroup select,.dark .items-table input{background:#182334;color:#e5eaf2;border-color:#334155}.dark .hero-art .template-art{color:#d7dfec}.dark .payment-strip .paytag,.dark .mini-template,.dark .btn.secondary{background:#182334;color:#e5eaf2;border-color:#334155}.dark .section .eyebrow,.dark .hero .eyebrow{background:#19355f;border-color:#294b7a;color:#9dc3ff}.dark .how{background:#182b47}.dark .seo-home{background:#131e2e}.dark .brand{color:#f3f6fc}.dark .topbar .navlinks.open{background:#182334}.dark .faq-section summary{color:#e5eaf2}.dark .payment-strip{color:#d0d8e5}
@media(max-width:1040px){.hero-intro{grid-template-columns:1fr minmax(230px,.7fr)}.hero-copy h1{white-space:normal;font-size:clamp(39px,5vw,52px)}.steps{grid-template-columns:1.3fr 1fr 1fr 1fr}.how-art{display:none}}
@media(max-width:720px){.hero-intro{display:block;min-height:0}.hero-art{height:110px;max-width:360px;margin:-3px 0 5px auto}.hero-art .scribble{left:5%;top:0;font-size:13px}.doc-art{width:61px;height:100px;padding:10px;left:23%}.doc-art b{margin-bottom:10px}.doc-art em{margin-top:8px}.template-art{right:3%;top:8px;width:145px}.template-art>b{font-size:10px}.template-art i{width:46px;height:75px}.hero-copy h1{font-size:clamp(37px,9vw,45px);white-space:normal}.hero-copy .lead{font-size:15px}.payment-strip{align-items:flex-start}.payment-strip .push{display:none}.template-inline{width:100%;flex-wrap:wrap}.payment-strip .bank,.payment-strip .apple{display:none}.mobile-preview-link{display:block;position:sticky;bottom:7px;z-index:8;text-align:right;margin:-4px 0 8px;pointer-events:none}.mobile-preview-link a{display:inline-flex;pointer-events:auto;background:var(--blue);color:white;text-decoration:none;border-radius:99px;padding:10px 14px;box-shadow:0 6px 16px var(--blue)44;font-size:11px;font-weight:750}.toolgrid{grid-template-columns:1fr}.editor{padding:12px}.paper{min-height:530px}.preview-jump{display:inline-flex}.steps{grid-template-columns:1fr;gap:14px}.step:not(:last-child):after{content:'↓';position:absolute;right:8px;top:25px;color:var(--blue)}.how-art{display:none}.seo-grid,.faq-grid{grid-template-columns:1fr;gap:12px}.checklist{grid-template-columns:1fr}.search-popover{position:fixed;top:62px;left:14px;right:14px;width:auto}.countrycards{grid-template-columns:repeat(2,1fr)}.industrycards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:390px){.hero-copy h1{font-size:36px}.formgrid{grid-template-columns:1fr}.wide{grid-column:auto}.items-table th:nth-child(4),.items-table td:nth-child(4){display:none}.actions .btn{font-size:9px}.paper{padding:16px}.filefield{display:block!important}.filefield input{display:block!important}}
/* Optional industry preset controls. Kept inside the existing advanced panel on the homepage. */
.industry-mode-controls{display:grid;gap:7px}.industry-mode-row{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.industry-mode-row label{min-width:200px;max-width:300px;display:grid;gap:4px;font-size:9px}.industry-mode-row select{font-size:10px}.industry-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:7px}.industry-field-grid label{display:grid;gap:3px;font-size:9px}.industry-field-grid input,.industry-field-grid select,.industry-field-grid textarea{width:100%;min-width:0;border:1px solid #d9e4ef;border-radius:5px;padding:6px;font-size:10px;background:#fff;color:#25334a}.industry-field-grid textarea{min-height:48px}.industry-advanced{grid-column:1/-1;border:1px solid #e2eaf3;border-radius:6px;padding:7px}.industry-advanced summary{font-weight:750;cursor:pointer;font-size:9px;list-style:none}.industry-advanced summary::-webkit-details-marker{display:none}.industry-advanced .industry-field-grid{margin-top:6px}.industry-calculated{grid-column:1/-1;margin:0;padding:7px;border-radius:5px;background:#f2f7ff;color:#344c6d;font-size:9px}.industry-workflow{grid-column:1/-1}.industry-workflow .industry-advanced{margin-top:7px}.industry-billing .add{font-size:9px;padding:6px 9px}.line-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.line-category-grid label{font-size:8px;display:grid;gap:3px}.line-category-grid select,.line-category-grid input{font-size:8px;min-width:0}.line-billable{display:flex!important;align-items:center;gap:5px}.line-billable input{width:auto!important}.industry-line-badge{font-size:7px;color:#48617d}
.dark .industry-field-grid input,.dark .industry-field-grid select,.dark .industry-field-grid textarea{background:#182334;color:#e5eaf2;border-color:#334155}.dark .industry-advanced{border-color:#334155}.dark .industry-calculated{background:#203149;color:#d3e2f8}
@media(max-width:600px){.industry-field-grid{grid-template-columns:1fr}.industry-mode-row{align-items:stretch;flex-direction:column}.industry-mode-row label{max-width:none}.industry-mode-row button{align-self:flex-start}.line-category-grid{grid-template-columns:1fr}}
#pvIndustryMeta{margin-top:4px;font-size:8.5px;line-height:1.35;color:#475467}.industry-category-totals{margin:7px 0;font-size:9px}
#invoice-guide .content-card p a{color:var(--blue);font-weight:750;text-decoration:none}#invoice-guide .content-card p a:hover{text-decoration:underline}.search-popover a{align-items:center;gap:8px}.search-popover a span{flex:1}.search-popover a small,.quick-search a .search-type{display:inline-flex;align-items:center;white-space:nowrap;border:1px solid #d9e7fb;border-radius:99px;background:#f2f7ff;color:#526784;padding:2px 6px;font-size:9px;font-weight:750;line-height:1.3}.quick-search a{display:flex!important;align-items:center;justify-content:space-between;gap:8px}.quick-search a span{flex:1}.dark .search-popover a small{background:#233852;border-color:#3a5272;color:#c5d8f0}body.dark-theme .quick-search a .search-type{background:#233852;border-color:#3a5272;color:#c5d8f0}