@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

/* Shared design system for the content pages. Existing page layouts stay intact. */
:root {
  --bg:#071013; --bg2:#0b171c; --panel:#0d1b20; --panel2:#10262c;
  --card:#0d1b20; --text:#f2f7f7; --muted:#a1b3b7; --soft:#d5e4e6;
  --cyan:#40c9d9; --blue:#40c9d9; --petrol:#102a32; --petrol2:#163c46;
  --line:#294148; --line2:#1e343b; --shadow:0 25px 65px rgba(0,0,0,.16);
}
html{scroll-behavior:smooth}
body.revamp-inner{font-family:"DM Sans",Arial,sans-serif;background:#071013;color:var(--text);-webkit-font-smoothing:antialiased}
.revamp-inner .bg-grid,.revamp-inner .glow{display:none}
.revamp-inner h1,.revamp-inner h2,.revamp-inner h3{font-family:Manrope,Arial,sans-serif}
.revamp-inner h1{font-size:clamp(44px,5.7vw,78px);line-height:1.08;letter-spacing:-.065em;font-weight:700}
.revamp-inner h2{font-size:clamp(34px,4vw,58px);line-height:1.12;letter-spacing:-.055em;font-weight:650}
.revamp-inner h3{letter-spacing:-.035em}
.revamp-inner p{color:var(--muted);line-height:1.7}
.revamp-inner .text-gradient{color:#a7e8ec;background:none;-webkit-text-fill-color:currentColor}
.revamp-inner .eyebrow{display:block;color:#a7e8ec;font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;margin-bottom:24px}
.revamp-inner .eyebrow:before{display:none}
.revamp-inner .lead{font-size:clamp(17px,1.7vw,20px);line-height:1.65;color:#b7c8cb;max-width:780px}
.revamp-inner a:focus-visible,.revamp-inner button:focus-visible,.revamp-inner input:focus-visible,.revamp-inner textarea:focus-visible,.revamp-inner select:focus-visible{outline:2px solid #a7e8ec;outline-offset:3px}
.revamp-inner .site-header{height:84px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(167,232,236,.14);box-shadow:none;background:rgba(5,11,14,.96);backdrop-filter:blur(18px)}
.revamp-inner .brand{display:flex;align-items:center;gap:15px;min-width:0;font-weight:700}
.revamp-inner .brand-logo{width:84px;height:auto;filter:none}
.revamp-inner .brand-label{border:0;border-left:1px solid var(--line);padding-left:15px;max-width:108px;color:#b6cbd0;font-size:9px;font-weight:700;letter-spacing:.16em;line-height:1.35}
.revamp-inner .nav{display:flex;align-items:center;gap:34px;color:#c7d4d6}
.revamp-inner .nav a:not(.nav-cta){font-size:13px;font-weight:600;color:#c7d4d6;transition:color .2s}
.revamp-inner .nav a:not(.nav-cta):hover{color:#fff;transform:none}
.revamp-inner .nav .nav-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:12px 17px;border:1px solid #65868d;border-radius:0;background:transparent;color:#fff!important;box-shadow:none;font-size:13px;font-weight:700}
.revamp-inner .nav .nav-cta:hover{border-color:var(--cyan);transform:none;background:rgba(64,201,217,.06);box-shadow:none}
.revamp-inner .nav .language{font-size:11px;letter-spacing:.14em}
.revamp-inner .nav a[aria-current="page"]{color:#a7e8ec!important}
.revamp-inner .menu-btn{border-radius:0;background:none;color:#fff}
.revamp-inner .footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px 5vw;background:#071013;border-top:1px solid #294148;color:#8fa8ad;font-size:12px}
.revamp-inner .footer-brand{display:flex;align-items:center;gap:14px}
.revamp-inner .footer-brand img{width:67px;height:auto}
.revamp-inner .footer-brand span{font-size:10px;max-width:85px;line-height:1.25}
.revamp-inner .footer-links{display:flex;gap:22px;flex-wrap:wrap}
.revamp-inner .footer a:hover{color:#fff}
.revamp-inner .footer small{font-size:12px}
.revamp-inner .btn,.revamp-inner .nav-cta,.revamp-inner .plan-link{border-radius:0}
.revamp-inner .btn{box-shadow:none;padding:15px 20px;font-size:13px;transition:background .2s,transform .25s}
.revamp-inner .btn.primary{background:#a7e8ec;border-color:#a7e8ec;color:#061114}
.revamp-inner .btn.primary:hover{background:#d1f6f7;transform:translateY(-3px);box-shadow:0 16px 38px rgba(64,201,217,.13)}
.revamp-inner .btn.ghost{background:transparent;border-color:#65868d}
.revamp-inner .btn.ghost:hover{border-color:#a7e8ec}

/* Editorial page introductions */
.revamp-inner .page-hero,.revamp-inner .practice-hero,.revamp-inner .integrations-hero,.revamp-inner .demo-hero{
  position:relative;isolation:isolate;max-width:none;min-height:430px;padding:96px 5vw 82px;
  border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 85% 45%,rgba(38,107,117,.16),transparent 36%),#071013
}
.revamp-inner .practice-hero h1,.revamp-inner .page-hero h1,.revamp-inner .integrations-hero h1,.revamp-inner .demo-hero h1{max-width:990px}
.revamp-inner .practice-hero .lead,.revamp-inner .page-hero .lead,.revamp-inner .integrations-hero .lead,.revamp-inner .demo-hero .lead{max-width:820px}
.revamp-inner .practice-breadcrumb{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#91aaaf;margin-bottom:35px}
.revamp-inner .practice-breadcrumb a{color:#a7e8ec}
.revamp-inner .actions{margin-top:32px}
.revamp-inner .section,.revamp-inner .practice-section,.revamp-inner .practice-next,.revamp-inner .integrations-section,.revamp-inner .document-section{padding:88px 5vw;border-top:1px solid var(--line);background:#071013}
.revamp-inner .section:nth-of-type(even),.revamp-inner .practice-section:nth-of-type(even){background:#0b171c}
.revamp-inner .section-head{max-width:1000px}
.revamp-inner .section-head p{max-width:760px}
.revamp-inner .practice-section h2{max-width:950px}
.revamp-inner .practice-visual{margin:0;padding:30px 5vw;border-radius:0;box-shadow:none;background:#0b171c;border-bottom:1px solid var(--line)}
.revamp-inner .practice-visual img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;border:1px solid #2e4950;background:#0b171c}
.revamp-inner .seo-explainer{background:#0b171c;border-top:1px solid var(--line)}
.revamp-inner .seo-explainer h2{max-width:940px;margin:18px 0 22px}
.revamp-inner .seo-explainer h2:not(:first-of-type){font-size:clamp(28px,3vw,39px);margin-top:60px}
.revamp-inner .seo-explainer h3{max-width:870px;border-top:1px solid #38535a;padding-top:21px;margin:24px 0 8px;font-size:19px}
.revamp-inner .seo-explainer p{max-width:900px}
.revamp-inner .seo-explainer p a{color:#a7e8ec;border-bottom:1px solid #568c94}

/* Panels and lists */
.revamp-inner .card,.revamp-inner .practice-card,.revamp-inner .practice-step,.revamp-inner .contact-card,.revamp-inner .form,.revamp-inner .legal,.revamp-inner .video-card,.revamp-inner .integration-card,.revamp-inner .module-copy,.revamp-inner .module-visual,.revamp-inner .document-card{
  border:1px solid #304b52;border-radius:4px;background:linear-gradient(145deg,#102329,#0b171c);box-shadow:none
}
.revamp-inner .card,.revamp-inner .practice-card,.revamp-inner .practice-step{padding:28px}
.revamp-inner a.card,.revamp-inner a.practice-card,.revamp-inner .video-card,.revamp-inner .integration-card{transition:transform .35s cubic-bezier(.2,.75,.2,1),border-color .35s,box-shadow .35s}
.revamp-inner a.card:hover,.revamp-inner a.practice-card:hover,.revamp-inner .video-card:hover,.revamp-inner .integration-card:hover{transform:translateY(-6px);border-color:#76cbd3;box-shadow:0 25px 50px rgba(0,0,0,.22)}
.revamp-inner .card p,.revamp-inner .practice-card p,.revamp-inner .practice-step p{color:#a9bdc1}
.revamp-inner .card h3,.revamp-inner .practice-card h3,.revamp-inner .practice-step h2{color:#f2f7f7}
.revamp-inner .practice-card strong,.revamp-inner .card-arrow{color:#a7e8ec}
.revamp-inner .practice-note,.revamp-inner .en-disclaimer{border-left:2px solid #6ebac2;background:#0c1d23;color:#b6c8cb;border-radius:0;padding:22px 28px}
.revamp-inner .practice-cta,.revamp-inner .integrations-cta,.revamp-inner .final-cta{
  margin:50px 5vw 90px;padding:55px;border:1px solid #52747b;border-radius:4px;
  background:linear-gradient(120deg,#102b32,#0b171c 75%);box-shadow:none
}
.revamp-inner .final-cta:after{display:none}
.revamp-inner .practice-cta h2,.revamp-inner .integrations-cta h2,.revamp-inner .final-cta h2{max-width:880px}
.revamp-inner .industry-grid{gap:16px}
.revamp-inner .industry-link{display:inline-block;margin-top:10px;padding-bottom:5px;border-bottom:1px solid #6eacb4;color:#a7e8ec;font-size:12px;font-weight:700}
.revamp-inner .industry-link:hover{border-color:#d1f6f7;color:#d1f6f7}
.revamp-inner .contact-wrap{padding:70px 5vw 100px}
.revamp-inner .form input,.revamp-inner .form select,.revamp-inner .form textarea{border-radius:0;background:#071316;border-color:#44616a;color:#f2f7f7}
.revamp-inner .legal{max-width:1050px;margin:50px auto 110px;padding:48px;background:#0b171c}
.revamp-inner .legal h2{font-size:clamp(24px,2.8vw,34px);margin-top:38px}

/* Bespoke page families */
.revamp-inner .integrations-hero{padding-top:110px}
.revamp-inner .integration-flow,.revamp-inner .integration-grid,.revamp-inner .current-grid,.revamp-inner .planned-grid{gap:16px}
.revamp-inner .roadmap-hero{background:#071013;border-bottom:1px solid var(--line)}
.revamp-inner .roadmap-intro,.revamp-inner .roadmap-feature,.revamp-inner .roadmap-principles{border-top:1px solid var(--line);background:#0b171c}
.revamp-inner .roadmap-feature-dark{background:#071013}
.revamp-inner .roadmap-track a,.revamp-inner .principle-grid article,.revamp-inner .asset-radar,.revamp-inner .vehicle-console,.revamp-inner .ai-monitor,.revamp-inner .ledger-visual{border-radius:4px;box-shadow:none}
.revamp-inner .demo-index,.revamp-inner .orbit-core,.revamp-inner .orbit-node{box-shadow:none}
.revamp-inner .video-showcase{padding-top:75px}
.revamp-inner .video-card{padding:22px}
.revamp-inner .document-section{background:#0b171c}
.revamp-inner .document-section:nth-of-type(even){background:#071013}

@media(max-width:1050px){
  .revamp-inner .nav{gap:17px}
  .revamp-inner .nav a:not(.nav-cta){font-size:12px}
}
@media(max-width:900px){
  .revamp-inner .site-header{height:72px;padding:0 5vw}
  .revamp-inner .menu-btn{display:block}
  .revamp-inner .nav{display:none;position:absolute;left:0;right:0;top:72px;background:#08161a;padding:20px 5vw;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}
  .revamp-inner .nav.open{display:flex}
  .revamp-inner .nav a:not(.nav-cta){display:block;width:100%;padding:14px 4px;border-bottom:1px solid #233b42;font-size:13px}
  .revamp-inner .nav .nav-cta{margin-top:16px;padding:14px}
}
@media(max-width:720px){
  .revamp-inner .page-hero,.revamp-inner .practice-hero,.revamp-inner .integrations-hero,.revamp-inner .demo-hero{min-height:0;padding:70px 5vw}
  .revamp-inner .section,.revamp-inner .practice-section,.revamp-inner .practice-next,.revamp-inner .integrations-section,.revamp-inner .document-section{padding:70px 5vw}
  .revamp-inner .practice-visual{padding:18px 5vw}
  .revamp-inner .practice-cta,.revamp-inner .integrations-cta,.revamp-inner .final-cta{margin:35px 5vw 70px;padding:32px 25px}
  .revamp-inner .legal{margin:30px 5vw 75px;padding:28px 22px}
  .revamp-inner .footer{flex-wrap:wrap;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){
  .revamp-inner a.card,.revamp-inner a.practice-card,.revamp-inner .video-card,.revamp-inner .integration-card,.revamp-inner .btn{transition:none!important;transform:none!important}
}