:root{--gradient-dark:linear-gradient(135deg,#050505 0%,#0a0f1f 52%,#111827 100%);--gradient-blue:linear-gradient(135deg,#00bfff,#2563eb);--glow:0 0 0 1px rgba(61,166,255,.22),0 24px 70px rgba(0,91,210,.14)}
body{background:#05070b}.btn{background:var(--gradient-blue);border-color:rgba(117,205,255,.7);border-radius:3px}.site-header{background:linear-gradient(180deg,rgba(3,6,11,.75),transparent)}
.hero-premium{min-height:100svh;height:auto;background:#05070b}.hero-premium .hero-bg{background-image:url('../images/hero-integrator.webp');background-position:center;background-size:cover}.hero-premium .hero-bg:after{background:linear-gradient(90deg,rgba(2,5,11,.97) 0%,rgba(3,7,15,.76) 48%,rgba(3,7,15,.14) 82%),linear-gradient(0deg,rgba(2,5,11,.82),transparent 46%)}.hero-orb{position:absolute;width:55vw;height:55vw;right:-22vw;bottom:-32vw;background:radial-gradient(circle,rgba(37,99,235,.25),transparent 67%);filter:blur(20px)}.hero-premium h1{max-width:940px;font-size:clamp(54px,6.4vw,102px);line-height:.99;letter-spacing:-.055em}.hero-premium p{max-width:720px;font-size:clamp(16px,1.4vw,21px);line-height:1.7}.scroll-cue{position:absolute;z-index:3;right:max(32px,calc((100vw - var(--max))/2));bottom:38px;display:flex;align-items:center;gap:12px;color:#8b9aab;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.scroll-cue span{display:block;width:44px;height:1px;background:#2d9cff}
.premium-section{position:relative;padding:130px max(32px,calc((100vw - var(--max))/2));background:var(--gradient-dark);border-top:1px solid rgba(255,255,255,.07)}.section-intro{max-width:800px;margin-bottom:58px}.section-intro h2,.capability-copy h2,.premium-cta h2{font-size:clamp(42px,4.7vw,72px);letter-spacing:-.045em;margin:20px 0}.section-intro>p{max-width:660px;font-size:16px}
.solutions-tabs-section:before,.cases-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 20%,rgba(23,102,208,.15),transparent 28%);pointer-events:none}.solution-tabs{position:relative}.tab-nav{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.tab-button{appearance:none;background:transparent;color:#748397;border:0;border-right:1px solid rgba(255,255,255,.1);padding:25px 22px;text-align:left;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:.35s}.tab-button span{display:block;color:#3e88d3;font-size:10px;margin-bottom:8px}.tab-button:hover,.tab-button.active{color:#fff;background:linear-gradient(180deg,rgba(29,119,242,.15),transparent)}.tab-button.active{box-shadow:inset 0 -2px #19a7ff}.tab-stage{position:relative;margin-top:28px;min-height:540px}.tab-panel{position:absolute;inset:0;display:grid;grid-template-columns:1.45fr .75fr;gap:0;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .45s,transform .45s,visibility .45s}.tab-panel.active{position:relative;opacity:1;visibility:visible;transform:none}.tab-image{min-height:540px;overflow:hidden;background:#08101b}.tab-image img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.tab-panel.active .tab-image img{transform:scale(1.01)}.tab-copy{display:flex;flex-direction:column;justify-content:center;padding:60px;background:linear-gradient(145deg,#101827,#080d15)}.tab-copy>span{color:#349fff;font-size:10px;letter-spacing:.16em}.tab-copy h3{font-size:36px;margin:22px 0}.tab-copy p{font-size:16px;line-height:1.8}.tab-copy a,.case-card a{color:#4bb4ff;font-size:12px;font-weight:800;letter-spacing:.04em;margin-top:20px}
.stats-band{display:grid;grid-template-columns:repeat(4,1fr);padding:70px max(32px,calc((100vw - var(--max))/2));background:linear-gradient(100deg,#071426,#0d2444 45%,#0a1221);border-top:1px solid rgba(82,169,255,.25);border-bottom:1px solid rgba(82,169,255,.25)}.stats-band>div{padding:8px 34px;border-right:1px solid rgba(255,255,255,.12)}.stats-band>div:first-child{padding-left:0}.stats-band>div:last-child{border:0}.stats-band strong{display:block;font-size:clamp(44px,4vw,66px);line-height:1;background:linear-gradient(135deg,#fff,#5cbaff);-webkit-background-clip:text;background-clip:text;color:transparent}.stats-band span{display:block;margin-top:13px;color:#8d9aac;font-size:12px;letter-spacing:.04em}
.capability-section{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:center}.capability-image{min-height:650px;overflow:hidden;box-shadow:var(--glow)}.capability-image img{width:100%;height:100%;object-fit:cover}.capability-copy p{font-size:17px;line-height:1.85}.capability-list{display:grid;grid-template-columns:1fr 1fr;margin-top:40px;border-left:1px solid #26354a;border-top:1px solid #26354a}.capability-list span{padding:18px;border-right:1px solid #26354a;border-bottom:1px solid #26354a;color:#c6d0db;font-size:12px}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.case-card{background:linear-gradient(155deg,#111827,#090e17);border:1px solid rgba(255,255,255,.1);transition:transform .4s,box-shadow .4s,border-color .4s}.case-card:hover{transform:translateY(-9px);border-color:rgba(65,169,255,.5);box-shadow:var(--glow)}.case-image{position:relative;height:310px;overflow:hidden}.case-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,9,16,.75),transparent 55%)}.case-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.case-card:hover .case-image img{transform:scale(1.055)}.case-image span{position:absolute;z-index:2;left:22px;bottom:18px;font-size:10px;letter-spacing:.15em}.case-card>div:last-child{padding:28px}.case-card small{color:#3e9de9;font-size:9px;letter-spacing:.13em}.case-card h3{font-size:25px;margin:13px 0}.case-card p{font-size:13px;line-height:1.7}
.brand-wall-section{background:linear-gradient(145deg,#080c14,#101729)}.logo-wall{display:grid;grid-template-columns:repeat(7,1fr);border-left:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.1)}.logo-card{min-height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);filter:grayscale(1);opacity:.63;transition:.35s}.logo-card:hover{filter:grayscale(0);opacity:1;background:rgba(29,118,255,.07);box-shadow:inset 0 0 30px rgba(38,132,255,.1)}.logo-card img{width:42px;height:42px;object-fit:contain}.logo-card strong{font-size:13px;letter-spacing:.08em}.logo-dot{width:42px;height:42px;border:1px solid #5a718c;border-radius:50%;position:relative}.logo-dot:after{content:"C";position:absolute;inset:0;display:grid;place-items:center;color:#9aacc0;font-weight:900}
.premium-cta{padding:100px max(32px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr auto;align-items:center;gap:60px;background:radial-gradient(circle at 80% 50%,rgba(75,49,223,.35),transparent 30%),linear-gradient(115deg,#06152a,#073477)}.premium-cta h2{max-width:900px;margin-bottom:0}.floating-quote{position:fixed;z-index:45;right:26px;bottom:26px;min-width:142px;height:48px;padding:0 20px;display:flex;align-items:center;justify-content:center;background:var(--gradient-blue);border:1px solid rgba(255,255,255,.4);box-shadow:0 12px 35px rgba(0,108,255,.35);font-size:12px;font-weight:800;letter-spacing:.04em;transition:.3s}.floating-quote:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(0,128,255,.48)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.is-visible{opacity:1;transform:none}.image-reveal{position:relative;overflow:hidden}.image-reveal:after{content:"";position:absolute;inset:0;background:#0a1120;transform-origin:right;transition:transform 1s cubic-bezier(.7,0,.2,1)}.image-reveal.is-visible:after{transform:scaleX(0)}
.page-hero{background:radial-gradient(circle at 80% 20%,rgba(37,99,235,.32),transparent 35%),var(--gradient-dark)}.partner-feature{background:linear-gradient(135deg,#f4f7fa,#e9eff6)}
.brand-archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.brand-profile{min-height:300px;padding:40px;background:linear-gradient(145deg,#101827,#080d15);border:1px solid rgba(255,255,255,.1)}.brand-profile img{width:82px;height:82px;object-fit:contain}.brand-profile h2{font-size:30px;margin:28px 0 14px}.brand-profile a{display:inline-block;margin-top:18px;color:#4bb4ff}
.archive-hero{min-height:58vh;padding:190px max(32px,calc((100vw - var(--max))/2)) 90px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 78% 20%,rgba(37,99,235,.28),transparent 35%),var(--gradient-dark)}.archive-hero h1{max-width:980px;font-size:clamp(48px,6vw,88px);line-height:1;letter-spacing:-.05em;margin:20px 0 0}.case-filters{display:grid;grid-template-columns:minmax(240px,1fr) minmax(220px,.45fr) auto;gap:12px;margin-bottom:44px}.case-filters input,.case-filters select{width:100%;height:50px;padding:0 16px;color:#e9f2fc;background:#0b1422;border:1px solid #26374d}.case-filters .btn{height:50px}.section-action{margin-top:42px}.cms-empty{padding:45px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025)}.kynex-pagination{margin-top:50px}.kynex-pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap}.kynex-pagination .page-numbers{min-width:42px;height:42px;display:grid;place-items:center;padding:0 12px;border:1px solid #26374d;color:#aab8c8}.kynex-pagination .current,.kynex-pagination a:hover{color:#fff;background:#166de0;border-color:#258df2}.case-card h3 a{color:inherit}.brand-letter{width:48px;height:48px;display:grid;place-items:center;border:1px solid #50647d;border-radius:50%;font-size:22px;color:#a6bad0}.case-detail-hero{min-height:76vh;padding:180px max(32px,calc((100vw - var(--max))/2)) 90px;display:flex;align-items:flex-end;position:relative;background-image:linear-gradient(90deg,rgba(3,7,14,.93),rgba(3,7,14,.25)),var(--case-hero);background-size:cover;background-position:center}.case-detail-hero>div{position:relative;max-width:900px}.case-detail-hero h1{font-size:clamp(50px,6.5vw,96px);line-height:1;letter-spacing:-.052em;margin:20px 0}.case-detail-body{display:grid;grid-template-columns:.35fr .65fr;gap:90px}.project-facts{border-top:1px solid #28384d}.project-facts>div{padding:18px 0;border-bottom:1px solid #28384d}.project-facts span{display:block;color:#74869a;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.project-facts strong{display:block;margin-top:6px}.project-content h2{font-size:clamp(36px,4vw,62px);letter-spacing:-.04em}.project-content p,.case-outcomes p{font-size:16px;line-height:1.85}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.gallery-grid img{width:100%;height:520px;object-fit:cover}.video-frame{max-width:1120px;aspect-ratio:16/9;background:#020407}.video-frame iframe,.video-frame video,.video-frame .wp-video{width:100%!important;height:100%!important}.case-outcomes{display:grid;grid-template-columns:1fr 1fr;gap:80px}.media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.media-card{background:#0a111d;border:1px solid #1f3045}.media-card>img{width:100%;height:340px;object-fit:cover}.media-card>div{padding:28px}.media-card iframe,.media-card video{max-width:100%}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.image-reveal:after{display:none}}
@media(max-width:1080px){.hero-premium h1{font-size:70px}.tab-panel{grid-template-columns:1.15fr .85fr}.tab-copy{padding:40px}.logo-wall{grid-template-columns:repeat(4,1fr)}.case-grid,.brand-archive-grid{grid-template-columns:1fr 1fr}.case-card:last-child{grid-column:1/-1}.capability-section{gap:45px}}
@media(max-width:720px){.hero-premium{padding-bottom:80px}.hero-premium .hero-bg{background-position:64% center}.hero-premium .hero-bg:after{background:linear-gradient(0deg,#03060d 0%,rgba(3,6,13,.82) 65%,rgba(3,6,13,.45))}.hero-premium h1{font-size:43px;line-height:1.05}.hero-premium p{font-size:15px}.scroll-cue{display:none}.premium-section{padding:84px 22px}.section-intro h2,.capability-copy h2,.premium-cta h2{font-size:38px}.tab-nav{grid-template-columns:1fr}.tab-button{border-right:0;border-bottom:1px solid rgba(255,255,255,.09);padding:17px}.tab-button span{display:inline;margin:0 10px 0 0}.tab-stage{min-height:0}.tab-panel{grid-template-columns:1fr}.tab-image{min-height:280px;height:280px}.tab-copy{padding:30px 24px}.tab-copy h3{font-size:28px}.stats-band{grid-template-columns:1fr 1fr;padding:52px 22px}.stats-band>div{padding:20px 14px;border-bottom:1px solid rgba(255,255,255,.1)}.stats-band>div:first-child{padding-left:14px}.stats-band>div:nth-child(2){border-right:0}.stats-band strong{font-size:42px}.capability-section{grid-template-columns:1fr}.capability-image{min-height:340px;order:2}.capability-copy{order:1}.capability-list{grid-template-columns:1fr}.case-grid{grid-template-columns:1fr}.case-card:last-child{grid-column:auto}.case-image{height:260px}.logo-wall{grid-template-columns:1fr 1fr}.logo-card{min-height:120px}.premium-cta{padding:76px 22px;grid-template-columns:1fr;gap:30px}.floating-quote{right:14px;bottom:14px;min-width:118px;height:44px}.site-footer{padding-bottom:90px}}
@media(max-width:720px){.archive-hero{min-height:52vh;padding:150px 22px 64px}.archive-hero h1{font-size:46px}.case-filters{grid-template-columns:1fr}.case-detail-hero{min-height:68vh;padding:150px 22px 62px}.case-detail-hero h1{font-size:46px}.case-detail-body,.case-outcomes{grid-template-columns:1fr;gap:48px}.gallery-grid,.media-grid,.brand-archive-grid{grid-template-columns:1fr}.gallery-grid img{height:300px}.media-card>img{height:260px}.video-frame{width:100%}}