.client-hero{position:relative;padding:120px 0 60px;overflow:hidden}.client-hero-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 120% at 0% 0%,rgba(78,180,255,.25),transparent 55%),radial-gradient(90% 90% at 100% 20%,rgba(72,255,227,.18),transparent 55%),linear-gradient(135deg,#090a10f5,#0f121ef5);opacity:.95;pointer-events:none}.client-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;align-items:center}.client-shell{width:min(1320px,100% - 3rem);margin:0 auto}.client-hero-copy{font-family:Space Grotesk,Manrope,sans-serif}.client-eyebrow{text-transform:uppercase;letter-spacing:.34em;font-size:.72rem;color:#8ac9ffe6;margin-bottom:14px}.client-hero-copy h1{font-size:clamp(2.4rem,4vw,3.8rem);margin-bottom:18px;color:#f6f8ff}.client-lead{font-size:1.08rem;color:#e2e9f7c7;max-width:640px}.client-hero-actions{display:flex;gap:16px;margin-top:26px;flex-wrap:wrap}.client-primary,.client-ghost{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:999px;font-weight:600;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.client-primary{background:linear-gradient(135deg,#4691ffe6,#12d2bed9);color:#0b0e18;box-shadow:0 16px 32px #137cc659}.client-ghost{border:1px solid rgba(133,196,255,.45);color:#f2f6ff;background:#0c101a8c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.client-primary:hover,.client-ghost:hover{transform:translateY(-2px)}.client-hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.client-hero-tags span{padding:6px 14px;border-radius:999px;background:#0c101ab3;border:1px solid rgba(128,208,255,.2);color:#e0ecffcc;font-size:.85rem}.client-panel-card{width:100%;padding:28px;border-radius:24px;background:#0d111ab3;border:1px solid rgba(128,208,255,.22);box-shadow:0 26px 60px #040a1699;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.client-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.client-panel-title{font-size:.9rem;letter-spacing:.2em;text-transform:uppercase;color:#82d2ffd9;margin:0}.client-panel-pill{padding:4px 12px;border-radius:999px;background:#70d2c433;border:1px solid rgba(112,210,196,.4);color:#c9fff7;font-size:.75rem}.client-panel-list{list-style:none;padding:0;margin:0;display:grid;gap:12px;color:#ecf2ffd9}.client-panel-list li{padding-left:18px;position:relative}.client-panel-list li:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:#59bfffe6}.client-panel-media{margin-top:20px;border-radius:18px;overflow:hidden;border:1px solid rgba(90,114,255,.25)}.client-panel-media img{width:100%;height:auto;display:block}.client-signal{padding:30px 0 40px;width:100%}.client-signal-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:18px;border-radius:22px;background:#0c1018b3;border:1px solid rgba(90,180,255,.2);box-shadow:0 18px 40px #060a1480;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.client-signal-item{display:grid;gap:6px;padding:10px 12px;border-radius:16px;background:#080c1699;border:1px solid rgba(90,180,255,.12)}.signal-value{font-size:1.4rem;color:#d6f4ff;font-weight:700}.signal-label{font-size:.85rem;color:#dce8fab3}.client-console{padding:70px 0}.client-console-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:center}.client-console-grid>*{min-width:0}.client-section-eyebrow{text-transform:uppercase;letter-spacing:.3em;font-size:.72rem;color:#76c9ffbf;margin-bottom:14px}.client-console-copy h2{font-size:clamp(1.9rem,3vw,2.7rem);color:#f4f7ff;margin-bottom:16px}.client-console-copy p{color:#dde5f2b3;overflow-wrap:break-word}.client-console-details{display:grid;gap:12px;margin-top:18px}.client-console-details div{padding:12px 14px;border-radius:14px;background:#0c101a99;border:1px solid rgba(90,180,255,.15)}.client-console-details dt{font-weight:600;color:#f4f7ff}.client-console-details dd{margin:4px 0 0;color:#dde5f2b3;overflow-wrap:break-word}.client-console-panel{padding:24px;border-radius:24px;background:#0c101ac7;border:1px solid rgba(90,180,255,.2);box-shadow:0 24px 60px #090c1899;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.client-console-header{display:flex;justify-content:space-between;font-size:.85rem;text-transform:uppercase;letter-spacing:.2em;color:#82d2ffcc;margin-bottom:12px}.client-console-code{margin:0;padding:16px;border-radius:16px;background:#080a12cc;color:#d2e6ffd9;font-size:.85rem;overflow:auto;white-space:pre-wrap;overflow-wrap:break-word}.client-console-image{margin-top:16px;border-radius:16px;overflow:hidden;border:1px solid rgba(90,180,255,.2)}.client-console-image img{width:100%;display:block}.client-switcher{padding:70px 0}.client-switcher-head{text-align:center;max-width:780px;margin:0 auto 26px}.client-switcher-head h2{color:#f5f7ff;font-size:clamp(1.9rem,3vw,2.6rem);margin-bottom:10px}.client-switcher-head p{color:#dde5f2b8}.client-switcher-shell{padding:22px;border-radius:24px;background:#0c101aa6;border:1px solid rgba(90,180,255,.2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.client-switcher-tabs{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.client-switcher-tab{padding:10px 20px;border-radius:999px;border:1px solid rgba(90,180,255,.3);background:#0a0e16b3;color:#dcebffb3;font-weight:600;transition:transform .3s ease,border-color .3s ease,color .3s ease}.client-switcher-tab.is-active{border-color:#5ab4ffcc;color:#fff;transform:translateY(-2px)}.client-switcher-panels{display:grid;gap:18px}.client-switcher-panel{display:none;align-items:center;justify-content:space-between;gap:22px;padding:20px;border-radius:20px;background:#0a0e16cc;border:1px solid rgba(90,180,255,.18)}.client-switcher-panel.is-active{display:flex;animation:clientFade .4s ease}.client-switcher-panel h3{color:#f6f8ff;margin-bottom:8px}.client-switcher-panel p,.client-switcher-panel li{color:#dde5f2b3}.client-switcher-panel ul{padding-left:18px;margin:0}.client-switcher-panel img{width:clamp(220px,28vw,320px);border-radius:16px;border:1px solid rgba(90,180,255,.2)}.client-roadmap{padding:70px 0 90px}.client-roadmap-head{text-align:center;margin-bottom:28px}.client-roadmap-head h2{color:#f5f7ff;font-size:clamp(1.8rem,3vw,2.5rem)}.client-roadmap-head p{color:#dde5f2b8}.client-roadmap-list{display:grid;gap:16px;max-width:820px;margin:0 auto}.client-roadmap-step{display:grid;grid-template-columns:60px 1fr;gap:16px;padding:18px;border-radius:18px;background:#0c1018b3;border:1px solid rgba(90,180,255,.2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.client-roadmap-step span{font-size:.9rem;letter-spacing:.3em;color:#6ccdffcc}.client-roadmap-step h3{color:#f5f7ff;margin-bottom:6px}.client-roadmap-step p{color:#dde5f2b3}.client-cta{padding:0 0 96px}.client-cta-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;border-radius:26px;background:linear-gradient(130deg,#0a0e18eb,#142028d9);border:1px solid rgba(95,188,255,.3);box-shadow:0 24px 60px #060a1499;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.client-cta-card h2{color:#f6f8ff;margin:0 0 8px}.client-cta-card p{color:#dde5f2b8}.client-cta-actions{display:flex;gap:12px;flex-wrap:wrap}@keyframes clientFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-motion .client-hero-copy,.page-motion .client-panel-card,.page-motion .client-signal-bar,.page-motion .client-console-copy,.page-motion .client-console-panel,.page-motion .client-switcher-shell,.page-motion .client-roadmap-step,.page-motion .client-cta-card{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.page-motion .is-visible{opacity:1!important;transform:translateY(0)!important}@media (max-width: 991px){.client-hero{padding:90px 0 48px}.client-hero-grid,.client-console-grid{grid-template-columns:1fr}.client-switcher-panel,.client-cta-card{flex-direction:column;align-items:flex-start}}@media (max-width: 600px){.client-shell{width:min(1320px,100% - 2rem)}.client-console-panel{padding:18px}.client-console-header{flex-direction:column;gap:6px;letter-spacing:.12em}.client-console-details div{padding:10px 12px}.client-roadmap-step{grid-template-columns:1fr}.client-roadmap-step span{letter-spacing:.2em}}
