.work-reading-progress{z-index:99999;background:linear-gradient(90deg,#4921fd 0%,#7c3aed 50%,#ff671f 100%);height:3.5px;transition:width .1s ease-out;position:fixed;top:0;left:0;box-shadow:0 1px 6px #4921fd59}.work-hero{text-align:left;max-width:960px;margin:0 auto;padding:140px 24px 36px;position:relative}.work-hero .detail-back-top{margin-bottom:24px}.work-hero .detail-back-top a{color:var(--gray-500,#64748b);background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.work-hero .detail-back-top a:hover{color:#0f172a;background:#e2e8f0;transform:translate(-3px)}.work-hero .detail-back-top .dbt-arrow{font-size:1rem;line-height:1}.work-meta-header{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.work-tag{color:var(--purple,#4921fd);text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#4921fd14,#ff671f14);border:1px solid #4921fd2e;border-radius:999px;padding:4px 14px;font-size:.72rem;font-weight:700}.work-pill{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:600}.work-pill-success{color:#16a34a;background:#dcfce7;border-color:#bbf7d0;align-items:center;gap:5px;display:inline-flex}.work-hero h1{letter-spacing:-.025em;color:#0f172a;margin:0 0 16px;font-size:clamp(2.1rem,4.2vw,3.2rem);font-weight:800;line-height:1.18}.work-hero-subtitle{color:#475569;margin:0 0 28px;font-size:1.2rem;font-weight:400;line-height:1.6}.work-cover-wrapper{max-width:960px;margin:0 auto 40px;padding:0 24px}.work-cover{aspect-ratio:16/9;background:#f1f5f9;border:1px solid #00000014;border-radius:20px;width:100%;position:relative;overflow:hidden;box-shadow:0 20px 45px #00000017}.work-cover img{object-fit:cover;width:100%;height:100%;display:block}.work-stats-strip{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;max-width:960px;margin:0 auto 48px;padding:0 24px;display:grid}.work-stat-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px 20px;box-shadow:0 4px 16px #00000008}.work-stat-value{background:linear-gradient(135deg,#4921fd 0%,#7c3aed 50%,#ff671f 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:6px;font-size:2.1rem;font-weight:800;line-height:1.1}.work-stat-label{color:#64748b;font-size:.84rem;font-weight:600;line-height:1.4}.work-share-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;max-width:820px;margin:0 auto 40px;padding:16px 20px;display:flex}.wsb-label{color:#64748b;font-size:.85rem;font-weight:600}.wsb-actions{align-items:center;gap:8px;display:flex}.wsb-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.wsb-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.wsb-copy:hover{color:#2563eb;background:#eff6ff;border-color:#93c5fd}.work-body{max-width:820px;margin:0 auto;padding:0 24px 80px}.work-section{margin-bottom:48px}.work-section h2{color:#0f172a;letter-spacing:-.015em;border-bottom:2px solid #f1f5f9;margin:0 0 20px;padding-bottom:12px;font-size:1.45rem;font-weight:800;position:relative}.work-section h2:after{content:"";background:linear-gradient(90deg,#4921fd,#ff671f);border-radius:2px;width:44px;height:2px;position:absolute;bottom:-2px;left:0}.work-section p{color:#334155;margin-bottom:18px;font-size:1.05rem;line-height:1.82}.work-requirements-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.work-requirements-list{margin:0;padding:0;list-style:none}.work-requirements-list li{color:#334155;border-bottom:1px solid #e2e8f0;align-items:flex-start;gap:14px;padding:12px 0;font-size:.98rem;line-height:1.65;display:flex}.work-requirements-list li:last-child{border-bottom:none;padding-bottom:0}.work-req-icon{color:#4921fd;background:linear-gradient(135deg,#4921fd26,#4921fd0d);border:1px solid #4921fd40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;font-size:.72rem;font-weight:800;display:flex}.solution-grid{grid-template-columns:1fr;gap:18px;display:grid}.solution-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 18px #00000008}.solution-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.solution-card h3{color:#0f172a;align-items:center;gap:12px;margin:0 0 10px;font-size:1.15rem;font-weight:700;display:flex}.solution-num{color:#fff;background:linear-gradient(135deg,#4921fd,#7c3aed);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:800;display:flex}.solution-card p{color:#475569;margin:0;font-size:.96rem;line-height:1.68}.process-list{margin:0;padding:0;list-style:none}.process-list li{color:#334155;border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:14px;padding:14px 0;font-size:.98rem;line-height:1.65;display:flex}.process-dot{background:#4921fd;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:8px}.tech-stack-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 4px 18px #00000008}.tech-table{border-collapse:collapse;width:100%;font-size:.95rem}.tech-table th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 20px;font-size:.72rem;font-weight:700}.tech-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:16px 20px}.tech-table tr:last-child td{border-bottom:none}.tech-table td.tech-layer{color:#0f172a;width:35%;font-weight:700}.tech-badges-wrap{flex-wrap:wrap;gap:8px;display:flex}.tech-badge{color:#1e293b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:4px 12px;font-size:.82rem;font-weight:600;display:inline-block}.outcome-box{background:linear-gradient(135deg,#4921fd0d 0%,#ff671f0d 100%);border:1px solid #4921fd26;border-radius:16px;align-items:flex-start;gap:18px;padding:28px;display:flex}.outcome-icon{color:#fff;background:linear-gradient(135deg,#16a34a,#10b981);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.outcome-text{color:#1e293b;margin:0;font-size:1.05rem;line-height:1.75}.work-cta-banner{color:#fff;text-align:center;background:linear-gradient(135deg,#090d16 0%,#151b2b 100%);border:1px solid #ffffff1a;border-radius:24px;margin:64px 0 0;padding:52px 36px;position:relative;overflow:hidden;box-shadow:0 25px 60px #00000040}.work-cta-banner:before{content:"";pointer-events:none;background:radial-gradient(circle,#4921fd59 0%,#0000 70%);border-radius:50%;width:260px;height:260px;position:absolute;top:-80px;right:-80px}.work-cta-banner:after{content:"";pointer-events:none;background:radial-gradient(circle,#ff671f40 0%,#0000 70%);border-radius:50%;width:260px;height:260px;position:absolute;bottom:-80px;left:-80px}.work-cta-tag{color:#a5b4fc;text-transform:uppercase;letter-spacing:.08em;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;margin-bottom:16px;padding:4px 14px;font-size:.72rem;font-weight:700;display:inline-block}.work-cta-banner h3{color:#fff;letter-spacing:-.02em;margin:0 0 14px;font-size:clamp(1.6rem,3.2vw,2.3rem);font-weight:800;line-height:1.25}.work-cta-banner p{color:#94a3b8;max-width:600px;margin:0 auto 32px;font-size:1.05rem;line-height:1.7}.work-cta-buttons{z-index:2;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex;position:relative}.work-cta-btn{color:#fff;background:linear-gradient(135deg,#4921fd 0%,#7c3aed 100%);border-radius:999px;align-items:center;gap:8px;padding:15px 32px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 8px 24px #4921fd59}.work-cta-btn:hover{background:linear-gradient(135deg,#3d17ea 0%,#6d28d9 100%);transform:translateY(-2px);box-shadow:0 12px 30px #4921fd80}.work-cta-btn-secondary{color:#fff;background:#ffffff14;border:1px solid #fff3;border-radius:999px;align-items:center;gap:8px;padding:15px 28px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.work-cta-btn-secondary:hover{background:#ffffff29;border-color:#fff6;transform:translateY(-2px)}.work-related-section{max-width:960px;margin:80px auto 0;padding:0 24px}.work-related-section h2{color:#0f172a;letter-spacing:-.02em;margin-bottom:24px;font-size:1.5rem;font-weight:800}.work-related-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.work-related-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;text-decoration:none;transition:all .25s;display:flex;overflow:hidden;box-shadow:0 4px 18px #0000000a}.work-related-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 12px 30px #00000017}.work-related-thumb{aspect-ratio:16/9;background:#f1f5f9;width:100%;overflow:hidden}.work-related-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.work-related-card:hover .work-related-thumb img{transform:scale(1.04)}.work-related-content{flex-direction:column;flex:1;padding:20px;display:flex}.work-related-tags{gap:6px;margin-bottom:10px;display:flex}.work-related-tag{text-transform:uppercase;letter-spacing:.04em;color:#4921fd;background:#4921fd14;border-radius:999px;padding:2px 8px;font-size:.68rem;font-weight:700}.work-related-title{color:#0f172a;margin:0 0 6px;font-size:1.15rem;font-weight:700;line-height:1.35}.work-related-subtitle{color:#64748b;flex:1;margin:0 0 16px;font-size:.88rem;line-height:1.5}.work-related-meta{color:#94a3b8;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:12px;font-size:.78rem;font-weight:600;display:flex}.work-related-link{color:#4921fd;align-items:center;gap:4px;display:inline-flex}@media (max-width:768px){.work-hero{padding:120px 20px 24px}.work-hero h1{font-size:1.9rem}.work-hero-subtitle{font-size:1.05rem}.work-stats-strip{grid-template-columns:1fr}.work-cta-banner{padding:36px 20px}.work-cta-buttons{flex-direction:column;width:100%}.work-cta-btn,.work-cta-btn-secondary{justify-content:center;width:100%}}