.v147-projects-page{background:linear-gradient(180deg,#f5fbff 0%,#ffffff 26%,#f7fbfe 100%)}
.v147-projects-hero{position:relative;overflow:hidden;padding:42px 0 36px;background:radial-gradient(circle at top left,rgba(52,182,245,.22),transparent 34%),linear-gradient(135deg,#071a33 0%,#0e2749 45%,#132d54 100%);color:#fff}
.v147-projects-hero::before,.v147-projects-hero::after{content:"";position:absolute;border-radius:999px;filter:blur(18px);pointer-events:none}
.v147-projects-hero::before{width:300px;height:300px;right:-70px;top:-90px;background:rgba(61,184,239,.20)}
.v147-projects-hero::after{width:220px;height:220px;left:-80px;bottom:-80px;background:rgba(0,110,255,.18)}
.v147-projects-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:28px;align-items:center}
.v147-hero-copy .eyebrow{color:#8ad8ff}
.v147-hero-copy h1{margin:12px 0 14px;font-size:clamp(2rem,4vw,3.35rem);line-height:1.06;color:#fff;max-width:12ch}
.v147-hero-copy p{max-width:62ch;color:rgba(232,243,255,.88);font-size:1.03rem}
.v147-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.v147-hero-actions .btn-outline{background:transparent;border-color:rgba(146,211,255,.45);color:#d7f0ff}
.v147-hero-actions .btn-outline:hover{background:rgba(255,255,255,.06)}
.v147-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px;max-width:640px}
.v147-hero-stats article{padding:15px 16px;border:1px solid rgba(123,190,232,.24);border-radius:18px;background:rgba(255,255,255,.06);backdrop-filter:blur(6px)}
.v147-hero-stats strong{display:block;font-size:1.45rem;color:#fff}
.v147-hero-stats span{display:block;margin-top:4px;font-size:.92rem;color:#bbd9ee}
.v147-hero-visual{display:flex;justify-content:flex-end}
.v147-monitor{width:min(100%,510px);border:1px solid rgba(105,187,235,.25);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));box-shadow:0 28px 60px rgba(4,16,35,.33);overflow:hidden}
.v147-monitor-top{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(126,204,247,.18)}
.v147-pill{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:rgba(59,212,123,.16);color:#9cf3b7;font-size:.78rem;font-weight:700;letter-spacing:.02em}
.v147-dot-row{display:flex;gap:8px}.v147-dot-row i{display:block;width:10px;height:10px;border-radius:50%;background:#4ec8ff}.v147-dot-row i:nth-child(2){background:#35df8c}.v147-dot-row i:nth-child(3){background:#ffd84f}
.v147-monitor-body{padding:18px}
.v147-monitor-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}
.v147-monitor-summary article,.v147-monitor-card{border:1px solid rgba(101,180,231,.18);border-radius:20px;background:rgba(0,0,0,.14)}
.v147-monitor-summary article{padding:15px 14px}.v147-monitor-summary b{display:block;font-size:.82rem;color:#a6c6dc;font-weight:500}.v147-monitor-summary strong{display:block;margin-top:6px;font-size:1.55rem;color:#fff}
.v147-monitor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.v147-monitor-card{padding:14px;min-height:136px}
.v147-monitor-card-head{display:flex;gap:10px;align-items:center;color:#fff;font-size:.92rem;font-weight:700}
.v147-monitor-card-head span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:rgba(57,193,255,.16);color:#9fe8ff}
.v147-monitor-card small{display:inline-flex;margin-top:10px;padding:5px 10px;border-radius:999px;background:rgba(71,228,115,.12);color:#9cf3b7;font-size:.75rem;font-weight:700}
.v147-line-chart{position:relative;height:48px;margin-top:18px;border-radius:14px;background:linear-gradient(180deg,rgba(31,83,131,.35),rgba(11,28,54,.75));overflow:hidden}
.v147-line-chart i{position:absolute;left:0;right:0;bottom:12px;height:2px;background:linear-gradient(90deg,transparent 0%,#2dccff 10%,#2dccff 25%,transparent 25%,transparent 36%,#27de85 36%,#27de85 52%,transparent 52%,transparent 65%,#2dccff 65%,#2dccff 82%,transparent 82%)}
.v147-line-chart i:last-child{bottom:22px;opacity:.55;filter:blur(.2px)}
.v147-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:24px}.v147-section-head h2{margin:8px 0 0}.v147-section-head p{margin:0;max-width:560px;color:#53718d}
.v147-projects-list{padding-top:34px}
.v147-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.v147-project-card{display:flex;flex-direction:column;gap:15px;padding:22px;border:1px solid #d6e8f4;border-radius:24px;background:#fff;box-shadow:0 14px 32px rgba(11,51,92,.06)}
.v147-project-card-top{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start}
.v147-project-icon{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;border-radius:16px;background:linear-gradient(180deg,#e6f8ff,#f4fbff);color:#0b8cd0;border:1px solid #cae8f8}
.v147-project-card h3{margin:4px 0 0;font-size:1.28rem;color:#143757}.v147-project-card .eyebrow{font-size:.76rem}
.v147-project-status{display:inline-flex;align-items:center;align-self:start;padding:7px 12px;border-radius:999px;background:#e9fff1;color:#1b7b4a;font-size:.76rem;font-weight:700;border:1px solid #c7efda;white-space:nowrap}
.v147-project-summary{margin:0;color:#4c6984}
.v147-chip-row{display:flex;gap:8px;flex-wrap:wrap}.v147-chip-row span{display:inline-flex;padding:7px 11px;border-radius:999px;background:#eef7fd;color:#24577a;font-size:.82rem;font-weight:600}
.v147-project-body{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:16px;align-items:start}.v147-project-body.has-image{align-items:stretch}
.v147-highlight-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.v147-highlight-list li{position:relative;padding-left:20px;color:#23405c;line-height:1.6}.v147-highlight-list li::before{content:"";position:absolute;left:0;top:.7em;width:8px;height:8px;border-radius:50%;background:linear-gradient(180deg,#20b5ff,#0b88d0)}
.v147-project-preview{border:1px solid #dbeaf4;border-radius:20px;background:linear-gradient(180deg,#f4fbff,#eef6fb);padding:12px;min-height:176px;overflow:hidden}
.v147-project-preview.is-image{padding:0;background:#07172b}.v147-project-preview img{display:block;width:100%;height:100%;min-height:176px;object-fit:cover}
.v147-preview-shell{height:100%;display:flex;flex-direction:column;gap:12px}.v147-preview-head{display:flex;gap:7px}.v147-preview-head i{display:block;width:9px;height:9px;border-radius:50%;background:#42bdf3}.v147-preview-head i:nth-child(2){background:#3dde87}.v147-preview-head i:nth-child(3){background:#ffd84f}
.v147-preview-chart{position:relative;flex:1;min-height:76px;border-radius:14px;background:linear-gradient(180deg,#0a1b32,#122a4f);overflow:hidden}.v147-preview-chart span{position:absolute;left:10px;right:10px;bottom:18px;height:2px;background:linear-gradient(90deg,transparent,#33c5ff 8%,#33c5ff 22%,transparent 22%,transparent 34%,#2ce083 34%,#2ce083 49%,transparent 49%,transparent 63%,#33c5ff 63%,#33c5ff 82%,transparent 82%)}.v147-preview-chart span:last-child{bottom:33px;opacity:.48}
.v147-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v147-preview-grid span{display:block;height:46px;border-radius:12px;background:#dceefa}
.v147-project-actions{margin-top:auto}
.v147-project-process{padding-top:18px;padding-bottom:70px}.v147-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.v147-process-grid article{padding:20px;border:1px solid #d8e8f3;border-radius:22px;background:linear-gradient(180deg,#fff,#f8fcff);box-shadow:0 10px 20px rgba(11,51,92,.04)}.v147-process-grid span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#0ea3e7;color:#fff;font-weight:700}.v147-process-grid h3{margin:14px 0 10px;font-size:1.08rem}.v147-process-grid p{margin:0;color:#58738c;line-height:1.6}
@media (max-width: 1180px){.v147-project-grid{grid-template-columns:1fr}.v147-project-body{grid-template-columns:minmax(0,1fr) 220px}.v147-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 980px){.v147-projects-hero-grid{grid-template-columns:1fr}.v147-hero-visual{justify-content:flex-start}.v147-monitor{width:100%}}
@media (max-width: 760px){.v147-hero-stats,.v147-monitor-summary,.v147-monitor-grid{grid-template-columns:1fr}.v147-project-card-top{grid-template-columns:auto 1fr}.v147-project-status{grid-column:1 / -1;justify-self:start}.v147-project-body{grid-template-columns:1fr}.v147-process-grid{grid-template-columns:1fr}.v147-project-card{padding:18px}.v147-projects-hero{padding-top:34px}}
