:root{--cf-navy: #0E3A59;--cf-orange: #F57C00;--cf-accent: #0071e3;--cf-bg-surface: #F5F5F7;--cf-text-primary: #1d1d1f;--cf-text-secondary: #86868b;--cf-white: #ffffff}.cf-apps-wrapper{color:var(--cf-text-primary);font-family:Inter,Noto Sans JP,sans-serif;background-color:var(--cf-white)}.cf-apps-hero{position:relative;height:60vh;min-height:500px;display:flex;align-items:center;justify-content:center;background-color:var(--cf-navy)}.cf-apps-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0}.cf-apps-hero-bg img{width:100%;height:100%;object-fit:cover;opacity:.4}.cf-apps-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(14,58,89,.5),var(--cf-navy))}.cf-apps-hero-content{position:relative;z-index:10;text-align:center}.cf-apps-label{color:var(--cf-orange);font-weight:700;font-size:12px;letter-spacing:.2em;margin-bottom:16px;text-transform:uppercase}.cf-apps-hero-title{font-size:clamp(40px,8vw,72px);font-weight:900;color:var(--cf-white);letter-spacing:-.02em;margin-bottom:32px}.cf-apps-hero-desc{color:#d1d5db;font-size:18px;font-weight:300;max-width:640px;margin:0 auto}.cf-apps-stats-section{padding:80px 0;background:var(--cf-white)}.cf-apps-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.cf-apps-stat-card{background:var(--cf-bg-surface);padding:40px;border-radius:40px;text-align:center;border:1px solid var(--cf-white);box-shadow:0 4px 20px #0000000a}.cf-apps-stat-num{font-size:60px;font-weight:900;margin-bottom:12px}.cf-apps-stat-label{font-size:10px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.15em}.cf-text-orange{color:var(--cf-orange)}.cf-text-navy{color:var(--cf-navy)}.cf-text-accent{color:var(--cf-accent)}.cf-apps-filter-bar{position:sticky;top:0;z-index:40;background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #f3f4f6;padding:24px 0}.cf-apps-filter-list{display:flex;justify-content:center;gap:12px;overflow-x:auto}.cf-apps-filter-btn{padding:10px 24px;border-radius:999px;border:1px solid #e5e7eb;font-size:14px;font-weight:700;cursor:pointer;transition:.3s;white-space:nowrap}.cf-apps-filter-btn.active{background:var(--cf-text-primary);color:var(--cf-white);border-color:var(--cf-text-primary)}.cf-apps-pickup-section{padding:80px 0;background:var(--cf-white)}.cf-apps-header-centered{text-align:center;margin-bottom:60px}.cf-apps-section-title{font-size:32px;font-weight:900;margin-bottom:12px}.cf-apps-line-short{width:40px;height:4px;background:var(--cf-orange);margin:0 auto 20px}.cf-apps-sub-label{font-size:12px;font-weight:700;color:var(--cf-text-secondary);text-transform:uppercase;letter-spacing:.1em}.cf-apps-pickup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;max-width:1000px;margin:0 auto}.cf-apps-pickup-card{display:flex;gap:24px;background:#fdfdfd;padding:32px;border-radius:32px;border:1px solid #f3f4f6;transition:.4s}.cf-apps-pickup-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #0000001f}.cf-apps-icon-box{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--cf-white);border-radius:20px;font-size:32px;box-shadow:0 8px 16px #0000000a}.cf-apps-tag{display:inline-block;font-size:10px;font-weight:800;padding:4px 12px;border-radius:8px;margin-bottom:12px}.cf-tag-navy{background:#eef2f5;color:var(--cf-navy)}.cf-tag-orange{background:#fff4eb;color:var(--cf-orange)}.cf-apps-card-title{font-size:20px;font-weight:800;margin-bottom:8px}.cf-apps-card-desc{font-size:14px;color:#4b5563;line-height:1.6}.cf-apps-inventory-main{padding:120px 0;background-color:var(--cf-bg-surface)}.cf-category-section{margin-bottom:120px}.cf-category-header{display:flex;align-items:center;gap:20px;margin-bottom:64px}.cf-category-title{font-size:28px;font-weight:900;letter-spacing:-.02em;white-space:nowrap}.cf-category-line{height:1px;flex-grow:1;background-color:#e5e7eb}.cf-sub-category-group{margin-bottom:80px}.cf-sub-category-label{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;color:var(--cf-text-secondary);text-transform:uppercase;letter-spacing:.2em;margin-bottom:32px}.cf-dot{width:8px;height:8px;background-color:var(--cf-orange);border-radius:50%}.cf-apps-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (min-width: 768px){.cf-apps-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.cf-apps-grid{grid-template-columns:repeat(6,1fr)}}.cf-app-card{background:var(--cf-white);padding:32px 20px;border-radius:32px;text-align:center;border:1px solid rgba(0,0,0,.03);box-shadow:0 4px 20px #0000000a;transition:.4s cubic-bezier(.165,.84,.44,1);display:flex;flex-direction:column;align-items:center}.cf-app-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px #0000001f}.cf-app-icon{width:48px;height:48px;margin-bottom:16px;transition:.3s}.cf-app-card h4{font-size:11px;font-weight:700;line-height:1.4}.cf-apps-cta{padding:120px 0;background:#000;color:var(--cf-white);border-radius:64px 64px 0 0;margin-top:40px;text-align:center}.cf-btn-white{display:inline-block;background:var(--cf-white);color:#000;padding:20px 52px;border-radius:999px;font-weight:700;text-decoration:none;transition:.3s}.cf-btn-white:hover{background:#f3f4f6;transform:scale(1.05)}.cf-hidden{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/17/assets/main-page-work-app.css.map */