.catalog-hero{min-height:65vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:160px 8% 80px}.catalog-tag{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#aaa;border:1px solid rgba(255,255,255,.15);background:#ffffff0a;padding:8px 20px;border-radius:30px;margin-bottom:32px}.catalog-heading{font-size:5rem;font-weight:800;letter-spacing:-2.5px;line-height:1.05;color:#fff;margin-bottom:24px}.catalog-sub{color:#888;font-size:1.05rem;max-width:520px;line-height:1.75;font-weight:400}.cat-nav{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);margin:0 8%}.cat-nav-item{display:flex;flex-direction:column;gap:6px;padding:28px;text-decoration:none;border-right:1px solid rgba(255,255,255,.08);transition:background .3s}.cat-nav-item:last-child{border-right:none}.cat-nav-item:hover{background:#ffffff08}.cat-nav-item:hover .cat-nav-name{color:#fff}.cat-nav-num{font-size:.65rem;color:#555;font-weight:700;letter-spacing:3px;text-transform:uppercase}.cat-nav-name{font-size:1rem;font-weight:700;color:#ccc;transition:color .3s}.cat-nav-count{font-size:.7rem;color:#777;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);padding:3px 12px;border-radius:12px;width:fit-content;font-weight:600}.catalog-section{padding:90px 8%;max-width:1400px;margin:0 auto;opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.34,1.56,.64,1),transform .8s cubic-bezier(.34,1.56,.64,1)}.catalog-section.visible{opacity:1;transform:translateY(0)}.cat-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.08)}.cat-header-left{display:flex;flex-direction:column;gap:6px}.cat-label{font-size:.68rem;color:#666;font-weight:700;letter-spacing:4px;text-transform:uppercase}.cat-title{font-size:3.2rem;font-weight:800;letter-spacing:-1.5px;color:#fff;line-height:1}.cat-badge{font-size:.8rem;font-weight:700;color:#aaa;border:1px solid rgba(255,255,255,.15);background:#ffffff0a;padding:7px 18px;border-radius:20px}.templates-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tpl-card{background:#ffffff05;border:1px solid rgba(255,255,255,.07);border-radius:16px;overflow:hidden;opacity:0;transform:translateY(30px);transition:opacity .6s cubic-bezier(.34,1.56,.64,1),transform .6s cubic-bezier(.34,1.56,.64,1),border-color .3s,background .3s}.tpl-card.visible{opacity:1;transform:translateY(0)}.tpl-card:hover{border-color:#ffffff2e;background:#ffffff0a;transform:translateY(-5px)}.tpl-preview{width:100%;aspect-ratio:16 / 10;overflow:hidden;position:relative;background:#0a0a12}.tpl-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;filter:brightness(.9) saturate(.85)}.tpl-card:hover .tpl-img{transform:scale(1.06);filter:brightness(1) saturate(1)}.mock-nav{display:flex;justify-content:space-between;align-items:center;height:10%;padding:0 4px;margin-bottom:8%;border-bottom:1px solid rgba(255,255,255,.05)}.mock-logo{width:22%;height:5px;background:#ffffff40;border-radius:3px}.mock-nav-links{width:35%;height:4px;background:#ffffff14;border-radius:3px}.mock-hero-block{padding:0 4px}.mock-hero-block.center{align-items:center;display:flex;flex-direction:column}.mock-badge{width:30%;height:6px;background:#ffffff1a;border-radius:10px;margin-bottom:8px}.mock-h1{height:8px;background:#ffffff4d;border-radius:4px;width:55%;margin-bottom:6px}.mock-h1.wide{width:75%}.mock-h1.short{width:35%}.mock-h1.center-txt{margin:0 auto 8px}.mock-h2{height:5px;background:#ffffff1a;border-radius:3px;width:70%;margin-bottom:10px}.mock-h2.wide{width:85%}.mock-btn{height:10px;width:25%;background:#ffffff80;border-radius:10px}.mock-btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.2)}.mock-btn.wide{width:90%}.mock-btn-row{display:flex;gap:6px}.mock-cards-row{display:flex;gap:4%;padding:0 4px;margin-top:8%}.mock-mini-card{flex:1;height:28px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:4px}.mock-feature-row{display:flex;gap:4%;padding:0 4px;margin-top:10%}.mock-feat{flex:1;height:36px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:4px}.mock-split{display:flex;gap:4%;align-items:center;padding:0 4px}.mock-split-text{flex:1.2}.mock-split-img{flex:1;height:60px;background:#ffffff0d;border-radius:6px}.mock-photo-frame{flex:1;height:70px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px}.mock-pricing-preview{display:flex;gap:4%;padding:0 4px;margin-top:6%;align-items:flex-start}.mock-price-card{flex:1;height:60px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:6px}.mock-price-card.highlight{height:72px;background:#ffffff14;border-color:#ffffff26}.mock-dash{display:flex;gap:4%;padding:0 4px;height:65%}.mock-sidebar{width:22%;background:#ffffff08;border-right:1px solid rgba(255,255,255,.05);border-radius:4px}.mock-dash-content{flex:1}.mock-stat-row{display:flex;gap:4%;margin-bottom:6%}.mock-stat{flex:1;height:16px;background:#ffffff0d;border-radius:4px}.mock-chart{height:40px;background:#ffffff08;border-radius:4px}.mock-products{display:flex;gap:4%;padding:0 4px;margin-top:8%}.mock-product{flex:1;height:40px;background:#ffffff0a;border-radius:4px}.mock-product.wide{flex:2}.mock-product-detail{display:flex;gap:4%;padding:0 4px;margin-top:4%}.mock-product-img{flex:1;height:65px;background:#ffffff0d;border-radius:6px}.mock-product-info{flex:1.2}.mock-price-tag{height:8px;width:40%;background:#fff3;border-radius:4px;margin:8px 0 12px}.mock-checkout{display:flex;gap:4%;padding:0 4px;margin-top:4%}.mock-checkout-form{flex:1.5}.mock-input{height:8px;background:#ffffff0f;border-radius:3px;margin-bottom:6px;width:100%}.mock-input.half{width:55%}.mock-order-summary{flex:1}.mock-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:4%;padding:0 4px;margin-top:8%}.mock-cat-card{height:32px;background:#ffffff0a;border:1px solid rgba(255,255,255,.05);border-radius:4px}.mock-cart{display:flex;gap:4%;padding:0 4px;margin-top:4%}.mock-cart-items{flex:1.5}.mock-cart-item{height:18px;background:#ffffff0a;border-radius:4px;margin-bottom:6px}.mock-cart-total{flex:1}.mock-clients{display:flex;gap:4%;padding:0 4px;margin-top:10%;align-items:center}.mock-client-logo{flex:1;height:8px;background:#ffffff14;border-radius:3px}.mock-case-studies{display:flex;gap:4%;padding:0 4px;margin-top:4%;height:65%}.mock-case{flex:1;background:#ffffff0a;border-radius:4px}.mock-case.wide{flex:2}.mock-case-col{flex:1;display:flex;flex-direction:column;gap:6%}.mock-case.sm{flex:1}.mock-services{padding:0 4px}.mock-services-grid{display:flex;gap:4%;margin-top:8%}.mock-service{flex:1;height:36px;background:#ffffff0a;border:1px solid rgba(255,255,255,.05);border-radius:4px}.mock-team{padding:0 4px}.mock-team-grid{display:flex;gap:4%;margin-top:8%}.mock-member{flex:1;height:44px;background:#ffffff0a;border-radius:6px}.mock-contact-split{display:flex;gap:4%;padding:0 4px;margin-top:4%}.mock-contact-info{flex:1}.mock-contact-form{flex:1.2}.mock-lines{margin-top:8px}.mock-line{height:4px;background:#ffffff14;border-radius:2px;margin-bottom:5px}.mock-line.short{width:60%}.mock-stats-row{display:flex;gap:8%;padding:0 4px;margin-top:10%}.mock-stat-num{height:10px;flex:1;background:#ffffff1f;border-radius:3px}.mock-avatar{width:24px;height:24px;background:#ffffff1f;border-radius:50%;margin-bottom:8px}.mock-work-grid{display:flex;gap:4%;padding:0 4px;margin-top:8%}.mock-work{flex:1;height:36px;background:#ffffff0a;border-radius:4px}.mock-fullscreen{padding:14px 4px}.mock-big-name{height:16px;width:80%;background:#ffffff40;border-radius:4px;margin-bottom:10px}.mock-scroll-indicator{width:12px;height:12px;border:1px solid rgba(255,255,255,.15);border-radius:50%;margin:8px auto 0}.mock-masonry{display:flex;gap:4%;padding:0 4px;height:68%}.mock-mas{background:#ffffff0d;border-radius:4px;flex:1}.mock-mas.tall{flex:1.2}.mock-mas-col{flex:1;display:flex;flex-direction:column;gap:6%}.mock-mas.sm{flex:1}.mock-code-block{flex:1.2;height:70px;background:#00ff800a;border:1px solid rgba(0,255,128,.08);border-radius:6px}.mock-dev-info{flex:1}.mock-skills{display:flex;gap:4%;margin-top:8px}.mock-skill{flex:1;height:6px;background:#ffffff1a;border-radius:3px}.mock-timeline{padding:0 4px;margin-top:10%}.mock-tl-item{height:10px;background:#ffffff0d;border-left:2px solid rgba(255,255,255,.12);border-radius:0 4px 4px 0;margin-bottom:8px;padding-left:6px}.mock-shop-hero{padding:0 4px;margin-bottom:8%}.mock-dev-hero{display:flex;gap:4%;padding:0 4px;margin-top:4%}.tpl-info{padding:16px 20px;border-top:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;align-items:center;gap:12px}.tpl-name{font-size:.9rem;font-weight:700;color:#e0e0e0;letter-spacing:-.2px}.tpl-tags{display:flex;gap:6px;flex-shrink:0}.tpl-tags span{font-size:.62rem;font-weight:700;color:#777;border:1px solid rgba(255,255,255,.1);padding:3px 9px;border-radius:10px;letter-spacing:.5px;text-transform:uppercase}.catalog-cta{text-align:center;padding:120px 8%;border-top:1px solid rgba(255,255,255,.08);opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.34,1.56,.64,1)}.catalog-cta.visible{opacity:1;transform:translateY(0)}.cta-eyebrow{font-size:.75rem;font-weight:700;letter-spacing:3px;color:#777;text-transform:uppercase;margin-bottom:20px;display:block}.cta-heading{font-size:3.8rem;font-weight:800;letter-spacing:-2px;color:#fff;margin-bottom:40px;line-height:1.1}@media(max-width:1200px){.catalog-heading{font-size:4rem}.cat-title{font-size:2.6rem}.cta-heading{font-size:3rem}}@media(max-width:1024px){.catalog-hero{padding:140px 6% 70px}.catalog-heading{font-size:3.4rem;letter-spacing:-2px}.cat-nav{margin:0 6%}.templates-grid{grid-template-columns:repeat(2,1fr);gap:16px}.cat-title{font-size:2.2rem}.cta-heading{font-size:2.6rem}.catalog-section{padding:70px 6%}}@media(max-width:768px){.catalog-hero{padding:120px 5% 56px;min-height:auto}.catalog-heading{font-size:2.5rem;letter-spacing:-1.5px}.catalog-sub{font-size:.95rem}.catalog-tag{font-size:.65rem;padding:7px 16px}.cat-nav{grid-template-columns:repeat(2,1fr);margin:0 5%}.cat-nav-item{padding:18px 16px}.cat-nav-item:nth-child(2){border-right:none}.cat-nav-item:nth-child(3){border-bottom:none}.cat-nav-item:nth-child(4){border-right:none;border-bottom:none}.catalog-section{padding:56px 5%}.cat-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:28px}.cat-title{font-size:2rem}.cat-badge{font-size:.72rem}.templates-grid{grid-template-columns:1fr;gap:14px}.catalog-cta{padding:72px 5%}.cta-heading{font-size:2rem;letter-spacing:-1px}}@media(max-width:480px){.catalog-hero{padding:100px 4% 48px}.catalog-heading{font-size:2rem;letter-spacing:-1px}.cat-nav{grid-template-columns:1fr;margin:0 4%}.cat-nav-item{border-right:none!important;border-bottom:1px solid rgba(255,255,255,.08);padding:16px 14px}.cat-nav-item:last-child{border-bottom:none}.catalog-section{padding:44px 4%}.cat-title{font-size:1.75rem}.tpl-name{font-size:.85rem}.catalog-cta{padding:56px 4%}.cta-heading{font-size:1.75rem;letter-spacing:-.5px}}@media(max-width:360px){.catalog-heading{font-size:1.75rem}.cat-title,.cta-heading{font-size:1.55rem}}