/* DEVARK premium refinement v3 — restrained B2B product direction */
:root{
  --dv-navy:#07111a;
  --dv-navy-2:#0b1721;
  --dv-navy-3:#102330;
  --dv-ink:#14242f;
  --dv-muted:#60717c;
  --dv-soft:#f4f6f7;
  --dv-line:#d9e0e5;
  --dv-line-dark:rgba(154,185,205,.18);
  --dv-orange:#ff6b1a;
  --dv-blue:#4f9bc7;
  --dv-shell:min(1200px,calc(100% - 56px));
}

/* Global polish */
.devark-home{background:#fff;color:var(--dv-ink)}
.devark-home .shell{width:var(--dv-shell)}
.devark-home .section{padding:104px 0}
.devark-home .kicker{letter-spacing:.16em;font-size:11px}
.devark-home .button{border-radius:6px;min-height:50px;padding:0 20px}
.devark-home .button-primary{box-shadow:none}
.devark-home .button-primary:hover{transform:none}

/* Header: compact and brand-led */
.devark-home .site-header{height:74px;background:rgba(7,17,26,.98);border-bottom:1px solid rgba(168,194,210,.14);box-shadow:none}
.devark-home .brand{width:176px;flex:0 0 176px;overflow:visible}
.devark-home .brand img,.demo-landing-page .brand img{width:100%;height:auto!important;aspect-ratio:635/180;object-fit:contain;margin:0;transform:none}
.devark-home .nav nav{gap:24px;font-size:13px}
.devark-home .nav-cta{border-radius:6px;padding:10px 15px}

/* Hero: real product, no fake dashboard */
.devark-home .hero{background:var(--dv-navy);min-height:auto;border-bottom:1px solid #16303f}
.devark-home .hero:before{inset:0;background-image:linear-gradient(rgba(105,151,181,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(105,151,181,.055) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent 0%,transparent 31%,#000 70%);opacity:.8}
.devark-home .hero:after{width:1px;height:260px;right:9.5%;top:102px;background:linear-gradient(180deg,transparent,var(--dv-orange),transparent);transform:none;opacity:.7;box-shadow:none}
.devark-home .hero-grid{grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr);gap:72px;padding:100px 0 94px}
.devark-home .hero-copy{max-width:650px}
.devark-home .hero h1{font-size:clamp(46px,5.1vw,70px);line-height:1.03;letter-spacing:-.045em;margin-bottom:24px}
.devark-home .hero h1 span{color:#9fb0bb;font-weight:600}
.devark-home .hero-lead{font-size:17px;line-height:1.75;color:#aebdc6;max-width:610px}
.devark-home .hero-meta{margin-top:30px;padding-top:20px;gap:22px;color:#8298a7}
.devark-home .hero-meta span:before{width:4px;height:4px;background:#5fa3c8}

.product-window{position:relative;border:1px solid #294656;background:#0a151e;box-shadow:0 34px 80px rgba(0,0,0,.34);overflow:hidden}
.product-window:before{content:"";position:absolute;left:-1px;top:46px;bottom:0;width:3px;background:var(--dv-orange);z-index:2}
.product-window-top{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 14px;border-bottom:1px solid #254150;color:#7f98a8;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.window-dots{display:flex;gap:5px}.window-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#395869}.window-dots i:first-child{background:#ff6b1a}
.product-window-media{height:360px;overflow:hidden;background:#eef1f3}
.product-window-media img{width:100%;height:100%;object-fit:cover;object-position:left top;display:block}
.product-window-caption{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:15px;padding:17px 18px;color:#fff;border-top:1px solid #213b4a}
.product-window-caption strong{font-size:12px;white-space:nowrap}.product-window-caption span{font-size:11px;color:#829aa9;border-left:1px solid #2a4454;padding-left:15px}

.devark-home .proof-strip{background:#0a161f;border-bottom:1px solid #173140}
.devark-home .proof-inner{justify-content:center;gap:0;padding:15px 0;color:#8fa3af;font-size:11px;letter-spacing:.03em}
.devark-home .proof-inner span:before{margin:0 18px;color:#365f78}

/* Editorial section headings */
.devark-home .section-intro{grid-template-columns:minmax(0,1fr) minmax(280px,.58fr);gap:86px;margin-bottom:52px}
.devark-home .section-intro .kicker{margin-bottom:-48px}
.devark-home .section-intro h2,.devark-home .pricing-heading h2,.devark-home .final-cta h2{font-size:clamp(35px,4.1vw,52px);line-height:1.1;letter-spacing:-.04em}
.devark-home .section-intro>p:last-child,.devark-home .pricing-heading>p{font-size:15px;line-height:1.75}

/* Product rows: less card-like */
.devark-home .product-groups{border-top:1px solid #cad4da}
.devark-home .product-group{grid-template-columns:72px 1fr;padding:38px 0;border-bottom:1px solid #d7dee3}
.devark-home .product-group>div:last-child{grid-template-columns:minmax(210px,.68fr) minmax(240px,.8fr) minmax(260px,1fr);gap:46px}
.devark-home .group-number{color:#c45820;font-size:11px;letter-spacing:.08em}
.devark-home .product-group h3{font-size:22px}
.devark-home .product-group p{font-size:13px;line-height:1.7}
.devark-home .product-group li{font-size:12.5px;padding-bottom:8px}

/* Actual product screenshots */
.real-product{background:#eef2f4;border-top:1px solid #e0e5e8;border-bottom:1px solid #d8e0e5}
.real-product-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.55fr);gap:86px;align-items:end;margin-bottom:44px}
.real-product-head h2{font:700 clamp(34px,4vw,50px)/1.1 "Manrope",sans-serif;letter-spacing:-.04em;margin:0;max-width:690px}
.real-product-head>p{margin:0;color:#5e6d76;line-height:1.75;font-size:15px}
.real-product-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}
.screen-card{margin:0;display:flex;flex-direction:column;background:#fff;border:1px solid #ccd6dc;min-width:0}
.screen-card-main{grid-row:span 2}
.screen-frame{overflow:hidden;background:#e9eef1;border-bottom:1px solid #d3dce1}
.screen-card-main .screen-frame{height:500px}.screen-card:not(.screen-card-main) .screen-frame{height:214px}
.screen-frame img{width:100%;height:100%;object-fit:cover;object-position:left top;transition:transform .25s ease}
.screen-card:hover .screen-frame img{transform:scale(1.012)}
.screen-card figcaption{display:flex;justify-content:space-between;gap:20px;align-items:baseline;padding:18px 20px}
.screen-card figcaption strong{font:700 14px "Manrope",sans-serif}.screen-card figcaption span{font-size:11px;color:#71808a;text-align:right}

/* Included: structured, not app cards */
.devark-home .included{background:#fff}
.devark-home .included-grid{grid-template-columns:repeat(4,1fr);border-left:0;border-top:1px solid #ccd5db;border-bottom:1px solid #ccd5db}
.devark-home .included-grid article{border:0;border-right:1px solid #d7dfe4;min-height:155px;padding:27px 24px;background:#fff}
.devark-home .included-grid article:last-child{border-right:0}
.devark-home .included-grid h3{font-size:16px}
.devark-home .scope-note{border:0;border-left:3px solid #9aabb5;background:#f3f5f6;padding:16px 19px}

/* Demo band */
.devark-home .demo-section{background:#09141d;border-top:1px solid #17303f;border-bottom:1px solid #17303f}
.devark-home .demo-copy h2{font-size:clamp(37px,4.2vw,54px)}
.devark-home .demo-route{border-left-color:#274251}

/* Pricing: premium, less promotion-heavy */
.devark-home .pricing{background:#f6f7f8}
.devark-home .activation-note{background:#fff;border-color:#cbd5db}
.devark-home .activation-note>div{padding:19px 21px}
.devark-home .activation-special{background:#0d1b25}
.devark-home .plan-grid{gap:14px}
.devark-home .plan-card{padding:27px 26px;min-height:590px;border-color:#d1d9de;background:#fff}
.devark-home .plan-card.featured{border-color:#243f50;background:#0c1922;box-shadow:0 18px 50px rgba(7,17,26,.10)}
.devark-home .featured-label{top:16px;right:16px;padding:6px 8px;border-radius:3px}
.devark-home .plan-title{padding-right:0}.devark-home .featured .plan-title{padding-right:120px}
.devark-home .plan-title span{font-size:21px}
.devark-home .price strong{letter-spacing:-.04em}
.devark-home .annual-box,.devark-home .enterprise-offer{border-radius:0}
.devark-home .pricing-notes{border-top:1px solid #ccd6dc;margin-top:24px;padding-top:20px}

/* Process + FAQ */
.devark-home .process{background:#fff}
.devark-home .process-list li{border-bottom-color:#d6dee3}
.devark-home .faq{background:#f5f7f8}
.devark-home .faq-list details{background:transparent;border:0;border-top:1px solid #cfd8de;border-radius:0;padding:0}
.devark-home .faq-list details:last-child{border-bottom:1px solid #cfd8de}
.devark-home .faq-list summary{padding:20px 0}
.devark-home .faq-list details p{padding:0 0 20px;margin:0}

/* Expertise / indexable knowledge hub */
.expertise{background:#fff;border-top:1px solid #e2e7ea}
.expertise-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:100px;align-items:start}
.expertise-copy{position:sticky;top:110px}.expertise-copy h2{font:700 clamp(32px,3.6vw,46px)/1.12 "Manrope",sans-serif;letter-spacing:-.035em;margin:0 0 20px}.expertise-copy>p:last-child{color:#60707a;font-size:14px;line-height:1.75;margin:0}
.expertise-links{border-top:1px solid #ccd6dc}
.expertise-links a{display:grid;grid-template-columns:42px 1fr 24px;gap:18px;align-items:center;padding:26px 0;border-bottom:1px solid #d6dee3;transition:.18s ease}
.expertise-links a:hover{padding-left:8px}.expertise-links a>span{font:700 10px "Manrope",sans-serif;color:#c65a20}.expertise-links strong{display:block;font:700 18px "Manrope",sans-serif;margin-bottom:5px}.expertise-links small{display:block;font-size:12px;line-height:1.55;color:#70808a}.expertise-links b{font-size:18px;color:#7b8f9b;font-weight:500}

/* Closing CTA */
.devark-home .final-cta{background:#07111a;border-top:1px solid #193443}
.devark-home .final-cta-inner{padding:78px 0}
.devark-home .final-cta h2{max-width:760px}

/* Footer — fixed aspect ratio and intentionally compact */
.site-footer{background:#050b10;color:#8295a1;border-top:1px solid #152b38;padding:48px 0 18px}
.footer-main{display:grid;grid-template-columns:1.55fr .65fr .85fr 1fr;gap:54px;align-items:start}
.footer-brand img{display:block;width:205px!important;height:auto!important;max-height:none!important;aspect-ratio:635/180;object-fit:contain;margin:0 0 14px!important;transform:none!important}
.footer-brand p{max-width:330px;margin:0 0 14px;font-size:12px;line-height:1.65;color:#718590}
.footer-whatsapp{font-size:12px;color:#f2f6f8;font-weight:700}
.footer-whatsapp:hover{color:#ff8a4a}
.footer-col{display:flex;flex-direction:column;gap:9px;font-size:11.5px;line-height:1.45}
.footer-col strong{color:#e4ebef;font-size:11px;text-transform:uppercase;letter-spacing:.09em;margin-bottom:5px}
.footer-col a:hover{color:#fff}.footer-col span{color:#6f8490}
.site-footer .footer-bottom{margin-top:34px;padding-top:15px;border-top:1px solid #172a36;display:flex;justify-content:space-between;gap:18px;font-size:9.5px;color:#617682}

/* Demo header safety */
.demo-landing-page .brand{overflow:visible}
.demo-landing-page .brand img{display:block;max-width:100%}

@media(max-width:1080px){
  .devark-home .hero-grid{grid-template-columns:1fr;gap:46px;padding:82px 0}.devark-home .hero-copy{max-width:760px}.product-window{max-width:900px}.product-window-media{height:420px}
  .real-product-head{grid-template-columns:1fr;gap:18px}.real-product-grid{grid-template-columns:1fr 1fr}.screen-card-main{grid-column:1/-1;grid-row:auto}.screen-card-main .screen-frame{height:470px}.screen-card:not(.screen-card-main) .screen-frame{height:260px}
  .expertise-layout{grid-template-columns:1fr;gap:38px}.expertise-copy{position:static;max-width:720px}
  .footer-main{grid-template-columns:1.4fr 1fr 1fr;gap:38px}.footer-brand{grid-column:1/-1}.footer-brand p{max-width:460px}
}

@media(max-width:760px){
  :root{--dv-shell:min(100% - 34px,1200px)}
  .devark-home .section{padding:74px 0}.devark-home .site-header{height:68px}.devark-home .brand{width:154px;flex-basis:154px}
  .devark-home .nav nav{top:68px;background:#091721;border-color:#294454}.devark-home .hero-grid{padding:60px 0 64px;gap:38px}.devark-home .hero h1{font-size:clamp(39px,11vw,53px)}.devark-home .hero-lead{font-size:15.5px}.devark-home .hero-meta{gap:10px 18px}
  .product-window-media{height:255px}.product-window-caption{grid-template-columns:1fr;gap:5px}.product-window-caption span{border-left:0;padding-left:0}.product-window-top>span:last-child{display:none}
  .devark-home .proof-inner{justify-content:flex-start}
  .devark-home .section-intro,.devark-home .pricing-heading{grid-template-columns:1fr;gap:16px}.devark-home .section-intro .kicker{margin-bottom:0}.devark-home .product-group{grid-template-columns:38px 1fr}.devark-home .product-group>div:last-child{grid-template-columns:1fr;gap:14px}.devark-home .product-group ul{columns:1}
  .real-product-grid{grid-template-columns:1fr}.screen-card-main{grid-column:auto}.screen-card-main .screen-frame,.screen-card:not(.screen-card-main) .screen-frame{height:245px}.screen-card figcaption{display:block}.screen-card figcaption span{display:block;text-align:left;margin-top:5px}
  .devark-home .included-grid{grid-template-columns:1fr 1fr}.devark-home .included-grid article:nth-child(2){border-right:0}.devark-home .included-grid article:nth-child(-n+2){border-bottom:1px solid #d7dfe4}
  .devark-home .featured .plan-title{padding-right:0;padding-top:30px}.devark-home .featured-label{left:25px;right:auto}
  .expertise-links a{grid-template-columns:32px 1fr 18px;gap:12px}.expertise-links strong{font-size:16px}
  .footer-main{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}.site-footer .footer-bottom{flex-direction:column;gap:4px}
}

@media(max-width:500px){
  .devark-home .hero-actions{flex-direction:column}.devark-home .hero-actions .button{width:100%}.product-window-media{height:205px}
  .devark-home .included-grid{grid-template-columns:1fr}.devark-home .included-grid article{border-right:0!important;border-bottom:1px solid #d7dfe4}.devark-home .included-grid article:last-child{border-bottom:0}
  .footer-main{grid-template-columns:1fr}.footer-brand{grid-column:auto}
}