/* DEVARK final premium — connects the commercial site to the real Gestão interface. */
:root{--dv-system-navy:#10184f;--dv-system-blue:#4b9bb8;--dv-system-primary:#46658f}
.devark-home .site-header{height:76px;background:rgba(7,17,26,.96);backdrop-filter:blur(18px)}
.devark-home .nav{min-height:76px}
.devark-home .nav nav{gap:26px}
.devark-home .nav nav>a:not(.nav-cta){color:#b8c5cd;transition:color .18s ease}
.devark-home .nav nav>a:not(.nav-cta):hover{color:#fff}
.devark-home .nav-cta{border-radius:10px;padding:11px 17px;box-shadow:0 9px 24px rgba(255,107,26,.13)}
.devark-home .button{border-radius:10px;font-weight:750;letter-spacing:-.01em}

/* Hero: premium but based on the actual system. */
.devark-home .hero-grid{grid-template-columns:minmax(0,.78fr) minmax(540px,1.22fr);gap:76px;padding:92px 0 88px;align-items:center}
.devark-home .hero-copy{max-width:590px}
.devark-home .hero h1{font-size:clamp(44px,4.65vw,64px);line-height:1.025;max-width:600px}
.devark-home .hero-lead{font-size:16.5px;max-width:570px}
.devark-home .hero-actions{margin-top:30px}
.devark-home .hero-meta{margin-top:28px}
.product-window{border-radius:18px;border-color:#2b4657;box-shadow:0 38px 100px rgba(0,0,0,.38)}
.product-window:before{top:46px;width:2px}
.product-window-top{height:46px;padding:0 18px;background:#091721;color:#91a8b6}
.product-window-media{height:auto;aspect-ratio:1893/1018;background:#f5f7f6;position:relative}
.product-window-media img{object-fit:contain;object-position:center;transform:none!important}
.system-proof-badge{position:absolute;z-index:2;top:14px;right:14px;padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(16,24,79,.88);backdrop-filter:blur(8px);color:#fff;font-size:9px;font-weight:750;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 6px 20px rgba(16,24,79,.18)}
.product-window-caption{padding:15px 18px;background:#0a151e}
.product-window-caption strong{font-size:12.5px}.product-window-caption span{font-size:11.5px}

/* Product narrative */
.devark-home .product{background:#fff}
.devark-home .product-group{padding:34px 0}
.devark-home .product-group h3{font-size:21px}

/* Real interface gallery */
.real-product{background:#f2f5f6;padding-top:110px!important;padding-bottom:110px!important}
.real-product-head{align-items:start}
.real-product-head h2{max-width:650px}
.real-product-grid{gap:22px}
.screen-card{border-radius:18px;overflow:hidden;border-color:#d5dde2;box-shadow:0 18px 48px rgba(27,48,61,.06);transition:transform .22s ease,box-shadow .22s ease}
.screen-card:hover{transform:translateY(-3px);box-shadow:0 24px 60px rgba(27,48,61,.09)}
.screen-frame{background:#f7f9f8}
.screen-card-main .screen-frame{height:auto;aspect-ratio:1893/1018}.screen-card:not(.screen-card-main) .screen-frame{height:auto;aspect-ratio:1893/1023}
.screen-frame img{object-fit:cover;object-position:left top;transform:none!important}
.screen-card figcaption{padding:20px 22px;background:#fff}
.screen-card figcaption strong{font-size:14.5px}.screen-card figcaption span{font-size:11.5px;max-width:330px}

/* AI feature — dark product proof rather than generic cards. */
.ai-feature{background:var(--dv-system-navy);color:#fff;border-top:1px solid #263374;border-bottom:1px solid #263374;overflow:hidden;position:relative}
.ai-feature:before{content:"";position:absolute;width:620px;height:620px;border:1px solid rgba(75,155,184,.16);border-radius:50%;right:-220px;top:-270px;box-shadow:0 0 0 110px rgba(75,155,184,.025),0 0 0 220px rgba(75,155,184,.018)}
.ai-feature-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:72px;align-items:center;position:relative;z-index:1}
.ai-feature .kicker{color:#75bdd4}
.ai-feature-copy h2{font:700 clamp(36px,4vw,54px)/1.07 "Manrope",sans-serif;letter-spacing:-.045em;margin:10px 0 22px;max-width:570px}
.ai-feature-copy>p{color:#bac7d2;font-size:15.5px;line-height:1.75;max-width:570px}
.ai-feature-points{display:grid;gap:0;margin:30px 0 32px;border-top:1px solid rgba(255,255,255,.14)}
.ai-feature-points>div{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.ai-feature-points strong{font-size:12.5px}.ai-feature-points span{color:#9fb0be;font-size:12px;line-height:1.55}
.button-light{background:#fff;color:#10184f;border:1px solid #fff}.button-light:hover{background:#edf4f7}
.ai-feature-visual{margin:0;position:relative;border:1px solid #314080;border-radius:20px;overflow:hidden;background:#e9edf1;box-shadow:0 36px 90px rgba(0,0,0,.26)}
.ai-feature-visual img{display:block;width:100%;height:auto}
.ai-visual-label{position:absolute;z-index:2;top:16px;left:16px;display:flex;align-items:center;gap:8px;background:rgba(16,24,79,.9);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 11px;color:#fff;font-size:10px;font-weight:750;backdrop-filter:blur(8px)}
.ai-visual-label span{width:7px;height:7px;border-radius:50%;background:#4b9bb8;box-shadow:0 0 0 4px rgba(75,155,184,.15)}

/* Demo and pricing feel more enterprise. */
.devark-home .demo-section{background:#08131c}
.devark-home .demo-layout{gap:90px}
.devark-home .activation-note{border-radius:16px;overflow:hidden}
.devark-home .plan-grid{gap:18px}
.devark-home .plan-card{border-radius:18px;min-height:570px;box-shadow:0 12px 34px rgba(28,43,52,.035)}
.devark-home .plan-card.featured{border-radius:18px;background:#0d1720;border-color:#253d4c;box-shadow:0 24px 64px rgba(7,17,26,.14)}
.devark-home .annual-box,.devark-home .enterprise-offer{border-radius:10px}
.devark-home .featured-label{border-radius:999px}

/* Final CTA + footer */
.devark-home .final-cta-inner{display:flex;justify-content:space-between;gap:60px;align-items:end}
.devark-home .final-cta-inner>div:first-child{max-width:760px}
.site-footer{padding-top:54px}

@media(max-width:1080px){
  .devark-home .hero-grid{grid-template-columns:1fr;gap:48px}.devark-home .hero-copy{max-width:760px}.product-window{max-width:960px}
  .ai-feature-grid{grid-template-columns:1fr;gap:42px}.ai-feature-copy{max-width:760px}.ai-feature-visual{max-width:960px}
  .devark-home .final-cta-inner{display:grid;align-items:start}
}
@media(max-width:760px){
  .devark-home .hero-grid{padding-top:62px}.system-proof-badge{top:10px;right:10px;font-size:8px;padding:6px 8px}
  .real-product{padding-top:78px!important;padding-bottom:78px!important}.screen-card-main .screen-frame,.screen-card:not(.screen-card-main) .screen-frame{height:auto;aspect-ratio:1893/1018}
  .ai-feature-grid{gap:32px}.ai-feature-points>div{grid-template-columns:1fr;gap:5px}.ai-feature-copy h2{font-size:36px}
}