.cat-page{width:100%;color:var(--text-primary);font-family:var(--font-sans);background-color:#fff}.cat-container{width:100%;max-width:1400px;margin:0 auto;padding:0 32px}.cat-header-section{background:linear-gradient(180deg, var(--bg-secondary) 0%, #fff 100%);border-bottom:1px solid var(--border-light);padding:180px 0 80px;position:relative;overflow:hidden}.cat-header-section:before{display:none}.cat-breadcrumb{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:36px;font-size:13px;font-weight:500;display:flex;position:relative}.cat-breadcrumb a{color:var(--text-secondary);transition:color var(--transition-fast);text-decoration:none}.cat-breadcrumb a:hover{color:var(--primary-color)}.cat-breadcrumb-sep{color:#94a3b8}.cat-breadcrumb-current{color:var(--text-primary);font-weight:500}.cat-hero-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;display:grid;position:relative}.cat-hero-text{flex-direction:column;display:flex}.cat-hero-overline{color:var(--primary-color);text-transform:uppercase;letter-spacing:var(--letter-spacing-overline);background-color:#0000;border-radius:0;align-self:flex-start;margin-bottom:22px;padding:0;font-size:12px;font-weight:500;display:inline-block}.cat-hero-title{font-family:var(--font-display), var(--font-sans);letter-spacing:var(--letter-spacing-heading);color:var(--text-primary);margin-bottom:18px;font-size:clamp(34px,4.2vw,52px);font-weight:500;line-height:1.08}.cat-hero-subtitle{color:var(--text-secondary);max-width:600px;margin-bottom:36px;font-size:18px;line-height:1.7}.cat-hero-stats{flex-wrap:wrap;gap:36px;display:flex}.cat-hero-stat{flex-direction:column;gap:4px;display:flex}.cat-hero-stat-num{font-family:var(--font-display), var(--font-sans);letter-spacing:-.025em;color:var(--primary-color);font-size:36px;font-weight:500;line-height:1}.cat-hero-stat-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);font-size:12px;font-weight:500}.cat-hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.cat-pdf-mock{aspect-ratio:320/420;filter:drop-shadow(0 30px 60px #0f172a40);width:min(320px,100%);height:auto;position:relative}.cat-pdf-pages{width:100%;height:100%;position:relative}.cat-pdf-page{background-color:#fff;border:1px solid #0f172a14;border-radius:8px;position:absolute;inset:0}.cat-pdf-page-back{background-color:var(--bg-tertiary,#f1f5f9);opacity:.6;transform:rotate(-6deg)translate(-20px,-8px)}.cat-pdf-page-mid{background-color:var(--bg-secondary,#f8fafc);opacity:.85;transform:rotate(-3deg)translate(-8px,-4px)}.cat-pdf-page-front{background-color:#fff;flex-direction:column;gap:20px;padding:32px 28px;display:flex}.cat-pdf-page-front img{align-self:flex-start;width:120px;height:auto}.cat-pdf-page-lines{flex-direction:column;gap:8px;margin-top:auto;display:flex}.cat-pdf-page-lines span{background-color:var(--bg-tertiary,#f1f5f9);border-radius:var(--radius-sm);height:6px}.cat-pdf-page-lines span:first-child{width:90%}.cat-pdf-page-lines span:nth-child(2){background-color:var(--primary-color);opacity:.6;width:70%}.cat-pdf-page-lines span:nth-child(3){width:85%}.cat-pdf-page-lines span:nth-child(4){width:60%}.cat-pdf-page-lines span:nth-child(5){width:75%}.cat-pdf-badge{background-color:var(--secondary-color,#10b981);color:#fff;text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-sm);align-items:center;gap:6px;padding:10px 16px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;top:-16px;right:-16px;box-shadow:0 8px 24px #10b98173}.cat-pdf-badge svg{width:14px;height:14px}.cat-picker-section{padding:80px 0 40px}.cat-picker-header{text-align:center;margin-bottom:44px}.cat-section-title{font-family:var(--font-display), var(--font-sans);letter-spacing:-.02em;color:var(--text-primary);margin-bottom:12px;font-size:clamp(28px,3vw,38px);font-weight:500}.cat-section-lead{color:var(--text-secondary);max-width:620px;margin:0 auto;font-size:16px;line-height:1.65}.cat-picker-grid{grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:18px;display:grid}.cat-card{border:1.5px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all var(--transition-fast);background-color:#fff;flex-direction:column;padding:0;font-family:inherit;display:flex;position:relative;overflow:hidden}.cat-card:hover{box-shadow:var(--shadow-md);border-color:#009fe366;transform:translateY(-3px)}.cat-card.active{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-soft)}.cat-card-badge{z-index:2;background-color:var(--secondary-color,#10b981);color:#fff;text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-sm);padding:5px 10px;font-size:12px;font-weight:700;position:absolute;top:12px;left:12px}.cat-card-thumb{aspect-ratio:4/3;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-light);justify-content:center;align-items:center;padding:22px;display:flex;position:relative;overflow:hidden}.cat-card-thumb:before{display:none}.cat-card-thumb img{object-fit:contain;max-width:75%;max-height:75%;position:relative}.cat-thumb-placeholder{opacity:.35;filter:grayscale(.4);max-width:55%!important}.cat-card-body{flex-direction:column;flex:1;gap:6px;padding:18px 18px 20px;display:flex}.cat-card-title{font-family:var(--font-display), var(--font-sans);color:var(--text-primary);margin:0;font-size:16px;font-weight:500;line-height:1.3}.cat-card-desc{color:var(--text-secondary);flex:1;margin:0;font-size:13px;line-height:1.55}.cat-card-meta{color:var(--text-secondary);flex-wrap:wrap;gap:12px;margin-top:8px;font-size:12px;font-weight:500;display:flex}.cat-card-meta>span{align-items:center;gap:5px;display:inline-flex}.cat-card-meta svg{opacity:.65;width:12px;height:12px}.cat-card-active-dot{z-index:2;background-color:var(--primary-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:absolute;top:12px;right:12px}.cat-card-active-dot svg{width:14px;height:14px}.cat-detail-section{padding:40px 0 80px}.cat-detail-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);grid-template-columns:auto 1fr auto;align-items:center;gap:32px;padding:36px 40px;display:grid;position:relative;overflow:hidden}.cat-detail-card:before{display:none}.cat-detail-icon{background-color:var(--primary-color);color:#fff;border-radius:var(--radius-md);width:64px;height:64px;box-shadow:var(--shadow-md);justify-content:center;align-items:center;display:inline-flex;position:relative}.cat-detail-icon svg{width:30px;height:30px}.cat-detail-body{min-width:0;position:relative}.cat-detail-overline{text-transform:uppercase;letter-spacing:.16em;color:var(--primary-color);font-size:12px;font-weight:500}.cat-detail-title{font-family:var(--font-display), var(--font-sans);letter-spacing:-.015em;color:var(--text-primary);margin:4px 0 8px;font-size:clamp(22px,2.2vw,28px);font-weight:500;line-height:1.25}.cat-detail-desc{color:var(--text-secondary);max-width:540px;margin-bottom:14px;font-size:14.5px;line-height:1.6}.cat-detail-meta{color:var(--text-secondary);flex-wrap:wrap;gap:8px 22px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.cat-detail-meta strong{color:var(--text-primary);margin-right:4px;font-weight:500}.cat-detail-actions{flex-direction:column;align-items:stretch;gap:10px;min-width:220px;display:flex;position:relative}.cat-btn{letter-spacing:.01em;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:1.5px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-family:inherit;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.cat-btn svg{flex-shrink:0;width:16px;height:16px}.cat-btn-primary{background-color:var(--primary-color);color:#fff;box-shadow:none}.cat-btn-primary:hover{background-color:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.cat-btn-outline{border-color:var(--border-light);color:var(--text-primary);background-color:#fff}.cat-btn-outline:hover{border-color:var(--primary-color);color:var(--primary-color)}.cat-btn-ghost{color:var(--text-secondary);background-color:#0000;border-color:#0000;padding:10px 16px;font-size:13px}.cat-btn-ghost:hover{color:var(--primary-color)}.cat-why-section{background-color:var(--bg-secondary);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);padding:70px 0}.cat-why-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.cat-why-item{border:1px solid var(--border-light);border-radius:var(--radius-md);transition:all var(--transition-fast);background-color:#fff;padding:26px 22px}.cat-why-item:hover{border-color:var(--primary-color);transform:translateY(-2px)}.cat-why-icon{width:44px;height:44px;color:var(--primary-color);border-radius:var(--radius-sm);background-color:#009fe314;justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex}.cat-why-icon svg{width:22px;height:22px}.cat-why-title{font-family:var(--font-display), var(--font-sans);color:var(--text-primary);margin:0 0 6px;font-size:16px;font-weight:500}.cat-why-desc{color:var(--text-secondary);margin:0;font-size:13.5px;line-height:1.55}.cat-cta-section{padding:80px 0}.cat-cta-box{border-radius:var(--radius-lg);color:#fff;background-color:#0f172a;justify-content:space-between;align-items:center;gap:40px;padding:44px 48px;display:flex;position:relative;overflow:hidden}.cat-cta-text{flex:1;min-width:0}.cat-cta-text h3{font-family:var(--font-display), var(--font-sans);letter-spacing:-.015em;margin:0 0 8px;font-size:26px;font-weight:700}.cat-cta-text p{color:#ffffffbf;max-width:540px;margin:0;font-size:15px;line-height:1.6}.cat-cta-actions{flex-shrink:0;gap:12px;display:flex}.cat-cta-box .cat-btn-outline{color:#fff;background-color:#0000;border-color:#fff3}.cat-cta-box .cat-btn-outline:hover{color:#fff;background-color:#ffffff1a;border-color:#fff}@media (width<=1100px){.cat-hero-grid{grid-template-columns:minmax(0,1fr);gap:48px}.cat-hero-visual{order:-1}.cat-pdf-mock{width:260px;height:340px;margin:0 auto}.cat-detail-card{text-align:left;grid-template-columns:minmax(0,1fr)}.cat-detail-actions{min-width:unset}.cat-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.cat-container{padding:0 20px}.cat-header-section{padding:140px 0 60px}.cat-picker-section,.cat-detail-section,.cat-cta-section,.cat-why-section{padding:50px 0}.cat-detail-card{gap:22px;padding:28px 22px}.cat-cta-box{flex-direction:column;align-items:stretch;padding:32px 28px}.cat-cta-actions{flex-direction:column}.cat-cta-actions .cat-btn{justify-content:center}.cat-hero-stats{gap:24px}.cat-hero-stat-num{font-size:30px}}@media (width<=480px){.cat-why-grid,.cat-picker-grid{grid-template-columns:minmax(0,1fr)}.cat-pdf-mock{width:220px;height:290px}}