.work4-scope{--base-bg-color:#f7f5f2;--sub-text-color:#666;--separator-color:#e0e0e0;--main-indigo:#2f4667;--sub-indigo:#e6ecf5;--rosier-blue:#4a6285;--rosier-blush:#f3e3e6;--sub-bg-color:#f2f4f7;--sunrise-orange:#f4a261;--sunrise-sakura:#ffd7e0}.work4-scope .section{padding:72px 20px}.work4-scope .section-alt{background-color:var(--sub-bg-color)}.work4-scope .section-inner{max-width:960px;margin:0 auto}.work4-scope .section-header{margin-bottom:28px}.work4-scope .section-label{letter-spacing:.2em;text-transform:uppercase;color:var(--sub-text-color);margin:0 0 4px;font-size:13px}.work4-scope .section-title{color:var(--main-indigo);margin:0;font-size:24px}.work4-scope .work-hero{border-bottom:1px solid var(--separator-color);background:linear-gradient(135deg,#eef2f8 0%,#f7f5f2 40%);padding:80px 20px 40px}.work4-scope .work-hero-inner{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:40px;max-width:1120px;margin:0 auto;display:grid}.work4-scope .work-label{letter-spacing:.2em;text-transform:uppercase;color:#888;margin:0 0 8px;font-size:12px}.work4-scope .work-title{color:var(--main-indigo);margin:0 0 12px;font-size:28px}.work4-scope .work-subtitle{color:#444;margin:0 0 12px;font-size:14px;line-height:1.9}.work4-scope .work-meta-inline{color:var(--sub-text-color);margin:0;font-size:13px}.work4-scope .work-hero-thumb{background-color:#fff;border-radius:18px;overflow:hidden;box-shadow:0 18px 40px #0000001f}.work4-scope .browser-bar{background-color:var(--sub-bg-color);align-items:center;gap:6px;height:26px;padding:0 10px;display:flex}.work4-scope .browser-bar span{background-color:#d0d4db;border-radius:999px;width:8px;height:8px}.work4-scope .browser-body{background-color:#fff;padding:18px}.work4-scope .browser-hero-grad{background:linear-gradient(135deg, var(--rosier-blue) 0%, var(--rosier-blush) 100%);border-radius:12px;height:120px;margin-bottom:12px}.work4-scope .rosier-grad{background:linear-gradient(135deg, var(--rosier-blue) 0%, var(--rosier-blush) 60%)}.work4-scope .browser-hero-grad.rosier-grad.work-4{background:url(/work-thumb-4.png) 0 0/cover no-repeat}.work4-scope .browser-lines{flex-direction:column;gap:6px;display:flex}.work4-scope .browser-lines span{background-color:#e0e4ec;border-radius:999px;height:5px}.work4-scope .browser-lines span:first-child{width:80%}.work4-scope .browser-lines span:nth-child(2){width:65%}.work4-scope .browser-lines span:nth-child(3){width:50%}.work4-scope .overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.work4-scope .overview-item{background-color:#fff;border-radius:12px;padding:14px 16px;box-shadow:0 10px 26px #0000000a}.work4-scope .overview-label{text-transform:uppercase;letter-spacing:.12em;color:#888;margin:0 0 4px;font-size:11px}.work4-scope .overview-value{color:#333;margin:0;font-size:13px}.work4-scope .link-external{color:var(--main-indigo);word-break:break-all;text-decoration:underline}.work4-scope .two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.work4-scope .subheading{color:var(--main-indigo);margin:0 0 8px;font-size:16px}.work4-scope .text-list{color:#444;margin:0;padding-left:20px;font-size:14px;line-height:1.9}.work4-scope .text-list li+li{margin-top:6px}.work4-scope .concept-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.work4-scope .concept-card{background-color:#fff;border-radius:14px;padding:18px 18px 16px;box-shadow:0 10px 26px #0000000a}.work4-scope .concept-title{color:var(--main-indigo);margin:0 0 8px;font-size:14px}.work4-scope .concept-text{color:#444;margin:0;font-size:13px;line-height:1.9}.work4-scope .tech-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1.3fr);align-items:flex-start;gap:32px;display:grid}.work4-scope .badge-row{flex-wrap:wrap;gap:8px;display:flex}.work4-scope .badge{color:var(--main-indigo);background-color:#fff;border-radius:999px;padding:5px 10px;font-size:11px}.work4-scope .tech-text{color:#444;margin:0 0 8px;font-size:13px;line-height:1.8}.work4-scope .cta-layout{background:linear-gradient(135deg, var(--sunrise-orange) 0%, var(--sunrise-sakura) 100%);color:var(--main-indigo);border-radius:18px;grid-template-columns:minmax(0,1.5fr) minmax(0,1.1fr);align-items:center;gap:36px;padding:24px 36px;display:grid}.work4-scope .cta-title{margin:0 0 10px;font-size:20px}.work4-scope .cta-text p{margin:0}.work4-scope .cta-buttons{align-items:flex-start;gap:16px;display:flex}.work4-scope .btn-primary,.work4-scope .btn-outline{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:10px 20px;font-size:14px;text-decoration:none;display:inline-flex}.work4-scope .btn-primary{background-color:var(--main-indigo);color:#fff;border:none;box-shadow:0 4px 10px #2f466766}.work4-scope .btn-primary:hover{background-color:#253651}.work4-scope .btn-outline{border:1px solid var(--main-indigo);color:var(--main-indigo);background-color:#fff3}.work4-scope .btn-outline:hover{background-color:#fff6}@media (max-width:1024px){.work4-scope .work-hero-inner{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.work4-scope .overview-grid,.work4-scope .concept-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work4-scope .tech-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (max-width:768px){.work4-scope .work-hero{padding:64px 16px 32px}.work4-scope .work-hero-inner{grid-template-columns:minmax(0,1fr);gap:24px}.work4-scope .section{padding:56px 16px}.work4-scope .section-inner{max-width:100%}.work4-scope .overview-grid,.work4-scope .two-column,.work4-scope .concept-grid,.work4-scope .tech-layout,.work4-scope .cta-layout{grid-template-columns:minmax(0,1fr)}}