/* SOURCE: assets/css/f7-light.css */

:root{--light-bg:#f8fafc;--light-bg2:#ffffff;--light-bg3:#f2f6fb;--ink:#132238;--muted2:#5e6b7c;--line2:#dde5ef;--blue:#171717;--violet:#F5C84C;--cyan:#F5C84C}
html{scroll-behavior:smooth}body{background:var(--light-bg)!important;color:var(--ink)!important;font:400 15px/1.32 "Inter",sans-serif!important;margin:0}.wrap{width:min(1260px,92vw);margin:auto}
/* header */
.site-header{position:sticky;top:0;z-index:2000;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-bottom:1px solid #e4e9ef}.header-inner{height:74px;display:flex;align-items:center;justify-content:space-between;gap:28px}.site-logo img{width:112px;height:auto;display:block}.desktop-nav{display:flex;align-items:center;gap:19px}.desktop-nav a{font:600 12px/1 "Inter";color:#1c3550;text-decoration:none;white-space:nowrap}.desktop-nav a:hover{color:#171717}.desktop-nav .nav-quote{padding:11px 15px;border-radius:999px;background:#0f172a;color:#fff}.mobile-menu-toggle{display:none;width:44px;height:44px;border:0;border-radius:50%;background:#0f172a;place-items:center}.mobile-menu-toggle span{display:block;width:19px;height:1.5px;background:#fff;margin:3px 0}.mobile-overlay{position:fixed;inset:0;z-index:2090;background:rgba(3,8,18,.42);opacity:0;pointer-events:none;transition:.3s}.mobile-overlay.show{opacity:1;pointer-events:auto}.mobile-drawer{position:fixed;z-index:2100;right:-100%;top:0;width:min(360px,92vw);height:100dvh;background:#060708;color:#fff;padding:80px 26px 28px;transition:right .45s cubic-bezier(.2,.8,.2,1)}.mobile-drawer.open{right:0}.mobile-close{position:absolute;right:20px;top:20px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:none;color:#fff;font-size:20px}.mobile-drawer nav a{display:block;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:13px;color:#fff;text-decoration:none}.mobile-drawer .drawer-quote{color:#F5C84C}
/* explicit light conversion of F6 section system */
body.software-page,body.marketing-page,body.server-page,body:not([class]){background:#f8fafc!important;color:#132238!important}.section{padding:112px 0!important}.section.s1,.s1{background:#f8fafc!important}.section.s2,.s2{background:linear-gradient(180deg,#fff,#f5f8fd)!important}.section.s3,.s3{background:linear-gradient(135deg,#FFFDF6,#fbfdff)!important}.section.s4,.s4{background:linear-gradient(135deg,#FFFDF6,#FFFDF6)!important}.section:before{background:linear-gradient(90deg,transparent,rgba(37,99,235,.15),rgba(124,58,237,.11),transparent)!important}.title,.copy h2,.feature-copy h2,.head h2,.section h2,.section h3{color:#132238!important}.title span,.copy h2 span,.feature-copy h2 span,.grad{background:linear-gradient(95deg,#171717,#F5C84C 52%,#F5C84C)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}.lead,.copy p,.feature-copy p,.section p,.point,.tag,.faq-a,.step p,.metric span,.stat span{color:#5e6b7c!important}.service-card,.icon-card,.card,.plan,.visual,.feature-media,.solution,.work-card,.related a{background:#fff!important;border-color:#dce5ef!important;box-shadow:0 18px 45px rgba(44,64,92,.06)!important}.tag{background:#fff!important;border-color:#dce5ef!important}.metric-band,.stats{background:#dde5ef!important;border-color:#dde5ef!important}.metric,.stat{background:#fff!important}.metric strong,.stat strong{color:#132238!important}.faq-q{color:#132238!important}.faq-list,.faq-item{border-color:#dce5ef!important}.final-cta{background:linear-gradient(135deg,#FFFDF6,#FFF8D9)!important}.cta-box{background:linear-gradient(135deg, #edca1f, #ffeb3b75) !important;border-color:#dce5ef!important;box-shadow:0 24px 65px rgba(44,64,92,.08)!important}.cta-box h2{color:#132238!important}.btn{background:#fff!important;color:#132238!important;border-color:#d5dee9!important}.btn:hover{background:#111827!important;color:#fff!important}.btn.cta{background:linear-gradient(100deg,#171717,#F5C84C)!important;color:#fff!important;border:0!important}
/* Keep banner image-focused but transition cleanly into light content */
.hero{margin-top:0!important}.hero:after,.hero::after{background:linear-gradient(180deg,rgba(5,8,15,.08),rgba(5,8,15,.15) 52%,rgba(5,8,15,.65))!important}
/* Footer */
.footer{background:#fff!important;color:#162033!important;padding:60px 0 22px!important;border-top:1px solid #dde5ef!important}.footer-grid{display:grid!important;grid-template-columns:1.55fr 1fr 1fr 1fr!important;gap:48px!important}.footer-grid>div{display:flex!important;flex-direction:column!important;align-items:flex-start!important}.footer h4{margin:0 0 16px!important;font:700 13px/1.2 "Inter"!important;color:#0e1726!important;text-transform:uppercase;letter-spacing:.07em}.footer a{display:block!important;margin:0 0 9px!important;color:#596777!important;text-decoration:none!important;font-size:13px!important}.footer a:hover{color:#171717!important}.footer-brand img{width:118px!important;height:auto!important;margin-bottom:18px!important;filter:none!important}.footer-brand p{max-width:390px!important;color:#667281!important;font-size:13px!important;line-height:1.55!important;margin:0 0 10px!important}.footer-bottom{margin-top:38px!important;padding-top:18px!important;border-top:1px solid #e3e9ef!important;color:#8a94a3!important;font-size:11px!important}.back-top{position:fixed;right:18px;bottom:18px;z-index:1900;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#0f172a;color:#fff;text-decoration:none;font-size:10px;font-weight:700;opacity:0;pointer-events:none;transform:translateY(10px);transition:.25s}.back-top.show{opacity:1;pointer-events:auto;transform:none}
/* Contact */
.contact-page{background:#f8fafc!important}.contact-hero{padding:100px 0 70px;background:linear-gradient(135deg,#FFFDF6,#f7f4ff);border-bottom:1px solid #e1e7ef}.contact-shell{width:min(1210px,92vw);margin:auto}.contact-hero h1{font:600 clamp(44px,5.4vw,72px)/.95 "Sora";letter-spacing:-.055em;margin:0 0 14px;color:#132238}.contact-hero h1 span{background:linear-gradient(90deg,#171717,#F5C84C,#F5C84C);-webkit-background-clip:text;color:transparent}.contact-hero p{max-width:700px;color:#5e6b7c}.contact-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:-28px;position:relative;z-index:3}.contact-card{min-height:220px;border-radius:18px;padding:28px;background:linear-gradient(135deg, #ffd22e, #FFEB3B);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;box-shadow:0 20px 50px rgba(37,99,235,.16)}.contact-card:nth-child(2){background:linear-gradient(135deg, #ffd22e, #FFEB3B)}.contact-card:nth-child(3){background:linear-gradient(135deg, #ffd22e, #FFEB3B)}.contact-card:nth-child(4){background:linear-gradient(135deg, #ffd22e, #FFEB3B)}.contact-card h3{font:600 22px "Sora";margin:0 0 18px;color:#fff!important}.contact-card p{color:#fff!important}.contact-card a{margin-top:18px;padding:10px 16px;border-radius:9px;background:#050607;color:#fff;text-decoration:none;font-size:12px;font-weight:700}.contact-form-section{padding:82px 0 112px}.contact-form-grid{display:grid;grid-template-columns:.68fr 1.32fr;gap:70px}.contact-intro h2{font:600 30px "Sora";margin:0 0 17px}.contact-intro p{color:#5d6978}.cm-form{display:grid;grid-template-columns:1fr 1fr;gap:18px 28px}.cm-form input,.cm-form select,.cm-form textarea{width:100%;border:1px solid #d6dee8;background:#fff;padding:13px 14px;font:400 14px "Inter";border-radius:5px}.cm-form textarea{height:150px;grid-row:span 3}.cm-form .terms{display:flex;align-items:center;gap:10px;font-size:13px}.cm-form .terms input{width:auto}.cm-form button{justify-self:start;padding:12px 20px;background:#050607;color:#fff;border:0;font-weight:700;border-radius:5px}
/* About */
.about-page{background:#f8fafc!important}.about-wrap{width:min(1220px,92vw);margin:auto}.about-hero{padding:110px 0 88px;background:radial-gradient(circle at 82% 18%,rgba(37,99,235,.11),transparent 28%),radial-gradient(circle at 20% 65%,rgba(124,58,237,.10),transparent 30%),#f8fafc}.about-hero h1{max-width:970px;font:600 clamp(48px,7vw,90px)/.9 "Sora";letter-spacing:-.07em;margin:0;color:#132238}.about-hero h1 span{background:linear-gradient(90deg,#171717,#F5C84C,#F5C84C);-webkit-background-clip:text;color:transparent}.about-hero p{max-width:720px;color:#5e6b7c;font-size:18px}.about-btn{display:inline-flex;padding:12px 17px;border-radius:999px;background:#ffcc08;color:#fff;text-decoration:none;font-size:13px;font-weight:700}.about-metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #dfe6ef;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(41,60,89,.06)}.about-metric{padding:35px;border-right:1px solid #dfe6ef}.about-metric strong{display:block;font:600 42px "Sora"}.about-metric span{color:#657181;font-size:13px}.about-section{padding:108px 0;border-bottom:1px solid #fff}.about-section:nth-of-type(even){background:#fff}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.about-kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#171717}.about-section h2{font:600 clamp(36px,4.5vw,62px)/.98 "Sora";letter-spacing:-.055em;margin:12px 0}.about-section p{color:#5f6c7b}.about-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.about-card{padding:25px;border:1px solid #dfe6ef;border-radius:18px;background:linear-gradient(145deg,#fff,#f7f9fc);box-shadow:0 16px 40px rgba(41,60,89,.05)}.about-card h3{font:600 20px "Sora";margin:15px 0 8px}.about-card p{font-size:14px}.about-process{display:grid;grid-template-columns:repeat(6,1fr);margin-top:40px}.about-step{padding:25px 12px;border-top:1px solid #dce4ee}.about-step b{color:#171717}.about-step h3{font:600 15px "Sora"}.about-cta{padding:96px 0;background:linear-gradient(135deg,#FFFDF6,#f7f4ff)}.about-cta-box{display:flex;justify-content:space-between;align-items:center;gap:40px}.about-cta h2{font:600 clamp(38px,5vw,64px)/.95 "Sora";letter-spacing:-.06em;max-width:780px}
@media(max-width:1050px){.desktop-nav{display:none}.mobile-menu-toggle{display:grid}.footer-grid{grid-template-columns:1.4fr 1fr 1fr!important}.footer-grid>div:last-child{grid-column:2/4}}
@media(max-width:850px){.section{padding:82px 0!important}.footer-grid{grid-template-columns:1fr 1fr!important}.footer-grid>div:last-child{grid-column:auto}.contact-cards{grid-template-columns:1fr 1fr}.contact-form-grid{grid-template-columns:1fr}.cm-form{grid-template-columns:1fr}.cm-form textarea{grid-row:auto}.about-grid{grid-template-columns:1fr;gap:30px}.about-process{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.header-inner{height:68px}.site-logo img{width:96px}.section{padding:70px 0!important}.footer-grid{grid-template-columns:1fr!important}.contact-cards{grid-template-columns:1fr}.about-metrics{grid-template-columns:1fr 1fr}.about-process{grid-template-columns:1fr 1fr}.about-cta-box{flex-direction:column;align-items:flex-start}}


/* SOURCE: assets/css/f8-master.css */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Sora:wght@500;600;700&display=swap');
:root{--ink:#0b1220;--muted:#5b6472;--line:rgba(15,23,42,.10);--blue:#171717;--orange:#F5C84C;--paper:#f8fafc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Inter',sans-serif!important;color:var(--ink);background:var(--paper)}h1,h2,h3,h4,h5,h6,.title,.hero-copy h1,.metric-proof strong{font-family:'Sora',sans-serif!important;letter-spacing:-.035em}.wrap{width:min(1180px,calc(100% - 48px))!important}
.site-header{position:absolute!important;inset:0 0 auto!important;z-index:1000!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}.header-inner{height:92px!important}.site-logo img{max-height:45px!important}.desktop-nav{display:flex!important;align-items:center;gap:28px!important}.desktop-nav>a,.resource-trigger{font:500 15px/1 'Inter',sans-serif!important;color:#fff!important;text-decoration:none;text-shadow:0 1px 16px rgba(0,0,0,.35);background:none!important;border:0!important;padding:12px 0!important}.desktop-nav>a:after,.resource-trigger:after{content:'';display:block;height:1px;background:#fff;transform:scaleX(0);transform-origin:right;transition:.35s;margin-top:7px}.desktop-nav>a:hover:after,.resource:hover .resource-trigger:after{transform:scaleX(1);transform-origin:left}.resource{position:relative}.resource-trigger{cursor:pointer}.resource-menu{position:absolute;right:0;top:42px;width:220px;padding:12px;background:rgba(5,9,16,.96);border:1px solid rgba(255,255,255,.12);border-radius:16px;opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s;box-shadow:0 20px 60px rgba(0,0,0,.25)}.resource:hover .resource-menu{opacity:1;visibility:visible;transform:none}.resource-menu a{display:block;color:#fff!important;padding:10px 12px;border-radius:9px;font-size:13px;text-decoration:none}.resource-menu a:hover{background:rgba(255,255,255,.08)}
.hero{min-height:88vh!important;height:auto!important;padding:160px 0 110px!important;display:flex!important;align-items:flex-end!important;position:relative!important;overflow:hidden!important;background:#101827}.hero>img:first-child{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;filter:saturate(.92) contrast(1.03)}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,8,16,.20),rgba(4,8,16,.42) 42%,rgba(4,8,16,.84) 100%),linear-gradient(90deg,rgba(4,8,16,.44),transparent 65%);z-index:1}.hero-copy{position:relative!important;z-index:3!important;width:min(1180px,calc(100% - 48px))!important;margin:0 auto!important;max-width:none!important;color:#fff!important}.hero-copy .kicker{color:rgba(255,255,255,.78)!important;font-size:12px!important;letter-spacing:.12em;text-transform:uppercase}.hero-copy h1{font-size:clamp(36px,5vw,72px)!important;line-height:1.02!important;max-width:920px!important;color:#fff!important;text-shadow:0 3px 28px rgba(0,0,0,.35);margin:14px 0 18px!important}.hero-copy p{font-size:clamp(15px,1.35vw,19px)!important;line-height:1.55!important;max-width:720px!important;color:rgba(255,255,255,.88)!important}.hero .btn{color:#fff!important;border-color:rgba(255,255,255,.5)!important}.hero .btn.cta{background:#fff!important;color:#111827!important;border-color:#fff!important}.hero-orbit,.hero-path{z-index:2!important;opacity:.35!important}.section{padding:108px 0!important}.section:nth-of-type(4n+1){background:linear-gradient(135deg,#f8fafc 0%,#fff 55%,#FFFDF6 100%)!important}.section:nth-of-type(4n+2){background:linear-gradient(135deg,#fff 0%,#FFFDF6 100%)!important}.section:nth-of-type(4n+3){background:linear-gradient(135deg,#f7fbff,#fff8f3)!important}.section:nth-of-type(4n){background:#fff!important}.title,.copy h2,.feature-copy h2{font-size:clamp(30px,3.6vw,54px)!important;line-height:1.08!important}.title span,.copy h2 span,.feature-copy h2 span{background:linear-gradient(90deg,#171717,#F5C84C,#F5C84C);-webkit-background-clip:text;background-clip:text;color:transparent}.lead,.copy p,.feature-copy p{color:var(--muted)!important;line-height:1.7!important}.visual,.feature-media{border-radius:26px!important;overflow:hidden;box-shadow:0 25px 70px rgba(15,23,42,.12)!important}.visual img,.feature-media img{transition:transform .8s cubic-bezier(.2,.8,.2,1)}.visual:hover img,.feature-media:hover img{transform:scale(1.035)}.card,.service-card,.plan,.solution{border:1px solid var(--line)!important;background:rgba(255,255,255,.78)!important;backdrop-filter:blur(10px);border-radius:20px!important;box-shadow:0 12px 35px rgba(15,23,42,.055)!important;transition:.35s!important}.card:hover,.service-card:hover,.plan:hover,.solution:hover{transform:translateY(-7px)!important;box-shadow:0 24px 55px rgba(15,23,42,.11)!important}.card svg{width:42px;height:42px;stroke:var(--blue);fill:none;stroke-width:1.5}.metric-proof{display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:14px;margin-top:52px}.metric-proof>div{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:24px;padding:30px;background:rgba(255,255,255,.76);min-height:170px;display:flex;flex-direction:column;justify-content:flex-end}.metric-proof>div:first-child{grid-row:1/3;min-height:354px;background:linear-gradient(145deg,#111827,#172554);color:#fff}.metric-proof strong{font-size:clamp(44px,6vw,92px);line-height:.9}.metric-proof span{font-size:14px;margin-top:14px;opacity:.78}.metric-proof i{position:absolute;width:170px;height:170px;border:1px solid currentColor;border-radius:50%;opacity:.12;right:-45px;top:-45px}.footer{background:#fff!important;color:#111827!important;border-top:1px solid var(--line)!important}.footer-grid{display:grid!important;grid-template-columns:40% repeat(3,1fr)!important;gap:38px!important}.footer a,.footer p{color:#596273!important}.footer-brand img{max-width:180px!important}.social-icons{display:flex;gap:10px;margin-top:22px}.social-icons a{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:.25s}.social-icons a:hover{background:#111827;color:#fff!important;transform:translateY(-3px)}.social-icons svg{width:17px;height:17px;fill:currentColor}.back-top{right:22px!important;bottom:22px!important}
@media(max-width:900px){.desktop-nav{display:none!important}.mobile-menu-toggle{display:flex!important}.header-inner{height:76px!important}.hero{min-height:78vh!important;padding:130px 0 75px!important}.hero-copy{width:calc(100% - 34px)!important}.hero-copy h1{font-size:clamp(32px,10vw,48px)!important}.section{padding:74px 0!important}.wrap{width:calc(100% - 34px)!important}.metric-proof{grid-template-columns:1fr 1fr;grid-template-rows:auto}.metric-proof>div:first-child{grid-row:auto;grid-column:1/-1;min-height:230px}.footer-grid{grid-template-columns:1fr 1fr!important}.footer-brand{grid-column:1/-1}}@media(max-width:560px){.metric-proof,.footer-grid{grid-template-columns:1fr!important}.footer-brand{grid-column:auto}.section{padding:62px 0!important}}


/* F8.1 — reviewed navigation + homepage slider controls */
.resource-menu{
  top:48px!important;width:240px!important;padding:12px 18px!important;
  border-radius:14px!important;background:rgba(5,9,16,.94)!important;
  backdrop-filter:blur(18px)!important;
}
.resource-menu a{
  position:relative!important;display:block!important;padding:12px 0!important;
  border-radius:0!important;background:none!important;
  font:500 15px/1.15 'Inter',sans-serif!important;color:#fff!important;
  text-shadow:0 1px 16px rgba(0,0,0,.35)!important;
}
.resource-menu a::after{
  content:'';display:block;width:100%;height:1px;margin-top:7px;background:#fff;
  transform:scaleX(0);transform-origin:right;transition:transform .32s ease;
}
.resource-menu a:hover::after{transform:scaleX(1);transform-origin:left}
.resource-menu a:hover{background:none!important;color:#fff!important}

/* Banner service rail is real navigation, not decorative text */
.banner-service button{
  appearance:none;-webkit-appearance:none;border:0;background:none;padding:0;margin:0;
  font:inherit;color:inherit;text-align:left;cursor:pointer;
}
.banner-service button.name,.banner-service button.activesrv{display:block!important}
.banner-service button.name{opacity:.58;transition:opacity .25s,transform .25s,color .25s}
.banner-service button.name:hover{opacity:1;transform:translateX(5px)}
.banner-service button.activesrv{opacity:1;color:#fff;font-weight:600}

.home-slider-controls{position:absolute;z-index:80;inset:50% 0 auto;pointer-events:none}
.home-slider-arrow{
  pointer-events:auto;position:absolute;top:0;transform:translateY(-50%);
  width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.48);
  background:rgba(5,8,14,.12);backdrop-filter:blur(8px);color:#fff;
  display:grid;place-items:center;font:400 23px/1 'Inter',sans-serif;cursor:pointer;
  transition:background .28s,transform .28s,border-color .28s;
}
.home-slider-prev{left:28px}.home-slider-next{right:28px}
.home-slider-arrow:hover{background:#fff;color:#0b1220;border-color:#fff;transform:translateY(-50%) scale(1.07)}
.home-slider-dots{
  pointer-events:auto;position:absolute;left:50%;top:calc(50vh - 38px);
  transform:translateX(-50%);display:flex;align-items:center;gap:10px;
}
.home-slider-dot{
  position:relative;width:26px;height:18px;border:0;background:none;padding:0;cursor:pointer;
}
.home-slider-dot::before{
  content:'';position:absolute;left:0;right:0;top:50%;height:2px;border-radius:3px;
  background:rgba(255,255,255,.42);transform:translateY(-50%);transition:.3s;
}
.home-slider-dot:hover::before{background:rgba(255,255,255,.8)}
.home-slider-dot.active::before{background:#fff;box-shadow:0 0 14px rgba(255,255,255,.4)}
.home-slider-dot.active{width:42px}

/* mobile Resources keeps the same hierarchy/typography as the menu itself */
.mobile-drawer .drawer-label{font:500 13px/1 'Inter',sans-serif!important;color:#fff!important;padding:16px 0 8px!important;display:block!important}

@media(max-width:900px){
  .home-slider-arrow{width:42px;height:42px;font-size:18px}
  .home-slider-prev{left:14px}.home-slider-next{right:14px}
  .home-slider-dots{top:calc(50vh - 26px);gap:7px}
  .home-slider-dot{width:18px}.home-slider-dot.active{width:30px}
}
@media(max-width:560px){
  .home-slider-arrow{top:8vh;width:38px;height:38px;background:rgba(5,8,14,.26)}
  .home-slider-dots{top:calc(50vh - 18px)}
}

.mobile-resource-trigger{
  width:100%;min-height:48px;padding:0;border:0;border-bottom:1px solid rgba(255,255,255,.1);
  background:none;color:#fff;display:flex;align-items:center;justify-content:space-between;
  font:500 13px/1 'Inter',sans-serif;text-align:left;cursor:pointer;
}
.mobile-resource-trigger span{font-size:18px;font-weight:400;transition:transform .25s}
.mobile-resource-trigger[aria-expanded="true"] span{transform:rotate(45deg)}
.mobile-resource-menu{max-height:0;overflow:hidden;transition:max-height .38s ease}
.mobile-resource-menu.open{max-height:340px}
.mobile-resource-menu a{padding-left:14px!important;font:500 13px/1 'Inter',sans-serif!important}

.resource.resource-open .resource-menu{opacity:1!important;visibility:visible!important;transform:none!important}


/* SOURCE: assets/css/f9-audit.css */

:root{--f9-ink:#121c2d;--f9-muted:#5f6c7b;--f9-line:#dde6ef;--f9-blue:#171717;--f9-violet:#F5C84C;--f9-cyan:#F5C84C}
html body,html body *{font-family:"Inter",sans-serif!important}
html body h1,html body h2,html body h3,html body h4,html body h5,html body h6,html body .title,html body .metric-proof strong,html body .stat strong,html body .metric strong{font-family:"Sora",sans-serif!important}
/* Header: transparent over banner, unsqueezed logo */
html body .site-header{position:absolute!important;top:0!important;left:0!important;right:0!important;background:transparent!important;border:0!important;box-shadow:none!important;z-index:1500!important}
html body .header-inner{height:104px!important;align-items:center!important}
html body .site-logo{display:flex!important;align-items:center!important;flex:0 0 auto!important;width:auto!important;height:auto!important;overflow:visible!important}
html body .site-logo img{display:block!important;width:138px!important;height:auto!important;max-height:none!important;min-width:0!important;object-fit:contain!important;aspect-ratio:auto!important;filter:drop-shadow(0 4px 15px rgba(0,0,0,.18))}
html body .desktop-nav>a,html body .resource-trigger{font-size:15px!important;font-weight:500!important}
html body .resource-menu a{font-size:15px!important;font-weight:500!important;line-height:1.25!important;padding:11px 13px!important}
/* All hero banners: impactful, centered, generous clearance below transparent header */
html body .hero,html body .page-hero{position:relative!important;min-height:720px!important;height:82vh!important;padding:178px 0 88px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#111827!important}
html body .hero>img:first-child,html body .page-hero-bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;z-index:0!important}
html body .hero:after,html body .page-hero:after{content:""!important;position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(180deg,rgba(3,7,18,.38) 0%,rgba(3,7,18,.28) 35%,rgba(3,7,18,.62) 100%),radial-gradient(circle at 50% 52%,rgba(12,26,55,.05),rgba(3,7,18,.22) 65%)!important}
html body .hero-copy,html body .page-hero-copy{position:relative!important;z-index:4!important;width:min(980px,calc(100% - 44px))!important;max-width:980px!important;margin:58px auto 0!important;text-align:center!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;color:#fff!important}
html body .hero-copy h1,html body .page-hero-copy h1{max-width:960px!important;margin:16px auto 18px!important;text-align:center!important;font-size:clamp(42px,5.35vw,76px)!important;line-height:1.02!important;letter-spacing:-.05em!important;color:#fff!important;text-shadow:0 5px 30px rgba(0,0,0,.45)!important}
html body .hero-copy p,html body .page-hero-copy p{max-width:760px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important;font-size:clamp(16px,1.3vw,19px)!important;line-height:1.55!important;color:rgba(255,255,255,.92)!important;text-shadow:0 2px 14px rgba(0,0,0,.35)!important}
html body .hero-copy .actions,html body .page-hero-copy .actions{justify-content:center!important}
html body .hero-copy .kicker,html body .page-kicker,html body .page-hero .about-kicker{color:rgba(255,255,255,.82)!important;text-align:center!important;letter-spacing:.14em!important}
html body .page-hero-copy h1 span{background:linear-gradient(90deg,#fff,#FFF4BE,#F5C84C)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
/* Section spacing and visual hierarchy */
html body .section,html body .about-section,html body .contact-form-section,html body .career-section{padding-top:118px!important;padding-bottom:118px!important}
html body .section-icon{width:46px!important;height:46px!important;object-fit:cover!important;object-position:center!important;border-radius:13px!important;margin-bottom:14px!important;box-shadow:0 10px 26px rgba(37,99,235,.10)!important;border:1px solid rgba(37,99,235,.10)!important;background:#fff!important}
html body .feature-media img[src*="/topics/"],html body .visual img[src*="/topics/"]{object-fit:cover!important;padding:0!important;background:#f8fafc!important}
/* Footer typography and exact geometry */
html body .footer-grid{grid-template-columns:minmax(0,40%) repeat(3,minmax(0,1fr))!important;gap:42px!important;align-items:start!important}
html body .footer h4{font-family:"Sora",sans-serif!important;font-size:13px!important;font-weight:600!important;letter-spacing:-.01em!important;text-transform:none!important;color:#111827!important}
html body .footer-brand img{width:155px!important;height:auto!important;max-width:none!important;object-fit:contain!important;aspect-ratio:auto!important}
html body .social-icons{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;margin-top:20px!important}
html body .social-icons a{display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;padding:0!important;margin:0!important;border-radius:50%!important;line-height:0!important;transform:none!important}
html body .social-icons a:hover{transform:none!important;background:#111827!important;color:#fff!important}
html body .social-icons svg{display:block!important;width:17px!important;height:17px!important;margin:auto!important;flex:none!important;transform:none!important;transform-origin:center!important}
/* Career cards */
.career-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:42px}.career-cards article{background:#fff;border:1px solid var(--f9-line);border-radius:22px;padding:25px;box-shadow:0 18px 42px rgba(15,23,42,.06)}.career-cards img{width:64px;height:64px;border-radius:16px;margin-bottom:22px}.career-cards h3{font-size:20px;color:var(--f9-ink)}.career-cards p{color:var(--f9-muted);font-size:15px;line-height:1.6}
/* Server primary services becomes a responsive carousel instead of another static card grid */
.server-service-carousel{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:16px!important;scrollbar-width:none!important}.server-service-carousel::-webkit-scrollbar{display:none}.server-service-carousel>.card{flex:0 0 31.5%!important;scroll-snap-align:start!important}.server-carousel-nav{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.server-carousel-nav .car-btn{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--f9-line);background:#fff;color:#111827}
/* Cards get topic-art atmosphere */
html body .card svg,html body .service-card svg{stroke:var(--f9-blue)!important}.card,.service-card,.plan,.icon-card{position:relative;overflow:hidden}.card:after,.service-card:after,.plan:after,.icon-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-70px;top:-70px;background:radial-gradient(circle,rgba(37,99,235,.11),transparent 68%);pointer-events:none}
@media(max-width:980px){html body .site-logo img{width:122px!important}.career-cards{grid-template-columns:1fr 1fr}.server-service-carousel>.card{flex-basis:48%!important}html body .hero,html body .page-hero{min-height:650px!important;height:76vh!important;padding-top:150px!important}.footer-grid{grid-template-columns:1fr 1fr!important}.footer-brand{grid-column:1/-1!important}}
@media(max-width:620px){html body .site-logo img{width:108px!important}html body .header-inner{height:84px!important}html body .hero,html body .page-hero{min-height:610px!important;height:74vh!important;padding:135px 0 70px!important}.hero-copy,.page-hero-copy{margin-top:36px!important}.hero-copy h1,.page-hero-copy h1{font-size:38px!important}.section,.about-section,.contact-form-section,.career-section{padding-top:78px!important;padding-bottom:78px!important}.career-cards{grid-template-columns:1fr}.server-service-carousel>.card{flex-basis:86%!important}.footer-grid{grid-template-columns:1fr!important}.footer-brand{grid-column:auto!important}}

.plan-price{display:inline-flex;align-items:center;min-height:29px;padding:0 10px;border-radius:999px;background:linear-gradient(90deg,#FFFDF6,#FFF8D9);color:#171717;font-size:11px;font-weight:700;letter-spacing:.02em;margin-bottom:20px}.plans .plan{padding-top:25px!important}.plans .plan h3{margin-top:0!important}


/* SOURCE: assets/css/final-live.css */

/* FINAL GO-LIVE SYSTEM — loaded last */
:root{--final-blue:#171717;--final-violet:#F5C84C;--final-cyan:#F5C84C;--final-text:#142033;--final-muted:#5f6d7c}
html,body{font-family:"Inter",sans-serif!important;color:var(--final-text)}
h1,h2,h3,h4,h5,h6,.title,.metric-proof strong,.stat strong{font-family:"Sora",sans-serif!important}
/* transparent overlay header, same on every page */
html body .site-header{position:absolute!important;top:0;left:0;right:0;z-index:3000;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
html body .header-inner{height:96px!important;display:flex;align-items:center}
html body .site-logo{display:flex;align-items:center;flex:0 0 auto}
html body .site-logo img,html body .footer-brand img{width:96px!important;height:auto!important;max-width:96px!important;object-fit:contain!important;aspect-ratio:auto!important}
html body .desktop-nav>a,html body .resource-trigger{font-family:"Inter",sans-serif!important;font-size:15px!important;font-weight:500!important;color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.35)}
html body .resource-menu a{font-family:"Inter",sans-serif!important;font-size:15px!important;font-weight:500!important}
/* universal hero heading treatment: same About-style gradient */
html body .hero-copy,html body .page-hero-copy{left:auto!important;transform:none!important;text-align:center!important;margin:0 auto!important;max-width:1040px!important;width:min(1040px,88vw)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}
html body .hero-copy h1,html body .page-hero-copy h1,html body .page-hero h1,html body .utility-hero h1{
 font-family:"Sora",sans-serif!important;font-weight:600!important;line-height:.98!important;letter-spacing:-.055em!important;text-align:center!important;
 background:linear-gradient(90deg,#171717 0%,#F5C84C 50%,#F5C84C 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
 filter:drop-shadow(0 4px 22px rgba(0,0,0,.28));margin-top:26px!important;margin-bottom:18px!important;max-width:1000px!important
}
html body .hero-copy p,html body .page-hero-copy p{text-align:center!important;max-width:780px!important;margin-left:auto!important;margin-right:auto!important;color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.5)}
html body .hero,html body .page-hero{padding-top:170px!important}
html body .page-hero{min-height:78vh!important;position:relative!important;display:flex!important;align-items:flex-end!important;padding-bottom:90px!important;overflow:hidden!important;background:#0f172a}
html body .page-hero-bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;z-index:0!important}
html body .page-hero:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(5,9,20,.20),rgba(5,9,20,.36) 40%,rgba(5,9,20,.84))}
html body .page-hero-copy{position:relative!important;z-index:2!important}
/* Section spacing and light differentiation */
html body .section,html body .about-section,html body .career-section,html body .contact-form-section{padding-top:112px!important;padding-bottom:112px!important}
html body .section:nth-of-type(odd),html body .about-section:nth-of-type(odd){background:linear-gradient(135deg,#f8fbff,#ffffff 58%,#FFFDF6)!important}
html body .section:nth-of-type(even),html body .about-section:nth-of-type(even){background:linear-gradient(135deg,#fff,#f5f9ff)!important}
.final-section-mark{position:absolute;right:3.5vw;top:28px;width:116px;height:84px;opacity:.12;pointer-events:none;z-index:0}.final-section-mark img{width:100%;height:100%;object-fit:contain}
/* footer 40/20/20/20 */
html body .footer{background:#fff!important;color:#142033!important;padding:64px 0 24px!important;border-top:1px solid #dfe6ef!important}
html body .footer-grid{display:grid!important;grid-template-columns:minmax(0,40%) repeat(3,minmax(0,1fr))!important;gap:34px!important;align-items:start!important}
html body .footer-grid>div{min-width:0!important;align-items:flex-start!important;text-align:left!important}
html body .footer-brand p{max-width:420px!important;margin:18px 0 0!important;line-height:1.6!important}
html body .footer h4{font-family:"Sora",sans-serif!important;font-size:13px!important;letter-spacing:.04em!important;text-transform:none!important;margin:0 0 18px!important}
html body .footer a{font-family:"Inter",sans-serif!important;font-size:13px!important;line-height:1.45!important;margin-bottom:9px!important}
html body .social-icons{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;margin-top:20px!important}
html body .social-icons a{width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;margin:0!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:0!important;transform:none!important}
html body .social-icons a:hover{transform:translateY(-2px)!important;background:#111827!important;color:#fff!important}
html body .social-icons svg{display:block!important;width:17px!important;height:17px!important;margin:0!important;transform:none!important;flex:0 0 auto!important}
html body .footer-bottom{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;margin-top:38px!important;padding-top:20px!important;border-top:1px solid #e3e9ef!important}
.footer-legal{display:flex;align-items:center;justify-content:flex-end;gap:15px;flex-wrap:wrap}.footer-legal a{margin:0!important;font-size:11px!important;color:#7b8795!important}
/* about */
.about-intro .about-grid,.why-cloudmatic .about-grid{align-items:start}.about-cards a{text-decoration:none;color:inherit}.connected-practice .about-card img{width:100%;height:180px;object-fit:contain;border-radius:14px;background:#f8fbff;margin-bottom:18px}.industry-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.industry-mini-grid a{position:relative;overflow:hidden;border-radius:20px;min-height:260px;background:#111;box-shadow:0 18px 45px rgba(15,23,42,.1)}.industry-mini-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.6s}.industry-mini-grid a:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,8,15,.78),transparent 65%)}.industry-mini-grid span{position:absolute;z-index:2;left:18px;right:18px;bottom:18px;color:#fff;font:600 18px/1.1 "Sora"}.industry-mini-grid a:hover img{transform:scale(1.04)}.section-link{text-align:right;margin-top:22px}.section-link a{font-weight:700;color:#171717;text-decoration:none}
/* client carousel - single set, no duplicated logos */
.client-carousel{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;gap:12px;align-items:center;margin-top:36px}.client-viewport{overflow:hidden}.client-track{display:flex;gap:12px;transition:transform .55s cubic-bezier(.2,.8,.2,1);will-change:transform}.client-logo-card{flex:0 0 170px;height:90px;border:1px solid #e0e7ef;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;padding:16px}.client-logo-card img{max-width:120px;max-height:48px;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.72;transition:.25s}.client-logo-card:hover img{filter:none;opacity:1}.carousel-arrow{width:42px;height:42px;border-radius:50%;border:1px solid #d9e2ec;background:#fff;color:#142033;cursor:pointer}.carousel-arrow:hover{background:#142033;color:#fff}
/* industries */
.industries-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.industry-card{display:grid;grid-template-columns:.9fr 1.1fr;min-height:330px;border:1px solid #dfe6ef;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 20px 50px rgba(15,23,42,.07)}.industry-card img{width:100%;height:100%;object-fit:cover}.industry-card>div{padding:32px;display:flex;flex-direction:column;justify-content:center}.industry-card h2{font-size:28px;margin:0 0 12px}.industry-card p{color:#5f6d7c}.industry-card a{color:#171717;font-weight:700;text-decoration:none;margin-top:10px}
/* utility */
.utility-hero{padding:180px 0 80px;background:linear-gradient(135deg,#0f172a,#172554);text-align:center}.utility-hero .kicker{color:#FFF4BE!important}.utility-hero h1{font-size:clamp(42px,6vw,76px)!important}.utility-content{max-width:920px}.utility-content h2{margin-top:0}.utility-content details{border-bottom:1px solid #dfe6ef;padding:18px 0}.utility-content summary{font-family:"Sora";font-weight:600;cursor:pointer}.sitemap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sitemap-grid a{padding:18px;border:1px solid #dfe6ef;border-radius:14px;text-decoration:none;color:#142033;background:#fff}
/* mobile footer and hero */
@media(max-width:980px){html body .footer-grid{grid-template-columns:1fr 1fr!important;gap:32px 26px!important}.footer-brand{grid-column:1/-1!important}.industry-mini-grid{grid-template-columns:1fr 1fr}.industries-grid{grid-template-columns:1fr}.industry-card{grid-template-columns:1fr 1fr}.sitemap-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){html body .header-inner{height:82px!important}.site-logo img{width:96px!important}.hero,.page-hero{padding-top:145px!important}.hero-copy h1,.page-hero-copy h1{font-size:38px!important;margin-top:32px!important}.footer{padding-top:48px!important}.footer-grid{display:grid!important;grid-template-columns:1fr!important;gap:30px!important}.footer-brand{grid-column:auto!important}.footer-grid>div{width:100%!important}.footer-brand p{max-width:none!important}.footer h4{margin-bottom:12px!important}.footer a{margin-bottom:7px!important}.footer-bottom{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.footer-legal{justify-content:flex-start!important;gap:10px 14px!important}.social-icons{margin-top:18px!important}.industry-mini-grid{grid-template-columns:1fr}.industry-card{grid-template-columns:1fr}.industry-card img{height:230px}.client-carousel{grid-template-columns:38px minmax(0,1fr) 38px;gap:7px}.client-logo-card{flex-basis:145px;height:82px}.about-process{grid-template-columns:1fr 1fr!important}.sitemap-grid{grid-template-columns:1fr}.final-section-mark{width:84px;height:60px;right:10px;top:16px;opacity:.08}}


/* SOURCE: assets/css/go-live-master.css */

:root{
 --cm-ink:#171717;--cm-ink2:#292929;--cm-muted:#646464;
 --cm-yellow:#F5C84C;--cm-yellow-soft:#FFF8D9;--cm-cream:#FFFDF6;
 --cm-canvas:#F8F8F6;--cm-line:#E6E2D8
}
html,body{font-family:"Inter",sans-serif!important;color:var(--cm-ink)!important;background:var(--cm-canvas)!important}
h1,h2,h3,h4,h5,h6,.title,.metric-proof strong,.stat strong{font-family:"Sora",sans-serif!important}
::selection{background:var(--cm-yellow);color:#111}
html body .site-header{position:absolute!important;background:transparent!important;border:0!important;box-shadow:none!important}
html body .header-inner{height:104px!important}
html body .site-logo img,html body .footer-brand img{width:96px!important;max-width:96px!important;height:auto!important;object-fit:contain!important}
html body .desktop-nav>a,html body .resource-trigger{font-size:15px!important;color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.48)}
html body .desktop-nav>a:hover,html body .resource-trigger:hover{color:var(--cm-yellow)!important}
html body .resource-menu{background:#111!important;border:1px solid rgba(245,200,76,.22)!important;box-shadow:0 22px 60px rgba(0,0,0,.24)!important}
html body .resource-menu a{color:#fff!important;font-size:15px!important}
html body .resource-menu a:hover{color:#111!important;background:var(--cm-yellow)!important}
.mobile-menu-toggle{background:#111!important}.mobile-menu-toggle span{background:var(--cm-yellow)!important}
.mobile-drawer{background:#0c0c0c!important}.mobile-drawer a,.mobile-resource-trigger{color:#fff!important}.mobile-drawer a:hover,.mobile-resource-trigger:hover{color:var(--cm-yellow)!important}
html body .hero,html body .page-hero{padding-top:190px!important}
html body .hero-copy,html body .page-hero-copy{align-items:center!important;text-align:center!important}
html body .hero-copy h1,html body .page-hero-copy h1,html body .page-hero h1,html body .utility-hero h1{
 background:linear-gradient(100deg,#fff 0%,#FFF4BE 52%,#F5C84C 100%)!important;
 -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
 font-family:"Sora",sans-serif!important;font-weight:600!important;line-height:.96!important;
 letter-spacing:-.055em!important;text-align:center!important;
 filter:drop-shadow(0 4px 22px rgba(0,0,0,.32))!important;
 margin-top:45px!important;margin-bottom:20px!important
}
html body .hero-copy p,html body .page-hero-copy p{color:#fff!important}
.hero::after,.page-hero::after{background:linear-gradient(180deg,rgba(0,0,0,.20),rgba(0,0,0,.34) 45%,rgba(0,0,0,.78))!important}
html body .section,html body .about-section{padding-top:118px!important;padding-bottom:118px!important}
html body .section:nth-of-type(4n+1),html body .about-section:nth-of-type(4n+1){background:#fff!important}
html body .section:nth-of-type(4n+2),html body .about-section:nth-of-type(4n+2){background:linear-gradient(135deg,var(--cm-cream),#fff)!important}
html body .section:nth-of-type(4n+3),html body .about-section:nth-of-type(4n+3){background:var(--cm-yellow-soft)!important}
html body .section:nth-of-type(4n),html body .about-section:nth-of-type(4n){background:#fff!important}
.kicker{color:#7b681f!important}
.title span,.copy h2 span,.feature-copy h2 span,.grad{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:var(--cm-ink)!important}
.tag{color:#4d4d4d!important;border-color:#D9D4C6!important;background:#fff!important}
.point b,.step b,.num{color:#8b7419!important}
.section-link a,.industry-card a,.card a,.service-card a,.solution a{color:#6d5b13!important}
.card a::after,.service-card a::after,.section-link a::after{
 content:"?";display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;
 background:var(--cm-yellow);color:#111;margin-left:9px;transition:.3s;vertical-align:middle
}
.card a:hover::after,.service-card a:hover::after,.section-link a:hover::after{transform:translateX(4px) rotate(-8deg);background:#111;color:var(--cm-yellow)}
.car-btn,.carousel-arrow,.slider-arrow,.slider-dots button,.dot{border-color:#C9C1A6!important;background:#fff!important;color:#111!important}
.car-btn:hover,.carousel-arrow:hover,.slider-arrow:hover,.slider-dots button.active,.dot.active{background:var(--cm-yellow)!important;color:#111!important;border-color:var(--cm-yellow)!important;transform:scale(1.06)}
.btn,.service-link,.nav-quote{position:relative;overflow:hidden;isolation:isolate}
.btn.cta,.nav-quote{background:#111!important;color:#fff!important;border-color:#111!important}
.btn.cta::before,.nav-quote::before,.service-link::before{content:"";position:absolute;inset:0;background:var(--cm-yellow);transform:translateX(-103%);transition:transform .34s cubic-bezier(.2,.8,.2,1);z-index:-1}
.btn.cta:hover,.nav-quote:hover,.service-link:hover{color:#111!important;border-color:var(--cm-yellow)!important}
.btn.cta:hover::before,.nav-quote:hover::before,.service-link:hover::before{transform:translateX(0)}
.btn:not(.cta):hover{background:var(--cm-yellow)!important;border-color:var(--cm-yellow)!important;color:#111!important}
.card,.service-card,.plan,.icon-card,.about-card{border:1px solid var(--cm-line)!important;background:#fff!important;box-shadow:0 18px 44px rgba(25,25,25,.055)!important;transition:.35s cubic-bezier(.2,.8,.2,1)!important}
.card:hover,.service-card:hover,.plan:hover,.icon-card:hover,.about-card:hover{transform:translateY(-7px)!important;border-color:#D8BA4F!important;box-shadow:0 26px 64px rgba(25,25,25,.11)!important}
.card svg,.service-card svg,.icon-card .ico{color:#111!important;stroke:#111!important}
.plan.featured{border:2px solid var(--cm-yellow)!important}
.plan.featured::before{content:"Recommended";position:absolute;right:18px;top:18px;background:var(--cm-yellow);color:#111;padding:6px 10px;border-radius:999px;font:600 10px/1 "Inter"}
.feature-media,.visual,.solution,.industry-card{border-color:var(--cm-line)!important}
.feature-media img,.visual img,.solution img,.industry-card img{transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.feature-media:hover img,.visual:hover img,.solution:hover img,.industry-card:hover img{transform:scale(1.035)}
.metric-proof{background:#111!important;border-radius:26px!important;overflow:hidden!important}
.metric-proof>div{background:#111!important;color:#fff!important}.metric-proof strong{color:var(--cm-yellow)!important}.metric-proof span{color:#ddd!important}.metric-proof i{background:var(--cm-yellow)!important}
html body .footer{background:#111!important;color:#fff!important;border-top:0!important}
html body .footer h4{color:var(--cm-yellow)!important}html body .footer a{color:#ddd!important}html body .footer a:hover{color:var(--cm-yellow)!important}
html body .footer-brand p{color:#bbb!important}.footer-legal a{color:#aaa!important}.footer-legal a:hover{color:var(--cm-yellow)!important}
.social-icons a{background:#1b1b1b!important;color:var(--cm-yellow)!important;border:1px solid #333!important;display:flex!important;align-items:center!important;justify-content:center!important}
.social-icons a:hover{background:var(--cm-yellow)!important;color:#111!important;border-color:var(--cm-yellow)!important;transform:translateY(-2px) scale(1.05)!important}
.social-icons svg{fill:currentColor!important}
.back-top{background:var(--cm-yellow)!important;color:#111!important;border:0!important}.back-top:hover{background:#111!important;color:var(--cm-yellow)!important}
.client-logo-card{border-color:var(--cm-line)!important}.client-logo-card:hover{border-color:#D8BA4F!important}
.industry-card a::after{content:"?";display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--cm-yellow);color:#111}
.utility-hero{background:#111!important}.utility-hero .kicker{color:var(--cm-yellow)!important}
.sitemap-grid a:hover{border-color:#D8BA4F!important;background:var(--cm-yellow-soft)!important}
:focus-visible{outline:3px solid var(--cm-yellow)!important;outline-offset:3px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
@media(max-width:620px){
 html body .footer{padding:48px 0 22px!important}
 html body .footer-grid{grid-template-columns:1fr!important;gap:34px!important}
 html body .footer-grid>div{align-items:flex-start!important;text-align:left!important}
 html body .footer-brand img{width:96px!important}
 html body .social-icons{justify-content:flex-start!important}
 html body .footer-bottom{align-items:flex-start!important}
 html body .footer-legal{display:grid!important;grid-template-columns:repeat(2,max-content)!important;gap:9px 18px!important}
 html body .hero,html body .page-hero{padding-top:155px!important}
 html body .hero-copy h1,html body .page-hero-copy h1{margin-top:42px!important}
}

/* Curated user-supplied visual assets */
.curated-service-visual{margin:24px 0 6px;max-width:560px;border-radius:24px;overflow:hidden;background:#fff;border:1px solid var(--cm-line);box-shadow:0 18px 44px rgba(25,25,25,.06)}
.curated-service-visual img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.curated-service-visual:hover img{transform:scale(1.025)}
.curated-plan-icon{width:44px!important;height:44px!important;object-fit:contain!important;margin:0 0 18px!important;filter:grayscale(1) contrast(1.1)}
.industries-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.industry-card{overflow:hidden!important}
.industry-card>img{aspect-ratio:1.42/1!important;width:100%!important;height:auto!important;object-fit:cover!important;filter:saturate(.84) contrast(1.03)}
.industry-card:hover>img{filter:saturate(1) contrast(1.05)}
@media(max-width:980px){.industries-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.industries-grid{grid-template-columns:1fr!important}.curated-service-visual{max-width:100%}}
/* FINAL VISUAL QA PATCH */
:root{--cm-yellow:#F5C84C;--cm-ink:#171717;--cm-muted:#646464}
/* Never allow old accent colours to leak through currentColor-based art */
.section-icon,.hero-orbit,.hero-path,.service-card .ico,.icon-card .ico{color:var(--cm-yellow)!important}
/* High-impact, fully legible hero typography. No outline/dark span treatment. */
html body .hero-copy h1,html body .page-hero-copy h1,html body .page-hero h1,html body .utility-hero h1{
  max-width:1040px!important;width:min(1040px,92vw)!important;
  margin:42px auto 22px!important;
  font-size:clamp(44px,5.2vw,74px)!important;
  line-height:1.01!important;
  color:#fff!important;
  background:linear-gradient(100deg,#fff 0%,#FFF6D1 56%,#F5C84C 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  -webkit-text-stroke:0 transparent!important;text-shadow:none!important;
  filter:drop-shadow(0 5px 24px rgba(0,0,0,.48))!important;
}
html body .hero-copy h1 span,html body .hero-copy h1 .grad,html body .page-hero-copy h1 span,html body .page-hero h1 span{
  color:transparent!important;-webkit-text-fill-color:transparent!important;
  background:inherit!important;-webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-stroke:0 transparent!important;
}
html body .hero-copy{width:min(1120px,92vw)!important;bottom:40px!important}
html body .hero-copy p,html body .page-hero-copy p{max-width:850px!important;margin-left:auto!important;margin-right:auto!important;color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.72)!important;font-weight:500!important}
.hero::after,.page-hero::after{background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.43) 46%,rgba(0,0,0,.84))!important}
/* Prevent decorative hero graphics from crossing the copy */
.hero-orbit,.hero-path{opacity:.24!important;pointer-events:none!important}.hero-copy{isolation:isolate}
/* Stronger vertical rhythm and collision protection */
.section,.about-section{overflow:hidden!important}
.feature,.split,.head{align-items:center!important}
.feature-copy,.copy,.head>div{min-width:0!important}
.feature-copy h2,.copy h2,.title{overflow-wrap:break-word!important;word-break:normal!important}
.feature-copy h2,.copy h2{line-height:1.04!important;margin-bottom:18px!important}
.section-icon{display:block!important;width:42px!important;height:42px!important;object-fit:contain!important;margin:0 0 18px!important}
.service-card h3,.icon-card h3,.plan h3{overflow-wrap:break-word!important}
.actions{position:relative!important;z-index:6!important}
/* Footer: retain approved layout but make it more alive */
.footer{position:relative!important;overflow:hidden!important;background:linear-gradient(145deg,#0c0c0c,#171717 55%,#0d0d0d)!important}
.footer::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,transparent 5%,var(--cm-yellow) 22%,var(--cm-yellow) 78%,transparent 95%)}
.footer::after{content:"";position:absolute;right:-130px;top:-150px;width:360px;height:360px;border:1px solid rgba(245,200,76,.1);border-radius:50%;box-shadow:0 0 0 50px rgba(245,200,76,.025),0 0 0 100px rgba(245,200,76,.016);pointer-events:none}
.footer-brand img{width:96px!important;max-width:96px!important;height:auto!important;filter:none!important}
.footer-grid>div:not(.footer-brand) a{position:relative;padding-left:0!important;transition:.25s ease!important}
.footer-grid>div:not(.footer-brand) a::before{content:"?";position:absolute;left:-19px;color:var(--cm-yellow);opacity:0;transform:translateX(-4px);transition:.25s ease}
.footer-grid>div:not(.footer-brand) a:hover{padding-left:19px!important}.footer-grid>div:not(.footer-brand) a:hover::before{opacity:1;transform:none}

/* ================================================================
   LEFT-SIDE SECTION NAVIGATOR
   Dots remain on the left; labels open into the page on the right.
================================================================ */

.cm-section-nav{
    position:fixed!important;
    z-index:980!important;
    left:18px!important;
    right:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:7px!important;
    width:auto!important;
    height:auto!important;
    overflow:visible!important;
    pointer-events:auto!important;
}

.cm-section-dot{
    position:relative!important;
    display:block!important;
    width:5px!important;
    min-width:5px!important;
    height:5px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:#AAA79C!important;
    opacity:.64!important;
    box-shadow:none!important;
    cursor:pointer!important;
    overflow:visible!important;
    transform-origin:left center!important;
    transition:
        width .28s cubic-bezier(.2,.8,.2,1),
        height .28s cubic-bezier(.2,.8,.2,1),
        background .28s ease,
        opacity .28s ease,
        border-radius .28s ease!important;
}

/* Larger invisible click / hover target */
.cm-section-dot::before{
    content:""!important;
    position:absolute!important;
    inset:-8px!important;
}

/* Hover indicator expands horizontally from the left */
.cm-section-dot:hover{
    width:18px!important;
    height:5px!important;
    border-radius:999px!important;
    background:var(--cm-yellow,#F5C84C)!important;
    opacity:1!important;
}

/* Active section remains a slim vertical marker */
.cm-section-dot.active{
    width:5px!important;
    min-width:5px!important;
    height:18px!important;
    border-radius:8px!important;
    background:var(--cm-yellow,#F5C84C)!important;
    opacity:1!important;
    box-shadow:0 3px 12px rgba(0,0,0,.12)!important;
}

/* Keep active marker vertical even when hovered */
.cm-section-dot.active:hover{
    width:5px!important;
    height:18px!important;
}

/* Label opens to the RIGHT of the left-side dot */
.cm-section-label{
    position:absolute!important;
    left:20px!important;
    right:auto!important;
    top:50%!important;
    transform:translateY(-50%) translateX(-6px)!important;
    display:block!important;
    width:max-content!important;
    max-width:240px!important;
    margin:0!important;
    padding:6px 9px!important;
    white-space:nowrap!important;
    background:#111!important;
    color:#fff!important;
    border:0!important;
    border-radius:7px!important;
    font:500 10px/1.2 "Inter",sans-serif!important;
    letter-spacing:.01em!important;
    text-align:left!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    box-shadow:0 8px 24px rgba(0,0,0,.18)!important;
    z-index:1000!important;
    transition:
        opacity .2s ease,
        transform .2s ease,
        visibility .2s ease!important;
}

/* Arrow sits on the label's left edge and points toward the dot */
.cm-section-label::after{
    content:""!important;
    position:absolute!important;
    left:-5px!important;
    right:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:0!important;
    height:0!important;
    border-top:5px solid transparent!important;
    border-bottom:5px solid transparent!important;
    border-right:5px solid #111!important;
    border-left:0!important;
}

/* Show label on hover / keyboard focus */
.cm-section-dot:hover .cm-section-label,
.cm-section-dot:focus .cm-section-label,
.cm-section-dot:focus-visible .cm-section-label{
    opacity:1!important;
    visibility:visible!important;
    transform:translateY(-50%) translateX(0)!important;
}

/* Active label remains hidden until the user interacts with it */
.cm-section-dot.active .cm-section-label{
    opacity:0!important;
    visibility:hidden!important;
}

.cm-section-dot.active:hover .cm-section-label,
.cm-section-dot.active:focus .cm-section-label,
.cm-section-dot.active:focus-visible .cm-section-label{
    opacity:1!important;
    visibility:visible!important;
    transform:translateY(-50%) translateX(0)!important;
}

.cm-section-dot:focus-visible{
    outline:2px solid var(--cm-yellow,#F5C84C)!important;
    outline-offset:5px!important;
}

/* Keep navigator off smaller screens */
@media(max-width:1100px){
    .cm-section-nav{
        display:none!important;
    }
}

@media(max-width:700px){
 html body .hero-copy{bottom:42px!important;width:90vw!important}
 html body .hero-copy h1,html body .page-hero-copy h1{font-size:clamp(36px,10.5vw,48px)!important;line-height:1.02!important;margin:30px auto 16px!important}
 html body .hero-copy p{font-size:15px!important;line-height:1.38!important}
 .actions{gap:8px!important;justify-content:center!important}.actions .btn{min-height:40px!important;padding:0 14px!important}
 .feature,.feature.alt,.split,.head{gap:34px!important}
 .section,.about-section{padding-top:76px!important;padding-bottom:76px!important}
 .footer-grid>div{width:100%!important}.footer h4{margin-bottom:12px!important}.footer a{margin-bottom:8px!important}
}
.footer-callout{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 0 34px;margin-bottom:42px;border-bottom:1px solid rgba(255,255,255,.12)}
.footer-callout>div{display:flex;flex-direction:column;gap:4px}.footer-callout-kicker{font:500 11px/1.2 "Inter";letter-spacing:.12em;text-transform:uppercase;color:#aaa}.footer-callout strong{font:600 clamp(26px,3vw,42px)/1 "Sora";letter-spacing:-.04em;color:#fff}
.footer-callout>a{display:flex!important;align-items:center;gap:12px!important;color:#fff!important;font-weight:600!important}.footer-callout>a>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--cm-yellow);color:#111;font-size:18px;transition:.3s}.footer-callout>a:hover{color:var(--cm-yellow)!important}.footer-callout>a:hover>span{transform:rotate(45deg) scale(1.08);background:#fff}
@media(max-width:620px){.footer-callout{align-items:flex-start;flex-direction:column;margin-bottom:34px;padding-bottom:28px}.footer-callout strong{font-size:30px}.footer-callout>a{margin-top:5px}}
/* Header logo aspect-ratio safeguard against legacy max-height rules */
html body .site-logo img{width:96px!important;max-width:96px!important;min-width:96px!important;height:auto!important;max-height:none!important;object-fit:contain!important;aspect-ratio:auto!important}
/* Hero actions must remain readable over image */
html body .hero .btn.cta,html body .page-hero .btn.cta{background:var(--cm-yellow)!important;color:#111!important;border-color:var(--cm-yellow)!important}
html body .hero .btn:not(.cta),html body .page-hero .btn:not(.cta){background:rgba(5,5,5,.36)!important;color:#fff!important;border-color:rgba(255,255,255,.58)!important;backdrop-filter:blur(8px)}
html body .hero .btn:not(.cta):hover,html body .page-hero .btn:not(.cta):hover{background:var(--cm-yellow)!important;color:#111!important;border-color:var(--cm-yellow)!important}
.section-icon-standalone{width:52px!important;height:52px!important;margin-bottom:20px!important;opacity:.9}


/* SOURCE: assets/css/v4-creative-qa.css */

/* ================================================================
   CLOUDMATIC V4 — VISUAL QA / CREATIVE INTERACTION SYSTEM
   Final override layer. Sora headings, Inter everything else.
   Palette: charcoal / white / warm grey / yellow.
================================================================ */
:root{
 --v4-ink:#171717;
 --v4-ink2:#2b2b2b;
 --v4-muted:#626262;
 --v4-yellow:#F5C84C;
 --v4-yellow2:#FFD95F;
 --v4-cream:#FFF9DE;
 --v4-white:#fff;
 --v4-line:#DED8C9;
}

/* Reset stray accented text */
html body{color:var(--v4-ink)!important}
html body p,html body li,html body .lead{color:var(--v4-muted)!important}
html body h1,html body h2,html body h3,html body h4,html body h5,html body h6{color:var(--v4-ink)}
html body .kicker{color:#80681A!important}
html body a:not(.desktop-nav a):not(.mobile-drawer a):not(.btn):not(.footer a){color:#5d4a00}

/* Header must breathe inside hero */
html body .site-header{top:18px!important}
html body .header-inner{height:82px!important}
html body .site-logo img{width:96px!important;max-width:96px!important;max-height:none!important;height:auto!important}
html body .desktop-nav>a,html body .resource-trigger{font-size:15px!important;font-weight:600!important}

/* HERO: no outline text, no clipping, more safety space */
html body .hero,html body .page-hero{
 min-height:720px!important;
 height:min(88vh,860px)!important;
 padding:190px 0 78px!important;
 overflow:hidden!important
}
html body .hero-copy,html body .page-hero-copy{
 width:min(1080px,88vw)!important;
 max-width:1080px!important;
 margin:0 auto!important;
 padding:0 12px!important;
 display:flex!important;
 flex-direction:column!important;
 justify-content:flex-end!important;
 align-items:center!important
}
html body .hero-copy h1,html body .page-hero-copy h1,html body .page-hero h1{
 max-width:1060px!important;
 font-size:clamp(60px,4.8vw,60px)!important;
 line-height:.98!important;
 letter-spacing:-.052em!important;
 margin:20px auto 22px!important;
 padding:0 0 .08em!important;
 color:transparent!important;
 -webkit-text-stroke:0 transparent!important;
 text-shadow:none!important;
 background:linear-gradient(95deg,#FFFFFF 0%,#FFF5C6 56%,#F5C84C 100%)!important;
 -webkit-background-clip:text!important;background-clip:text!important;
 filter:drop-shadow(0 5px 22px rgba(0,0,0,.42))!important;
 text-align:center!important
}
html body .hero-copy h1 *,html body .page-hero-copy h1 *{
 color:transparent!important;
 -webkit-text-stroke:0 transparent!important;
 background:inherit!important;
 -webkit-background-clip:text!important;background-clip:text!important
}
html body .hero-copy p,html body .page-hero-copy p{
 max-width:820px!important;
 margin:0 auto!important;
 color:#fff!important;
 font-size:15px!important;
 line-height:1.55!important;
 text-align:center!important;
 text-shadow:0 2px 18px rgba(0,0,0,.58)!important
}
html body .hero-copy .actions{margin-top:24px!important;gap:10px!important}
html body .hero-copy .btn{min-width:0!important}

/* compact chips/tags */
html body .tags{gap:7px!important;margin-top:16px!important}
html body .tag{
 font:500 11px/1.15 "Inter",sans-serif!important;
 padding:6px 9px!important;
 border-radius:999px!important;
 border:1px solid #D7D0BE!important;
 background:#fff!important;
 color:#3a3428!important;
 white-space:nowrap!important
}
html body .tag:hover{background:var(--v4-yellow)!important;border-color:var(--v4-yellow)!important;color:#111!important}

/* technology chips — readable + compact */
html body .tech{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
html body .tech span{
 display:inline-flex!important;align-items:center!important;min-height:34px!important;
 padding:8px 12px!important;border-radius:11px!important;
 border:1px solid #D8D3C6!important;background:#fff!important;color:#292929!important;
 font:600 11px/1 "Inter",sans-serif!important;letter-spacing:0!important;
 box-shadow:0 5px 16px rgba(25,25,25,.025)!important;transition:.25s!important
}
html body .tech span:hover{background:var(--v4-yellow)!important;border-color:var(--v4-yellow)!important;transform:translateY(-2px)!important}

/* SERVICE CARDS — no overlapping; explicit content flow */
html body .card:not(.cm-flip-card),html body .service-card{
 min-height:294px!important;height:auto!important;
 display:flex!important;flex-direction:column!important;align-items:flex-start!important;
 padding:26px 22px 22px!important;
 overflow:hidden!important
}
html body .card:not(.cm-flip-card) h3,html body .service-card h3{margin:34px 0 10px!important;line-height:1.08!important}
html body .card:not(.cm-flip-card) p,html body .service-card p{
 margin:0 0 18px!important;line-height:1.42!important;overflow:visible!important;
 display:block!important;max-height:none!important
}
html body .card:not(.cm-flip-card) a,html body .service-card a{
 position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;
 margin-top:auto!important;padding-top:8px!important;display:inline-flex!important;align-items:center!important;
 font-size:13px!important;font-weight:700!important
}
html body .card:not(.cm-flip-card) a::after,html body .service-card a::after{
 content:"?"!important;width:34px!important;height:34px!important;margin-left:9px!important
}

/* Real flip cards: first website-services group */
.cm-flip-card{
 position:relative!important;min-height:300px!important;height:300px!important;
 padding:0!important;background:transparent!important;border:0!important;
 box-shadow:none!important;perspective:1100px!important;overflow:visible!important
}
.cm-flip-inner{
 width:100%;height:100%;position:relative;transform-style:preserve-3d;
 transition:transform .62s cubic-bezier(.2,.75,.2,1)
}
.cm-flip-card:hover .cm-flip-inner,.cm-flip-card:focus .cm-flip-inner,.cm-flip-card.is-flipped .cm-flip-inner{transform:rotateY(180deg)}
.cm-flip-face{
 position:absolute;inset:0;border-radius:22px;border:1px solid var(--v4-line);
 background:#fff;backface-visibility:hidden;-webkit-backface-visibility:hidden;
 padding:26px;display:flex;flex-direction:column;align-items:flex-start;
 box-shadow:0 17px 44px rgba(24,24,24,.055);overflow:hidden
}
.cm-flip-front::after{
 content:"";position:absolute;right:-55px;bottom:-55px;width:150px;height:150px;
 border-radius:50%;background:var(--v4-yellow);opacity:.16;transition:.4s
}
.cm-flip-card:hover .cm-flip-front::after{transform:scale(1.35);opacity:.25}
.cm-flip-front svg{width:42px;height:42px;stroke:#111!important;margin-bottom:auto}
.cm-flip-front h3{font-size:24px!important;line-height:1.05!important;margin:24px 0 9px!important;max-width:90%}
.cm-flip-hint{font-size:11px;color:#74683d;text-transform:uppercase;letter-spacing:.1em}
.cm-flip-back{transform:rotateY(180deg);background:#111;color:#fff;border-color:#111;justify-content:center}
.cm-flip-back h3{color:var(--v4-yellow)!important;font-size:20px!important;margin:0 0 12px!important}
.cm-flip-back p{color:#ddd!important;font-size:14px!important;line-height:1.45!important;margin:0 0 18px!important}
.cm-flip-back a{margin-top:auto;color:#fff!important;font-size:13px!important;font-weight:700!important}
.cm-flip-back a::after{content:"?";display:inline-grid;place-items:center;width:34px;height:34px;margin-left:9px;border-radius:50%;background:var(--v4-yellow);color:#111}

/* horizontal carousel clipping and breathing room */
html body .cards.slider,html body .service-carousel,html body .server-service-carousel{
 gap:14px!important;padding:5px 2px 14px!important
}
html body .cards.slider{overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}
html body .cards.slider::-webkit-scrollbar{display:none!important}
html body #services .cards.slider>.card{scroll-snap-align:start!important;flex:0 0 min(31.2%,365px)!important}

/* carousel arrows: strong but restrained */
.car-btn,.carousel-arrow,.server-carousel-nav .car-btn{
 width:42px!important;height:42px!important;border-radius:50%!important;
 border:1px solid #CFC7B2!important;background:#fff!important;color:#111!important;
 transition:.28s!important
}
.car-btn:hover,.carousel-arrow:hover,.server-carousel-nav .car-btn:hover{
 background:var(--v4-yellow)!important;border-color:var(--v4-yellow)!important;
 transform:translateY(-2px) rotate(-5deg)!important
}

/* technology section gets a subtle field, not empty space */
html body .tech-section,.section:has(.tech){
 position:relative!important;overflow:hidden!important
}
html body .section:has(.tech)::after{
 content:"";position:absolute;pointer-events:none;right:-110px;bottom:-135px;
 width:380px;height:380px;border-radius:50%;
 background:radial-gradient(circle,rgba(245,200,76,.18),rgba(245,200,76,0) 70%)
}

/* CREATIVE metric / proof band */
html body .metric-proof{
 position:relative!important;display:grid!important;grid-template-columns:1.2fr 1fr 1fr 1fr!important;
 gap:1px!important;background:#3d3a31!important;border-radius:26px!important;
 overflow:hidden!important;box-shadow:0 24px 70px rgba(19,19,19,.13)!important
}
html body .metric-proof::before{
 content:"PROOF / 09+";position:absolute;right:24px;top:17px;z-index:4;
 font:600 10px/1 "Inter";letter-spacing:.14em;color:rgba(245,200,76,.65)
}
html body .metric-proof>div{
 position:relative!important;min-height:170px!important;padding:30px 24px!important;
 display:flex!important;flex-direction:column!important;justify-content:flex-end!important;
 background:#111!important;overflow:hidden!important;transition:.35s!important
}
html body .metric-proof>div:first-child{min-height:215px!important;background:#181818!important}
html body .metric-proof>div::after{
 content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--v4-yellow);
 transform:scaleX(.15);transform-origin:left;transition:.45s
}
html body .metric-proof>div:hover{background:#202020!important}
html body .metric-proof>div:hover::after{transform:scaleX(1)}
html body .metric-proof strong{font:600 clamp(29px,3vw,46px)/1 "Sora"!important;color:var(--v4-yellow)!important;letter-spacing:-.045em!important}
html body .metric-proof span{font-size:13px!important;color:#d5d5d5!important;margin-top:7px!important;max-width:190px}

/* CLIENT LOGO carousel — logo should be the content, not empty card */
html body .client-carousel{grid-template-columns:42px minmax(0,1fr) 42px!important;gap:10px!important}
html body .client-track{gap:10px!important}
html body .client-logo-card{
 flex:0 0 168px!important;height:104px!important;padding:12px!important;border-radius:16px!important;
 background:#fff!important;border:1px solid #E0DACB!important
}
html body .client-logo-card img{
 max-width:145px!important;max-height:68px!important;width:auto!important;height:auto!important;
 object-fit:contain!important;opacity:.84!important;filter:grayscale(1) contrast(1.08)!important;
 transform:scale(1.08);transition:.28s!important
}
html body .client-logo-card:hover img{opacity:1!important;filter:none!important;transform:scale(1.16)}

/* Section navigator is defined once above; conflicting right-side override removed. */
/* make main image-led sections more dynamic */
html body .feature-media,html body .visual{
 border-radius:24px!important;overflow:hidden!important;position:relative!important
}
html body .feature-media::after,html body .visual::after{
 content:"";position:absolute;inset:auto 18px 18px auto;width:38px;height:38px;border-radius:50%;
 background:var(--v4-yellow);opacity:0;transform:scale(.6);transition:.35s;pointer-events:none
}
html body .feature:hover .feature-media::after,html body .split:hover .visual::after{opacity:.9;transform:scale(1)}

/* lightweight visual divider / full-width rhythm */
html body .section{position:relative}
html body .section:nth-of-type(5n)::before{
 content:"";position:absolute!important;left:50%!important;top:0!important;width:min(1180px,86vw)!important;height:1px!important;
 transform:translateX(-50%)!important;background:linear-gradient(90deg,transparent,#DCC14E,transparent)!important
}

/* footer: keep approved structure, add polish */
html body .footer{padding-top:54px!important}
.footer-callout{margin-bottom:36px!important}
.footer-callout strong{font-size:clamp(20px,2.8vw,32px)!important;padding: 7px 15px 7px 10px;
    border-radius: 4px;background:#dbb908;}
.footer-grid{gap:40px!important}
.footer-brand p{font-size:13px!important;line-height:1.58!important;max-width:390px!important}
.footer h4{font-size:12px!important;letter-spacing:.03em!important}
.footer a{font-size:12px!important}
.footer-bottom{font-size:10px!important}
.social-icons a{width:38px!important;height:38px!important}

/* Home hero header/footer interference safety */
body.home-page .site-header,body.index-page .site-header{top:18px!important}
html body .slider-shell,html body .home-slider{min-height:100vh!important}
html body .footer{z-index:20}

/* Motion micro-details */
@media(pointer:fine){
 .btn,.nav-quote{transition:transform .25s,background .25s,color .25s!important}
 .btn:hover,.nav-quote:hover{transform:translateY(-2px)!important}
}

/* responsive */
@media(max-width:1050px){
 html body .metric-proof{grid-template-columns:1fr 1fr!important}
 html body .metric-proof>div:first-child{min-height:170px!important}
 html body #services .cards.slider>.card{flex-basis:46%!important}
}
@media(max-width:720px){
 html body .site-header{top:8px!important}
 html body .hero,html body .page-hero{min-height:650px!important;height:auto!important;padding:145px 0 62px!important}
 html body .hero-copy h1,html body .page-hero-copy h1{font-size:clamp(37px,10.5vw,48px)!important;line-height:1.02!important;margin:18px auto 17px!important}
 html body .hero-copy p,html body .page-hero-copy p{font-size:15px!important;line-height:1.48!important}
 html body #services .cards.slider>.card{flex-basis:86%!important}
 .cm-flip-card{height:286px!important;min-height:286px!important}
 html body .metric-proof{grid-template-columns:1fr!important}
 html body .metric-proof>div{min-height:130px!important}
 html body .tech span{font-size:10px!important;padding:7px 9px!important;min-height:30px!important}
 html body .tag{font-size:10px!important;padding:5px 8px!important}
 html body .client-logo-card{flex-basis:142px!important;height:90px!important}
 html body .client-logo-card img{max-width:122px!important;max-height:58px!important}
}