.product-hero{background:radial-gradient(circle at 50% -10%, var(--bg-accent) 0%, transparent 65%), var(--bg-canvas);border-block-end:1px solid var(--color-border);padding-block:60px 50px;position:relative;overflow:hidden}.product-hero-inner{text-align:center;max-inline-size:840px;margin-inline:auto}.hero-badge-wrap{justify-content:center;margin-block-end:22px;display:flex}.product-hero h1{letter-spacing:-.045em;color:var(--color-text);text-wrap:balance;margin:0;font-size:clamp(34px,4.2vw,54px);font-weight:750;line-height:1.12}.product-hero h1>span{color:var(--color-primary);display:inline-block}.product-hero-subtitle{max-inline-size:640px;color:var(--color-muted);margin-block:20px 28px;margin-inline:auto;font-size:16px;line-height:1.8}.hero-assurances{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 22px;margin-block-start:22px;display:flex}.hero-assurances>span{color:var(--color-muted);align-items:center;gap:7px;font-size:12px;font-weight:500;display:inline-flex}.hero-assurances svg{color:var(--color-primary);flex-shrink:0}.hero-pillars-section{border-block-end:1px solid var(--color-border);background:var(--bg-canvas);padding-block:36px 42px}.pillars-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px;display:grid}.pillar-card{border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--color-border);color:var(--color-text);box-shadow:var(--shadow-xs);align-items:flex-start;gap:16px;padding:20px 18px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.pillar-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pillar-icon{border-radius:10px;flex-shrink:0;place-items:center;block-size:42px;inline-size:42px;display:grid}.pillar-card.compression .pillar-icon{background:var(--cat-compression-bg);color:var(--cat-compression-color)}.pillar-card.conversion .pillar-icon{background:var(--cat-conversion-bg);color:var(--cat-conversion-color)}.pillar-card.resize .pillar-icon{background:var(--cat-resize-bg);color:var(--cat-resize-color)}.pillar-card.privacy .pillar-icon{background:var(--cat-privacy-bg);color:var(--cat-privacy-color)}.pillar-content h2{color:var(--color-text);margin:0 0 5px;font-size:14px;font-weight:650}.pillar-content p{color:var(--color-muted);margin:0;font-size:12px;line-height:1.6}.cozy-hub{padding-block:40px 60px}.hub-header{flex-direction:column;gap:22px;margin-block-end:25px;display:flex}.hub-search-container{inline-size:100%;max-inline-size:740px;margin-inline:auto}.hub-search-input-wrapper{background:var(--bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:center;padding:5px 14px;transition:border-color .2s,box-shadow .2s,background-color .2s;display:flex;position:relative}.hub-search-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--focus-ring)}.search-icon{color:var(--color-muted);flex-shrink:0;place-items:center;margin-inline-end:10px;display:grid}.hub-search-input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;min-inline-size:0;padding:12px 6px;font-size:15px}.hub-search-input::placeholder{color:var(--color-muted);opacity:.75}.hub-search-input::-webkit-search-cancel-button{display:none}.search-clear-btn{background:var(--bg-subtle);block-size:26px;inline-size:26px;color:var(--color-muted);cursor:pointer;border:none;border-radius:50%;place-items:center;padding:0;transition:all .15s;display:grid}.search-clear-btn:hover{background:var(--color-danger);color:#fff}.search-kbd{background:var(--bg-subtle);color:var(--color-muted);border:1px solid var(--color-border);user-select:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;padding:3px 7px;font-size:11px;font-weight:600;display:inline-flex}.hub-category-tabs{flex-wrap:wrap;justify-content:center;gap:8px;padding-block:8px 4px;display:flex}.hub-tab{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--bg-surface);min-block-size:44px;color:var(--color-muted);cursor:pointer;align-items:center;gap:8px;padding:10px 16px;font-size:12px;font-weight:550;transition:all .18s;display:inline-flex}.hub-tab:hover{background:var(--bg-subtle);color:var(--color-text);border-color:var(--color-muted)}.hub-tab.is-active{background:var(--bg-primary-button);color:var(--color-on-primary);border-color:var(--bg-primary-button);box-shadow:var(--shadow-sm)}.hub-tab-count{border-radius:var(--radius-full);background:var(--bg-subtle);color:var(--color-muted);padding:1px 6px;font-size:10px;font-weight:600;transition:all .18s}.hub-tab.is-active .hub-tab-count{background:var(--bg-surface);color:var(--color-text)}.hub-meta-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-block-end:20px;padding-inline:4px;display:flex}.hub-meta-info{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hub-results-count{color:var(--color-muted);font-size:13px}.hub-results-count strong{color:var(--color-text)}.hub-free-badge{color:var(--color-success-text);border-radius:var(--radius-full);background:#10b98114;border:1px solid #10b98133;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}[data-theme=dark] .hub-free-badge{color:var(--color-success);background:#34d3991f;border-color:#34d39940}.hub-reset-link{color:var(--color-primary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:5px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex}.hub-reset-link:hover{background:var(--bg-accent)}.hub-tool-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:16px}.hub-empty-state{text-align:center;background:var(--bg-surface);border:1px dashed var(--color-border);border-radius:var(--radius-lg);max-inline-size:500px;margin-inline:auto;padding:60px 20px}.empty-state-icon{background:var(--bg-accent);block-size:56px;inline-size:56px;color:var(--color-primary);border-radius:50%;place-items:center;margin-block-end:16px;display:inline-grid}.hub-empty-state h3{color:var(--color-text);margin-block-end:8px;font-size:17px}.hub-empty-state p{color:var(--color-muted);margin-block-end:20px;font-size:13px;line-height:1.6}.batch-story{background:var(--bg-subtle);border-block:1px solid var(--color-border);padding-block:54px}.batch-story-grid{gap:35px;display:grid}.batch-story h2{margin-block-start:6px;font-size:32px}.batch-story-grid>div>p{max-inline-size:360px;margin-block:16px 20px;font-size:14px;line-height:1.85}.batch-story ol{gap:22px;margin:0;padding:0;list-style:none;display:grid}.batch-story li{align-items:start;gap:18px;display:flex}.batch-story li>span{background:var(--bg-accent);block-size:34px;inline-size:34px;color:var(--color-link);border-radius:9px;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid}.batch-story li h3{color:var(--color-text);margin-block:3px 6px;font-size:15px}.batch-story li p{max-inline-size:360px;margin:0;font-size:13px;line-height:1.75}.batch-story li>svg{color:var(--color-primary);flex-shrink:0;margin-block-start:6px;margin-inline-start:auto}.value-section{gap:30px;padding-block:60px;display:grid}.value-heading{text-align:center;grid-column:1/-1;max-inline-size:600px;margin-block-end:15px;margin-inline:auto}.value-heading h2{margin-block-start:6px;font-size:28px}.value-card{background:var(--bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);padding:26px 22px;transition:transform .2s,border-color .2s,box-shadow .2s}.value-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.value-card>svg{color:var(--color-primary);margin-block-end:16px}.value-card h3{color:var(--color-text);margin-block-end:10px;font-size:16px}.value-card p{color:var(--color-muted);margin:0;font-size:13px;line-height:1.8}.value-card a{color:var(--color-primary);align-items:center;gap:8px;margin-block-start:16px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.value-card a:hover{text-decoration:underline}.home-cta{border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--color-border);color:var(--color-text);box-shadow:var(--shadow-sm);transition:var(--transition-colors);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:25px;margin-block-end:60px;padding:38px 40px;display:flex}.home-cta .eyebrow{color:var(--color-primary);font-size:10px}.home-cta h2{color:var(--color-text);margin-block:4px 8px;font-size:26px}.home-cta p{color:var(--color-muted);max-inline-size:520px;margin:0;font-size:13px;line-height:1.7}.home-cta .button{white-space:nowrap;padding:13px 24px}@media (width>=740px){.batch-story-grid{grid-template-columns:1fr 1.25fr;gap:65px}.value-section{grid-template-columns:1fr 1fr 1fr;gap:24px}}@media (width<=640px){.product-hero{padding-block:45px 35px}.hero-assurances{gap:10px 16px}.hero-assurances>span{font-size:11px}.pillar-card{padding:16px}.cozy-hub{padding-block:25px 45px}.hub-tab{padding:8px 12px;font-size:11px}.home-cta{padding:26px 20px}.home-cta h2{font-size:22px}}