/* VENTAS — Modern theme (redesign) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Sora:wght@600;700;800&display=swap');

:root{
  --blue:#0c66a5; --blue-600:#095580; --blue-700:#07446b; --blue-050:#eaf3fa;
  --cyan:#19a7e0; --ink:#0f1c2e; --body:#37475a; --muted:#6b7c8f;
  --line:#e6ecf2; --bg:#ffffff; --bg-soft:#f5f8fb;
  --r:14px; --r-sm:10px;
  --sh-sm:0 1px 2px rgba(16,40,70,.06), 0 1px 3px rgba(16,40,70,.08);
  --sh:0 10px 30px rgba(12,102,165,.10); --sh-lg:0 24px 60px rgba(12,102,165,.16);
  --container:1180px;
  --grad:linear-gradient(135deg,#0c66a5 0%,#073e63 60%,#0a2e49 100%);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Inter',system-ui,Arial,sans-serif;font-size:1rem;line-height:1.65;color:var(--body);background:var(--bg);-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4,h5{font-family:'Sora','Inter',sans-serif;color:var(--ink);line-height:1.15;letter-spacing:-.01em;}
a{color:var(--blue);text-decoration:none;}
a:hover{color:var(--blue-600);}
.container{max-width:var(--container);}
img{max-width:100%;}
.text-primary{color:var(--blue)!important;}
.bg-primary{background:var(--blue)!important;}
.text-muted{color:var(--muted)!important;}

/* ---------- Navbar (light, sticky, glassy) ---------- */
.navbar{background:rgba(255,255,255,.92)!important;backdrop-filter:saturate(180%) blur(12px);
  box-shadow:0 1px 0 var(--line);padding:.55rem 0;transition:box-shadow .25s,padding .25s;}
.navbar.scrolled{box-shadow:var(--sh-sm);}
.navbar-brand img{height:46px!important;width:auto;}
.navbar .nav-link{color:var(--ink)!important;font-weight:600;font-size:.95rem;margin:0 .15rem;padding:.5rem .8rem!important;border-radius:8px;transition:.2s;}
.navbar .nav-link:hover{color:var(--blue)!important;background:var(--blue-050);}
.navbar .nav-link.active{color:var(--blue)!important;}
.navbar .nav-link i{opacity:.65;}
.navbar .dropdown-menu{border:1px solid var(--line);box-shadow:var(--sh);border-radius:12px;}
/* Contact becomes a button */
.navbar-nav .nav-item:nth-last-child(2) .nav-link{background:var(--blue);color:#fff!important;}
.navbar-nav .nav-item:nth-last-child(2) .nav-link:hover{background:var(--blue-600);}

/* ---------- Buttons ---------- */
.btn{font-weight:600;border-radius:999px;padding:.7rem 1.5rem;transition:transform .15s,box-shadow .2s,background .2s;}
.btn-lg{padding:.9rem 1.9rem;font-size:1rem;}
.btn:hover{transform:translateY(-2px);}
.btn-primary{background:var(--blue);border-color:var(--blue);box-shadow:0 8px 20px rgba(12,102,165,.28);}
.btn-primary:hover{background:var(--blue-600);border-color:var(--blue-600);}
.btn-light{background:#fff;color:var(--blue)!important;border-color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.18);}
.btn-light:hover{background:#f3f8fc;}
.btn-outline-light{border:2px solid rgba(255,255,255,.8);color:#fff;}
.btn-outline-light:hover{background:rgba(255,255,255,.12);color:#fff;}

/* ---------- Hero ---------- */
.hero{position:relative;background:var(--grad);background-size:180% 180%;
  animation:heroShift 20s ease-in-out infinite;color:#fff;padding:6.5rem 0 7rem;overflow:hidden;
  perspective:1100px;--mx:50%;--my:28%;--rx:0deg;--ry:0deg;}
.hero:before{content:"";position:absolute;inset:0;transition:background .25s ease;background:
  radial-gradient(480px circle at var(--mx) var(--my),rgba(120,210,255,.15),transparent 50%),
  radial-gradient(900px 500px at 80% -10%,rgba(25,167,224,.20),transparent 60%),
  radial-gradient(700px 400px at 0% 110%,rgba(25,167,224,.15),transparent 60%);}
.hero .container{transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;
  transition:transform .3s cubic-bezier(.2,.7,.2,1);will-change:transform;}
@keyframes heroShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@media (prefers-reduced-motion:reduce){.hero{animation:none}.hero .container{transform:none}}
.hero .container{position:relative;z-index:2;}
.hero h1,.hero .display-4{color:#fff;font-weight:800;font-size:clamp(2.3rem,4.5vw,3.6rem);margin-bottom:1rem;}
.hero .lead{color:rgba(255,255,255,.9);font-size:clamp(1.05rem,1.6vw,1.3rem);max-width:46ch;margin:0 auto;}
.hero-buttons{display:flex;gap:.9rem;justify-content:center;flex-wrap:wrap;}
.hero-video .ratio{border-radius:16px;overflow:hidden;box-shadow:var(--sh-lg);border:1px solid rgba(255,255,255,.15);}
.hero-wave{position:absolute;left:0;right:0;bottom:-1px;z-index:1;line-height:0;}

/* ---------- Sections ---------- */
section{padding:5rem 0;}
.section-soft,.features{background:var(--bg-soft);}
.eyebrow{display:inline-block;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  font-size:.78rem;color:var(--blue);background:var(--blue-050);padding:.35rem .8rem;border-radius:999px;margin-bottom:1rem;}
h2.display-5{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;}
.lead{font-size:1.12rem;}

/* ---------- Cards ---------- */
.card{border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-sm);transition:transform .2s,box-shadow .2s,border-color .2s;background:#fff;overflow:hidden;}
.card:hover{transform:translateY(-6px);box-shadow:var(--sh-lg);border-color:#cfe2f1;}
.card-body{padding:1.6rem;}
.card-title,.feature-title{font-weight:700;color:var(--ink);font-size:1.15rem;margin-bottom:.5rem;}
.card-text{color:var(--body);}
.feature-icon{width:84px;height:84px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;
  background:var(--blue-050);border-radius:18px;}
.feature-icon img{max-height:52px!important;width:auto;}

/* ---------- Stats strip ---------- */
.stats{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.stat{text-align:center;padding:1rem;}
.stat .num{font-family:'Sora';font-size:clamp(2rem,4vw,2.8rem);font-weight:800;color:var(--blue);line-height:1;}
.stat .lbl{color:var(--muted);font-weight:600;margin-top:.4rem;}

/* ---------- CTA band ---------- */
.cta-wrap{perspective:1100px;}
.cta-band{position:relative;overflow:hidden;background:var(--grad);color:#fff;border-radius:24px;padding:3.2rem;text-align:center;box-shadow:var(--sh-lg);
  --mx:50%;--my:30%;--rx:0deg;--ry:0deg;transform:perspective(1800px) rotateX(var(--rx)) rotateY(var(--ry));
  transform-style:preserve-3d;transition:transform .3s cubic-bezier(.2,.7,.2,1);will-change:transform;}
.cta-band:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;transition:background .25s ease;
  background:radial-gradient(420px circle at var(--mx) var(--my),rgba(120,210,255,.15),transparent 50%);}
.cta-band > *{position:relative;z-index:1;}
.cta-band h2{color:#fff;font-weight:800;}
.cta-band p{color:rgba(255,255,255,.9);}
@media (prefers-reduced-motion:reduce){.cta-band{transform:none}}

/* ---------- Footer ---------- */
.footer{background:#0a2032!important;color:#c6d2de;padding:4rem 0 2rem!important;margin-top:0!important;}
.footer h5,.footer h6{color:#fff;}
.footer a{color:#9fb3c6!important;}
.footer a:hover{color:#fff!important;}
.footer .social-links a{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;
  background:rgba(255,255,255,.08);border-radius:10px;margin-right:.5rem;color:#fff!important;transition:.2s;}
.footer .social-links a:hover{background:var(--blue);}
.footer hr{border-color:rgba(255,255,255,.12);}

/* ---------- Page (inner) content ---------- */
.page-page .main-content,.post-page .main-content{padding-top:2.5rem;}
.full-width-image{border-radius:var(--r);box-shadow:var(--sh);}

/* ---------- Reveal on scroll ---------- */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease;}
.reveal.in{opacity:1;transform:none;}

/* ---------- Responsive ---------- */
@media (max-width:991px){
  .navbar-nav .nav-item:nth-last-child(2) .nav-link{display:inline-block;}
  section{padding:3.5rem 0;}
  .hero{padding:4.5rem 0 5rem;}
  .cta-band{padding:2.2rem 1.2rem;}
}

/* ---------- Inner page prose ---------- */
.page-page .main-content,.post-page .main-content{background:#fff;}
.page-content{font-size:1.05rem;color:var(--body);}
.page-content > .mb-5:first-child{margin-top:.5rem;}
.page-content h1,.page-content h2,.page-content h3,.page-content h4{font-family:'Sora','Inter',sans-serif;color:var(--ink);margin:2.2rem 0 .8rem;line-height:1.2;}
.page-content h2{font-size:1.7rem;padding-bottom:.45rem;border-bottom:2px solid var(--blue-050);}
.page-content h3{font-size:1.3rem;}
.page-content p{margin:0 0 1.1rem;}
.page-content ul,.page-content ol{margin:0 0 1.2rem 1.25rem;}
.page-content li{margin:.35rem 0;}
.page-content a:not(.btn){color:var(--blue);font-weight:600;}
.page-content a:not(.btn):hover{text-decoration:underline;}
.page-content img{border-radius:var(--r);max-width:100%;}
.page-content .full-width-image{width:100%;margin-bottom:2rem;box-shadow:var(--sh);}
.page-content blockquote{border-left:4px solid var(--blue);background:var(--bg-soft);padding:1rem 1.2rem;border-radius:0 10px 10px 0;color:var(--ink);margin:1.4rem 0;}
.page-content table{width:100%;border-collapse:collapse;margin:1.4rem 0;box-shadow:var(--sh-sm);border-radius:10px;overflow:hidden;}
.page-content th,.page-content td{border:1px solid var(--line);padding:.65rem .85rem;text-align:left;}
.page-content thead th,.page-content th{background:var(--blue-050);color:var(--ink);}
.page-content pre{background:#0f2233;color:#e6f1fb;border-radius:10px;padding:1rem;overflow:auto;margin:1.2rem 0;}
.page-content :not(pre)>code{background:var(--blue-050);color:var(--blue-700);padding:.12rem .4rem;border-radius:6px;font-size:.9em;}
.page-content hr{border:0;border-top:1px solid var(--line);margin:2.2rem 0;}

/* ---------- Platform device mockup ---------- */
.device-show{position:relative;max-width:520px;margin:0 auto;padding-bottom:1rem;}
.laptop .scr{background:#0a2032;border:10px solid #1b2733;border-bottom:0;border-radius:14px 14px 0 0;overflow:hidden;aspect-ratio:16/10;}
.laptop .scr img{width:100%;height:100%;object-fit:cover;display:block;}
.laptop .base{height:16px;background:linear-gradient(#d7dde3,#aeb7c0);border-radius:0 0 16px 16px;margin:0 -7%;box-shadow:var(--sh);}
.tablet{position:absolute;right:-3%;bottom:6%;width:44%;min-width:150px;background:#1b2733;border:7px solid #1b2733;border-radius:16px;box-shadow:var(--sh-lg);overflow:hidden;aspect-ratio:16/11;}
.tablet img{width:100%;height:100%;object-fit:cover;display:block;}
.os-row{display:flex;gap:1.4rem;justify-content:center;align-items:center;margin-top:1.6rem;font-size:1.9rem;color:var(--blue);}
.os-row i{transition:transform .2s;}
.os-row i:hover{transform:translateY(-3px);}
@media (max-width:575px){.tablet{position:static;width:72%;margin:1rem auto 0;}}

/* ---------- Browser-framed screenshot ---------- */
.browser{border-radius:12px;overflow:hidden;box-shadow:var(--sh-lg);border:1px solid var(--line);background:#fff;}
.browser .bar{height:34px;background:#eef2f6;display:flex;align-items:center;gap:7px;padding:0 13px;border-bottom:1px solid var(--line);}
.browser .bar span{width:11px;height:11px;border-radius:50%;background:#cdd6df;}
.browser .bar span:nth-child(1){background:#ff5f57;}
.browser .bar span:nth-child(2){background:#febc2e;}
.browser .bar span:nth-child(3){background:#28c840;}
.browser img{display:block;width:100%;height:auto;}
/* ---------- Cloud / in-house visual ---------- */
.cloud-visual{display:grid;gap:1rem;}
.cv-card{display:flex;align-items:center;gap:1rem;padding:1.3rem 1.4rem;border:1px solid var(--line);border-radius:var(--r);background:#fff;box-shadow:var(--sh-sm);transition:transform .2s,box-shadow .2s;}
.cv-card:hover{transform:translateY(-4px);box-shadow:var(--sh);}
.cv-card>i{font-size:1.8rem;color:var(--blue);background:var(--blue-050);width:62px;height:62px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.cv-card h5{margin:0 0 .2rem;font-size:1.1rem;color:var(--ink);}
.cv-card p{margin:0;color:var(--muted);font-size:.95rem;}

/* ---------- Technology: platform band + showcase ---------- */
.platform-band{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;padding:1.6rem;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--r);}
.pb-item{display:flex;flex-direction:column;align-items:center;gap:.4rem;min-width:92px;padding:.8rem 1rem;border-radius:12px;transition:transform .2s,box-shadow .2s,background .2s;}
.pb-item:hover{background:#fff;box-shadow:var(--sh-sm);transform:translateY(-3px);}
.pb-item i{font-size:2.2rem;color:var(--blue);}
.pb-item span{font-weight:600;color:var(--ink);font-size:.9rem;}
.showcase .card-img-top{height:230px;object-fit:cover;object-position:top;border-bottom:1px solid var(--line);}

/* ---------- Inner page gradient header ---------- */
.page-hero{position:relative;background:var(--grad);color:#fff;padding:3rem 0 2.6rem;overflow:hidden;
  perspective:1100px;--mx:50%;--my:35%;--rx:0deg;--ry:0deg;}
.page-hero:before{content:"";position:absolute;inset:0;transition:background .25s ease;background:
  radial-gradient(520px circle at var(--mx) var(--my),rgba(120,210,255,.16),transparent 50%),
  radial-gradient(700px 320px at 85% -20%,rgba(25,167,224,.22),transparent 60%);}
.page-hero .container{position:relative;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;
  transition:transform .3s cubic-bezier(.2,.7,.2,1);will-change:transform;}
.page-hero h1{color:#fff;font-weight:800;font-size:clamp(1.9rem,3.5vw,2.8rem);margin:0;}
@media (prefers-reduced-motion:reduce){.page-hero .container{transform:none}}

/* ---------- FA icon tiles (support/company) ---------- */
.feature-icon i{font-size:2.2rem;color:var(--blue);}
.card-icon-top{height:120px;display:flex;align-items:center;justify-content:center;background:var(--blue-050);color:var(--blue);font-size:3rem;border-bottom:1px solid var(--line);}

/* ---------- Uniform hover elevation for all screenshots/media ---------- */
.browser,.device-show,
img.img-fluid.rounded.shadow-sm{transition:transform .25s ease,box-shadow .25s ease;}
.browser:hover{transform:translateY(-6px);box-shadow:0 30px 70px rgba(12,102,165,.22);}
.device-show:hover{transform:translateY(-6px);}
img.img-fluid.rounded.shadow-sm:hover{transform:translateY(-6px);box-shadow:var(--sh-lg)!important;}