@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Inter',sans-serif;}

:root{
  --blue:#2563EB;
  --blue-lt:#3B82F6;
  --blue-bg:#EFF6FF;
  --blue-bd:#BFDBFE;
  --txt:#0F172A;
  --txt2:#475569;
  --txt3:#94A3B8;
  --bdr:#E2E8F0;
  --surf:#F8FAFC;
  --white:#ffffff;
}

.wrap{background:#ffffff;padding:0 0 2rem;}

.cover{
  background:#ffffff;
  border:0.5px solid var(--bdr);
  border-radius:12px;
  overflow:hidden;
  margin-bottom:1.5rem;
}
.cover-topbar{
  background:var(--blue);
  padding:12px 20px;
  display:flex;align-items:center;justify-content:space-between;
}
.logo-row{display:flex;align-items:center;gap:10px;}
.logo-box{ height:40px; display:flex; align-items:center; }
.logo-name{color:#ffffff;font-size:16px;font-weight:600;letter-spacing:0.2px;}
.logo-name span{opacity:.6;font-weight:300;}
.cover-tag{
  background:rgba(255,255,255,0.15);border:0.5px solid rgba(255,255,255,0.3);
  border-radius:20px;padding:3px 10px;font-size:10px;color:#ffffff;letter-spacing:.5px;
}
.cover-body{padding:2rem 2rem 0;}
.eyebrow{
  display:inline-flex;align-items:center;gap:6px;
  background:var(--blue-bg);border:0.5px solid var(--blue-bd);
  border-radius:20px;padding:3px 12px;font-size:11px;color:#1D4ED8;
  margin-bottom:1rem;
}
.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:#2563EB;}
.cover h1{font-size:2.3rem;font-weight:600;color:var(--txt);line-height:1.25;margin-bottom:.4rem;}
.cover h1 em{color:var(--blue);font-style:normal;}
.cover-desc{font-size:1rem;color:var(--txt2);line-height:1.75;max-width:520px;margin-bottom:1.5rem;}
.cover-meta{
  display:grid;grid-template-columns:repeat(5,1fr);
  border-top:0.5px solid var(--bdr);
  background:var(--surf);
}
.cm-item{padding:12px 16px;border-right:0.5px solid var(--bdr);}
.cm-item:last-child{border-right:none;}
.cm-lbl{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--txt3);margin-bottom:3px;}
.cm-val{font-size:14px;font-weight:500;color:var(--txt);}
.cm-val span{display:block;font-size:12px;font-weight:400;color:var(--txt2);margin-top:2px;}

.sec{margin-bottom:1.75rem;}
.sec-hd{
  display:flex;align-items:center;gap:8px;
  padding-bottom:.6rem;margin-bottom:1rem;
  border-bottom:0.5px solid var(--bdr);
}
.sec-num{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--blue);}
.sec-lbl{font-size:13px;font-weight:500;color:var(--txt2);text-transform:uppercase;letter-spacing:.5px;}

.exec-box{
  background:var(--surf);border-radius:8px;
  border-left:3px solid var(--blue);
  padding:1rem 1.25rem;
  border-top:0.5px solid var(--bdr);border-right:0.5px solid var(--bdr);border-bottom:0.5px solid var(--bdr);
  border-radius:0 8px 8px 0;
}
.exec-box p{font-size:1rem;line-height:1.8;color:var(--txt2);}
.exec-box strong{color:var(--txt);font-weight:500;}

.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;margin-bottom:1.5rem;}
.met{background:var(--surf);border-radius:8px;padding:.875rem;text-align:center;border:0.5px solid var(--bdr);}
.met .n{font-size:1.7rem;font-weight:600;color:var(--blue);margin-bottom:2px;}
.met .l{font-size:12px;color:var(--txt3);}

.probs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:1.5rem;}
.prob{background:#ffffff;border:0.5px solid var(--bdr);border-radius:8px;padding:.875rem;}
.prob-icon{width:26px;height:26px;border-radius:6px;background:#FEF2F2;border:0.5px solid #FECACA;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;position:relative;color:#DC2626;}
.prob-icon::before,.prob-icon::after{content:'';position:absolute;box-sizing:border-box;}
.icon-map::before{width:15px;height:12px;border:1.5px solid currentColor;border-radius:2px;transform:skewX(-10deg);}
.icon-map::after{width:1.5px;height:12px;background:currentColor;box-shadow:5px 0 0 currentColor;transform:skewX(-10deg);}
.icon-phone::before{width:11px;height:17px;border:1.6px solid currentColor;border-radius:3px;}
.icon-phone::after{width:3px;height:1.5px;background:currentColor;border-radius:2px;bottom:5px;}
.icon-search::before{width:12px;height:12px;border:1.7px solid currentColor;border-radius:50%;left:5px;top:4px;}
.icon-search::after{width:8px;height:1.7px;background:currentColor;transform:rotate(45deg);right:4px;bottom:6px;border-radius:2px;}
.icon-design::before{width:14px;height:14px;border:1.5px solid currentColor;border-radius:50%;background:linear-gradient(90deg,transparent 45%,currentColor 45% 55%,transparent 55%);}
.icon-design::after{width:4px;height:4px;border-radius:50%;background:currentColor;top:7px;left:11px;box-shadow:-4px -3px 0 currentColor,-4px 3px 0 currentColor;}
.prob h4{font-size:14px;font-weight:500;color:var(--txt);margin-bottom:.25rem;}
.prob p{font-size:12px;color:var(--txt3);line-height:1.6;}

.code-block{
  background:var(--txt);border-radius:8px;overflow:hidden;margin-bottom:1.5rem;
  border:0.5px solid #1E293B;
}
.cb-bar{
  background:#1E293B;border-bottom:0.5px solid #334155;
  padding:7px 12px;display:flex;align-items:center;gap:6px;
}
.cd{width:7px;height:7px;border-radius:50%;}
.cf{font-size:11px;color:#64748B;font-family:'JetBrains Mono',monospace;margin-left:4px;}
.cb-body{padding:12px 14px;}
.cl{font-size:12px;line-height:1.85;white-space:pre;font-family:'JetBrains Mono',monospace;}
.ck{color:#7DD3FC;}.cs{color:#86EFAC;}.cv{color:#F9A8D4;}.cc{color:#475569;}.cf2{color:#C4B5FD;}

.fh{background:#ffffff;border:0.5px solid var(--bdr);border-radius:10px;overflow:hidden;margin-bottom:1.5rem;}
.fh-head{background:var(--blue);padding:.875rem 1.25rem;display:flex;align-items:center;gap:8px;}
.fh-badge{background:rgba(255,255,255,0.2);border:0.5px solid rgba(255,255,255,0.35);border-radius:20px;padding:2px 9px;font-size:9px;color:#fff;letter-spacing:.5px;}
.fh-title{font-size:16px;font-weight:500;color:#ffffff;}
.fh-body{padding:1.25rem;}
.fh-desc{font-size:1rem;color:var(--txt2);line-height:1.75;margin-bottom:1rem;}
.tags{display:flex;flex-wrap:wrap;gap:5px;}
.tag{background:var(--blue-bg);border:0.5px solid var(--blue-bd);border-radius:4px;font-size:11.5px;padding:2px 8px;color:#1D4ED8;font-family:'JetBrains Mono',monospace;}

.map-wrap{background:var(--surf);border:0.5px solid var(--bdr);border-radius:8px;height:165px;overflow:hidden;margin-bottom:1rem;}

.feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:8px;margin-bottom:1.5rem;}
.feat{background:#ffffff;border:0.5px solid var(--bdr);border-radius:8px;padding:.875rem;}
.feat-n{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--blue);margin-bottom:.5rem;}
.feat h4{font-size:14px;font-weight:500;color:var(--txt);margin-bottom:.25rem;}
.feat p{font-size:12px;color:var(--txt3);line-height:1.6;}
.feat .pill{display:inline-block;margin-top:.5rem;background:var(--blue-bg);border:0.5px solid var(--blue-bd);color:#1D4ED8;font-size:9px;padding:2px 7px;border-radius:20px;}

.mockup-wrap{background:var(--surf);border:0.5px solid var(--bdr);border-radius:10px;overflow:hidden;margin-bottom:1.5rem;}
.mock-bar{background:#ffffff;border-bottom:0.5px solid var(--bdr);padding:7px 12px;display:flex;align-items:center;gap:6px;}
.md{width:7px;height:7px;border-radius:50%;background:var(--bdr);}
.mock-url{flex:1;background:var(--surf);border-radius:4px;padding:3px 10px;font-size:9px;color:var(--txt3);font-family:'JetBrains Mono',monospace;border:0.5px solid var(--bdr);}
.mock-body{padding:10px;}
.m-nav{background:#0F172A;border-radius:6px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;}
.m-logo{display:flex;align-items:center;gap:5px;}
.m-mark{width:16px;height:16px;background:var(--blue);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:7px;color:#fff;font-weight:700;}
.m-name{color:#fff;font-size:9px;font-weight:500;}
.m-links{display:flex;gap:9px;}
.m-lk{font-size:8px;color:rgba(255,255,255,.35);}
.m-lk.a{color:rgba(255,255,255,.85);}
.m-map-link{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;}
.m-map-link:hover{color:#fff;}
.m-btn2{background:var(--blue);color:#fff;font-size:8px;padding:2px 8px;border-radius:4px;}
.m-hero{background:#0F172A;border-radius:6px;padding:1rem;margin-bottom:7px;}
.m-ey{font-size:7px;color:var(--blue-lt);letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;}
.m-hero h5{font-size:12px;font-weight:600;color:#fff;margin-bottom:2px;}
.m-hero p{font-size:8px;color:rgba(255,255,255,.4);}
.m-btns{display:flex;gap:5px;margin-top:6px;}
.mb-p{background:var(--blue);color:#fff;font-size:7px;padding:3px 8px;border-radius:3px;border:none;cursor:pointer;}
.mb-o{background:transparent;border:0.5px solid rgba(255,255,255,.2);color:rgba(255,255,255,.5);font-size:7px;padding:3px 8px;border-radius:3px;cursor:pointer;}
.m-stats{display:flex;gap:5px;}
.m-st{flex:1;background:#ffffff;border-radius:5px;padding:.4rem .6rem;border:0.5px solid var(--bdr);}
.m-stl{font-size:7px;color:var(--txt3);}
.m-stv{font-size:11px;font-weight:600;color:var(--txt);}

.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:1.5rem;border:0.5px solid var(--bdr);border-radius:8px;overflow:hidden;}
.tl-item{padding:1rem;border-right:0.5px solid var(--bdr);background:#ffffff;}
.tl-item:last-child{border-right:none;}
.tl-head{display:flex;align-items:center;gap:8px;margin-bottom:.6rem;}
.tl-dot{width:8px;height:8px;border-radius:50%;background:var(--bdr);flex-shrink:0;}
.tl-dot.on{background:var(--blue);}
.tl-line{flex:1;height:1px;background:var(--bdr);position:relative;}
.tl-line::after{content:'';position:absolute;left:0;top:0;height:100%;background:var(--blue);}
.tl-line.full::after{width:100%;}
.tl-line.half::after{width:50%;}
.tl-line.none::after{width:0%;}
.tl-phase{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--blue);margin-bottom:2px;}
.tl-title{font-size:15px;font-weight:500;color:var(--txt);margin-bottom:.25rem;}
.tl-desc{font-size:12px;color:var(--txt3);line-height:1.6;}
.tl-weeks{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--txt3);margin-top:.4rem;}

.budget{background:#ffffff;border:0.5px solid var(--bdr);border-radius:8px;overflow:hidden;margin-bottom:1.5rem;}
.brow{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:0.5px solid var(--bdr);font-size:14px;}
.brow:last-child{border-bottom:none;background:var(--blue-bg);}
.brow .bi{color:var(--txt2);}
.brow .bc{color:var(--txt);font-weight:500;font-family:'JetBrains Mono',monospace;font-size:11px;}
.brow:last-child .bi{color:var(--txt);font-weight:500;}
.brow:last-child .bc{color:#1D4ED8;font-size:13px;}

.tech{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:1.5rem;}
.tp{background:var(--surf);border:0.5px solid var(--bdr);border-radius:4px;font-size:12px;padding:3px 9px;color:var(--txt2);font-family:'JetBrains Mono',monospace;}

.cta{background:var(--blue);border-radius:10px;padding:1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;}
.cta h3{font-size:1.15rem;font-weight:500;color:#ffffff;margin-bottom:.2rem;}
.cta p{font-size:13px;color:rgba(255,255,255,.5);}
.cta-btns{display:flex;gap:8px;}
.cb-p{background:#ffffff;color:var(--blue);font-size:11px;font-weight:500;padding:.55rem 1.1rem;border-radius:6px;border:none;cursor:pointer;}
.cb-s{background:rgba(255,255,255,.1);border:0.5px solid rgba(255,255,255,.25);color:#ffffff;font-size:11px;padding:.55rem 1.1rem;border-radius:6px;cursor:pointer;}

.contact-panel{margin-top:1rem;padding:1rem 1.1rem;border:0.5px solid var(--bdr);border-radius:8px;background:#ffffff;}
.contact-head{display:flex;align-items:center;gap:10px;margin-bottom:.75rem;}
.contact-logo{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#ffffff;border:1px solid rgba(15,23,42,.1);box-shadow:0 6px 16px rgba(15,23,42,.08);color:var(--blue);font-size:10px;font-weight:700;letter-spacing:.4px;flex-shrink:0;}
.contact-heading{font-size:13px;font-weight:600;color:var(--txt);text-transform:uppercase;letter-spacing:.5px;}
.contact-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:.85rem;}
.contact-item{font-size:12px;line-height:1.6;color:var(--txt2);}
.contact-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--txt3);margin-bottom:2px;}
.contact-item a{color:var(--blue);text-decoration:none;font-weight:500;}
.contact-item a:hover{text-decoration:underline;}

.footer{border-top:0.5px solid var(--bdr);padding-top:1rem;margin-top:.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;}
.fl-logo{display:flex;align-items:center;gap:7px;}
.fl-lb{ display:none; }
.fl-txt{font-size:12px;color:var(--txt3);}
.fr-txt{font-size:12px;color:var(--txt3);font-family:'JetBrains Mono',monospace;}

@keyframes moqPulse{0%,100%{opacity:1}50%{opacity:.4}}
.moq-cat.active{background:rgba(37,99,235,0.2)!important;color:#93C5FD!important;border-color:rgba(37,99,235,0.5)!important;}

.brq-logo-main{height:40px;width:auto;display:block;}
.brq-logo-footer{height:24px;width:auto;display:block;}
.cd-red{background:#EF4444;}
.cd-yellow{background:#F59E0B;}
.cd-green{background:#10B981;}

.moq-map-open{overflow:hidden;}
.moq-map-container{position:relative;border-radius:12px;overflow:hidden;border:0.5px solid var(--bdr);margin-bottom:1rem;background:#0D1526;}
.moq-map-container.is-expanded{position:fixed;inset:18px;z-index:9999;margin:0;border-radius:14px;border-color:rgba(255,255,255,0.14);box-shadow:0 24px 80px rgba(2,6,23,.55);}
.moq-canvas{display:block;width:100%;height:500px;}
.moq-map-container.is-expanded .moq-canvas{height:calc(100vh - 36px);}
.moq-topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:linear-gradient(to bottom,rgba(8,12,30,0.95),transparent);pointer-events:none;}
.moq-toolbar{display:flex;align-items:center;gap:8px;pointer-events:all;}
.moq-search-shell{display:flex;align-items:center;gap:6px;background:rgba(15,23,42,0.85);backdrop-filter:blur(12px);border:0.5px solid rgba(255,255,255,0.1);border-radius:8px;padding:6px 12px;}
.moq-search{background:none;border:none;outline:none;font-size:12px;color:#F1F5F9;width:150px;font-family:'DM Sans',sans-serif;}
.moq-cat-buttons{display:flex;gap:5px;pointer-events:all;}
.moq-cat{padding:5px 11px;border-radius:20px;font-size:11px;cursor:pointer;border:0.5px solid rgba(255,255,255,0.1);background:rgba(15,23,42,0.7);color:#94A3B8;font-family:'DM Sans',sans-serif;}
.moq-cat.active{font-weight:500;}
.moq-status{background:rgba(16,185,129,0.15);border:0.5px solid rgba(16,185,129,0.35);border-radius:20px;padding:4px 10px;display:flex;align-items:center;gap:5px;}
.moq-status-dot{width:6px;height:6px;border-radius:50%;background:#34D399;display:inline-block;animation:moqPulse 2s infinite;}
.moq-status-text{font-size:11px;color:#34D399;}
.moq-expand-btn{pointer-events:all;background:rgba(255,255,255,0.1);border:0.5px solid rgba(255,255,255,0.2);color:#E2E8F0;border-radius:20px;padding:4px 10px;display:flex;align-items:center;gap:6px;font-size:11px;font-family:'DM Sans',sans-serif;cursor:pointer;}
.moq-expand-btn:hover{background:rgba(37,99,235,0.25);border-color:rgba(147,197,253,0.5);color:#fff;}
.moq-expand-icon{width:12px;height:12px;display:inline-block;position:relative;}
.moq-expand-icon::before,.moq-expand-icon::after{content:'';position:absolute;width:5px;height:5px;border-color:currentColor;}
.moq-expand-icon::before{top:0;right:0;border-top:1.5px solid;border-right:1.5px solid;}
.moq-expand-icon::after{bottom:0;left:0;border-bottom:1.5px solid;border-left:1.5px solid;}
.moq-close-expanded{display:none;position:absolute;top:12px;right:14px;z-index:5;background:rgba(15,23,42,.85);border:0.5px solid rgba(255,255,255,.18);color:#E2E8F0;border-radius:8px;width:34px;height:34px;cursor:pointer;font-size:13px;font-weight:700;}
.moq-map-container.is-expanded .moq-close-expanded{display:block;}
.moq-map-container.is-expanded .moq-expand-btn{display:none;}
.moq-floor-panel{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:rgba(10,15,30,0.9);backdrop-filter:blur(16px);border:0.5px solid rgba(255,255,255,0.1);border-radius:10px;overflow:hidden;}
.moq-fl{padding:11px 16px;cursor:pointer;font-size:12px;color:#64748B;text-align:center;font-family:'DM Mono',monospace;}
.moq-fl:not(:last-child){border-bottom:0.5px solid rgba(255,255,255,0.07);}
.moq-fl.active{font-weight:600;color:#93C5FD;background:rgba(37,99,235,0.2);}
.moq-fl-label{font-size:8px;color:#334155;font-weight:400;margin-top:1px;}
.moq-fl.active .moq-fl-label{color:#475569;}
.moq-popup{position:absolute;left:14px;bottom:60px;width:210px;background:rgba(10,15,30,0.95);backdrop-filter:blur(20px);border:0.5px solid rgba(255,255,255,0.1);border-radius:12px;overflow:hidden;transform:translateY(16px);opacity:0;transition:all .25s cubic-bezier(.4,0,.2,1);pointer-events:none;}
.moq-popup-bar{height:3px;width:100%;}
.moq-popup-body{padding:13px;}
.moq-popup-name{font-size:14px;font-weight:600;color:#F1F5F9;margin-bottom:2px;font-family:'DM Sans',sans-serif;}
.moq-popup-meta{font-size:11px;color:#64748B;margin-bottom:10px;font-family:'DM Sans',sans-serif;}
.moq-popup-actions{display:flex;gap:6px;}
.moq-route-btn{flex:1;background:#2563EB;color:#fff;border:none;border-radius:7px;padding:8px;font-size:12px;font-weight:500;cursor:pointer;font-family:'DM Sans',sans-serif;}
.moq-close-btn{background:rgba(255,255,255,0.07);border:0.5px solid rgba(255,255,255,0.1);color:#64748B;border-radius:7px;padding:8px 10px;font-size:12px;cursor:pointer;font-family:'DM Sans',sans-serif;}
.moq-minimap{position:absolute;left:14px;top:56px;background:rgba(10,15,30,0.85);backdrop-filter:blur(12px);border:0.5px solid rgba(255,255,255,0.08);border-radius:8px;overflow:hidden;width:100px;height:66px;}
.moq-minimap-canvas{display:block;}
.moq-legend{position:absolute;bottom:12px;left:14px;display:flex;gap:10px;align-items:center;background:rgba(10,15,30,0.8);backdrop-filter:blur(12px);border:0.5px solid rgba(255,255,255,0.07);border-radius:8px;padding:6px 12px;}
.moq-legend-item{display:flex;align-items:center;gap:4px;}
.moq-legend-swatch{width:8px;height:8px;border-radius:2px;}
.moq-swatch-fashion{background:#8B5CF6;}
.moq-swatch-dining{background:#F59E0B;}
.moq-swatch-entertainment{background:#10B981;}
.moq-swatch-beauty{background:#EC4899;}
.moq-legend-label{font-size:9px;color:#64748B;font-family:'DM Sans',sans-serif;}
.moq-controls-hint{position:absolute;bottom:14px;right:70px;font-size:9px;color:rgba(255,255,255,0.2);font-family:'DM Mono',monospace;text-align:right;line-height:1.8;}

/* Premium proposal polish */
body{
  background:#F3F6FB;
  color:var(--txt);
}
.wrap{
  max-width:1080px;
  margin:0 auto;
  padding:24px;
  background:transparent;
}
.cover{
  position:relative;
  border:1px solid rgba(15,23,42,.08);
  border-radius:8px;
  background:
    linear-gradient(135deg,#07111F 0%,#0F2742 56%,#123B62 100%);
  box-shadow:0 22px 60px rgba(15,23,42,.18);
}
.cover::after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:48px 48px;
  opacity:.22;
}
.cover-topbar,.cover-body,.cover-meta{
  position:relative;
  z-index:1;
}
.cover-topbar{
  background:rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.12);
  padding:16px 22px;
  backdrop-filter:blur(14px);
}
.logo-box{
  width:50px;
  height:50px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:6px;
  background:#fff;
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 10px 24px rgba(2,6,23,.26);
  overflow:hidden;
  flex-shrink:0;
}
.brq-logo-main{
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:50%;
}
.logo-name{
  font-size:15px;
  color:#F8FAFC;
}
.logo-name span{
  color:#C7D2FE;
  opacity:.82;
}
.cover-tag{
  background:rgba(56,189,248,.15);
  border-color:rgba(125,211,252,.35);
  color:#E0F2FE;
  text-transform:uppercase;
}
.cover-body{
  padding:3.15rem 2.35rem 2.45rem;
}
.topbar-client{
  display:flex;
  align-items:center;
  gap:12px;
}
.topbar-client img{
  display:block;
  width:96px;
  height:42px;
  object-fit:contain;
  padding:5px 9px;
  background:#fff;
  border:1px solid rgba(255,255,255,.76);
  border-radius:8px;
  box-shadow:0 10px 24px rgba(2,6,23,.2);
}
.eyebrow{
  background:rgba(59,130,246,.16);
  border-color:rgba(147,197,253,.38);
  color:#DBEAFE;
}
.eyebrow-dot{
  background:#38BDF8;
  box-shadow:0 0 0 5px rgba(56,189,248,.14);
}
.cover h1{
  color:#fff;
  font-size:2.65rem;
  letter-spacing:0;
  max-width:760px;
}
.cover h1 em{
  color:#7DD3FC;
}
.cover-desc{
  color:#CBD5E1;
  max-width:680px;
  font-size:1.05rem;
}
.cover-meta{
  background:rgba(255,255,255,.08);
  border-top:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(14px);
}
.cm-item{
  border-right:1px solid rgba(255,255,255,.12);
  padding:15px 18px;
}
.cm-lbl{
  color:#93A4BC;
}
.cm-val{
  color:#F8FAFC;
}
.cm-val span{
  color:#CBD5E1;
}
.sec{
  margin-bottom:2rem;
}
.sec-hd{
  border-bottom:1px solid rgba(15,23,42,.09);
}
.sec-num{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:20px;
  border-radius:999px;
  background:#E0F2FE;
  color:#0369A1;
}
.sec-lbl{
  color:#334155;
  font-weight:600;
}
.exec-box,.met,.prob,.feat,.budget,.fh,.mockup-wrap,.timeline{
  box-shadow:0 12px 32px rgba(15,23,42,.06);
}
.exec-box{
  background:#fff;
  border-left-color:#0891B2;
}
.metrics{
  gap:12px;
}
.met{
  background:#fff;
  border-color:rgba(15,23,42,.08);
  padding:1rem;
}
.met .n{
  color:#0F766E;
}
.prob,.feat{
  border-color:rgba(15,23,42,.08);
}
.prob:hover,.feat:hover,.met:hover{
  transform:translateY(-2px);
  transition:transform .18s ease,box-shadow .18s ease;
  box-shadow:0 16px 36px rgba(15,23,42,.1);
}
.prob-icon{
  background:#FFF7ED;
  border-color:#FED7AA;
  color:#C2410C;
}
.code-block{
  box-shadow:0 18px 44px rgba(2,6,23,.18);
}
.fh-head{
  background:linear-gradient(90deg,#0F766E,#2563EB);
}
.fh-badge{
  background:rgba(255,255,255,.16);
}
.tag,.feat .pill{
  background:#ECFEFF;
  border-color:#A5F3FC;
  color:#0E7490;
}
.moq-map-container{
  box-shadow:0 18px 48px rgba(15,23,42,.18);
  border-color:rgba(15,23,42,.14);
}
.mockup-wrap{
  background:#fff;
}
.timeline{
  border-color:rgba(15,23,42,.08);
}
.tl-dot.on{
  background:#0F766E;
}
.tl-line::after{
  background:#0F766E;
}
.budget{
  border-color:rgba(15,23,42,.08);
}
.brow:last-child{
  background:#ECFEFF;
}
.brow:last-child .bc{
  color:#0E7490;
}
.tp{
  background:#fff;
  border-color:rgba(15,23,42,.08);
}
.cta{
  background:linear-gradient(135deg,#0F172A,#134E4A 58%,#075985);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 50px rgba(15,23,42,.2);
  border-radius:8px;
}
.cta p{
  color:rgba(255,255,255,.7);
}
.cb-p{
  color:#0F766E;
}
.cb-p:hover,.cb-s:hover{
  transform:translateY(-1px);
}
.footer{
  color:#64748B;
}
.fl-logo{
  min-height:34px;
}
.brq-logo-footer{
  width:30px;
  height:30px;
  object-fit:contain;
  border-radius:50%;
  padding:4px;
  background:#fff;
  border:1px solid rgba(15,23,42,.1);
  box-shadow:0 6px 16px rgba(15,23,42,.08);
}

@media (max-width:760px){
  .wrap{padding:14px;}
  .cover-topbar{align-items:flex-start;gap:12px;flex-direction:column;}
  .topbar-client{width:100%;justify-content:space-between;gap:10px;}
  .topbar-client img{width:86px;height:38px;}
  .cover-body{padding:2rem 1.25rem;}
  .cover h1{font-size:2rem;}
  .cover-meta{grid-template-columns:1fr 1fr;}
  .cm-item{border-bottom:1px solid rgba(255,255,255,.1);}
  .timeline{grid-template-columns:1fr;}
  .tl-item{border-right:none;border-bottom:1px solid var(--bdr);}
  .cta{align-items:flex-start;}
  .contact-grid{grid-template-columns:1fr;}
}