:root{--color-primary: #14b8a6;--color-primary-strong: #0f766e;--color-secondary: #1f2937;--color-accent: #f97316;--color-bg: #f6f8fb;--color-surface: #ffffff;--color-surface-raised: #f0f5f8;--color-text: #121a24;--color-muted: #647281;--color-border: #d8e2ea;--color-success: #16a34a;--color-warning: #f59e0b;--color-danger: #dc2626;--font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.9rem;--text-3xl: 2.4rem;--text-4xl: 3.2rem;--line-tight: 1.14;--line-normal: 1.55;--weight-medium: 500;--weight-bold: 650;--weight-strong: 760;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 8px;--app-header-height: 72px;--bottom-nav-height: 64px;--shadow-soft: 0 18px 45px rgba(18, 26, 36, .08);--shadow-panel: 0 12px 30px rgba(18, 26, 36, .07);--focus-ring: 0 0 0 4px rgba(20, 184, 166, .2);--gradient-brand: linear-gradient(135deg, #14b8a6 0%, #1f2937 100%);--gradient-soft: linear-gradient(135deg, rgba(20, 184, 166, .12) 0%, rgba(249, 115, 22, .12) 100%)}[data-theme=dark]{--color-bg: #080c10;--color-surface: #101820;--color-surface-raised: #17222c;--color-text: #edf7f8;--color-muted: #a7b6c3;--color-border: #263542;--color-secondary: #e5edf3;--shadow-soft: 0 18px 45px rgba(0, 0, 0, .32);--shadow-panel: 0 12px 30px rgba(0, 0, 0, .26)}*{box-sizing:border-box}html{overflow-x:hidden;color-scheme:light;scroll-behavior:smooth}[data-theme=dark]{color-scheme:dark}body{margin:0;min-height:100vh;overflow-x:hidden;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--line-normal);letter-spacing:0;padding-bottom:var(--bottom-nav-height);font-weight:400}body.drawer-open{overflow:hidden}body,button,input,select,textarea{font-family:var(--font-body)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:var(--line-tight);letter-spacing:0;font-weight:var(--weight-bold)}h1{margin-bottom:var(--space-4);font-size:clamp(var(--text-2xl),8vw,var(--text-4xl))}h2{margin-bottom:var(--space-3);font-size:clamp(var(--text-xl),4vw,var(--text-2xl))}h3{margin-bottom:var(--space-2);font-size:var(--text-lg)}p{color:var(--color-muted)}.shell{width:min(1180px,calc(100% - 24px));margin-inline:auto}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;z-index:20;top:var(--space-4);left:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-primary);color:#06201d;border-radius:var(--radius-md)}.app-header{position:sticky;z-index:30;top:0;min-height:var(--app-header-height);background:color-mix(in srgb,var(--color-surface) 90%,transparent);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-nav{display:grid;grid-template-columns:1fr auto;gap:var(--space-3);align-items:center;min-height:var(--app-header-height)}.brand{display:inline-flex;align-items:center;gap:var(--space-3);min-width:0;font-weight:var(--weight-strong)}.brand-mark,.tool-icon{display:inline-grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:var(--radius-md);background:var(--gradient-brand);color:#fff;font-size:var(--text-sm);font-weight:var(--weight-strong)}.brand-mark{object-fit:contain}img.brand-mark{display:block;padding:4px;background:#fff}.brand-copy{display:grid;line-height:1.1}.brand-name{font-size:var(--text-base)}.brand-line{color:var(--color-muted);font-size:var(--text-xs)}.desktop-nav{display:none}.desktop-nav>a,.nav-dropdown>a,.nav-dropdown>button{display:inline-flex;align-items:center;gap:var(--space-2);min-height:42px;padding:0 var(--space-4);border-radius:999px;border:0;background:transparent;color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-medium)}.desktop-nav>a:hover,.nav-dropdown>a:hover,.nav-dropdown>button:hover,.nav-dropdown.is-open>button{background:var(--color-surface-raised)}.desktop-nav img,.nav-dropdown>button img,.tools-dropdown img{width:18px;height:18px}.nav-dropdown{position:relative}.nav-dropdown:after{content:"";position:absolute;right:0;bottom:-18px;left:0;height:18px}.tools-dropdown{position:fixed;z-index:29;top:var(--app-header-height);left:0;right:0;width:100vw;max-height:calc(100vh - var(--app-header-height) - var(--space-4));padding:var(--space-5) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 98%,transparent);box-shadow:var(--shadow-soft);overflow-y:auto;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .16s ease,transform .16s ease;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-dropdown:hover .tools-dropdown,.nav-dropdown:focus-within .tools-dropdown,.nav-dropdown.is-open .tools-dropdown{opacity:1;pointer-events:auto;transform:translateY(0)}.mega-menu-inner{display:grid;grid-template-columns:minmax(240px,.34fr) minmax(0,1fr);gap:var(--space-6);align-items:start}.mega-menu-feature{position:sticky;top:0;display:grid;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised)}.mega-menu-feature h2{margin-bottom:0;font-size:var(--text-xl)}.mega-menu-feature p{margin-bottom:0;font-size:var(--text-sm)}.mega-all-link,.drawer-quick-actions a{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:42px;padding:0 var(--space-4);border-radius:var(--radius-md);background:var(--color-primary);color:#06201d;font-size:var(--text-sm);font-weight:var(--weight-bold)}.mega-all-link img,.drawer-quick-actions img{width:18px;height:18px}.mega-featured{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.mega-featured a{display:grid;grid-template-columns:34px 1fr;gap:var(--space-2);align-items:center;min-width:0;padding:var(--space-2);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-xs);font-weight:var(--weight-bold)}.mega-featured .dropdown-icon{width:34px;height:34px;font-size:.64rem}.mega-menu-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.mega-tool-group h3,.drawer-tool-group h3{margin-bottom:var(--space-2);color:var(--color-muted);font-size:var(--text-xs);text-transform:uppercase}.mega-tool-list,.drawer-tool-list{display:grid;gap:var(--space-1)}.mega-tool-list a,.drawer-tools a{display:grid;grid-template-columns:42px 1fr;gap:var(--space-3);align-items:center;padding:var(--space-3);border-radius:var(--radius-md);min-width:0}.mega-tool-list a:hover,.mega-featured a:hover,.drawer-tools a:hover{background:var(--color-surface-raised)}.dropdown-icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:var(--radius-md);background:var(--gradient-brand);color:#fff;font-size:var(--text-xs);font-weight:var(--weight-strong)}.mega-tool-list strong,.drawer-tools strong{display:block;font-size:var(--text-sm);font-weight:var(--weight-bold)}.mega-tool-list small,.drawer-tools small{display:block;color:var(--color-muted);font-size:var(--text-xs);line-height:1.35}.nav-actions{display:inline-flex;gap:var(--space-2);align-items:center}.icon-button img,.btn img,.bottom-nav img{width:18px;height:18px;object-fit:contain}.btn-primary img,[data-theme=dark] .icon-button img,[data-theme=dark] .btn-secondary img,[data-theme=dark] .bottom-nav img{filter:invert(1)}.icon-button,.btn{gap:var(--space-2)}.icon-button,.btn,.filter-pills a,.quick-actions a,.segmented button,.rate-grid button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:transform .16s ease,border-color .16s ease,background .16s ease}.btn:hover,.icon-button:hover,.filter-pills a:hover,.quick-actions a:hover,.segmented button:hover,.rate-grid button:hover{transform:translateY(-1px);border-color:var(--color-primary)}.btn:focus-visible,.icon-button:focus-visible,input:focus,select:focus,textarea:focus,a:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn-primary{border-color:transparent;background:var(--gradient-brand);color:#fff}.btn-secondary{border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface));color:var(--color-primary-strong)}.btn-light{min-height:38px;background:var(--color-surface-raised)}.btn.is-loading{pointer-events:none;opacity:.78}.btn.is-loading:before{content:"";width:14px;height:14px;margin-right:var(--space-2);border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.hero-section,.page-hero,.tool-hero{padding:var(--space-8) 0 var(--space-6)}.tool-hero{padding-bottom:var(--space-4)}.tool-hero-invoice{padding:var(--space-5) 0 var(--space-3)}.tool-hero-invoice h1{margin-bottom:var(--space-2);font-size:clamp(var(--text-xl),4vw,var(--text-2xl))}.tool-hero-invoice p:not(.eyebrow){max-width:760px;margin-bottom:0;font-size:var(--text-sm)}.hero-grid{display:grid;gap:var(--space-6)}.trust-marquee{overflow:hidden;border-block:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 82%,var(--color-bg))}.marquee-track{display:flex;width:max-content;gap:var(--space-3);padding:var(--space-3) 0;animation:marquee-slide 34s linear infinite;will-change:transform}.marquee-track span{display:inline-flex;align-items:center;min-height:32px;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-muted);font-size:var(--text-sm);white-space:nowrap}@media(prefers-reduced-motion:reduce){.marquee-track{animation:none;transform:none}}@keyframes marquee-slide{0%{transform:translate(0)}to{transform:translate(-50%)}}.premium-hero{padding-top:var(--space-10);background:radial-gradient(circle at top left,color-mix(in srgb,var(--color-primary) 18%,transparent),transparent 34%),linear-gradient(180deg,var(--color-surface),var(--color-bg))}.tool-landing-hero{padding:var(--space-8) 0 var(--space-7);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 12%,transparent),transparent 42%),linear-gradient(180deg,var(--color-surface),var(--color-bg))}.invoice-landing-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 10%,transparent),transparent 44%),linear-gradient(180deg,var(--color-surface),var(--color-bg))}.landing-hero-grid{display:grid;gap:var(--space-6);align-items:center}.landing-hero-copy h1{max-width:780px}.landing-proof{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5)}.landing-proof span,.keyword-cloud span{display:inline-flex;align-items:center;min-height:34px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-muted);font-size:var(--text-sm);font-weight:var(--weight-medium)}.landing-showcase{min-width:0}.landing-slider{position:relative;overflow:hidden;min-height:360px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-soft)}.landing-slider .tool-slide{grid-template-rows:minmax(0,1fr) auto}.landing-slider .tool-slide img{object-fit:contain;padding:var(--space-4)}.landing-slider .tool-slide figcaption{border-top:1px solid var(--color-border)}.landing-keywords{padding:var(--space-6) 0;border-block:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 78%,var(--color-bg))}.keyword-grid{display:grid;gap:var(--space-5)}.keyword-grid h2{margin-bottom:var(--space-2)}.keyword-grid p{margin-bottom:0}.keyword-cloud{display:flex;flex-wrap:wrap;gap:var(--space-2)}.keyword-cloud span{border-color:color-mix(in srgb,var(--color-primary) 28%,var(--color-border));color:var(--color-text)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.hero-visual{min-width:0}.laptop-visual{align-self:center}.laptop-frame{position:relative;width:min(100%,560px);margin-inline:auto}.laptop-screen{overflow:hidden;aspect-ratio:16 / 10;border:10px solid var(--color-secondary);border-radius:18px 18px 10px 10px;background:var(--color-surface);box-shadow:var(--shadow-soft)}.screen-topbar{display:flex;gap:7px;align-items:center;min-height:34px;padding:0 var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.screen-topbar span{width:9px;height:9px;border-radius:50%;background:var(--color-border)}.screen-topbar strong{margin-left:var(--space-2);color:var(--color-muted);font-size:var(--text-xs);font-weight:var(--weight-medium)}.tool-slider{position:relative;height:calc(100% - 34px);background:var(--gradient-soft)}.tool-slide{position:absolute;inset:0;display:grid;grid-template-rows:1fr auto;margin:0;opacity:0;transform:translate(18px);transition:opacity .42s ease,transform .42s ease}.tool-slide.is-active{opacity:1;transform:translate(0)}.tool-slide img{width:100%;height:100%;object-fit:cover;background:var(--color-surface-raised)}.tool-slide img[hidden]+figcaption{min-height:100%}.tool-slide figcaption{display:grid;gap:var(--space-1);padding:var(--space-4);background:color-mix(in srgb,var(--color-surface) 92%,transparent)}.tool-slide figcaption strong{font-size:var(--text-lg);font-weight:var(--weight-bold)}.tool-slide figcaption span{color:var(--color-muted);font-size:var(--text-sm)}.laptop-base{width:78%;height:18px;margin:0 auto;border-radius:0 0 22px 22px;background:linear-gradient(180deg,color-mix(in srgb,var(--color-secondary) 88%,#ffffff),var(--color-secondary));box-shadow:0 18px 28px #121a2429}.offering-grid article,.seo-image-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-panel)}.visual-grid div{min-height:70px;display:grid;place-items:center;font-weight:var(--weight-medium)}.offering-grid{display:grid;gap:var(--space-3)}.offering-grid article{padding:var(--space-5)}.offering-grid img{width:34px;height:34px;margin-bottom:var(--space-4)}.seo-image-card{padding:var(--space-5)}.image-placeholder{display:grid;place-items:center;min-height:260px;overflow:hidden;gap:var(--space-3);border-radius:var(--radius-md);background:var(--gradient-soft);color:var(--color-muted);text-align:center;font-weight:var(--weight-medium)}.image-placeholder img{width:64px;height:64px}.image-placeholder .feature-image{width:100%;height:100%;min-height:260px;object-fit:cover}.eyebrow{margin-bottom:var(--space-2);color:var(--color-primary-strong);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.08em;text-transform:uppercase}.hero-text{max-width:680px;font-size:var(--text-md)}.hero-search,.directory-search{display:grid;gap:var(--space-3);margin:var(--space-5) 0}.directory-search{max-width:920px}.directory-search input{min-height:58px;border-width:2px;padding-inline:var(--space-5);font-size:var(--text-md);box-shadow:var(--shadow-panel)}.directory-search input:focus{border-color:var(--color-primary);outline:none;box-shadow:var(--focus-ring),var(--shadow-panel)}.directory-search-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;justify-content:space-between;color:var(--color-muted);font-size:var(--text-sm)}.directory-search-meta button{min-height:0;padding:0;border:0;background:transparent;color:var(--color-primary-strong);font-weight:var(--weight-medium)}input,select,textarea{width:100%;min-height:46px;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text)}textarea{min-height:128px;resize:vertical}.quick-actions,.filter-pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.filter-pills a{display:inline-flex;min-height:42px;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);background:var(--color-surface);font-size:var(--text-sm);font-weight:var(--weight-medium)}.filter-pills a.active,.segmented button.active,.rate-grid button.active{border-color:transparent;background:var(--color-primary);color:#06201d}.phone-preview{width:min(100%,360px);margin-inline:auto;padding:var(--space-5);border:1px solid var(--color-border);border-radius:28px;background:var(--color-secondary);color:#fff;box-shadow:var(--shadow-soft)}.phone-bar{width:80px;height:5px;margin:0 auto var(--space-5);border-radius:999px;background:#ffffff57}.mini-search,.mini-tool{border-radius:var(--radius-md);background:#ffffff1a}.mini-search{padding:var(--space-3);margin-bottom:var(--space-3)}.mini-tool{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-3);margin-top:var(--space-2)}.mini-tool span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-sm);background:var(--color-primary);color:#06201d}.section-band,.content-section,.ad-band{padding:var(--space-7) 0}.section-head{margin-bottom:var(--space-5)}.directory-shell{display:grid;gap:var(--space-5)}.tool-grid,.category-grid,.related-list{display:grid;gap:var(--space-3)}.tool-card,.category-card{display:grid;gap:var(--space-3);align-items:center;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-panel)}.tool-card{grid-template-columns:auto 1fr auto;min-height:148px;align-items:start;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.tool-card[hidden]{display:none}.tool-card:hover,.tool-card:focus-visible{border-color:color-mix(in srgb,var(--color-primary) 55%,var(--color-border));box-shadow:var(--shadow-soft);transform:translateY(-2px)}.tool-card:focus-visible{outline:none}.tool-icon{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-md);background:var(--gradient-brand);color:#fff;font-size:var(--text-sm);font-weight:var(--weight-bold)}.tool-card-body{min-width:0}.tool-card-meta{display:inline-block;margin-bottom:var(--space-1);color:var(--color-primary-strong);font-size:var(--text-xs);font-weight:var(--weight-medium)}.tool-card-title,.category-card span{display:block;margin-bottom:var(--space-1);font-weight:var(--weight-medium)}.tool-card-summary,.category-card small,.tool-card-arrow{color:var(--color-muted);font-size:var(--text-sm)}.tool-card-summary{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.tool-card-arrow{align-self:center;font-weight:var(--weight-medium)}.tool-empty-state{display:grid;justify-items:center;gap:var(--space-2);padding:var(--space-8);border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-muted);text-align:center}.tool-empty-state strong{color:var(--color-text)}.tool-empty-state[hidden]{display:none}.ad-slot{display:grid;place-items:center;min-height:96px;border:1px dashed color-mix(in srgb,var(--color-primary) 50%,var(--color-border));border-radius:var(--radius-md);background:var(--gradient-soft);color:var(--color-muted);font-size:var(--text-sm);font-weight:var(--weight-medium)}.breadcrumb{display:flex;gap:var(--space-2);align-items:center;margin-bottom:var(--space-3);color:var(--color-muted);font-size:var(--text-sm)}.tool-workspace{display:grid;gap:var(--space-4);margin-bottom:var(--space-4)}.tool-panel{min-width:0;overflow:hidden;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-panel)}.advanced-tool-panel{display:grid;gap:var(--space-4)}.advanced-form-grid{grid-template-columns:1fr}.advanced-form-grid label,.check-row{display:grid;gap:var(--space-2);color:var(--color-muted);font-size:var(--text-sm);font-weight:var(--weight-medium)}.advanced-form-grid label span{font-size:var(--text-xs);opacity:.78}.advanced-wide,.check-row{grid-column:1 / -1}.check-row{grid-template-columns:auto 1fr;align-items:center;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised)}.check-row input{width:auto;min-height:auto}.result-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:var(--space-4)}.result-card{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised)}.result-card span{display:block;color:var(--color-muted);font-size:var(--text-xs);font-weight:var(--weight-medium)}.result-card strong{display:block;margin-top:var(--space-1);font-size:var(--text-lg)}.table-scroll{overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.tool-table{width:100%;min-width:620px;border-collapse:collapse;font-size:var(--text-sm)}.tool-table th,.tool-table td{padding:var(--space-3);border-bottom:1px solid var(--color-border);text-align:left;white-space:nowrap}.tool-table th{background:var(--color-surface-raised);color:var(--color-muted);font-size:var(--text-xs);text-transform:uppercase}.audit-empty{display:grid;gap:var(--space-2);padding:var(--space-5);border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-muted)}.audit-empty strong{color:var(--color-text)}.audit-report,.audit-score-row{display:grid;gap:var(--space-4)}.audit-score-card{display:grid;place-items:center;min-height:180px;border:1px solid color-mix(in srgb,var(--color-primary) 40%,var(--color-border));border-radius:var(--radius-md);background:var(--gradient-soft)}.audit-score-card span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--color-primary);color:#06201d;font-weight:var(--weight-bold)}.audit-score-card strong{font-size:clamp(2rem,5vw,3.25rem)}.audit-score-card small{color:var(--color-muted);font-weight:var(--weight-medium)}.audit-bars{display:grid;gap:var(--space-3);align-content:center}.audit-bar-row{display:grid;grid-template-columns:92px 1fr 52px;gap:var(--space-3);align-items:center;font-size:var(--text-sm)}.audit-bar-row span,.audit-bar-row strong{white-space:nowrap}.audit-bar-track{height:12px;overflow:hidden;border-radius:999px;background:var(--color-surface-raised);border:1px solid var(--color-border)}.audit-bar-track i{display:block;height:100%;border-radius:inherit;background:var(--color-primary)}.audit-checks{display:grid;gap:var(--space-3)}.audit-check{display:grid;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-left-width:4px;border-radius:var(--radius-md);background:var(--color-surface-raised)}.audit-check.is-ok{border-left-color:#1f9d55}.audit-check.is-bad{border-left-color:#dc3545}.audit-check span{display:inline-flex;width:fit-content;margin-bottom:var(--space-2);padding:.2rem .55rem;border-radius:999px;background:var(--color-surface);color:var(--color-muted);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase}.audit-check h3{margin:0 0 var(--space-1);font-size:var(--text-lg)}.audit-check p,.audit-check strong{margin:0;color:var(--color-muted);font-size:var(--text-sm)}.audit-check strong{color:var(--color-text)}.audit-broken,.image-result-grid{display:grid;gap:var(--space-3)}.image-result-card{display:grid;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised)}.image-result-card img,.image-preview-box canvas{max-width:100%;border-radius:var(--radius-md);background:#fff}.image-result-card strong,.image-result-card small{display:block}.image-result-card small{color:var(--color-muted)}.image-preview-box{display:grid;place-items:center;min-height:260px;margin-bottom:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-raised)}.drop-zone{display:grid;place-items:center;gap:var(--space-2);min-height:170px;padding:var(--space-6);border:2px dashed color-mix(in srgb,var(--color-primary) 50%,var(--color-border));border-radius:var(--radius-md);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 9%,transparent),transparent),var(--color-surface-raised);color:var(--color-text);text-align:center;cursor:pointer}.drop-zone input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.drop-zone span{font-size:var(--text-lg);font-weight:var(--weight-bold)}.drop-zone small{max-width:520px;color:var(--color-muted)}.drop-zone.is-dragging{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 14%,var(--color-surface))}.favicon-preview-strip{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:end;min-height:76px;margin-bottom:var(--space-4)}.favicon-preview-strip figure{display:grid;gap:var(--space-1);justify-items:center;margin:0;color:var(--color-muted);font-size:var(--text-xs)}.favicon-preview-strip img{width:48px;height:48px;padding:6px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;object-fit:contain}.tool-workspace[data-tool-mode=image-crop]{width:min(1120px,calc(100% - 24px))}.tool-workspace[data-tool-mode=bulk-image-crop]{width:min(1180px,calc(100% - 24px))}.crop-editor-panel,.crop-workbench{display:grid;gap:var(--space-4)}.crop-editor-topbar{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:space-between;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised)}.crop-editor-topbar h3,.crop-editor-topbar p{margin-bottom:0}.crop-control-grid{display:grid;gap:var(--space-4);align-items:start}.crop-settings-card,.crop-download-card{min-width:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-panel)}.crop-toolbar{display:grid;gap:var(--space-3);margin-bottom:var(--space-4)}.crop-toolbar label{display:grid;gap:var(--space-2);color:var(--color-muted);font-size:var(--text-sm);font-weight:var(--weight-medium)}.crop-toolbar span{color:var(--color-primary-strong)}.crop-stage{position:relative;display:grid;place-items:center;min-height:440px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:linear-gradient(45deg,color-mix(in srgb,var(--color-border) 35%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--color-border) 35%,transparent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--color-border) 35%,transparent) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--color-border) 35%,transparent) 75%),var(--color-surface-raised);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;touch-action:none}.crop-stage img{display:block;max-width:100%;max-height:72vh;-webkit-user-select:none;user-select:none;pointer-events:none}.crop-selection{position:absolute;z-index:2;cursor:move;border:2px solid #ffffff;box-shadow:0 0 0 9999px #080c107a,0 0 0 1px #121a2499 inset;background:linear-gradient(#ffffff52,#ffffff52) 33.333% 0 / 1px 100% no-repeat,linear-gradient(#ffffff52,#ffffff52) 66.666% 0 / 1px 100% no-repeat,linear-gradient(90deg,#ffffff52,#ffffff52) 0 33.333% / 100% 1px no-repeat,linear-gradient(90deg,#ffffff52,#ffffff52) 0 66.666% / 100% 1px no-repeat}.crop-selection span{position:absolute;width:18px;height:18px;border:2px solid #ffffff;border-radius:50%;background:var(--color-primary);box-shadow:0 2px 8px #080c103d}.crop-selection [data-crop-handle=nw]{top:-10px;left:-10px;cursor:nwse-resize}.crop-selection [data-crop-handle=ne]{top:-10px;right:-10px;cursor:nesw-resize}.crop-selection [data-crop-handle=sw]{bottom:-10px;left:-10px;cursor:nesw-resize}.crop-selection [data-crop-handle=se]{right:-10px;bottom:-10px;cursor:nwse-resize}.crop-result{display:grid;gap:var(--space-4)}.crop-sticky-download{position:sticky;z-index:6;bottom:calc(var(--bottom-nav-height) + var(--space-3));display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;justify-content:flex-end;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface) 94%,transparent);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.crop-sticky-download span{margin-right:auto;color:var(--color-muted);font-size:var(--text-sm);font-weight:var(--weight-medium)}.crop-download-actions{justify-content:flex-start}.bulk-crop-panel{display:grid;gap:var(--space-4)}.bulk-crop-head{align-items:start}.bulk-crop-actions{justify-content:flex-start}.bulk-crop-workspace,.bulk-crop-list{display:grid;gap:var(--space-4)}.bulk-crop-row{display:grid;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-panel)}.bulk-crop-row-head{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;justify-content:space-between}.bulk-crop-row-head h3{margin-bottom:0;font-size:var(--text-base)}.bulk-crop-row-head small{color:var(--color-muted)}.bulk-crop-row-body{display:grid;gap:var(--space-4)}.bulk-crop-stage{position:relative;display:grid;place-items:center;min-height:260px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);touch-action:none}.bulk-crop-stage img{display:block;max-width:100%;max-height:360px;-webkit-user-select:none;user-select:none;pointer-events:none}.bulk-crop-preview{display:grid;gap:var(--space-3);align-content:start;justify-items:start;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised)}.bulk-crop-preview canvas{width:auto;max-width:min(100%,280px);max-height:180px;border-radius:var(--radius-md);background:#fff;object-fit:contain}.bulk-crop-preview small{color:var(--color-muted)}.bulk-crop-sticky{position:fixed;z-index:18;right:var(--space-3);bottom:calc(var(--bottom-nav-height) + var(--space-3));left:var(--space-3);display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;justify-content:space-between;max-width:1180px;margin-inline:auto;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface) 94%,transparent);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bulk-crop-sticky span{color:var(--color-muted);font-size:var(--text-sm);font-weight:var(--weight-medium)}.bmi-input-panel,.bmi-report-panel{align-self:start}.bmi-form-sections{display:grid;gap:var(--space-3)}.bmi-field-card{display:grid;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-raised) 38%,transparent),transparent),var(--color-surface)}.bmi-field-card label{display:grid;gap:6px;color:var(--color-muted);font-size:var(--text-xs);font-weight:var(--weight-medium)}.bmi-field-card input,.bmi-field-card select{min-height:38px;padding:8px 10px;font-size:var(--text-sm)}.bmi-field-card label span{font-size:var(--text-xs);opacity:.78}.bmi-label-line{display:inline-flex;gap:var(--space-2);align-items:center}.bmi-label-line small{color:var(--color-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);opacity:.78}.bmi-submit-button{width:100%;min-height:48px}.btn-arrow{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#ffffff38;font-size:var(--text-sm);font-weight:var(--weight-bold)}.bmi-card-head{display:flex;gap:var(--space-2);align-items:center;justify-content:space-between}.bmi-card-head h3{margin-bottom:0;font-size:var(--text-base)}.bmi-inline-grid{display:grid;gap:var(--space-3)}.bmi-unit-toggle{display:inline-flex;gap:var(--space-3);align-items:center}.bmi-unit-toggle label{display:inline-flex;grid-auto-flow:column;gap:6px;align-items:center;color:var(--color-text);font-size:var(--text-sm);cursor:pointer}.bmi-unit-toggle input{position:absolute;opacity:0;pointer-events:none}.bmi-unit-toggle span:before{content:"";display:inline-block;width:16px;height:16px;margin-right:6px;border:2px solid var(--color-border);border-radius:50%;vertical-align:-3px}.bmi-unit-toggle input:checked+span:before{border:5px solid var(--color-primary)}.bmi-underlined-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.bmi-underlined-grid label{position:relative;display:grid;gap:4px;color:var(--color-muted);font-size:var(--text-xs)}.bmi-underlined-grid input{min-height:42px;padding:4px 0 8px;border:0;border-bottom:2px solid color-mix(in srgb,var(--color-text) 72%,transparent);border-radius:0;background:transparent;color:var(--color-text);font-size:1.35rem;font-weight:var(--weight-bold)}.bmi-underlined-grid input:focus{box-shadow:none;border-color:var(--color-primary)}.bmi-sex-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.bmi-icon-radio{position:relative;display:grid;gap:var(--space-2);justify-items:center;min-height:74px;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);cursor:pointer;text-align:center;transition:border-color .16s ease,background .16s ease,transform .16s ease}.bmi-icon-radio input{position:absolute;opacity:0;pointer-events:none}.bmi-icon-radio span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--color-surface);color:var(--color-primary-strong);font-size:1.15rem;font-weight:var(--weight-bold)}.bmi-icon-radio strong{font-size:var(--text-sm)}.bmi-icon-radio:has(input:checked){border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface));transform:translateY(-1px);box-shadow:0 12px 24px #14b8a629}.help-tip{position:relative;display:inline-grid;place-items:center;width:20px;height:20px;border:1px solid color-mix(in srgb,var(--color-primary) 45%,var(--color-border));border-radius:50%;background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface));color:var(--color-primary-strong);font-size:.68rem;font-weight:var(--weight-bold);cursor:help}.help-tip:after{content:attr(aria-label);position:absolute;z-index:8;right:0;bottom:calc(100% + 8px);width:min(280px,82vw);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-soft);font-size:var(--text-xs);line-height:1.45;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease}.help-tip:hover:after,.help-tip:focus:after{opacity:1;transform:translateY(0)}.bmi-score-card{display:grid;gap:var(--space-1);margin-bottom:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 14%,transparent),transparent),var(--color-surface-raised)}.bmi-score-card span,.bmi-score-card em{color:var(--color-muted);font-style:normal;font-size:var(--text-sm);font-weight:var(--weight-medium)}.bmi-score-card strong{font-size:clamp(2.25rem,7vw,3.6rem);font-weight:var(--weight-bold);line-height:1}.bmi-empty-state{display:grid;place-items:center;min-height:360px;padding:var(--space-6);border:1px dashed color-mix(in srgb,var(--color-primary) 45%,var(--color-border));border-radius:var(--radius-md);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 10%,transparent),transparent 52%),var(--color-surface-raised);text-align:center}.bmi-empty-state>span{display:grid;place-items:center;width:82px;height:82px;margin-bottom:var(--space-4);border-radius:50%;background:var(--color-surface);color:var(--color-primary-strong);font-size:var(--text-xl);font-weight:var(--weight-bold);box-shadow:var(--shadow-panel)}.bmi-empty-state h3{margin-bottom:var(--space-2);font-size:var(--text-lg)}.bmi-empty-state p{max-width:420px;margin-bottom:0}.bmi-result-content{display:grid}.bmi-gauge{display:grid;gap:var(--space-3);margin-bottom:var(--space-4)}.bmi-gauge-track{position:relative;display:grid;grid-template-columns:24fr 26fr 19fr 31fr;height:18px;overflow:visible;border-radius:999px;background:var(--color-surface-raised)}.bmi-zone:first-child{border-radius:999px 0 0 999px}.bmi-zone:last-of-type{border-radius:0 999px 999px 0}.bmi-zone.under{background:#f59e0b}.bmi-zone.healthy{background:#16a34a}.bmi-zone.caution{background:#f97316}.bmi-zone.high{background:#dc2626}.bmi-gauge-track i{position:absolute;top:50%;left:0;width:18px;height:18px;border:3px solid #ffffff;border-radius:50%;background:#111827;box-shadow:0 4px 12px #121a2447;transform:translate(-50%,-50%)}.bmi-gauge-labels{display:flex;justify-content:space-between;gap:var(--space-2);color:var(--color-muted);font-size:var(--text-xs)}.bmi-detail-grid{grid-template-columns:1fr}.bmi-detail-grid.result-grid{display:grid;gap:var(--space-2);grid-template-columns:1fr!important}.bmi-detail-grid .result-card{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr);gap:var(--space-4);align-items:center;min-height:auto;padding:12px 14px;background:var(--color-surface)}.bmi-detail-grid .result-card span{color:var(--color-muted);font-size:var(--text-xs);line-height:1.3}.bmi-detail-grid .result-card strong{margin-top:0;font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:right;line-height:1.35;overflow-wrap:anywhere}.bmi-guidance{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised)}.bmi-guidance h3{margin-bottom:var(--space-2);font-size:var(--text-base)}.bmi-guidance p{margin-bottom:var(--space-2)}.bmi-guidance p:last-child{margin-bottom:0}.panel-head{display:grid;gap:var(--space-3);margin-bottom:var(--space-4)}.panel-head h2{margin-bottom:var(--space-1);font-size:var(--text-lg)}.panel-head p{margin-bottom:0;font-size:var(--text-sm)}.panel-actions,.action-rail{display:flex;flex-wrap:wrap;gap:var(--space-2)}.action-rail{align-content:start}.tool-workspace[data-tool-mode=qr]{gap:var(--space-4)}.tool-workspace[data-tool-mode=qr] .action-rail,.tool-workspace[data-tool-mode=invoice] .action-rail{margin-top:var(--space-4)}.tool-workspace[data-tool-mode=qr] .action-rail .btn-primary{width:100%}.qr-control-panel,.qr-preview-panel{border-color:color-mix(in srgb,var(--color-border) 82%,transparent)}.qr-control-panel{display:grid;gap:var(--space-5);padding:var(--space-5)}.qr-panel-title{margin-bottom:0}.qr-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.qr-benefits span{min-height:34px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-primary) 9%,var(--color-surface-raised));color:var(--color-primary-strong);font-size:var(--text-xs);font-weight:var(--weight-medium)}.feature-benefits{margin-bottom:var(--space-6)}.feature-benefits span{min-height:52px;padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 12%,transparent),transparent),var(--color-surface);box-shadow:var(--shadow-panel)}.qr-mode-tabs{padding:4px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised)}.qr-mode-tabs button{border-color:transparent;background:transparent}.qr-mode-tabs button.active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-panel)}.qr-field{display:grid;gap:var(--space-2);color:var(--color-muted);font-size:var(--text-sm);font-weight:var(--weight-medium)}.label-line{display:inline-flex;gap:var(--space-1);align-items:baseline}.label-line em{color:var(--color-muted);font-style:normal;font-size:var(--text-xs);font-weight:var(--weight-medium);opacity:.74}.qr-field>span:not(.label-line){color:var(--color-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);opacity:.74}.qr-field textarea{min-height:92px}.field-hint{margin:calc(var(--space-2) * -1) 0 0;font-size:var(--text-sm)}.location-choice,.qr-options{display:grid;gap:var(--space-2)}.location-method,.option-group{display:grid;gap:var(--space-3)}.method-kicker,.option-title{color:var(--color-primary-strong);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.08em;text-transform:uppercase}.or-divider{display:flex;align-items:center;justify-content:flex-start;color:var(--color-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:uppercase}.or-divider span{display:inline-grid;place-items:center;min-width:42px;min-height:24px;border-radius:999px;background:var(--color-surface-raised)}.logo-field{padding-top:var(--space-2)}.qr-download-actions{align-items:center;justify-content:flex-start}.qr-download-actions .btn{flex:1 1 132px}.code-area{min-height:320px;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.55}.code-area.small{min-height:180px}.stats-strip{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3);color:var(--color-muted);font-size:var(--text-sm)}.segmented,.rate-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.rate-grid{grid-template-columns:repeat(5,1fr)}.form-stack{display:grid;gap:var(--space-3)}.form-stack label,.two-col label{display:grid;gap:var(--space-2);color:var(--color-muted);font-size:var(--text-sm);font-weight:var(--weight-medium)}.two-col{display:grid;gap:var(--space-3)}.hidden{display:none!important}.qr-preview{display:grid;place-items:center;min-height:190px;overflow:hidden;padding:var(--space-5);border-radius:var(--radius-md);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 10%,transparent),transparent 42%),var(--color-surface-raised)}.qr-preview canvas{display:block;width:min(100%,180px);max-width:100%;height:min(100vw - 128px,180px);max-height:180px;aspect-ratio:1;object-fit:contain;border-radius:var(--radius-md);background:#fff;box-shadow:0 18px 42px #121a2421}@media(min-width:760px){.qr-preview canvas{width:280px;height:280px;max-width:100%;max-height:280px}}.seo-content{padding-top:var(--space-5);padding-bottom:var(--space-5)}.seo-grid{display:grid;gap:var(--space-3)}.seo-card{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-panel)}.seo-card p{margin-bottom:0}.landing-content .section-head{max-width:840px}.use-case-grid{display:grid;gap:var(--space-3)}.use-case-grid article,.landing-checklist{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-panel)}.use-case-grid article{display:grid;gap:var(--space-3)}.use-case-grid span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-accent) 16%,var(--color-surface-raised));color:var(--color-accent);font-size:var(--text-sm);font-weight:var(--weight-bold)}.use-case-grid h3,.landing-checklist h2,.use-case-grid p{margin-bottom:0}.landing-band{background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 74%,transparent),transparent),var(--color-bg)}.landing-checklist{align-self:start}.landing-checklist ul{display:grid;gap:var(--space-3);margin:var(--space-4) 0 0;padding-left:1.1rem;color:var(--color-muted)}.content-grid{display:grid;gap:var(--space-6)}.privacy-note{padding:var(--space-4);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-surface-raised)}.faq-list{display:grid;gap:var(--space-3)}.faq-list details{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.faq-list summary{cursor:pointer;font-weight:var(--weight-bold)}.tool-workspace[data-tool-mode=invoice]{width:min(1040px,calc(100% - 24px));gap:var(--space-4)}.invoice-builder-panel,.invoice-preview-panel{padding:var(--space-4);border-color:color-mix(in srgb,var(--color-primary) 18%,var(--color-border))}.invoice-builder-head{display:grid;gap:var(--space-4);margin:calc(var(--space-4) * -1) calc(var(--space-4) * -1) var(--space-4);padding:var(--space-5);border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 12%,transparent),transparent 48%),var(--color-surface)}.invoice-builder-head h2,.invoice-preview-head h2{margin-bottom:var(--space-2)}.invoice-section{display:grid;gap:10px;padding:12px;border:1px solid color-mix(in srgb,var(--color-border) 78%,transparent);border-radius:var(--radius-md);background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-raised) 34%,transparent),transparent),var(--color-surface)}.invoice-section+.invoice-section{margin-top:10px}.invoice-section-head,.invoice-items-head{display:grid;gap:4px}.invoice-section-head h3,.invoice-party-editor h4{margin-bottom:0;font-size:var(--text-sm)}.invoice-section-head span,.invoice-logo-field span,.invoice-party-editor label span,.invoice-form-grid label span{color:var(--color-muted);font-size:.72rem;font-weight:var(--weight-medium)}.invoice-form-grid,.invoice-party-editor{display:grid;gap:10px}.invoice-form-grid label,.invoice-party-editor label{display:grid;gap:5px;color:var(--color-muted);font-size:.78rem;font-weight:var(--weight-medium)}.invoice-form-grid label,.invoice-party-editor label,.invoice-logo-field{grid-template-columns:auto 1fr;align-items:baseline}.invoice-form-grid label>input,.invoice-form-grid label>select,.invoice-form-grid label>textarea,.invoice-party-editor label>input,.invoice-party-editor label>select,.invoice-party-editor label>textarea,.invoice-logo-field>input{grid-column:1 / -1}.invoice-builder-panel input,.invoice-builder-panel select,.invoice-builder-panel textarea{min-height:38px;padding:8px 10px;font-size:.88rem}.invoice-form-grid label span,.invoice-party-editor label span,.invoice-logo-field span{display:inline;margin-left:var(--space-1)}.invoice-form-grid textarea,.invoice-party-editor textarea{min-height:58px}.invoice-color-input{min-height:38px;padding:5px}.invoice-party-editor>div{display:grid;gap:10px;padding:12px;border:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-border));border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-primary) 4%,var(--color-surface))}.invoice-items-editor{display:grid;gap:7px;overflow-x:auto;padding-bottom:var(--space-1)}.invoice-item-row{display:grid;grid-template-columns:minmax(230px,1.5fr) 76px 76px 90px 104px 88px 88px 88px 106px 32px;gap:7px;align-items:center;min-width:986px}.invoice-items-editor[data-tax-mode=igst] .invoice-item-row{grid-template-columns:minmax(230px,1.5fr) 76px 76px 90px 104px 88px 106px 32px;min-width:802px}.invoice-items-editor[data-tax-mode=none] .invoice-item-row{grid-template-columns:minmax(230px,1.5fr) 76px 90px 104px 106px 32px;min-width:638px}.invoice-item-labels{color:var(--color-muted);font-size:.68rem;font-weight:var(--weight-medium)}.invoice-remove-row{min-width:32px;width:32px;height:32px;min-height:32px;padding:0;border-color:transparent;background:var(--color-danger);color:#fff;font-size:0;font-weight:var(--weight-bold)}.invoice-remove-row:before{content:"×";font-size:18px;line-height:1}.invoice-remove-row:hover{border-color:transparent;background:color-mix(in srgb,var(--color-danger) 84%,#111827);color:#fff}.invoice-item-row input[readonly]{background:color-mix(in srgb,var(--color-surface-raised) 70%,var(--color-surface));color:var(--color-muted)}.invoice-item-row input{min-height:34px;padding:7px 8px;font-size:.78rem}.invoice-advanced-section summary{position:relative;cursor:pointer;list-style:none;padding-right:44px}.invoice-advanced-section summary::-webkit-details-marker{display:none}.invoice-advanced-section summary:after{content:"+";position:absolute;top:50%;right:0;display:grid;place-items:center;width:30px;height:30px;border:1px solid color-mix(in srgb,var(--color-primary) 38%,var(--color-border));border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface));color:var(--color-primary-strong);font-size:20px;font-weight:var(--weight-bold);line-height:1;transform:translateY(-50%)}.invoice-advanced-section[open] summary:after{content:"-";background:var(--color-primary);color:#fff}.invoice-advanced-section[open]{border-color:color-mix(in srgb,var(--color-primary) 32%,var(--color-border))}.invoice-advanced-section[open] .invoice-form-grid{padding-top:var(--space-2)}.invoice-action-rail{order:-1;display:grid;grid-template-columns:1fr;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface) 92%,transparent);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.invoice-action-rail .btn{width:100%}.invoice-export-note{color:var(--color-muted);font-size:var(--text-xs);line-height:1.45}.invoice-editor-total{display:grid;gap:var(--space-2);width:min(100%,360px);margin-left:auto;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.invoice-editor-total div{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--color-muted);font-size:var(--text-sm)}.invoice-editor-total strong{color:var(--color-text)}.invoice-editor-total .invoice-editor-grand{padding-top:var(--space-2);border-top:1px solid var(--color-border);font-size:var(--text-base)}.invoice-editor-total .invoice-editor-words{display:grid}.invoice-round-controls span:last-child{display:inline-flex;gap:6px}.invoice-round-controls button{min-height:28px;padding:0 10px;border:1px solid color-mix(in srgb,var(--color-primary) 34%,var(--color-border));border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-primary-strong);font-size:.75rem;font-weight:var(--weight-medium)}.invoice-round-controls button.active{border-color:transparent;background:var(--color-primary);color:#fff}.invoice-preview-head{align-items:start}.invoice-a4-shell{display:grid;justify-items:center;overflow:auto;margin:0 calc(var(--space-4) * -1) calc(var(--space-4) * -1);padding:var(--space-4);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 8%,transparent),transparent),var(--color-surface-raised)}.invoice-a4{--invoice-accent: var(--color-primary);width:min(100%,794px);min-height:1123px;background:#fff;color:#13202c;box-shadow:0 24px 60px #121a2429;transform-origin:top center}.invoice-doc{display:grid;gap:26px;min-height:1123px;padding:48px;font-size:13px;line-height:1.45}.invoice-doc p,.invoice-doc dd{color:#526171}.invoice-doc-header{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:start;padding-bottom:24px;border-bottom:3px solid var(--invoice-accent)}.invoice-doc-kicker{margin-bottom:8px;color:var(--invoice-accent)!important;font-size:28px;font-weight:650;line-height:1}.invoice-doc-header h3{margin-bottom:16px;font-size:18px;color:#13202c}.invoice-logo-box{display:grid;place-items:center;width:150px;height:86px;border:1px solid #dbe4ec;border-radius:8px;background:#fafcff;color:#8291a1;font-size:12px}.invoice-logo-box img{max-width:128px;max-height:66px;object-fit:contain}.invoice-meta-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}.invoice-meta-list div{display:grid;gap:3px}.invoice-meta-list dt{color:#7d8998;font-size:10px;text-transform:uppercase}.invoice-meta-list dd{margin:0;font-weight:650}.invoice-party-grid,.invoice-lower-grid,.invoice-notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.invoice-lower-grid-total-only{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-lower-grid-total-only .invoice-total-card{grid-column:2}.invoice-support-stack{display:grid;gap:12px}.invoice-party-grid>div,.invoice-payment-card,.invoice-notes-grid>div,.invoice-note-card{padding:18px;border-radius:8px;background:#f3f8fa}.invoice-payment-card{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:start}.invoice-upi-qr{width:82px;height:82px;padding:5px;border:1px solid #dbe4ec;border-radius:8px;background:#fff;object-fit:contain}.invoice-party-grid span{display:block;margin-bottom:8px;color:var(--invoice-accent);font-size:11px;font-weight:650;text-transform:uppercase}.invoice-party-grid strong{display:block;margin-bottom:6px;color:#13202c}.invoice-party-grid p,.invoice-party-grid small,.invoice-payment-card p,.invoice-notes-grid p{display:block;margin:0 0 4px;color:#526171}.invoice-lines{width:100%;border-collapse:collapse}.invoice-lines th{padding:10px 8px;background:var(--invoice-accent);color:#fff;font-size:11px;text-align:left}.invoice-lines th:first-child{border-radius:7px 0 0 7px}.invoice-lines th:last-child{border-radius:0 7px 7px 0}.invoice-lines td{padding:11px 8px;border-bottom:1px solid #e3ebf1;color:#22303d;vertical-align:top}.invoice-lines td span{margin-right:8px;color:#8492a3}.invoice-payment-card h4,.invoice-notes-grid h4,.invoice-note-card h4{margin:0 0 8px;color:#13202c;font-size:13px}.invoice-total-card{align-self:start;display:grid;gap:9px;padding:18px;border-radius:8px;background:#fff;border:1px solid #e3ebf1}.invoice-total-card h4{margin:0;color:#13202c;font-size:13px}.invoice-total-card div{display:flex;justify-content:space-between;gap:16px;color:#526171}.invoice-total-card strong{color:#13202c}.invoice-grand-total{margin-top:8px;padding-top:12px;border-top:2px solid #13202c;font-size:18px}.invoice-total-words{display:grid!important;justify-content:stretch!important;gap:4px!important;padding-top:10px;border-top:1px solid #e3ebf1}.invoice-total-words strong{font-size:12px;text-transform:capitalize}.invoice-doc-footer{align-self:end;display:flex;justify-content:flex-end;padding-top:28px}.invoice-doc-footer span{min-width:180px;padding-top:12px;border-top:1px solid #13202c;text-align:center;color:#13202c;font-weight:650}.invoice-template-modern .invoice-doc-header{padding:28px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--invoice-accent),#1f2937)}.invoice-template-modern .invoice-doc-header h3,.invoice-template-modern .invoice-doc-kicker,.invoice-template-modern .invoice-meta-list dt,.invoice-template-modern .invoice-meta-list dd{color:#fff!important}.invoice-template-compact .invoice-doc{gap:18px}.invoice-template-compact .invoice-party-grid>div,.invoice-template-compact .invoice-payment-card,.invoice-template-compact .invoice-notes-grid>div{background:#fff;border:1px solid #e3ebf1}@media(max-width:759px){.invoice-builder-panel,.invoice-preview-panel,.invoice-section{padding:var(--space-3)}.invoice-a4-shell{margin-inline:calc(var(--space-3) * -1);padding:var(--space-3)}.invoice-a4{min-height:calc((100vw - 48px)*1.414)}.invoice-doc{gap:14px;min-height:calc((100vw - 48px)*1.414);padding:18px;font-size:8px}.invoice-doc-header,.invoice-party-grid,.invoice-lower-grid,.invoice-notes-grid{gap:9px}.invoice-lower-grid-total-only{grid-template-columns:1fr}.invoice-lower-grid-total-only .invoice-total-card{grid-column:auto}.invoice-doc-kicker{font-size:17px}.invoice-doc-header h3{margin-bottom:8px;font-size:10px}.invoice-logo-box{width:72px;height:44px;font-size:8px}.invoice-logo-box img{max-width:60px;max-height:32px}.invoice-meta-list{grid-template-columns:1fr;gap:4px}.invoice-party-grid>div,.invoice-payment-card,.invoice-notes-grid>div,.invoice-total-card{padding:8px}.invoice-lines th,.invoice-lines td{padding:5px 3px;font-size:6.5px}.invoice-grand-total{font-size:10px}}.toast-stack{position:fixed;z-index:30;right:var(--space-4);bottom:calc(var(--bottom-nav-height) + var(--space-4));display:grid;gap:var(--space-2);width:min(360px,calc(100% - 32px))}.toast{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-soft);font-weight:var(--weight-medium)}.toast.success{border-color:color-mix(in srgb,var(--color-success) 50%,var(--color-border))}.toast.error{border-color:color-mix(in srgb,var(--color-danger) 50%,var(--color-border))}.site-footer{padding:var(--space-8) 0 calc(var(--space-8) + var(--bottom-nav-height));border-top:1px solid var(--color-border);background:var(--color-surface)}.footer-grid{display:grid;gap:var(--space-6)}.site-footer h2{margin-bottom:var(--space-3);font-size:var(--text-base)}.site-footer a:not(.brand){display:block;margin:var(--space-2) 0;color:var(--color-muted)}.section-head p{max-width:780px}.offering-grid article{position:relative;overflow:hidden;transition:transform .18s ease,border-color .18s ease}.offering-grid article:after{content:"";position:absolute;right:-42px;bottom:-42px;width:120px;height:120px;border-radius:50%;background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.offering-grid article:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--color-primary) 40%,var(--color-border))}.workflow-section,.home-faq-section{background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 75%,transparent),transparent),var(--color-bg)}.workflow-grid,.faq-grid{display:grid;gap:var(--space-3)}.workflow-grid article,.faq-grid details{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-panel)}.workflow-grid article{padding:var(--space-5)}.workflow-grid span{display:inline-grid;place-items:center;width:42px;height:42px;margin-bottom:var(--space-4);border-radius:var(--radius-md);background:var(--gradient-brand);color:#fff;font-weight:var(--weight-medium)}.faq-grid details{overflow:hidden}.faq-grid summary{cursor:pointer;padding:var(--space-4) var(--space-5);font-weight:var(--weight-medium);list-style:none}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary:after{content:"+";float:right;color:var(--color-primary-strong)}.faq-grid details[open] summary:after{content:"-"}.faq-grid p{margin:0;padding:0 var(--space-5) var(--space-5)}.site-footer{background:radial-gradient(circle at top right,color-mix(in srgb,var(--color-primary) 12%,transparent),transparent 34%),var(--color-surface)}.footer-cta{display:grid;gap:var(--space-4);align-items:center;margin-bottom:var(--space-8);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised)}.footer-cta h2{margin-bottom:var(--space-2)}.footer-about{max-width:340px}.footer-email{display:inline-flex!important;width:fit-content;margin-top:var(--space-3)!important;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-primary-strong)!important}.bottom-nav{position:fixed;z-index:12;right:var(--space-3);bottom:var(--space-3);left:var(--space-3);display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface) 94%,transparent);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav a,.bottom-nav button{display:grid;place-items:center;gap:2px;min-height:42px;border-radius:var(--radius-sm);border:0;background:transparent;color:var(--color-muted);font-size:var(--text-sm);font-weight:var(--weight-medium)}.bottom-nav a:hover,.bottom-nav button:hover{background:var(--color-surface-raised);color:var(--color-text)}.drawer-backdrop{position:fixed;z-index:24;inset:0;background:#080c1073}.tools-drawer{position:fixed;z-index:25;top:0;right:0;bottom:0;width:min(440px,100vw);padding:var(--space-5) var(--space-4) calc(var(--bottom-nav-height) + var(--space-5));border-left:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-soft);transform:translate(104%);transition:transform .22s ease;overflow-y:auto}.tools-drawer.is-open{transform:translate(0)}.drawer-head{position:sticky;z-index:2;top:calc(-1 * var(--space-5));display:flex;justify-content:space-between;gap:var(--space-4);align-items:start;margin:calc(-1 * var(--space-5)) calc(-1 * var(--space-4)) var(--space-4);padding:var(--space-5) var(--space-4) var(--space-4);border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 96%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.drawer-head h2{margin-bottom:0;font-size:var(--text-xl)}.drawer-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin-bottom:var(--space-4)}.drawer-tools{display:grid;gap:var(--space-5)}.drawer-tool-group{display:grid;gap:var(--space-2)}.drawer-tools a{min-height:62px;border:1px solid var(--color-border);background:var(--color-surface)}.muted{color:var(--color-muted);font-size:var(--text-xs)}@media(min-width:760px){body{padding-bottom:0}.shell{width:min(1180px,calc(100% - 48px))}.app-nav{grid-template-columns:auto 1fr auto}.hero-grid,.content-grid,.footer-grid{grid-template-columns:1.2fr .8fr;align-items:center}.landing-hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(340px,.98fr)}.keyword-grid{grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);align-items:center}.hero-search{grid-template-columns:1fr auto}.tool-grid,.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.offering-grid,.workflow-grid,.use-case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-cta{grid-template-columns:1fr auto}.footer-grid{grid-template-columns:1.3fr 1fr 1fr 1fr;align-items:start}.panel-head,.two-col{grid-template-columns:1fr auto}.advanced-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.bmi-detail-grid.result-grid{grid-template-columns:1fr}.image-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.crop-toolbar{grid-template-columns:1fr;align-items:end}.bmi-inline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.crop-control-grid{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr)}.crop-download-actions,.bulk-crop-actions{justify-content:flex-end}.bulk-crop-row-body{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:start}.bulk-crop-sticky{bottom:var(--space-4)}.tool-workspace[data-tool-mode=qr] .panel-head{align-items:start}.qr-benefits{grid-template-columns:repeat(4,minmax(0,1fr))}.qr-download-actions{justify-content:flex-end}.seo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bottom-nav,.mobile-tools-trigger{display:none}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-1)}.mega-menu-inner{grid-template-columns:1fr}.mega-menu-feature{position:static;grid-template-columns:minmax(0,1fr) auto;align-items:center}.mega-menu-feature .eyebrow,.mega-menu-feature p{grid-column:1 / -1}.mega-featured{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr))}.mega-menu-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer{padding-bottom:var(--space-8)}.invoice-section-head,.invoice-items-head,.invoice-preview-head{grid-template-columns:1fr auto;align-items:start}.invoice-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-wide-field{grid-column:1 / -1}.invoice-party-editor{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1040px){.hero-section{padding:var(--space-12) 0 var(--space-10)}.tool-landing-hero{padding:var(--space-12) 0 var(--space-8)}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mega-menu-inner{grid-template-columns:minmax(240px,.34fr) minmax(0,1fr)}.mega-menu-feature{position:sticky;grid-template-columns:1fr}.mega-menu-feature .eyebrow,.mega-menu-feature p,.mega-featured{grid-column:auto}.mega-featured{grid-template-columns:repeat(2,minmax(0,1fr))}.mega-menu-groups{grid-template-columns:repeat(4,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.tool-workspace{grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr);align-items:start}.tool-workspace[data-tool-mode=qr]{grid-template-columns:minmax(0,.98fr) 150px minmax(360px,1.02fr)}.tool-workspace[data-tool-mode=invoice],.tool-workspace[data-tool-mode=image-crop],.tool-workspace[data-tool-mode=bulk-image-crop]{grid-template-columns:minmax(0,1fr);align-items:stretch}.tool-workspace[data-tool-mode=invoice] .action-rail{position:sticky;z-index:4;top:calc(var(--app-header-height) + var(--space-3));grid-template-columns:auto auto auto 1fr;align-items:center}.tool-workspace[data-tool-mode=invoice] .invoice-action-rail .btn{width:auto;min-width:150px}.action-rail{position:sticky;top:calc(var(--app-header-height) + var(--space-4));display:grid}}@media print{@page{size:A4;margin:0}body *{visibility:hidden!important}.invoice-a4,.invoice-a4 *{visibility:visible!important}.invoice-a4{position:absolute;inset:0 auto auto 0;width:210mm;min-height:297mm;box-shadow:none}.invoice-doc{min-height:297mm;padding:14mm}}@keyframes spin{to{transform:rotate(360deg)}}