.catalog-main{min-height:60vh}.catalog-hero{padding:85px 0 75px;background:linear-gradient(145deg,#edf8f0,#f8fbf9)}.catalog-hero h1{max-width:800px;margin:12px 0 8px;font-size:clamp(42px,6vw,68px);line-height:1.04;letter-spacing:-3px}.catalog-hero p,.catalog-intro{max-width:650px;color:var(--muted)}.catalog-package-grid{margin-top:0}.catalog-package-grid .package-card h2{min-height:54px;margin:4px 0 8px;font-size:18px;line-height:1.35}.catalog-back{display:block;margin-bottom:25px;color:#2a8d44;font-weight:700}.package-detail-grid{display:grid;grid-template-columns:1fr 370px;gap:35px;align-items:start}.package-detail-card,.purchase-card{padding:34px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow)}.package-detail-icon,.platform-title-icon{display:grid;place-items:center;background:var(--platform-color);color:#fff;font-weight:900}.package-detail-icon{width:70px;height:70px;border-radius:22px;font-size:24px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:20px 0 0;border-top:1px solid var(--line);list-style:none;color:#52635a}.purchase-card{position:sticky;top:110px}.purchase-card>span{display:block;color:var(--muted);font-size:13px}.purchase-card>strong{display:block;margin:3px 0 12px;font-size:38px}.purchase-card p{padding:12px;border-radius:12px;background:#f0faf2;color:#287f3e}.purchase-card label{display:block;margin:18px 0 7px;font-weight:700}.purchase-card input{width:100%;padding:14px;border:1px solid var(--line);border-radius:12px;margin-bottom:12px}.purchase-card small{display:block;margin-top:12px;text-align:center;color:var(--muted)}.platform-title{display:flex;align-items:center;gap:28px}.platform-title-icon{width:92px;height:92px;flex:0 0 auto;border-radius:27px;font-size:26px}@media(max-width:800px){.package-detail-grid{grid-template-columns:1fr}.purchase-card{position:static}.platform-title{align-items:flex-start;flex-direction:column}.feature-list{grid-template-columns:1fr}.catalog-hero{padding:55px 0}.catalog-hero h1{font-size:44px}}
.platform-archive-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible!important}.platform-archive-grid .platform-card{min-width:0}.blog-grid .blog-card h2{font-size:1.25rem}.blog-grid .blog-card h2 a{color:inherit;text-decoration:none}@media(max-width:900px){.platform-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.platform-archive-grid{grid-template-columns:1fr}}

/* Platform service categories */
.service-platform-hero{position:relative;overflow:hidden;padding:72px 0;background:radial-gradient(circle at 80% 15%,color-mix(in srgb,var(--platform-color) 18%,transparent),transparent 35%),var(--mode-bg)}.service-platform-hero .platform-title{position:relative;z-index:1}.service-platform-hero h1{color:var(--mode-text)}.service-count{display:inline-flex;margin:16px 0 0!important;padding:7px 12px;border:1px solid color-mix(in srgb,var(--platform-color) 35%,var(--mode-border));border-radius:999px;background:color-mix(in srgb,var(--platform-color) 10%,var(--mode-surface));color:var(--mode-text)!important;font-size:12px;font-weight:800}.service-category-section{padding:56px 0 90px;background:var(--mode-bg)}.service-category-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:24px}.service-category-heading span{color:var(--mode-text);font-size:24px;font-weight:850}.service-category-heading p{margin:0;color:var(--mode-muted)}.service-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.service-category-card{display:grid;grid-template-columns:58px minmax(0,1fr) 24px;align-items:center;gap:15px;min-height:114px;padding:18px 20px;border:1px solid var(--mode-border);border-radius:21px;background:var(--mode-surface);box-shadow:var(--mode-shadow);transition:.22s ease}.service-category-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--platform-color) 55%,var(--mode-border))}.service-category-icon{display:grid;width:58px;height:58px;place-items:center;border-radius:16px;background:var(--platform-color);color:#fff;font-size:27px;font-style:normal;box-shadow:0 12px 28px color-mix(in srgb,var(--platform-color) 28%,transparent)}.service-category-copy{display:grid;min-width:0;gap:4px}.service-category-copy strong{overflow:hidden;color:var(--mode-text);font-size:15px;text-overflow:ellipsis;white-space:nowrap}.service-category-copy small{display:-webkit-box;overflow:hidden;color:var(--mode-muted);font-size:12px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.service-category-card>i{color:var(--mode-muted);font-size:22px;font-style:normal}

/* Service detail and package selector */
.service-detail-main{min-height:80vh;background:var(--mode-bg)}.service-detail-hero{position:relative;padding:28px 0 42px;overflow:hidden;border-bottom:1px solid var(--mode-border);background:radial-gradient(circle at 76% 10%,color-mix(in srgb,var(--platform-color) 20%,transparent),transparent 38%),linear-gradient(135deg,var(--mode-surface),var(--mode-bg))}.service-detail-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,color-mix(in srgb,var(--platform-color) 7%,transparent));pointer-events:none}.service-detail-hero .site-container{position:relative;z-index:1}.service-breadcrumb{display:flex;align-items:center;gap:9px;margin-bottom:24px;color:var(--mode-muted);font-size:12px}.service-breadcrumb b{overflow:hidden;color:var(--mode-text);text-overflow:ellipsis;white-space:nowrap}.service-detail-title{max-width:800px;text-align:center;margin:0 auto}.service-detail-title .service-category-icon{margin:0 auto 16px}.service-detail-title h1{margin:0;color:var(--mode-text);font-size:clamp(30px,4vw,48px);line-height:1.1;letter-spacing:-1.8px}.service-detail-title h1 em{color:var(--platform-color);font-style:normal}.service-detail-title p{max-width:680px;margin:14px auto;color:var(--mode-muted);line-height:1.7}.service-benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;margin-top:18px;color:var(--mode-text);font-size:12px}.service-benefits span::first-letter{color:var(--platform-color)}.service-selector-section{padding:34px 0 86px;background:var(--mode-bg)}.service-purchase-form{padding:24px;border:1px solid var(--mode-border);border-radius:26px;background:var(--mode-surface);box-shadow:var(--mode-shadow)}.service-selector-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.service-selector-head span{color:var(--platform-color);font-size:12px;font-weight:850}.service-selector-head h2{margin:4px 0 0;color:var(--mode-text);font-size:21px}.service-selector-head>p{margin:0;color:var(--mode-muted);font-size:12px}.service-variant-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.service-variant{position:relative;display:flex;align-items:center;gap:12px;min-height:76px;padding:14px;border:1px solid var(--mode-border);border-radius:16px;background:var(--mode-soft);cursor:pointer;transition:.2s}.service-variant:hover,.service-variant.selected{border-color:var(--platform-color);box-shadow:inset 0 0 0 1px var(--platform-color)}.service-variant input{width:21px;height:21px;margin:0;accent-color:var(--platform-color)}.service-variant>span{display:grid;min-width:0;margin-right:auto}.service-variant>span strong{color:var(--mode-text);font-size:16px}.service-variant>span small{overflow:hidden;color:var(--mode-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.service-variant>b{color:var(--mode-text);font-size:14px;white-space:nowrap}.service-variant>em{position:absolute;top:-8px;left:50%;padding:3px 8px;transform:translateX(-50%);border-radius:999px;background:var(--platform-color);color:#fff;font-size:8px;font-style:normal;font-weight:850;text-transform:uppercase;white-space:nowrap}.service-checkout-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;margin-top:22px;padding-top:20px;border-top:1px solid var(--mode-border)}.service-checkout-bar label{display:grid;gap:7px;color:var(--mode-text);font-size:12px;font-weight:750}.service-checkout-bar input{min-height:48px;padding:0 15px;border:1px solid var(--mode-border);border-radius:13px}.service-checkout-bar .button{min-height:48px}.service-checkout-bar>small{grid-column:1/-1;color:var(--mode-muted);text-align:center}
@media(max-width:1000px){.service-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-variant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.service-category-heading{align-items:flex-start;flex-direction:column}.service-category-grid{grid-template-columns:1fr}.service-category-card{min-height:104px}.service-purchase-form{padding:16px;border-radius:20px}.service-variant-grid{grid-template-columns:1fr}.service-checkout-bar{grid-template-columns:1fr}.service-checkout-bar .button{width:100%}.service-detail-hero{padding-top:20px}.service-benefits{gap:10px 16px}.service-selector-head{align-items:flex-start;gap:12px}.service-selector-head h2{font-size:18px}}

/* Shared original anime guide */
.service-guide-section{padding:0 0 72px;background:var(--mode-bg);color:var(--mode-text)}.service-guide-tabs{display:flex;align-items:center;gap:28px;padding:0 10px;border-bottom:1px solid var(--mode-border);overflow-x:auto;color:var(--mode-muted);white-space:nowrap}.service-guide-tabs button{position:relative;min-height:48px;padding:0;border:0;background:transparent;color:var(--mode-muted);font:inherit;font-size:11px;font-weight:650;cursor:pointer}.service-guide-tabs button:hover,.service-guide-tabs button[aria-selected="true"]{color:var(--mode-text)}.service-guide-tabs button[aria-selected="true"]::after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--platform-color,#ef2b33)}.service-guide-panel[hidden]{display:none!important}.service-guide-grid{display:none;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:center;gap:48px;padding:28px 34px}.service-guide-grid.active{display:grid}.service-guide-grid figure{overflow:hidden;margin:0;border:1px solid var(--mode-border);border-radius:24px;background:var(--mode-surface);box-shadow:var(--mode-shadow)}.service-guide-grid img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.service-guide-grid ol{display:grid;gap:18px;margin:0;padding:0;list-style:none}.service-guide-grid li{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:14px}.service-guide-grid li>b{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:var(--platform-color,#ef2b33);color:#fff;font-size:12px}.service-guide-grid li>div{display:grid;gap:3px}.service-guide-grid li strong{color:var(--mode-text);font-size:14px}.service-guide-grid li small{color:var(--mode-muted);font-size:11px}.service-info-grid{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:30px 10px}.service-info-grid.active{display:grid}.service-info-grid article{display:grid;gap:9px;padding:25px;border:1px solid var(--mode-border);border-radius:19px;background:var(--mode-surface);box-shadow:var(--mode-shadow)}.service-info-grid article>b{display:grid;width:44px;height:44px;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--platform-color,#ef2b33) 16%,var(--mode-soft));color:var(--platform-color,#ef2b33);font-size:20px}.service-info-grid strong{color:var(--mode-text)}.service-info-grid p{margin:0;color:var(--mode-muted);font-size:12px;line-height:1.65}.service-guide-faq{display:none;grid-template-columns:1fr 1fr;gap:12px;padding:30px 10px}.service-guide-faq.active{display:grid}.service-guide-faq details{padding:16px 18px;border:1px solid var(--mode-border);border-radius:15px;background:var(--mode-surface)}.service-guide-faq summary{color:var(--mode-text);font-size:13px;font-weight:750;cursor:pointer}.service-guide-faq p{margin:10px 0 0;color:var(--mode-muted);font-size:12px;line-height:1.6}@media(max-width:760px){.service-guide-tabs{gap:18px;padding-inline:0}.service-guide-grid{grid-template-columns:1fr;gap:24px;padding:24px 0}.service-guide-grid ol{gap:15px}.service-info-grid,.service-guide-faq{grid-template-columns:1fr;padding:24px 0}.service-guide-section{padding-bottom:56px}}
