/* DEVARK 2026 — Construction Intelligence visual system
   Dark navy + technical blue + safety orange, based on the official wallpaper. */
:root{
  --dv-bg:#050c13;
  --dv-bg-2:#07131f;
  --dv-panel:#0b1926;
  --dv-panel-2:#0e2130;
  --dv-line:rgba(76,151,201,.20);
  --dv-line-strong:rgba(82,176,235,.38);
  --dv-text:#edf5fa;
  --dv-muted:#92a8b8;
  --dv-blue:#2ba7f6;
  --dv-blue-soft:#6cc8ff;
  --dv-orange:#ff6b1a;
  --dv-orange-2:#ff8a3d;
  --dv-shadow:0 28px 80px rgba(0,0,0,.35);
}

/* Shared brand */
body.devark-home,
body.demo-landing-page,
body.devark-project-page{background:var(--dv-bg);color:var(--dv-text)}
body.devark-home ::selection,
body.demo-landing-page ::selection,
body.devark-project-page ::selection{background:var(--dv-orange);color:#07111a}
body.devark-home a:focus-visible,
body.demo-landing-page a:focus-visible,
body.devark-project-page a:focus-visible,
body.devark-home button:focus-visible,
body.demo-landing-page button:focus-visible{outline-color:var(--dv-orange)}

/* Homepage */
body.devark-home{--forest:#07131f;--forest2:#0b1d2a;--ink:#e8f2f8;--sub:#8fa5b5;--lime:#ff6b1a;--lime-deep:#e95200;--cream:#050c13;--soft:#07131f;--line:rgba(77,145,190,.19);--card:#0b1926;--white:#fff;--shadow:0 22px 70px rgba(0,0,0,.28)}
body.devark-home .announce{background:#03080e;color:#8fa8ba;border-bottom:1px solid rgba(72,139,184,.14)}
body.devark-home .announce a{color:#ff9a5c}
body.devark-home .status-dot,
body.devark-home .visual-pulse{background:var(--dv-orange);box-shadow:0 0 0 4px rgba(255,107,26,.12),0 0 18px rgba(255,107,26,.42)}
body.devark-home .site-header{background:rgba(5,12,19,.88);border-bottom:1px solid var(--dv-line);box-shadow:0 12px 36px rgba(0,0,0,.12)}
body.devark-home .brand img{width:222px;filter:drop-shadow(0 7px 20px rgba(0,0,0,.22))}
body.devark-home .nav nav>a:not(.nav-cta){color:#b8c8d4}
body.devark-home .nav nav>a:not(.nav-cta):hover{color:#fff}
body.devark-home .nav-cta{background:linear-gradient(135deg,#ff6b1a,#e95300);color:#fff;box-shadow:0 10px 28px rgba(255,107,26,.17)}
body.devark-home .nav-cta span{color:#fff}
body.devark-home .menu-button{background:#0c1b28;border-color:var(--dv-line);color:#fff}

body.devark-home .hero{min-height:690px;background:
  linear-gradient(90deg,rgba(3,9,15,.96) 0%,rgba(3,9,15,.84) 34%,rgba(4,12,20,.53) 61%,rgba(4,12,20,.35) 100%),
  linear-gradient(180deg,rgba(4,11,18,.22),rgba(4,11,18,.78)),
  url('/assets/devark-construction-tech-hero.webp') center/cover no-repeat}
body.devark-home .hero:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,#07131f);pointer-events:none}
body.devark-home .hero-gridlines{opacity:.36;background-image:linear-gradient(rgba(62,168,235,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(62,168,235,.11) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,rgba(0,0,0,.9),transparent 80%)}
body.devark-home .hero-grid{padding:104px 0 96px}
body.devark-home .hero-content{padding:22px 0;text-shadow:0 3px 24px rgba(0,0,0,.34)}
body.devark-home .hero h1{max-width:720px;font-size:clamp(44px,4.6vw,72px)}
body.devark-home .hero h1 em{color:#ff7b2d;text-shadow:0 0 34px rgba(255,107,26,.18)}
body.devark-home .hero-lead{color:#bfd0dc;max-width:600px;font-size:18px}
body.devark-home .eyebrow.on-dark{color:#ff8b46}
body.devark-home .btn-lime{background:linear-gradient(135deg,#ff7a2c,#ff5d00);color:#fff;box-shadow:0 14px 36px rgba(255,107,26,.20)}
body.devark-home .btn-lime:hover{background:linear-gradient(135deg,#ff8f50,#ff6b1a);box-shadow:0 18px 42px rgba(255,107,26,.26)}
body.devark-home .btn-quiet{background:rgba(5,15,24,.55);border-color:rgba(136,190,227,.28);backdrop-filter:blur(10px)}
body.devark-home .hero-assurances{color:#a9becd}
body.devark-home .hero-assurances i{color:#ff8b46}
body.devark-home .hero-visual{filter:drop-shadow(0 25px 75px rgba(0,0,0,.32))}
body.devark-home .dashboard-shell{background:rgba(7,20,31,.92);border-color:rgba(79,171,229,.28);color:#e9f4fb;box-shadow:0 35px 100px rgba(0,0,0,.48),0 0 55px rgba(37,141,210,.07);backdrop-filter:blur(12px)}
body.devark-home .dash-top{background:#0a1824;border-color:rgba(79,171,229,.14)}
body.devark-home .dash-mark{background:#ff6b1a;color:#fff}
body.devark-home .dash-mark span{color:#fff}
body.devark-home .dash-breadcrumb,body.devark-home .dash-intro p{color:#7890a1}
body.devark-home .dash-avatar{background:#102d40;color:#79cfff}
body.devark-home .dash-intro>span,body.devark-home .dash-kpis small{color:#ff8e4a}
body.devark-home .dash-kpis>div,body.devark-home .dash-chart{background:#0d1e2c;border-color:rgba(79,171,229,.14)}
body.devark-home .dash-kpis span,body.devark-home .chart-header small,body.devark-home .dash-bottom{color:#7890a1}
body.devark-home .dash-chart-pill{background:#102b3d;color:#6bcaff}
body.devark-home .chart-columns{border-color:#24394a;background:repeating-linear-gradient(to top,transparent 0,transparent 30px,rgba(90,151,193,.12) 30px,rgba(90,151,193,.12) 31px)}
body.devark-home .chart-columns>span{background:#17384d}
body.devark-home .chart-columns>span:after{background:linear-gradient(#45b8ff,#1888cc)}
body.devark-home .float-note{background:#0c1c29;border-color:rgba(92,179,233,.25);color:#e8f3fa}
body.devark-home .float-icon{background:#ff6b1a;color:#fff}
body.devark-home .float-note small{color:#8fa5b5}
body.devark-home .hero-bottom{background:rgba(3,9,15,.65);border-color:rgba(105,169,213,.15);z-index:1}
body.devark-home .hero-bottom span{color:#7896aa}
body.devark-home .hero-bottom .shell>div{color:#d7e7f1}
body.devark-home .hero-bottom i{color:#ff7c31}

body.devark-home .section{border-top:1px solid rgba(74,143,190,.08)}
body.devark-home .platform{background:#07131f}
body.devark-home .delivery{background:#050d15}
body.devark-home .demo-section{background:#07131f}
body.devark-home .pricing{background:#050c13}
body.devark-home .steps-section{background:#07131f}
body.devark-home .faq{background:#050c13}
body.devark-home .section-heading h2,body.devark-home .bundle-heading h3,body.devark-home .faq-grid h2{color:#f2f7fb}
body.devark-home .section-heading h2 span{color:#7ea5bd}
body.devark-home .section-heading>p,body.devark-home .section-heading.split>p,body.devark-home .bundle-heading>p:last-child{color:#8fa6b6}
body.devark-home .eyebrow{color:#ff7c31}
body.devark-home .journey>div{background:linear-gradient(145deg,#0a1b28,#091722);border-color:var(--dv-line)}
body.devark-home .journey>div small{color:#5fb8ed}
body.devark-home .journey>div strong{color:#edf6fb}
body.devark-home .journey>div span{color:#7890a2}
body.devark-home .journey>b{color:#3c6b89}
body.devark-home .capability{background:linear-gradient(145deg,#0b1a27,#081520);border-color:var(--dv-line);box-shadow:0 18px 48px rgba(0,0,0,.13)}
body.devark-home .capability-lead{background:linear-gradient(135deg,#0b2232 0%,#081520 65%,#281207 130%);border-color:rgba(64,160,221,.24)}
body.devark-home .capability .cap-icon{background:#102b3c;color:#62c7ff}
body.devark-home .capability small,body.devark-home .tile-number{color:#58b9f2}
body.devark-home .capability-lead .tile-number{color:#ff7b2d}
body.devark-home .capability h3{color:#edf5fa}
body.devark-home .capability p{color:#8da3b3}
body.devark-home .chips span{background:#102534!important;border-color:rgba(82,174,230,.18)!important;color:#a9c6d9!important}

body.devark-home .delivery-card,body.devark-home .scope-strip{background:#0a1824;border-color:var(--dv-line);box-shadow:0 20px 55px rgba(0,0,0,.17);color:#e8f2f8}
body.devark-home .delivery-card.tinted{background:linear-gradient(145deg,#0c2232,#07131f);border-color:rgba(66,164,225,.22)}
body.devark-home .delivery-head{color:#5fb8ed}
body.devark-home .delivery-head span{background:#102b3d;color:#6dccff}
body.devark-home .tinted .delivery-head{color:#a8c4d6}
body.devark-home .tinted .delivery-head span{background:#33190c;color:#ff8843}
body.devark-home .delivery-card>p,body.devark-home .tinted>p,body.devark-home .scope-strip p{color:#91a7b6}
body.devark-home .check-list li{border-color:rgba(78,145,190,.13)}
body.devark-home .check-list li:before,body.devark-home .tinted .check-list li:before{color:#ff7b2d}
body.devark-home .delivery-caption,body.devark-home .tinted .delivery-caption{color:#62c6ff}
body.devark-home .scope-strip strong{color:#edf5fa}
body.devark-home .scope-strip a{color:#ff8d49}
body.devark-home .scope-icon{color:#55b9f1}

body.devark-home .demo-panel{background:linear-gradient(120deg,rgba(12,32,47,.97),rgba(8,20,31,.98));border:1px solid rgba(83,168,222,.21);box-shadow:var(--dv-shadow);position:relative;overflow:hidden}
body.devark-home .demo-panel:after{content:"";position:absolute;inset:0 0 auto auto;width:420px;height:420px;background:radial-gradient(circle,rgba(255,107,26,.11),transparent 68%);pointer-events:none}
body.devark-home .demo-copy h2{color:#eff7fb}
body.devark-home .demo-copy h2 span{color:#66c6ff}
body.devark-home .demo-copy>p:not(.eyebrow){color:#9eb2c0}
body.devark-home .demo-tags span{background:#0d2230;border-color:rgba(86,178,234,.18);color:#a9c9dc}
body.devark-home .btn-dark{background:#ff6b1a;color:#fff}
body.devark-home .demo-steps{background:#091824;border-color:rgba(80,163,217,.19);box-shadow:none}
body.devark-home .demo-step-label{color:#ff8140}
body.devark-home .demo-steps>div{border-color:rgba(76,145,190,.13)}
body.devark-home .demo-steps>div i{color:#ff7b2d}
body.devark-home .demo-steps>div b{color:#edf5fa}
body.devark-home .demo-steps>div small{color:#7f96a6}

body.devark-home .implant-bar{background:linear-gradient(125deg,#0c2232,#08141f);border:1px solid rgba(74,167,225,.22);box-shadow:0 22px 70px rgba(0,0,0,.2)}
body.devark-home .implant-label>span,body.devark-home .implant-normal small,body.devark-home .implant-offer small{color:#6cbfe9}
body.devark-home .implant-label p,body.devark-home .installment-detail{color:#95aebd}
body.devark-home .implant-normal{border-color:rgba(76,157,207,.18)}
body.devark-home .implant-offer{background:#1a2330;border:1px solid rgba(255,107,26,.25)}
body.devark-home .implant-offer small{color:#ff9a62}
body.devark-home .implant-offer strong{color:#ff7b2d}
body.devark-home .implant-offer span{color:#b5c7d3}
body.devark-home .pricing-intro p{color:#ff7c31}
body.devark-home .pricing-intro span{color:#829aa9}
body.devark-home .plan-card{background:linear-gradient(180deg,#0c1c29,#081520);border-color:var(--dv-line);color:#edf5fa;box-shadow:0 22px 58px rgba(0,0,0,.16)}
body.devark-home .plan-card.professional{border-color:rgba(72,166,224,.34)}
body.devark-home .plan-card.enterprise{background:linear-gradient(180deg,#112333,#081520 42%);border-color:#ff6b1a;box-shadow:0 28px 78px rgba(255,107,26,.08),0 25px 55px rgba(0,0,0,.22)}
body.devark-home .enterprise-ribbon{background:linear-gradient(135deg,#ff7b2d,#ff5c00);color:#fff;box-shadow:0 8px 22px rgba(255,107,26,.22)}
body.devark-home .plan-tier{color:#5dbcf1}
body.devark-home .plan-top>p,body.devark-home .monthly span,body.devark-home .plan-top>small,body.devark-home .email-extra{color:#8399a8}
body.devark-home .annual,body.devark-home .enterprise .annual{background:#0d2230;border-color:rgba(74,167,225,.19)}
body.devark-home .annual .discount-pill{background:#163247;color:#70cbff}
body.devark-home .enterprise .annual .discount-pill{background:#3a1b0d;color:#ff9a60}
body.devark-home .annual small{color:#6dbde8}
body.devark-home .annual>strong{color:#edf5fa}
body.devark-home .annual p{color:#7e96a6}
body.devark-home .plan-list li{border-color:rgba(77,145,190,.12)}
body.devark-home .plan-list li:before{color:#ff7b2d}
body.devark-home .plan-list li strong,body.devark-home .email-extra b{color:#eef7fb}
body.devark-home .btn-outline{background:#0e2130;border-color:rgba(90,178,233,.28);color:#e7f2f9}
body.devark-home .btn-outline:hover{border-color:#ff6b1a;color:#fff}
body.devark-home .enterprise-activation{margin:0 -12px 17px;padding:16px 14px;border:1px solid rgba(255,107,26,.32);background:linear-gradient(135deg,rgba(255,107,26,.13),rgba(255,107,26,.035));border-radius:12px}
body.devark-home .enterprise-activation>span{display:block;color:#ff965b;font-size:9px;font-weight:900;letter-spacing:.1em}
body.devark-home .enterprise-activation strong{display:block;color:#fff;font:800 29px/1.2 Manrope;margin:6px 0 3px}
body.devark-home .enterprise-activation small{display:block;color:#98aebe;font-size:10px;line-height:1.55}
body.devark-home .bundle-card{background:#0a1925;border-color:var(--dv-line);color:#edf5fa}
body.devark-home .bundle-card>span{color:#5dbcf1}
body.devark-home .bundle-card>p{color:#829aaa}
body.devark-home .bundle-card>p b{color:#bcd0dc}
body.devark-home .bundle-enterprise{background:linear-gradient(125deg,#152532,#261307);border-color:rgba(255,107,26,.45)}
body.devark-home .bundle-enterprise>span{color:#ff985c}
body.devark-home .bundle-enterprise .bundle-special{background:#ff6b1a;color:#fff}
body.devark-home .bundle-enterprise .from-price{color:#b39d90}
body.devark-home .bundle-enterprise h4{color:#ff853f}
body.devark-home .bundle-enterprise>p,body.devark-home .bundle-enterprise>p b,body.devark-home .bundle-enterprise>p strong{color:#d8e2e8}
body.devark-home .bundle-enterprise a{color:#ff9a62}
body.devark-home .price-footnotes p{color:#718b9c}
body.devark-home .price-footnotes b{color:#a8c4d5}

body.devark-home .steps li{background:#0a1925;border-color:var(--dv-line);border-top-color:#2ea8ef}
body.devark-home .steps li>span{color:#ff7c31}
body.devark-home .steps h3{color:#eef6fb}
body.devark-home .steps p{color:#859cab}
body.devark-home .faq-grid>div:first-child>p:not(.eyebrow){color:#859cab}
body.devark-home .text-link{color:#ff8b49}
body.devark-home .faq-list details{border-color:rgba(75,146,193,.18)}
body.devark-home .faq-list summary{color:#eaf4fa}
body.devark-home .faq-list summary:after{color:#ff7c31}
body.devark-home .faq-list details p{color:#839aa9}
body.devark-home .closing{background:#050c13}
body.devark-home .closing-panel{background:
 linear-gradient(95deg,rgba(5,14,22,.96),rgba(8,24,35,.82)),
 url('/assets/devark-construction-tech-hero.webp') center 55%/cover no-repeat;
 border:1px solid rgba(70,159,216,.24);box-shadow:var(--dv-shadow)}
body.devark-home .closing h2 em{color:#ff7b2d}
body.devark-home .closing p:not(.eyebrow){color:#a1b5c2}
body.devark-home .closing-contact{color:#8fa5b5}
body.devark-home .closing-contact a{color:#ff9a62}
body.devark-home footer{background:#03080e;color:#7890a0;border-top:1px solid rgba(69,139,185,.16)}
body.devark-home .footer-about img{filter:none;width:205px}
body.devark-home footer b{color:#dfeaf1}
body.devark-home footer a:hover{color:#ff8b49}
body.devark-home .footer-bottom{border-color:rgba(70,139,185,.17);color:#6d8493}

/* Public demonstration */
body.demo-landing-page{--forest:#07131f;--ink:#eaf4fa;--sub:#8da3b2;--lime:#ff6b1a;--line:rgba(76,151,201,.18);--shadow:0 22px 70px rgba(0,0,0,.28)}
body.demo-landing-page .site-header{background:rgba(5,12,19,.9)!important;border-color:var(--dv-line)!important}
body.demo-landing-page .brand img{filter:none!important;width:205px!important}
body.demo-landing-page .back-home{color:#a6bac7}
body.demo-landing-page .demo-hero-page{background:linear-gradient(90deg,rgba(4,11,18,.95),rgba(4,11,18,.72)),url('/assets/devark-construction-tech-hero.webp') center/cover no-repeat;color:#fff;border-bottom:1px solid var(--dv-line)}
body.demo-landing-page .demo-status{background:rgba(8,24,36,.75);border-color:rgba(86,178,234,.25);color:#72cbff;backdrop-filter:blur(8px)}
body.demo-landing-page .demo-status i{background:#ff6b1a;box-shadow:0 0 0 4px rgba(255,107,26,.13)}
body.demo-landing-page .demo-hero-page h1{color:#fff}
body.demo-landing-page .demo-hero-page h1 em{color:#ff7b2d}
body.demo-landing-page .demo-lead,body.demo-landing-page .demo-disclaimer{color:#b0c2ce}
body.demo-landing-page .demo-disclaimer{border-color:#ff6b1a}
body.demo-landing-page .demo-case-card{background:rgba(7,20,31,.92);border:1px solid rgba(84,173,228,.23);box-shadow:0 30px 80px rgba(0,0,0,.36);backdrop-filter:blur(10px)}
body.demo-landing-page .case-top span{color:#77bfe7}
body.demo-landing-page .case-top b{background:#ff6b1a;color:#fff}
body.demo-landing-page .demo-case-card>p,body.demo-landing-page .case-progress small{color:#819aaa}
body.demo-landing-page .case-kpis article{background:#0d2130;border-color:rgba(84,173,228,.18)}
body.demo-landing-page .case-kpis small{color:#6ebde6}
body.demo-landing-page .case-progress span{background:#152e40}
body.demo-landing-page .case-progress i{background:linear-gradient(90deg,#2faef5,#ff6b1a)}
body.demo-landing-page .case-chain span{border-color:rgba(84,173,228,.22);color:#b9cedb}
body.demo-landing-page .case-chain i{color:#ff7b2d}
body.demo-landing-page .demo-facts{background:#07131f;border-color:var(--dv-line)}
body.demo-landing-page .facts-grid article{border-color:var(--dv-line)}
body.demo-landing-page .facts-grid b{color:#ff7b2d}
body.demo-landing-page .facts-grid span{color:#8098a7}
body.demo-landing-page .demo-story,body.demo-landing-page .demo-final{background:#050c13}
body.demo-landing-page .heading h2,body.demo-landing-page .demo-heading h2{color:#eef6fb}
body.demo-landing-page .heading>p,body.demo-landing-page .split-heading>p{color:#8ca3b2}
body.demo-landing-page .tour-card{background:#0a1925;border-color:var(--dv-line);color:#eaf4fa}
body.demo-landing-page .tour-card:hover{border-color:rgba(255,107,26,.48);box-shadow:0 18px 55px rgba(0,0,0,.25)}
body.demo-landing-page .tour-card.major{background:linear-gradient(145deg,#0d2332,#081520);border-color:rgba(79,169,226,.29)}
body.demo-landing-page .tour-number{background:#102c3f;color:#66c8ff}
body.demo-landing-page .tour-card.major .tour-number{background:#ff6b1a;color:#fff}
body.demo-landing-page .tour-card small{color:#69bae5}
body.demo-landing-page .tour-card p,body.demo-landing-page .tour-card.major p{color:#8da4b3}
body.demo-landing-page .tour-card em,body.demo-landing-page .tour-card.major em{color:#ff8a46}
body.demo-landing-page .guided-overview{background:#07131f;border-top:1px solid var(--dv-line);border-bottom:1px solid var(--dv-line)}
body.demo-landing-page .guided-copy>p:not(.eyebrow){color:#9db1bd}
body.demo-landing-page .guided-links a{background:#0d2130;border-color:rgba(82,171,225,.18);color:#bed2de}
body.demo-landing-page .readonly-card{background:#0b1d2a;border-color:rgba(84,173,228,.20)}
body.demo-landing-page .lock-icon{background:#ff6b1a;color:#fff}
body.demo-landing-page .readonly-card>small{color:#70bee8}
body.demo-landing-page .readonly-card p{color:#91a8b6}
body.demo-landing-page .readonly-card ul{border-color:rgba(77,150,199,.17)}
body.demo-landing-page .readonly-card li{color:#b7cad6}
body.demo-landing-page .readonly-card li:before{color:#ff7b2d}
body.demo-landing-page .demo-final-box{background:linear-gradient(135deg,#0c2232,#1b120d);border:1px solid rgba(255,107,26,.2)}
body.demo-landing-page .demo-final p:not(.eyebrow){color:#98adba}
body.demo-landing-page .demo-footer{background:#03080e;border-top:1px solid var(--dv-line)}

/* Legacy public project showcases: brand chrome only, keep each demo's internal identity. */
body.devark-project-page .header{background:rgba(5,12,19,.92)!important;border-bottom:1px solid var(--dv-line)!important;backdrop-filter:blur(18px)}
body.devark-project-page .devark-logo{width:245px;height:58px;overflow:visible}
body.devark-project-page .devark-logo img{position:static!important;width:100%!important;max-width:100%!important;height:auto!important;transform:none!important;filter:none!important}
body.devark-project-page .footer{background:#03080e!important;border-top:1px solid var(--dv-line)}
body.devark-project-page .footer-bottom{color:#879aa7!important}

@media(max-width:900px){
 body.devark-home .nav nav{background:#07131f;border-color:var(--dv-line);box-shadow:0 22px 60px rgba(0,0,0,.45)}
 body.devark-home .nav nav>a{border-color:rgba(78,145,190,.14);color:#c4d4df!important}
 body.devark-home .hero{background-position:62% center}
 body.devark-home .hero-grid{padding:75px 0 72px}
 body.demo-landing-page .nav nav{background:#07131f!important;border-color:var(--dv-line)!important}
}
@media(max-width:600px){
 body.devark-home .brand img{width:190px}
 body.devark-home .hero{background-position:67% center}
 body.devark-home .hero:before{content:"";position:absolute;inset:0;background:rgba(2,8,13,.28);pointer-events:none}
 body.devark-home .hero-grid{padding:62px 0 64px}
 body.devark-home .hero-visual{display:none}
 body.devark-home .implant-offer strong{font-size:30px}
 body.demo-landing-page .demo-site-header .brand img{width:175px!important}
 body.devark-project-page .devark-logo{width:205px;height:auto}
}