:root{
  --bg:#050505;--panel:#0b0a08;--panel2:#11100c;--gold:#d9a338;--gold2:#f2c45b;
  --text:#f5eee2;--muted:#bbaa87;--line:rgba(217,163,56,.34);--line2:rgba(217,163,56,.58);
  --max:1180px;--shadow:0 22px 58px rgba(0,0,0,.34)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#050505;color:var(--text);font-family:"Vazirmatn",Tahoma,sans-serif;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
button,input{font:inherit}
.projects-site{min-height:100vh;background:radial-gradient(circle at 86% 0,rgba(217,163,56,.09),transparent 20%),#050505}
.projects-container{width:min(var(--max),calc(100% - 36px));margin:auto}
.projects-header{position:sticky;top:0;z-index:40;background:rgba(5,5,5,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(217,163,56,.28)}
.header-row{min-height:68px;display:grid;grid-template-columns:230px 1fr 140px;gap:18px;align-items:center;direction:ltr}
.projects-brand,.footer-brand{display:flex;align-items:center;gap:10px;direction:ltr}
.brand-mark{width:40px;height:40px;border:1px solid var(--line2);border-radius:12px;display:grid;place-items:center;color:var(--gold2);font:bold 14px "Cinzel",serif;background:#0b0905}
.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy b{font:700 12px "Cinzel",serif;color:var(--gold2)}.brand-copy small{font-size:6px;color:#aa8e52;letter-spacing:.1em;margin-top:3px}
.projects-nav{display:flex;justify-content:center;gap:14px;direction:rtl}.projects-nav a{font-size:10px;color:#d7c8ab;padding:8px 4px;position:relative}.projects-nav a.active,.projects-nav a:hover{color:var(--gold2)}.projects-nav a.active:after{content:"";position:absolute;right:0;left:0;bottom:2px;height:1px;background:var(--gold)}
.gold-button,.outline-button{min-height:40px;padding:0 17px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:800;font-size:10px;transition:.18s;white-space:nowrap}
.gold-button{background:linear-gradient(180deg,#f1c75e,#d39a27);color:#171008;border:0;box-shadow:0 10px 24px rgba(210,151,40,.16)}
.outline-button{border:1px solid #5d4822;background:#080807;color:#e8dcc4}.gold-button:hover,.outline-button:hover{transform:translateY(-1px)}
.gold-button.compact{justify-self:end}

.projects-hero{padding:38px 0 18px}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:stretch}
.hero-copy,.hero-panel{border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#0d0c09,#070707);box-shadow:var(--shadow)}
.hero-copy{padding:28px}.eyebrow,.section-heading>span,.process-copy>span,.cta-box>div>span{font:700 8px Arial;color:var(--gold2);letter-spacing:.2em;direction:ltr;display:inline-block}
.hero-copy h1{font-size:clamp(28px,3.4vw,44px);line-height:1.35;margin:9px 0 11px;font-weight:900;letter-spacing:-.04em}.hero-copy h1 em{font-style:normal;color:var(--gold2)}
.hero-lead{font-size:11.5px;line-height:2;color:#d6c5a4;margin:0;max-width:680px}.hero-actions{display:flex;gap:9px;margin-top:20px;flex-wrap:wrap}
.hero-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:24px}.hero-metrics>div{padding:10px;border-top:1px solid #4a391c}.hero-metrics b{display:block;font:700 9px Arial;color:#dfac3d;direction:ltr}.hero-metrics small{display:block;font-size:8px;color:#99886c;margin-top:5px;line-height:1.6}
.hero-panel{padding:16px;display:grid;grid-template-rows:auto 1fr;gap:12px}.panel-card{border:1px solid #342a18;border-radius:15px;padding:16px;background:#090806}.panel-card>span{font-size:8px;color:#b28a38}.panel-card h3{font-size:17px;margin:6px 0 9px}.panel-card ul{margin:0;padding-right:18px}.panel-card li{font-size:9px;color:#c9b998;line-height:1.9;margin:4px 0}.hero-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-preview-grid img{width:100%;height:130px;object-fit:cover;border-radius:14px;border:1px solid #3d3019;filter:saturate(.95) contrast(1.04)}

.focus-strip{padding:8px 0 17px;border-bottom:1px solid rgba(217,163,56,.08)}.focus-pills{display:flex;gap:7px;flex-wrap:wrap}.filter-pill{border:1px solid #4a391a;background:#080807;color:#cdbd9e;border-radius:999px;padding:7px 12px;font-size:9px;cursor:pointer}.filter-pill.active,.filter-pill:hover{border-color:#a97c29;color:#f0c45b;background:#151006}
.projects-section,.tracks-section,.db-projects-section,.process-section{padding:42px 0}.section-heading{max-width:720px;margin:0 0 24px}.section-heading.compact{margin-bottom:20px}.section-heading h2,.process-copy h2,.cta-box h2{font-size:clamp(23px,2.7vw,32px);line-height:1.45;margin:7px 0}.section-heading p,.process-copy p,.cta-box p{font-size:10.5px;line-height:1.95;color:#ad9d7f;margin:0}
.showcase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.showcase-card{border:1px solid #4b391a;border-radius:18px;background:#090908;overflow:hidden;box-shadow:0 16px 36px rgba(0,0,0,.2)}.showcase-card:hover{border-color:#8e6720}.showcase-media{height:205px;position:relative;overflow:hidden;background:#0a0a0a}.project-visual{position:absolute;inset:0;padding:16px}.visual-window{height:100%;border:1px solid rgba(255,255,255,.1);border-radius:15px;overflow:hidden;background:linear-gradient(145deg,#12161b,#0a0c0f);box-shadow:0 20px 34px rgba(0,0,0,.34)}.visual-topbar{height:25px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:5px;padding:0 9px;direction:ltr;background:rgba(255,255,255,.025)}.visual-topbar i{width:5px;height:5px;border-radius:50%;background:#c99634}.visual-topbar i:nth-child(2){opacity:.7}.visual-topbar i:nth-child(3){opacity:.45}.visual-topbar span{font:700 6px Arial;color:#9eabbd;letter-spacing:.1em;margin-left:5px}.visual-body{height:calc(100% - 25px);display:grid;grid-template-columns:76px 1fr;direction:ltr}.visual-body aside{background:#0c1723;border-right:1px solid rgba(255,255,255,.06);padding:10px 7px;display:flex;flex-direction:column;gap:7px}.visual-body aside b{color:#d8ad50;font:700 8px Arial}.visual-body aside span{height:14px;border-radius:4px;background:rgba(90,150,220,.11);color:#7890aa;font-size:5px;display:flex;align-items:center;padding-left:5px}.visual-body section{padding:10px;background:linear-gradient(180deg,#eef3f8,#e4ebf2)}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.visual-crm .metric-row{grid-template-columns:repeat(3,1fr)}.metric-row em{height:34px;border-radius:7px;background:white;box-shadow:0 1px 5px rgba(0,0,0,.08);font:700 11px Arial;color:#2c4663;display:grid;place-items:center}.chart-bars{height:52px;margin-top:10px;display:flex;align-items:flex-end;gap:5px;padding:5px 8px;background:white;border-radius:7px}.chart-bars b{flex:1;background:linear-gradient(#e2ab3a,#9a641b);border-radius:3px 3px 0 0}.chart-bars b:nth-child(1){height:28%}.chart-bars b:nth-child(2){height:62%}.chart-bars b:nth-child(3){height:48%}.chart-bars b:nth-child(4){height:80%}.chart-bars b:nth-child(5){height:55%}.chart-bars b:nth-child(6){height:91%}.chart-bars b:nth-child(7){height:66%}.visual-table{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:8px}.visual-table span{height:17px;border-radius:4px;background:white}.crm-board{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.crm-board span{height:46px;border-radius:7px;background:linear-gradient(180deg,#fff,#f0f3f7);box-shadow:inset 0 0 0 1px rgba(40,70,100,.06)}.line-chart{height:30px;background:white;border-radius:7px;margin-top:8px;position:relative;overflow:hidden}.line-chart:before{content:"";position:absolute;left:10px;right:10px;top:15px;height:2px;background:linear-gradient(90deg,#2d7ac7,#5ea9e5,#c9972e);transform:skewY(-8deg)}
.flow-canvas{height:calc(100% - 25px);position:relative;background:radial-gradient(circle at 50% 50%,rgba(31,82,60,.16),transparent 50%),#0d1010}.flow-node{position:absolute;border:1px solid #547662;background:#111915;color:#d5e9da;border-radius:8px;padding:8px 10px;font:700 7px Arial}.flow-node.a{left:8%;top:24%}.flow-node.b{left:38%;top:17%}.flow-node.c{right:8%;top:29%}.flow-node.d{left:25%;bottom:16%}.flow-node.e{right:20%;bottom:14%}.flow-link{position:absolute;height:1px;background:#b58b32;transform-origin:left}.flow-link.l1{left:26%;top:36%;width:18%;transform:rotate(-11deg)}.flow-link.l2{left:57%;top:31%;width:20%;transform:rotate(9deg)}.flow-link.l3{left:43%;bottom:28%;width:26%;transform:rotate(-2deg)}
.travel-hero{height:calc(100% - 25px);position:relative;background:linear-gradient(180deg,#5b84a5 0 48%,#c69d58 49% 52%,#384a2d 53% 100%);overflow:hidden}.mountain{position:absolute;bottom:30%;width:0;height:0;border-left:60px solid transparent;border-right:60px solid transparent;border-bottom:80px solid #253327}.m1{left:2%}.m2{left:25%;transform:scale(.8);opacity:.85}.sun{position:absolute;right:10%;top:12%;width:28px;height:28px;border-radius:50%;background:#f4c764;box-shadow:0 0 20px rgba(244,199,100,.5)}.travel-card{position:absolute;right:8%;bottom:10%;width:44%;border-radius:10px;background:rgba(255,255,255,.93);padding:9px;color:#24313b;box-shadow:0 10px 25px rgba(0,0,0,.25)}.travel-card b{display:block;font-size:8px}.travel-card span{display:block;font-size:5px;color:#68727b;margin:3px 0 5px}.travel-card button{border:0;border-radius:999px;background:#d4a03c;color:#1e170d;font-size:5px;padding:4px 7px}
.steel-canvas{height:calc(100% - 25px);position:relative;display:flex;align-items:center;justify-content:center;gap:11px;background:linear-gradient(160deg,#0e1215,#15100a)}.steel-node{width:25%;border:1px solid #5e5849;border-radius:10px;padding:10px;background:#111416;text-align:center}.steel-node.center{border-color:#9d7328;background:#17130c}.steel-node b{display:block;font:700 8px Arial;color:#e2b247}.steel-node span{font-size:5px;color:#8e9aa3}.steel-line{width:8%;height:1px;background:#d5a138}.steel-chart{position:absolute;left:8%;right:8%;bottom:12px;height:32px;display:flex;align-items:flex-end;gap:6px}.steel-chart i{flex:1;background:linear-gradient(#c69a3c,#4b3e25);border-radius:3px 3px 0 0}.steel-chart i:nth-child(1){height:40%}.steel-chart i:nth-child(2){height:75%}.steel-chart i:nth-child(3){height:55%}.steel-chart i:nth-child(4){height:90%}.steel-chart i:nth-child(5){height:66%}
.roadmap-canvas{height:calc(100% - 25px);display:flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(160deg,#11141b,#0b0d11)}.roadmap-canvas>div{width:18%;height:62px;border:1px solid #46566b;border-radius:9px;background:#111820;display:flex;flex-direction:column;align-items:center;justify-content:center}.roadmap-canvas b{font:700 11px Arial;color:#e5b54c}.roadmap-canvas span{font:700 6px Arial;color:#9fb1c5;margin-top:4px}.roadmap-canvas>i{width:8%;height:1px;background:#9c762d}
.showcase-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 38%,rgba(4,4,4,.88) 100%);padding:14px 16px;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}.case-badge{position:absolute;top:12px;right:12px;border:1px solid #775922;background:rgba(7,7,7,.74);border-radius:999px;padding:5px 8px;color:#e8b84d;font:700 6px Arial}.showcase-overlay h3{font-size:15px;margin:0 0 2px}.showcase-overlay p{font-size:8.5px;color:#cdbb96;margin:0}.showcase-body{padding:16px}.showcase-summary{font-size:10.5px;line-height:1.95;color:#d9c9a6;margin:0 0 10px}.mini-block{border-top:1px solid #282218;padding-top:9px;margin-top:9px}.mini-block b{display:block;font-size:8.5px;color:#e1ac3e;margin-bottom:4px}.mini-block span{font-size:9px;line-height:1.85;color:#a99573}.tech-list,.output-list,.track-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.tech-list span,.output-list span,.track-tags span{border:1px solid #3f321c;border-radius:999px;background:#0a0906;color:#cda64f;padding:4px 7px;font:7px Arial}.output-list span{color:#aa9a7c;border-color:#2d281f;background:#0b0b0a}.showcase-card.hidden{display:none}

.tracks-section{background:#080909}.tracks-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.track-card{border:1px solid #42351e;border-radius:15px;padding:15px;background:#090908}.track-card h3{font-size:13px;margin:0 0 7px}.track-card p{font-size:9px;line-height:1.85;color:#9d8c6f;margin:0}
.db-projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.db-project-card{border:1px solid #42341d;border-radius:15px;overflow:hidden;background:#090908}.db-project-card img,.db-project-placeholder{width:100%;height:150px;object-fit:cover;background:#15120d}.db-project-placeholder{display:grid;place-items:center;font-size:28px;color:#d5a442}.db-project-body{padding:13px}.db-project-body h3{font-size:12px;margin:0 0 6px}.db-project-body p{font-size:8.5px;line-height:1.8;color:#a99777;margin:0}.db-actions{display:flex;justify-content:space-between;gap:8px;margin-top:10px;font-size:7px;color:#8e7c60}.db-actions a{color:#d9a63e}.empty-state{grid-column:1/-1;border:1px dashed #4d3b1e;border-radius:14px;padding:18px;color:#bba886;font-size:9px}
.process-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:13px}.process-copy,.process-steps{border:1px solid #42341d;border-radius:17px;background:#090908;padding:18px}.process-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.process-steps>div{border:1px solid #2c261a;border-radius:12px;padding:10px;display:flex;align-items:center;gap:10px}.process-steps b{width:32px;height:32px;border-radius:9px;background:linear-gradient(180deg,#e4af40,#b97f20);color:#161006;font:700 9px Arial;display:grid;place-items:center}.process-steps span{font-size:9px;color:#c7b697}.cta-section{padding:8px 0 45px}.cta-box{border:1px solid #76561d;border-radius:17px;background:#090908;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.cta-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.projects-footer{border-top:1px solid #4e391a;padding:25px 0 32px}.footer-grid{display:grid;grid-template-columns:1.2fr .7fr 1fr;gap:20px}.footer-brand p,.footer-note{font-size:8px;color:#88785f;line-height:1.8}.footer-links{display:flex;flex-direction:column;gap:4px}.footer-links a{font-size:8px;color:#bea777}
@media(max-width:900px){.header-row{grid-template-columns:1fr auto}.projects-nav{grid-column:1/-1;order:3;flex-wrap:wrap;padding-bottom:8px}.hero-grid,.process-grid{grid-template-columns:1fr}.hero-metrics{grid-template-columns:repeat(2,1fr)}.showcase-grid{grid-template-columns:1fr}.tracks-grid,.db-projects-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.projects-container{width:calc(100% - 22px)}.projects-header{position:relative}.header-row{display:flex;flex-wrap:wrap;padding:10px 0}.projects-nav{width:100%;justify-content:flex-start;overflow:auto;flex-wrap:nowrap}.projects-nav a{white-space:nowrap}.gold-button.compact{margin-right:auto}.projects-hero{padding-top:20px}.hero-copy{padding:20px}.hero-copy h1{font-size:28px}.hero-metrics{grid-template-columns:1fr}.hero-panel{padding:12px}.hero-preview-grid{grid-template-columns:1fr}.hero-preview-grid img{height:110px}.tracks-grid,.db-projects-grid,.process-steps,.footer-grid{grid-template-columns:1fr}.showcase-media{height:185px}.cta-box{flex-direction:column;align-items:flex-start}.cta-actions{width:100%}.cta-actions a{width:100%}}


/* v3.4 - real-site capture + dedicated Rohina Level 2 */
.real-site-window{
  height:100%;
  min-height:220px;
  overflow:hidden;
  background:#080808;
}
.real-site-shot{
  display:block;
  width:100%;
  height:calc(100% - 28px);
  min-height:192px;
  object-fit:cover;
  object-position:top center;
  background:#111;
}
.travel-fallback{
  height:calc(100% - 28px);
  min-height:192px;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:8px;
  background:
    radial-gradient(circle at 30% 30%,rgba(216,164,56,.18),transparent 35%),
    linear-gradient(135deg,#172234,#08090b);
  color:#f5e8c7;
}
.travel-fallback b{font:800 18px Arial;letter-spacing:.08em;color:#f2c65e}
.travel-fallback span{font-size:10px;color:#c8b68d}

.visual-level2{background:linear-gradient(145deg,#080a0c,#10100c)}
.level2-canvas{padding:20px 20px 14px;height:calc(100% - 28px);display:flex;flex-direction:column;justify-content:center;gap:18px}
.level2-track{display:grid;grid-template-columns:1fr 46px 1.15fr 46px 1fr;align-items:center;gap:6px}
.level2-track>span{
  min-height:58px;border:1px solid rgba(215,162,55,.33);border-radius:13px;display:flex;align-items:center;justify-content:center;
  text-align:center;padding:8px;font:700 9px Arial;color:#e9d7af;background:rgba(255,255,255,.025)
}
.level2-track>i{height:1px;background:linear-gradient(90deg,transparent,#d9a53e,#d9a53e,transparent);position:relative}
.level2-track>i::after{content:"";position:absolute;left:-1px;top:-3px;width:7px;height:7px;border-top:1px solid #d9a53e;border-left:1px solid #d9a53e;transform:rotate(-45deg)}
.level2-track .level2-core{border-color:#b8892c;color:#111;background:linear-gradient(135deg,#f0c75f,#b98222);font-size:11px}
.level2-track .level2-core small{display:block;font-size:7px;letter-spacing:.12em;margin-top:3px}
.level2-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.level2-kpis b{border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:9px 10px;font:800 11px Arial;color:#f0c65c;background:rgba(255,255,255,.02)}
.level2-kpis small{display:block;color:#887b61;font:7px Arial;letter-spacing:.08em;margin-bottom:4px}
.level2-chart{height:48px;display:flex;align-items:end;gap:6px;padding:0 8px}
.level2-chart i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#e0ac42,#5a431b)}
.level2-chart i:nth-child(1){height:22%}.level2-chart i:nth-child(2){height:51%}.level2-chart i:nth-child(3){height:39%}.level2-chart i:nth-child(4){height:76%}.level2-chart i:nth-child(5){height:61%}.level2-chart i:nth-child(6){height:88%}.level2-chart i:nth-child(7){height:72%}

@media(max-width:620px){
  .level2-track{grid-template-columns:1fr 24px 1.05fr 24px 1fr}
  .level2-track>span{font-size:7px;padding:5px}
}


/* v3.4.1 DB project icons fix */

.db-project-card{display:flex;flex-direction:column}
.db-project-media{width:100%;height:150px;background:linear-gradient(145deg,#131008,#090908);border-bottom:1px solid #2e2414;display:flex;align-items:center;justify-content:center;overflow:hidden}
.db-project-icon-shell{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px 14px;background:radial-gradient(circle at 50% 10%,rgba(220,169,61,.16),transparent 45%),linear-gradient(145deg,#13110c,#090908)}
.db-project-icon-shell span{font-size:14px;font-weight:800;color:#f2e0b4;text-align:center;line-height:1.4}
.db-project-icon-shell small{font-size:10px;color:#c0aa79;text-align:center;line-height:1.5}
.db-project-svg{width:100%;max-width:170px;height:82px;fill:none;stroke:#d7a23b;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:.92}
.db-project-svg text{fill:#e5bf6d;stroke:none;font:700 13px Arial,sans-serif;letter-spacing:.12em}
.db-project-svg .db-line,.db-line{stroke:#ad8735;stroke-width:2.5;fill:none}
.db-media-rohina-level2 .db-project-icon-shell{background:radial-gradient(circle at 50% 0,rgba(219,170,61,.20),transparent 40%),linear-gradient(145deg,#15120c,#0b0b0a)}
.db-media-mdp-odoo .db-project-icon-shell{background:radial-gradient(circle at 50% 0,rgba(178,120,54,.18),transparent 42%),linear-gradient(145deg,#141109,#0b0b0a)}
.db-media-carton-mohammad-crm .db-project-icon-shell{background:radial-gradient(circle at 30% 0,rgba(214,157,49,.16),transparent 36%),linear-gradient(145deg,#120f08,#0a0a09)}
.db-media-rahkaran-workflow-integration .db-project-icon-shell{background:radial-gradient(circle at 70% 0,rgba(211,160,57,.16),transparent 36%),linear-gradient(145deg,#12100b,#090909)}
.db-project-icon-shell.has-thumb{padding:0;gap:0;position:relative}
.db-thumb-frame,.db-thumb-fallback{width:100%;height:100%}
.db-thumb-frame img{width:100%;height:100%;object-fit:cover;display:block}
.db-thumb-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px 14px;background:radial-gradient(circle at 70% 10%,rgba(215,164,56,.16),transparent 36%),linear-gradient(145deg,#132032,#090b0f)}
.db-project-body .tech-list span{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}