:root{--obje-font-body:'Yekan Bakh','YekanBakh',Tahoma,Arial,sans-serif;--obje-font-heading:'Alibaba','Alibaba Sans','Yekan Bakh','YekanBakh',Tahoma,Arial,sans-serif;--navy:var(--obje-navy,#1b1b4f);--navy2:#050b24;--orange:var(--obje-accent,#ff7a1a);--light:#f4f4f6;--text:#101426;--muted:#777;--white:#fff}
html{scroll-behavior:smooth}
body{margin:0;background:var(--navy2);font-family:var(--obje-font-body);color:var(--text);overflow-x:hidden;font-weight:400}
h1,h2,h3,.site-nav a,.obje-btn{font-family:var(--obje-font-heading);letter-spacing:-.025em;font-weight:800}
img{max-width:100%;height:auto}a{text-decoration:none}.obje-container{width:min(1140px,calc(100% - 40px));margin-inline:auto}
.obje-logo-mask{display:block;width:var(--obje-logo-size);height:var(--obje-logo-size);background:var(--logo-color);-webkit-mask-image:var(--logo-url);mask-image:var(--logo-url);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
.obje-progress{position:fixed;top:0;right:0;left:0;height:4px;z-index:5000;background:rgba(255,255,255,.08)}.obje-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--orange),#ffb26b)}
.obje-loader{position:fixed;inset:0;background:rgba(5,11,36,var(--obje-loader-alpha,.70));display:grid;place-items:center;z-index:6000;transition:.45s ease;backdrop-filter:blur(var(--obje-loader-blur,18px)) saturate(145%);-webkit-backdrop-filter:blur(var(--obje-loader-blur,18px)) saturate(145%)}.obje-loaded .obje-loader{opacity:0;visibility:hidden}.loader-box{display:grid;gap:18px;place-items:center}.loader-logo img,.loader-logo .obje-logo-mask{width:74px!important;height:74px!important;object-fit:contain}.loader-line{width:140px;height:4px;border-radius:30px;background:linear-gradient(90deg,transparent,var(--orange),transparent);animation:loadline 1s infinite}.loader-spinner{display:none;width:58px;height:58px;border-radius:50%;border:1px solid rgba(255,255,255,.18);border-top-color:var(--orange);animation:spin .75s linear infinite}.loader-dots{display:none;gap:8px}.loader-dots i{width:10px;height:10px;border-radius:50%;background:var(--orange);animation:dots .9s infinite alternate}.loader-dots i:nth-child(2){animation-delay:.15s}.loader-dots i:nth-child(3){animation-delay:.3s}.loader-progress{display:none;width:180px;height:6px;border-radius:20px;background:rgba(255,255,255,.1);overflow:hidden}.loader-progress span{display:block;width:50%;height:100%;background:var(--orange);animation:progress 1s infinite}
.loader-glass-spinner .loader-line,.loader-glass-spinner .loader-dots,.loader-glass-spinner .loader-progress{display:none}.loader-glass-spinner .loader-spinner{display:block}.loader-dots .loader-line,.loader-dots .loader-spinner,.loader-dots .loader-progress{display:none}.loader-dots .loader-dots{display:flex}.loader-progress .loader-line,.loader-progress .loader-spinner,.loader-progress .loader-dots{display:none}.loader-progress .loader-progress{display:block}
@keyframes loadline{0%{transform:translateX(40px);opacity:.4}50%{opacity:1}100%{transform:translateX(-40px);opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dots{to{transform:translateY(-8px);opacity:.55}}@keyframes progress{from{transform:translateX(110%)}to{transform:translateX(-210%)}}
.site-header{position:relative;z-index:3000;padding-top:16px}.obje-sticky-header .site-header{position:sticky;top:0}.site-header-inner{width:min(var(--obje-header-width),calc(100% - 40px));min-height:var(--obje-header-height);margin:auto;display:grid;grid-template-columns:70px 1fr auto auto;gap:14px;align-items:center;padding:8px 14px;border-radius:22px;background:rgba(7,16,40,var(--obje-header-glass-alpha,.86));border:1px solid rgba(255,255,255,.14);box-shadow:0 22px 70px rgba(0,0,0,.28)}.obje-glass-header .site-header-inner{backdrop-filter:blur(22px) saturate(170%);-webkit-backdrop-filter:blur(22px) saturate(170%)}
.site-logo{display:flex;align-items:center;justify-content:center;width:56px;height:46px;overflow:hidden}.site-logo img{width:var(--obje-logo-size)!important;height:var(--obje-logo-size)!important;object-fit:contain;display:block}.site-nav{display:flex;justify-content:center;align-items:center;gap:20px}.site-nav a{color:rgba(255,255,255,.84);font-size:13px;font-weight:900;white-space:nowrap}.obje-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:15px;background:linear-gradient(135deg,var(--orange),#ff9c42);color:#fff!important;font-size:13px;font-weight:950;border:0;box-shadow:0 16px 34px rgba(255,122,26,.24);transition:.25s;cursor:pointer}.obje-btn:hover{transform:translateY(-3px)}.obje-btn.ghost{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);box-shadow:none}.mobile-menu-toggle{display:none;position:relative;width:40px;height:40px;border:0;border-radius:14px;background:rgba(255,255,255,.08);cursor:pointer}.mobile-menu-toggle span,.mobile-menu-toggle:before,.mobile-menu-toggle:after{content:"";position:absolute;right:10px;left:10px;height:2px;background:#fff;border-radius:6px}.mobile-menu-toggle span{top:19px}.mobile-menu-toggle:before{top:13px}.mobile-menu-toggle:after{top:25px}.mobile-panel{display:none;width:min(var(--obje-header-width),calc(100% - 40px));margin:10px auto 0;padding:12px;border-radius:18px;background:rgba(7,16,40,.95);border:1px solid rgba(255,255,255,.12)}.mobile-panel a{display:block;color:#fff;padding:12px;border-radius:12px;font-weight:800}.mobile-open .mobile-panel{display:block}
.hero{margin-top:-96px;padding:180px 0 82px;background:radial-gradient(circle at 85% 14%,rgba(255,122,26,.14),transparent 26%),linear-gradient(135deg,#050b24,#111747 52%,var(--navy));color:#fff}.hero-grid{display:grid;grid-template-columns:1fr .95fr;gap:42px;align-items:center}.eyebrow,.section-head span{display:inline-flex;align-items:center;gap:10px;color:var(--orange);font-weight:950;font-size:13px;margin-bottom:12px}.eyebrow:before,.section-head span:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 8px rgba(255,122,26,.12)}.hero h1{font-size:54px;line-height:1.32;margin:0 0 18px;font-weight:950;word-spacing:.08em}.hero p{color:rgba(255,255,255,.72);font-size:16px;line-height:2;margin:0 0 24px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-image{margin:0;border-radius:34px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 80px rgba(0,0,0,.35)}.hero-image img{width:100%;height:480px;object-fit:cover;display:block}.hero-marquee{margin-top:32px;max-width:560px;height:52px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);overflow:hidden;display:flex;align-items:center}.hero-marquee div{display:flex;align-items:center;gap:18px;white-space:nowrap;animation:marquee 18s linear infinite;color:#fff;font-weight:950;font-size:12px}.hero-marquee i{width:7px;height:7px;border-radius:50%;background:var(--orange)}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(50%)}}
.partners-section{padding:76px 0;background:#f4f4f6}.partners-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:center;padding:30px;border-radius:30px;background:#fff;border:1px solid #e4e7f0;box-shadow:0 30px 80px rgba(16,20,38,.08)}.partners-copy h2,.section-head h2{font-size:36px;line-height:1.45;margin:0 0 12px;color:#101426;font-weight:950;word-spacing:.06em}.partners-copy p,.section-head p{line-height:2;color:#6f7487;margin:0}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.mini-stats b{display:grid;gap:4px;padding:14px;border-radius:16px;background:#f7f7fb;text-align:center;color:var(--orange);font-size:22px}.mini-stats small{color:#6f7487;font-size:12px}.partner-logo-box{padding:18px;border-radius:24px;background:#070f2f;color:#fff;overflow:hidden}.partner-logo-box>span{display:block;margin-bottom:12px;color:#fff;font-size:12px;font-weight:950}.partner-marquee{overflow:hidden}.partner-track{display:flex;gap:12px;animation:logos 28s linear infinite;width:max-content}@keyframes logos{from{transform:translateX(0)}to{transform:translateX(50%)}}.partner-tile{width:150px;height:68px;display:grid;place-items:center;border-radius:18px;background:#fff;border:1px solid #e9e9f1;padding:10px}.partner-tile img{max-width:120px;max-height:44px;object-fit:contain}
.apple-services,.obje-section{padding:88px 0}.dark{background:linear-gradient(135deg,#050b24,#141a54);color:#fff}.dark .section-head h2{color:#fff}.dark .section-head p{color:rgba(255,255,255,.66)}.section-head{text-align:center;max-width:780px;margin:0 auto 38px}.align-right{text-align:right;margin-right:0}.apple-switcher{display:grid;grid-template-columns:260px 1fr;gap:24px}.service-tabs{display:grid;gap:12px}.service-tabs button{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);color:#fff;border-radius:18px;padding:18px;text-align:right;font-weight:950;cursor:pointer}.service-tabs button.active{background:linear-gradient(135deg,rgba(255,122,26,.26),rgba(255,255,255,.08));border-color:rgba(255,122,26,.45)}.service-stage{position:relative;min-height:460px;border-radius:32px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);overflow:hidden;display:grid;grid-template-columns:1fr .9fr}.service-stage figure{position:relative;margin:0;min-height:460px}.service-visual{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:.65s ease}.service-visual.active{opacity:1;transform:scale(1)}.service-info{display:none;padding:48px;align-self:center}.service-info.active{display:block;animation:fadeup .55s ease both}.service-info span{color:var(--orange);font-weight:950}.service-info h3{font-size:34px;line-height:1.45;margin:12px 0;color:#fff}.service-info p{color:rgba(255,255,255,.72);line-height:2}@keyframes fadeup{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.light{background:#f4f4f6}.process-grid,.feature-grid,.pricing-grid,.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.process-grid article,.feature-card,.price-card{padding:24px;border-radius:22px;background:#fff;border:1px solid #e2e6ef;box-shadow:0 20px 50px rgba(16,20,38,.06)}.process-grid b,.feature-card b{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--navy);color:#fff}.process-grid h3,.feature-card h3{font-size:22px;margin:18px 0 8px;color:#101426}.process-grid p,.feature-card p{color:#6f7487;line-height:1.9;margin:0}
.service-hero{margin-top:-96px;padding:180px 0 90px;background:radial-gradient(circle at 82% 12%,rgba(255,122,26,.13),transparent 28%),linear-gradient(135deg,#050b24,var(--navy));color:#fff}.service-hero-grid{display:grid;grid-template-columns:1fr .9fr;gap:38px;align-items:center}.service-hero h1{font-size:52px;line-height:1.35;margin:0 0 16px}.service-hero p{color:rgba(255,255,255,.72);line-height:2;font-size:16px;margin-bottom:24px}.service-hero figure{margin:0;border-radius:30px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 80px rgba(0,0,0,.28)}.service-hero img{width:100%;height:420px;object-fit:cover;display:block}.project-grid{grid-template-columns:repeat(2,1fr)}.project-card{position:relative;overflow:hidden;border-radius:26px;background:#101846;border:1px solid rgba(255,255,255,.12)}.project-card img{width:100%;height:310px;object-fit:cover;display:block;filter:brightness(.82)}.project-card div{padding:22px}.project-card h3{color:#fff;margin:0 0 8px}.project-card p{color:rgba(255,255,255,.72);line-height:1.9}.project-card a{color:var(--orange);font-weight:950}.pricing-grid{grid-template-columns:repeat(3,1fr)}.price-card.featured{background:var(--navy);color:#fff;border-color:var(--navy);transform:translateY(-12px)}.price-card h3{font-size:24px;margin:0 0 8px}.price-card p{color:#777;line-height:1.8}.price-card.featured p{color:rgba(255,255,255,.7)}.price-card strong{display:block;color:var(--orange);font-size:26px;margin:16px 0}.price-card ul{padding:0;margin:0 0 20px;list-style:none}.price-card li{margin:10px 0;color:inherit}.media-split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.media-split figure{margin:0;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.12)}.media-split img{height:360px;width:100%;object-fit:cover}.media-split h2{font-size:38px;line-height:1.4;color:#fff}.media-split p{color:rgba(255,255,255,.72);line-height:2}.pill-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pill-grid span{border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:14px;text-align:center;color:#fff;font-weight:850}
.contact-page{margin-top:-96px;padding:180px 0 90px;background:linear-gradient(135deg,#050b24,var(--navy));color:#fff}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.contact-form,.contact-info{border-radius:30px;background:rgba(255,255,255,.085);border:1px solid rgba(255,255,255,.14);box-shadow:0 28px 80px rgba(0,0,0,.24);padding:28px}.contact-form h2,.contact-info h2{margin-top:0;color:#fff}.contact-form label{display:grid;gap:8px;color:rgba(255,255,255,.72);font-weight:800;margin-bottom:14px}.contact-form input,.contact-form textarea{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.075);color:#fff;border-radius:16px;padding:15px 16px;font-family:inherit}.contact-info img{border-radius:22px;width:100%;height:230px;object-fit:cover;margin-bottom:20px}.contact-info p{color:rgba(255,255,255,.72);line-height:2}.contact-info-item,.footer-contact-item{display:flex;gap:12px;align-items:center;padding:13px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);margin-bottom:10px}.contact-info-item svg,.footer-contact-item svg{width:22px;height:22px;fill:var(--orange);flex:none}.contact-info-item b,.footer-contact-item strong{display:block;color:#fff;margin-bottom:4px}.contact-info-item a,.contact-info-item span,.footer-contact-item a,.footer-contact-item span{color:rgba(255,255,255,.72)}
.portfolio-archive-hero,.portfolio-single-hero{margin-top:-96px;padding:180px 0 80px;background:radial-gradient(circle at 78% 16%,rgba(255,122,26,.15),transparent 26%),linear-gradient(135deg,#050b24,var(--navy));color:#fff}.portfolio-archive-hero h1,.portfolio-single-hero h1{font-size:58px;line-height:1.35;margin:0 0 12px}.portfolio-archive-hero p,.portfolio-single-hero p{color:rgba(255,255,255,.72);line-height:2;max-width:780px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.portfolio-card{border-radius:28px;overflow:hidden;background:#101846;box-shadow:0 22px 70px rgba(16,20,38,.10)}.portfolio-card a{display:block;color:#fff}.portfolio-card img{width:100%;height:260px;object-fit:cover;display:block;filter:brightness(.78)}.portfolio-card div{padding:20px;background:linear-gradient(180deg,#101846,#070f2f)}.portfolio-card span{color:var(--orange);font-weight:950;font-size:12px}.portfolio-card h3{font-size:24px;margin:8px 0;color:#fff}.portfolio-card p{color:rgba(255,255,255,.7);line-height:1.8}.breadcrumb-mini{display:flex;gap:8px;color:rgba(255,255,255,.65);margin-bottom:20px}.breadcrumb-mini a{color:#fff}.portfolio-meta-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.portfolio-meta-row span{padding:15px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);text-align:center}.portfolio-main-media{margin:0;border-radius:26px;overflow:hidden;border:1px solid rgba(255,255,255,.16);box-shadow:0 34px 90px rgba(0,0,0,.34)}.portfolio-main-media img{width:100%;height:560px;object-fit:cover;display:block}.video-chip{display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:#fff;background:var(--orange);border-radius:14px;padding:12px 18px;font-weight:900}.video-chip svg{width:18px;height:18px;fill:#fff}.portfolio-content-grid{display:grid;grid-template-columns:1.5fr .75fr;gap:24px}.portfolio-story,.portfolio-result-card{background:#fff;border-radius:28px;padding:30px;box-shadow:0 20px 60px rgba(16,20,38,.08)}.portfolio-story{line-height:2;color:#40465c}.portfolio-result-card h3{font-size:26px;margin-top:0}.portfolio-result-card p{line-height:2;color:#6f7487}
.site-footer{padding:var(--obje-footer-padding) 0 28px;background:radial-gradient(circle at 14% 14%,rgba(255,122,26,.14),transparent 24%),linear-gradient(135deg,#050b24,#171c56);color:#fff}.footer-cta,.footer-main,.footer-copy{width:min(var(--obje-footer-width),calc(100% - 40px));margin-inline:auto}.footer-cta{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:28px;border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.055));border:1px solid rgba(255,255,255,.14);margin-bottom:22px}.footer-cta span{color:var(--orange);font-weight:950}.footer-cta h2{font-size:30px;margin:8px 0;color:#fff}.footer-cta p{color:rgba(255,255,255,.72);line-height:2;margin:0}.footer-main{display:grid;grid-template-columns:1.2fr .8fr .8fr 1.1fr;gap:24px;padding:28px;border-radius:30px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11)}.footer-main h3{margin:0 0 14px;color:#fff}.footer-main p,.footer-main a{display:block;color:rgba(255,255,255,.68);line-height:2;font-size:14px}.footer-logo{display:block;width:var(--obje-logo-size);height:var(--obje-logo-size);margin-bottom:12px}.footer-logo img{width:var(--obje-logo-size);height:var(--obje-logo-size);object-fit:contain}.footer-copy{display:flex;justify-content:space-between;color:rgba(255,255,255,.5);font-size:12px;margin-top:18px}.back-to-top{position:fixed;left:22px;bottom:22px;width:46px;height:46px;border-radius:16px;border:1px solid rgba(255,255,255,.18);background:rgba(7,16,40,.84);color:#fff;z-index:3200;opacity:0;visibility:hidden;transform:translateY(14px);transition:.25s;cursor:pointer}.back-to-top.show{opacity:1;visibility:visible;transform:none}.wp-content-card{padding:36px;background:#fff;border-radius:28px;box-shadow:0 20px 50px rgba(16,20,38,.08)}
@media(max-width:1100px){.site-nav{gap:12px}.site-nav a{font-size:12px}.hero-grid,.service-hero-grid,.partners-card,.apple-switcher,.service-stage,.contact-grid,.media-split,.portfolio-content-grid{grid-template-columns:1fr}.process-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:repeat(2,1fr)}.portfolio-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.site-header-inner{width:calc(100% - 16px);grid-template-columns:52px 1fr auto;padding:7px 9px;border-radius:16px}.site-nav{display:none}.mobile-menu-toggle{display:block}.header-cta{min-height:34px;padding:0 10px;font-size:11px}.hero,.service-hero,.contact-page,.portfolio-archive-hero,.portfolio-single-hero{margin-top:-80px;padding:132px 0 54px}.hero h1,.service-hero h1,.portfolio-archive-hero h1,.portfolio-single-hero h1{font-size:32px}.hero-image img,.service-hero img{height:290px}.partners-card,.footer-cta,.footer-main{padding:18px;border-radius:22px}.mini-stats{grid-template-columns:repeat(3,1fr)}.apple-services,.obje-section{padding:58px 0}.service-info{padding:24px}.service-info h3,.partners-copy h2,.section-head h2{font-size:26px}.process-grid,.feature-grid,.project-grid,.footer-main,.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:12px}.pricing-grid{grid-template-columns:1fr}.price-card.featured{transform:none}.footer-cta{grid-template-columns:1fr}.footer-copy{display:grid;gap:8px}.portfolio-meta-row{grid-template-columns:1fr}.portfolio-main-media img{height:300px}.portfolio-card img{height:180px}.portfolio-card h3{font-size:18px}}
@media(max-width:420px){.header-cta{display:none}.site-header-inner{grid-template-columns:52px 1fr}.process-grid,.feature-grid,.project-grid,.footer-main,.portfolio-grid{grid-template-columns:1fr}.mini-stats{grid-template-columns:1fr}.partner-tile{width:130px}.portfolio-card img{height:220px}}

/* v4 additions */
.challenge-section{padding:82px 0;background:#f4f4f6}
.challenge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.challenge-grid article{position:relative;min-height:210px;padding:28px;border-radius:28px;background:#fff;border:1px solid #e3e7f0;box-shadow:0 22px 60px rgba(16,20,38,.07);overflow:hidden}
.challenge-grid article:after{content:"";position:absolute;right:-40px;bottom:-40px;width:140px;height:140px;border-radius:50%;background:rgba(255,122,26,.09)}
.challenge-grid article.active{background:var(--navy);color:#fff;border-color:var(--navy)}
.challenge-grid b{display:block;color:var(--orange);font-weight:950;margin-bottom:18px}
.challenge-grid h3{font-size:24px;margin:0 0 12px}
.challenge-grid p{line-height:2;color:#6f7487}.challenge-grid article.active p{color:rgba(255,255,255,.72)}
.challenge-answer{display:grid;grid-template-columns:auto 1fr;gap:8px 22px;align-items:center;margin-top:22px;padding:22px 26px;border-radius:26px;background:#050b24;color:#fff}
.challenge-answer span{grid-column:2;color:rgba(255,255,255,.65);line-height:1.8}
.about-section{padding:92px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.about-grid h2{font-size:42px;line-height:1.4;color:#fff;margin:0 0 18px}.about-grid p{color:rgba(255,255,255,.72);line-height:2}
.about-collage{position:relative;min-height:450px}.about-collage img:first-child{position:absolute;right:0;top:0;width:78%;height:320px;object-fit:cover;border-radius:30px;border:1px solid rgba(255,255,255,.14)}.about-collage img:nth-child(2){position:absolute;left:0;bottom:40px;width:48%;height:180px;object-fit:cover;border-radius:24px;border:8px solid #101846}.about-collage div{position:absolute;right:28%;bottom:0;width:210px;height:135px;border-radius:24px;background:#fff;color:#101426;font-weight:950;display:grid;place-items:center;text-align:center;box-shadow:0 22px 60px rgba(0,0,0,.2)}
.industries-section{padding:82px 0;background:#f4f4f6}.industry-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.industry-grid article{padding:22px 14px;border-radius:22px;background:rgba(255,255,255,.7);border:1px solid #e3e7f0;box-shadow:0 18px 44px rgba(16,20,38,.06);font-weight:900;text-align:center;color:#101426}
.why-section{padding:90px 0}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.why-grid article{padding:26px;border-radius:26px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}.why-grid article.featured{background:linear-gradient(135deg,rgba(255,122,26,.25),rgba(255,255,255,.08));border-color:rgba(255,122,26,.35)}.why-grid h3{color:#fff;font-size:22px;margin:0 0 12px}.why-grid p{color:rgba(255,255,255,.68);line-height:2}
.service-portfolio-section .portfolio-grid{grid-template-columns:repeat(3,1fr)}
.portfolio-card.placeholder{opacity:.9}
.obje-logo-mask{background:var(--logo-color)!important}
.loader-logo .obje-logo-mask{background:#ffffff!important;width:74px!important;height:74px!important}
@media(max-width:1100px){.challenge-grid,.about-grid,.why-grid{grid-template-columns:1fr 1fr}.industry-grid{grid-template-columns:repeat(3,1fr)}.service-portfolio-section .portfolio-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.challenge-grid,.about-grid,.why-grid,.industry-grid,.service-portfolio-section .portfolio-grid{grid-template-columns:1fr}.challenge-answer{grid-template-columns:1fr}.challenge-answer span{grid-column:auto}.about-collage{min-height:360px}.about-grid h2{font-size:30px}}

.portfolio-single.premium .portfolio-single-hero{background:radial-gradient(circle at 20% 8%,rgba(255,122,26,.16),transparent 22%),linear-gradient(135deg,#050b24,#1b1b4f)}
.portfolio-meta-row span{display:flex;align-items:center;justify-content:center;gap:8px}.portfolio-meta-row svg{width:18px;height:18px;fill:var(--orange)}
.glass-card{background:linear-gradient(135deg,rgba(27,27,79,.96),rgba(255,122,26,.14))!important;color:#fff!important}.glass-card p{color:rgba(255,255,255,.72)!important}.glass-card h3{color:#fff}

/* v4.1 update */
.site-logo img.obje-readable-logo,
.footer-logo img.obje-readable-logo{width:var(--obje-logo-size)!important;height:var(--obje-logo-size)!important;object-fit:contain!important;filter:none!important}
.loader-logo img{width:74px!important;height:74px!important;object-fit:contain!important;filter:none!important}
.service-stage{display:grid!important;grid-template-columns:1fr 1fr!important}
.service-stage figure{order:1}
.service-info{order:2}
.service-info.active{display:block!important}
@media(min-width:900px){
    .service-info[data-info="advertising"],.service-info[data-info="digital"]{order:1}
    .service-stage:has(.service-info[data-info="advertising"].active) figure,
    .service-stage:has(.service-info[data-info="digital"].active) figure{order:2}
}
.hero-copy,.hero-image,.partners-card,.challenge-grid article,.about-collage,.about-grid>div,.service-stage,.industry-grid article,.process-grid article,.why-grid article,.feature-card,.price-card,.project-card,.portfolio-card,.media-split>*,.footer-cta,.footer-main{
    animation: objeFadeUp .75s cubic-bezier(.2,.8,.2,1) both;
    animation-delay: var(--d,0s);
}
@keyframes objeFadeUp{from{opacity:0;transform:translateY(26px) scale(.985)}to{opacity:1;transform:none}}
.process-grid article:nth-child(2),.feature-grid article:nth-child(2),.why-grid article:nth-child(2),.portfolio-card:nth-child(2){--d:.08s}
.process-grid article:nth-child(3),.feature-grid article:nth-child(3),.why-grid article:nth-child(3),.portfolio-card:nth-child(3){--d:.16s}
.process-grid article:nth-child(4),.feature-grid article:nth-child(4),.why-grid article:nth-child(4),.portfolio-card:nth-child(4){--d:.24s}
@supports not selector(:has(*)){
  .service-stage{grid-template-columns:1fr 1fr!important}
}
@media(max-width:899px){
  .service-stage{grid-template-columns:1fr!important}
  .service-stage figure{order:1!important}
  .service-info{order:2!important}
}

.loader-bg-dark .obje-loader{background:#050b24!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.loader-bg-light .obje-loader{background:rgba(255,255,255,var(--obje-loader-alpha,.8))!important}
.loader-bg-transparent .obje-loader{background:rgba(5,11,36,.18)!important}
.loader-bg-glass .obje-loader{background:rgba(5,11,36,var(--obje-loader-alpha,.70))!important}
.obje-site .obje-loader{box-shadow:inset 0 0 160px rgba(255,122,26,.08)}
.site-logo img.obje-readable-logo,.footer-logo img.obje-readable-logo{width:var(--obje-logo-size)!important;height:var(--obje-logo-size)!important;object-fit:contain!important;filter:none!important}
.loader-logo img{width:74px!important;height:74px!important;object-fit:contain!important}

/* Home service rows v4.2 */
.service-routes{padding:92px 0;background:linear-gradient(135deg,#050b24,#141a54);color:#fff}
.route-intro-card{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:stretch;padding:20px;border-radius:32px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);margin-bottom:42px}
.route-intro-card figure{margin:0;border-radius:24px;overflow:hidden}.route-intro-card img{width:100%;height:430px;object-fit:cover;display:block;filter:brightness(.75)}
.route-tabs{display:grid;gap:12px}.route-tabs a{display:grid;grid-template-columns:54px 1fr;gap:4px 12px;align-content:center;padding:18px;border-radius:20px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.12);color:#fff}.route-tabs a.active{background:linear-gradient(135deg,rgba(255,122,26,.22),rgba(255,255,255,.08));border-color:rgba(255,122,26,.45)}.route-tabs b{grid-row:span 2;color:var(--orange);font-size:18px}.route-tabs strong{font-size:19px}.route-tabs span{color:rgba(255,255,255,.65)}
.service-row{display:grid;grid-template-columns:.95fr 1.05fr;gap:46px;align-items:center;padding:70px 0;border-top:1px solid rgba(255,255,255,.08)}
.service-row.reverse{grid-template-columns:1.05fr .95fr}.service-row.reverse figure{order:2}.service-row.reverse>div{order:1}
.service-row.light-row{background:#f4f4f6;color:#101426;margin-inline:calc((100vw - min(1140px,calc(100vw - 40px))) / -2);padding-inline:calc((100vw - min(1140px,calc(100vw - 40px))) / 2);border-top:0}.service-row.light-row h3{color:#101426}.service-row.light-row p{color:#6f7487}.service-row.light-row .pill-grid span{background:#fff;color:#101426;border-color:#e2e6ef}
.service-row figure{margin:0;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 80px rgba(0,0,0,.22)}.service-row img{width:100%;height:370px;object-fit:cover;display:block;filter:brightness(.82)}.service-row h3{font-size:38px;line-height:1.38;margin:10px 0 16px;color:#fff}.service-row p{color:rgba(255,255,255,.72);line-height:2;margin-bottom:22px}
.obje-admin-card .obje-admin-button.secondary,.obje-admin-button.secondary{background:#1b1b4f!important;color:#fff!important;border-color:#1b1b4f!important}
.obje-cache-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.obje-cache-card{padding:24px;border-radius:26px;background:#fff;border:1px solid #e3e7f0;box-shadow:0 18px 45px rgba(16,20,38,.07)}.obje-cache-card h2{margin:0 0 10px}.obje-cache-card p{color:#6f7487;line-height:2;min-height:56px}
body,button,input,textarea,select{font-family:var(--obje-font-body)!important}
p,li,a,span,input,textarea,select,button{font-weight:400}
h1,h2,h3,h4,strong,b{font-weight:800}
#adminmenu .wp-menu-image:before,#adminmenu .dashicons-before:before,#collapse-button .collapse-button-icon:after{font-family:dashicons!important}
@media(max-width:1100px){.route-intro-card,.service-row,.service-row.reverse{grid-template-columns:1fr}.service-row.reverse figure,.service-row.reverse>div{order:initial}.obje-cache-grid{grid-template-columns:1fr 1fr}}
@media(max-width:767px){.route-intro-card img,.service-row img{height:280px}.service-row{padding:46px 0}.service-row h3{font-size:28px}.obje-cache-grid{grid-template-columns:1fr}}

/* v4.3 homepage cleanup + partners + mobile fixes */
*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
body{font-weight:400}
h1,h2,h3,.section-head h2,.hero h1,.service-row h3{font-weight:800}
.site-nav a,.obje-btn{font-weight:700}
.obje-container{max-width:1140px}

.partners-card{grid-template-columns:.9fr 1.1fr}
.partner-logo-box{padding:18px;border-radius:24px;background:#070f2f;color:#fff;overflow:hidden}
.partner-logo-box>span{display:none!important}
.partner-marquee.two-rows{display:grid;gap:12px;overflow:hidden}
.partner-track{display:flex;gap:12px;width:max-content}
.partner-track-top{animation:logos-ltr 24s linear infinite}
.partner-track-bottom{animation:logos-rtl 28s linear infinite}
@keyframes logos-ltr{from{transform:translateX(0)}to{transform:translateX(50%)}}
@keyframes logos-rtl{from{transform:translateX(50%)}to{transform:translateX(0)}}
.partner-tile{width:154px!important;height:72px!important;display:grid!important;place-items:center!important;border-radius:18px;background:#fff;border:1px solid #e9e9f1;padding:10px;flex:0 0 154px}
.partner-tile.contrast{background:#111747;border-color:rgba(255,255,255,.18)}
.partner-tile img{width:118px!important;height:44px!important;max-width:118px!important;max-height:44px!important;object-fit:contain!important;display:block}

.service-routes{padding:90px 0}
.route-intro-card{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:stretch;margin-bottom:34px;padding:18px;border-radius:30px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13)}
.route-preview{grid-row:span 2;margin:0;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.12);min-height:360px;background:#050b24}
.route-preview img{width:100%;height:100%;min-height:360px;object-fit:cover;display:block;transition:.35s ease;filter:brightness(.85)}
.route-preview img.is-changing{opacity:.25;transform:scale(1.03)}
.route-tabs{display:grid;gap:10px}
.route-tabs button{display:grid;grid-template-columns:44px 1fr;gap:4px 12px;align-items:center;text-align:right;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.075);color:#fff;border-radius:18px;padding:14px 16px;cursor:pointer;font-family:inherit}
.route-tabs button b{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#1b1b4f;color:#fff;grid-row:span 2}
.route-tabs button strong{font-size:18px;font-weight:800}
.route-tabs button span{color:rgba(255,255,255,.62);font-size:13px}
.route-tabs button.active{background:linear-gradient(135deg,rgba(255,122,26,.24),rgba(255,255,255,.08));border-color:rgba(255,122,26,.42)}
.route-panel{display:none;padding:22px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.route-panel.active{display:block;animation:fadeup .45s ease both}
.route-panel h3{color:#fff;font-size:26px;line-height:1.45;margin:0 0 10px;font-weight:800}
.route-panel p{color:rgba(255,255,255,.7);line-height:2;margin:0}

.service-row{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin:46px 0;padding:24px;border-radius:32px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10)}
.service-row.reverse figure{order:2}
.service-row.reverse>div{order:1}
.service-row figure{margin:0;border-radius:26px;overflow:hidden;border:1px solid rgba(255,255,255,.12)}
.service-row figure img{width:100%;height:360px;object-fit:cover;display:block;filter:brightness(.82)}
.service-row h3{color:#fff;font-size:34px;line-height:1.45;margin:8px 0 14px}
.service-row p{color:rgba(255,255,255,.72);line-height:2}
.service-row.light-row{background:#f4f4f6;color:#101426}
.service-row.light-row h3{color:#101426}
.service-row.light-row p{color:#6f7487}
.service-row.light-row .pill-grid span{background:#fff;color:#101426;border-color:#e3e7f0}
.service-row .obje-btn{margin-top:24px}
.pill-grid{margin-top:16px}

@media(max-width:1024px){
  .site-header-inner{grid-template-columns:56px 1fr auto;gap:8px}
  .site-nav{gap:10px}
  .site-nav a{font-size:11px}
  .route-intro-card,.service-row,.partners-card{grid-template-columns:1fr}
  .route-preview{grid-row:auto}
  .service-row.reverse figure,.service-row.reverse>div{order:initial}
}
@media(max-width:767px){
  .obje-container{width:calc(100% - 24px)}
  .site-header{padding-top:8px}
  .site-header-inner{width:calc(100% - 16px);min-height:48px!important;grid-template-columns:42px 1fr 38px;padding:6px 8px;border-radius:15px}
  .site-logo,.site-logo img,.site-logo .obje-logo-mask{width:34px!important;height:34px!important}
  .mobile-menu-toggle{width:34px;height:34px;border-radius:12px}
  .header-cta{display:none}
  .hero{padding-top:118px;padding-bottom:48px}
  .hero-grid{grid-template-columns:1fr;gap:22px}
  .hero h1{font-size:30px;line-height:1.45}
  .hero p{font-size:13px}
  .hero-image img{height:270px}
  .partners-section{padding:44px 0}
  .partners-card{padding:16px;border-radius:22px}
  .partners-copy h2,.section-head h2{font-size:24px;line-height:1.55}
  .mini-stats{grid-template-columns:repeat(3,1fr);gap:8px}
  .mini-stats b{font-size:16px;padding:10px}
  .partner-logo-box{padding:12px}
  .partner-tile{width:124px!important;height:58px!important;flex-basis:124px;padding:8px}
  .partner-tile img{width:96px!important;height:36px!important;max-width:96px!important;max-height:36px!important}
  .service-routes{padding:52px 0}
  .route-intro-card{padding:14px;border-radius:22px;gap:14px}
  .route-preview,.route-preview img{min-height:230px}
  .route-tabs button{grid-template-columns:36px 1fr;padding:10px 12px;border-radius:14px}
  .route-tabs button b{width:34px;height:34px;border-radius:12px;font-size:12px}
  .route-tabs button strong{font-size:15px}
  .route-tabs button span{font-size:11px}
  .route-panel{padding:16px}
  .route-panel h3{font-size:20px}
  .service-row{padding:14px;margin:28px 0;gap:18px;border-radius:24px}
  .service-row figure img{height:230px}
  .service-row h3{font-size:23px}
  .service-row p{font-size:13px;line-height:1.9}
  .pill-grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .pill-grid span{font-size:12px;padding:10px}
  .footer-main,.footer-cta{width:calc(100% - 24px)}
  .footer-main{grid-template-columns:1fr!important}
}
@media(max-width:390px){
  .mini-stats{grid-template-columns:1fr}
  .pill-grid{grid-template-columns:1fr}
}

/* v4.4 refinements */
:root{--obje-header-hover:#ff7a1a}
body{font-weight:400!important}
h1,h2,h3,.hero h1,.section-head h2,.service-row h3{font-weight:800!important}
.site-nav a{transition:color .25s ease, transform .25s ease;font-weight:650!important}
.site-nav a:hover{color:var(--obje-header-hover)!important;transform:translateY(-1px)}
.obje-sticky-header .site-header{position:fixed!important;top:0!important;right:0!important;left:0!important;width:100%!important;z-index:9999!important;pointer-events:none}
.admin-bar.obje-sticky-header .site-header{top:32px!important}
.obje-sticky-header .site-header-inner,.obje-sticky-header .mobile-panel{pointer-events:auto}
.obje-glass-header .site-header-inner{background:rgba(7,16,40,var(--obje-header-glass-alpha,.86))!important}
.site-logo img.obje-readable-logo,.footer-logo img.obje-readable-logo{object-fit:contain!important;filter:none!important}
.footer-main{gap:18px!important;font-weight:400!important}.footer-main h3{font-weight:750!important;font-size:15px!important}.footer-main p,.footer-main a{font-weight:400!important;font-size:12px!important}.footer-contact-item{padding:8px 10px!important;border-radius:13px!important;gap:8px!important;margin-bottom:7px!important}.footer-contact-item svg{width:17px!important;height:17px!important}.footer-contact-item strong{font-size:12px!important}.footer-contact-item a,.footer-contact-item span{font-size:11px!important;line-height:1.6!important}
.service-row.light-row{background:#f4f4f6!important;color:#101426!important;border-color:#e5e8f1!important;box-shadow:0 0 0 100vmax #f4f4f6;clip-path:inset(0 -100vmax);padding-top:46px!important;padding-bottom:46px!important}
.service-row.light-row h3{color:#101426!important}.service-row.light-row p{color:#6f7487!important}.service-row.light-row .pill-grid span{background:#fff!important;color:#101426!important;border-color:#e5e8f1!important}.service-row .obje-btn{margin-top:26px!important}
.contact-success,.contact-error{margin:0 auto 22px;max-width:760px;padding:16px 20px;border-radius:16px;text-align:center;font-weight:700}.contact-success{background:rgba(35,195,130,.16);color:#c9ffe6;border:1px solid rgba(35,195,130,.28)}.contact-error{background:rgba(255,70,70,.14);color:#ffd5d5;border:1px solid rgba(255,70,70,.28)}
.obje-menu-editor{margin-top:18px;padding:16px;border-radius:18px;background:#f7f8fc;border:1px solid #e4e8f1}.obje-menu-editor textarea{width:100%;border-radius:14px;border:1px solid #dfe3ee;padding:12px;direction:rtl;font-family:inherit}.obje-menu-editor code{background:#fff;padding:3px 6px;border-radius:8px}
@media(max-width:782px){.admin-bar.obje-sticky-header .site-header{top:46px!important}}
@media(max-width:767px){
 body{overflow-x:hidden!important}.site-header-inner{min-height:44px!important}.hero{padding-top:112px!important}.service-row.light-row{padding-top:30px!important;padding-bottom:30px!important}.footer-main{gap:10px!important}.footer-contact-item{padding:7px 8px!important}.contact-grid{grid-template-columns:1fr!important}.contact-form,.contact-info{padding:18px!important;border-radius:22px!important}
}


/* v4.5 loader hard-fix: body class names are prefixed to prevent white screen. */
body.obje-site[class*="obje-loader-mode-"]{display:block!important;opacity:1!important;visibility:visible!important;}
.obje-loader{background:rgba(5,11,36,var(--obje-loader-alpha,.70));}
.obje-site[class*="obje-loader-mode-"] .obje-loader .loader-line,
.obje-site[class*="obje-loader-mode-"] .obje-loader .loader-spinner,
.obje-site[class*="obje-loader-mode-"] .obje-loader .loader-dots,
.obje-site[class*="obje-loader-mode-"] .obje-loader .loader-progress,
.obje-site[class*="obje-loader-mode-"] .obje-loader .loader-orbit,
.obje-site[class*="obje-loader-mode-"] .obje-loader .loader-grid,
.obje-site[class*="obje-loader-mode-"] .obje-loader .loader-rings,
.obje-site[class*="obje-loader-mode-"] .obje-loader .loader-scan,
.obje-site[class*="obje-loader-mode-"] .obje-loader .loader-caption{display:none!important;}
.obje-loader-mode-logo-line .obje-loader .loader-line{display:block!important;}
.obje-loader-mode-glass-spinner .obje-loader .loader-spinner{display:block!important;}
.obje-loader-mode-dots .obje-loader .loader-dots{display:flex!important;}
.obje-loader-mode-progress .obje-loader .loader-progress{display:block!important;}
.obje-loader-mode-orbital-logo .obje-loader .loader-orbit,
.obje-loader-mode-orbital-logo .obje-loader .loader-caption{display:block!important;}
.obje-loader-mode-creative-grid .obje-loader .loader-grid,
.obje-loader-mode-creative-grid .obje-loader .loader-caption{display:grid!important;}
.obje-loader-mode-brand-pulse .obje-loader .loader-rings,
.obje-loader-mode-brand-pulse .obje-loader .loader-caption{display:block!important;}
.obje-loader-mode-cinematic-scan .obje-loader .loader-scan,
.obje-loader-mode-cinematic-scan .obje-loader .loader-caption{display:block!important;}
.obje-loader-bg-dark .obje-loader{background:#050b24!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
.obje-loader-bg-light .obje-loader{background:rgba(255,255,255,var(--obje-loader-alpha,.8))!important;}
.obje-loader-bg-transparent .obje-loader{background:rgba(5,11,36,.18)!important;}
.obje-loader-bg-glass .obje-loader{background:rgba(5,11,36,var(--obje-loader-alpha,.70))!important;}
.loader-box{position:relative;min-width:220px;min-height:180px;place-content:center;}
.loader-caption{margin-top:18px;color:rgba(255,255,255,.78);font-size:12px;font-weight:600;text-align:center;letter-spacing:0;}
.loader-orbit{position:absolute;inset:50% auto auto 50%;width:132px;height:132px;margin:-66px 0 0 -66px;border-radius:50%;border:1px solid rgba(255,255,255,.12);animation:objeOrbitSpin 1.75s linear infinite;}
.loader-orbit i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 20px rgba(255,122,26,.72);}
.loader-orbit i:nth-child(1){top:-5px;left:61px}.loader-orbit i:nth-child(2){right:8px;bottom:18px;transform:scale(.75)}.loader-orbit i:nth-child(3){left:8px;bottom:18px;transform:scale(.55);background:#fff}
@keyframes objeOrbitSpin{to{transform:rotate(360deg)}}
.loader-grid{grid-template-columns:repeat(3,16px);gap:8px;margin-top:16px;place-content:center;}
.loader-grid i{width:16px;height:16px;border-radius:6px;background:rgba(255,255,255,.18);animation:objeGridWave 1.2s ease-in-out infinite;}
.loader-grid i:nth-child(2),.loader-grid i:nth-child(4){animation-delay:.08s}.loader-grid i:nth-child(3),.loader-grid i:nth-child(5),.loader-grid i:nth-child(7){animation-delay:.16s}.loader-grid i:nth-child(6),.loader-grid i:nth-child(8){animation-delay:.24s}.loader-grid i:nth-child(9){animation-delay:.32s}
@keyframes objeGridWave{0%,100%{background:rgba(255,255,255,.16);transform:translateY(0) scale(1)}50%{background:var(--orange);transform:translateY(-6px) scale(1.08)}}
.loader-rings{position:absolute;inset:50% auto auto 50%;width:128px;height:128px;margin:-64px 0 0 -64px;border-radius:50%;}
.loader-rings i{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,255,255,.22);animation:objeRingPulse 1.45s ease-out infinite;}
.loader-rings i:nth-child(2){animation-delay:.28s;border-color:rgba(255,122,26,.45)}.loader-rings i:nth-child(3){animation-delay:.56s}
@keyframes objeRingPulse{0%{transform:scale(.55);opacity:1}100%{transform:scale(1.45);opacity:0}}
.loader-scan{width:190px;height:74px;margin-top:18px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);overflow:hidden;position:relative;box-shadow:inset 0 0 40px rgba(255,122,26,.08)}
.loader-scan span{position:absolute;top:0;bottom:0;width:36%;background:linear-gradient(90deg,transparent,rgba(255,122,26,.72),transparent);filter:blur(1px);animation:objeScan 1.2s ease-in-out infinite;}
@keyframes objeScan{0%{right:-45%}100%{right:110%}}
.obje-loaded .obje-loader{pointer-events:none!important;}

/* v4.6 critical fixes */
body:not(.obje-loaded) .obje-loader{opacity:1;visibility:visible}
body.obje-loaded .obje-loader{opacity:0;visibility:hidden;pointer-events:none}
.obje-loader{background:rgba(5,11,36,var(--obje-loader-bg-opacity,.76))!important;backdrop-filter:blur(var(--obje-loader-blur,20px)) saturate(165%)!important;-webkit-backdrop-filter:blur(var(--obje-loader-blur,20px)) saturate(165%)!important}.loader-box{position:relative;min-width:220px;min-height:220px;display:grid;place-items:center}.loader-logo{position:relative;z-index:5}.loader-logo img{width:86px!important;height:86px!important;object-fit:contain!important;filter:drop-shadow(0 20px 45px rgba(255,255,255,.12))}.loader-orbit,.loader-creative-grid,.loader-brand-pulse,.loader-cinematic-scan{display:none}
body.obje-loader-mode-logo-line .loader-line{display:block}body.obje-loader-mode-glass-spinner .loader-spinner{display:block}body.obje-loader-mode-dots .loader-dots{display:flex}body.obje-loader-mode-progress .loader-progress{display:block}body.obje-loader-mode-logo-orbit .loader-orbit{display:block}body.obje-loader-mode-creative-grid .loader-creative-grid{display:grid}body.obje-loader-mode-brand-pulse .loader-brand-pulse{display:block}body.obje-loader-mode-cinematic-scan .loader-cinematic-scan{display:block}
body.obje-loader-mode-glass-spinner .loader-line,body.obje-loader-mode-dots .loader-line,body.obje-loader-mode-progress .loader-line,body.obje-loader-mode-logo-orbit .loader-line,body.obje-loader-mode-creative-grid .loader-line,body.obje-loader-mode-brand-pulse .loader-line,body.obje-loader-mode-cinematic-scan .loader-line{display:none!important}body.obje-loader-mode-logo-line .loader-spinner,body.obje-loader-mode-logo-line .loader-dots,body.obje-loader-mode-logo-line .loader-progress,body.obje-loader-mode-logo-line .loader-orbit,body.obje-loader-mode-logo-line .loader-creative-grid,body.obje-loader-mode-logo-line .loader-brand-pulse,body.obje-loader-mode-logo-line .loader-cinematic-scan{display:none!important}
.loader-orbit{position:absolute;inset:24px;border:1px solid rgba(255,255,255,.14);border-radius:50%;animation:spin 1.4s linear infinite}.loader-orbit i{position:absolute;width:10px;height:10px;background:var(--orange);border-radius:50%;box-shadow:0 0 24px var(--orange)}.loader-orbit i:nth-child(1){top:-5px;left:50%}.loader-orbit i:nth-child(2){right:16px;bottom:24px}.loader-orbit i:nth-child(3){left:16px;bottom:24px}.loader-creative-grid{grid-template-columns:repeat(3,14px);gap:8px}.loader-creative-grid i{width:14px;height:14px;border-radius:5px;background:rgba(255,255,255,.2);animation:gridPulse 1.1s infinite ease-in-out}.loader-creative-grid i:nth-child(2n){background:var(--orange)}.loader-creative-grid i:nth-child(3n){animation-delay:.15s}.loader-creative-grid i:nth-child(4n){animation-delay:.3s}@keyframes gridPulse{0%,100%{transform:scale(.72);opacity:.45}50%{transform:scale(1.15);opacity:1}}
.loader-brand-pulse{position:absolute;width:150px;height:150px;border-radius:42px;border:1px solid rgba(255,255,255,.13);animation:brandPulse 1.2s infinite ease-in-out}.loader-brand-pulse i{position:absolute;inset:20px;border-radius:34px;background:radial-gradient(circle,var(--orange),rgba(255,122,26,.05));opacity:.5}@keyframes brandPulse{0%,100%{transform:scale(.92);opacity:.45}50%{transform:scale(1.06);opacity:1}}
.loader-cinematic-scan{position:absolute;width:220px;height:120px;border-radius:34px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05)}.loader-cinematic-scan:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,122,26,.65),transparent);width:45%;animation:scanMove 1.15s infinite ease-in-out}@keyframes scanMove{from{transform:translateX(170%)}to{transform:translateX(-240%)}}
.site-header{margin-bottom:28px!important}.site-header-inner{background:rgba(7,16,40,var(--obje-header-glass-opacity,.86))!important}.site-nav a{transition:.22s ease}.site-nav a:hover{color:var(--obje-header-hover,var(--orange))!important}.hero,.service-hero,.contact-page,.portfolio-archive-hero,.portfolio-single-hero{margin-top:calc(-96px + 28px)!important}.site-logo img.obje-readable-logo,.footer-logo img.obje-readable-logo{width:var(--obje-logo-size)!important;height:var(--obje-logo-size)!important;object-fit:contain!important}body{font-weight:400}h1,h2,h3,.hero h1,.section-head h2{font-weight:800!important}p,.footer-main p,.footer-main a,.contact-form label{font-weight:400!important}.footer-main{gap:18px!important;padding:22px!important}.footer-contact-item{padding:9px 11px!important;margin-bottom:7px!important;border-radius:13px!important}.footer-contact-item svg{width:18px!important;height:18px!important}.footer-contact-item strong{font-size:12px!important}.footer-contact-item a,.footer-contact-item span{font-size:12px!important;line-height:1.7!important}.elementor-consult-form .form-help{font-size:13px;color:rgba(255,255,255,.62);line-height:1.9;margin-top:-5px;margin-bottom:16px}.obje-fallback-form{display:grid;gap:14px}

/* v4.7 loader logo visibility fix */
.obje-loader .loader-box{
    position:relative!important;
    min-width:240px!important;
    min-height:240px!important;
    display:grid!important;
    place-items:center!important;
}
.obje-loader .loader-logo{
    display:grid!important;
    place-items:center!important;
    position:relative!important;
    z-index:20!important;
    width:112px!important;
    height:112px!important;
    border-radius:34px!important;
    background:rgba(255,255,255,.035)!important;
    border:1px solid rgba(255,255,255,.09)!important;
    box-shadow:0 24px 80px rgba(0,0,0,.35)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
}
.obje-loader .loader-logo img{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    width:86px!important;
    height:86px!important;
    max-width:86px!important;
    max-height:86px!important;
    object-fit:contain!important;
    position:relative!important;
    z-index:21!important;
    filter:drop-shadow(0 16px 36px rgba(255,255,255,.14))!important;
}
.obje-loader .loader-line,
.obje-loader .loader-spinner,
.obje-loader .loader-dots,
.obje-loader .loader-progress,
.obje-loader .loader-orbit,
.obje-loader .loader-creative-grid,
.obje-loader .loader-brand-pulse,
.obje-loader .loader-cinematic-scan{
    position:absolute!important;
    z-index:5!important;
}
.obje-loader .loader-line{bottom:30px!important;right:50%!important;transform:translateX(50%)!important}
.obje-loader .loader-spinner{inset:26px!important;width:auto!important;height:auto!important;border-width:2px!important}
.obje-loader .loader-dots{bottom:26px!important;right:50%!important;transform:translateX(50%)!important}
.obje-loader .loader-progress{bottom:26px!important;right:50%!important;transform:translateX(50%)!important}
.obje-loader .loader-orbit{
    display:none;
    inset:17px!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:50%!important;
    animation:spin 1.4s linear infinite!important;
}
.obje-loader .loader-orbit i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 24px var(--orange)}
.obje-loader .loader-orbit i:nth-child(1){top:-5px;left:50%}
.obje-loader .loader-orbit i:nth-child(2){right:20px;bottom:30px}
.obje-loader .loader-orbit i:nth-child(3){left:20px;bottom:30px}
.obje-loader .loader-creative-grid{
    display:none;
    grid-template-columns:repeat(3,14px)!important;
    gap:9px!important;
    inset:auto!important;
    bottom:25px!important;
    right:50%!important;
    transform:translateX(50%)!important;
}
.obje-loader .loader-creative-grid i{width:14px;height:14px;border-radius:5px;background:rgba(255,255,255,.25);animation:gridPulse 1.1s infinite ease-in-out}
.obje-loader .loader-creative-grid i:nth-child(2n){background:var(--orange)}
.obje-loader .loader-brand-pulse{
    display:none;
    inset:42px!important;
    border-radius:42px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    animation:brandPulse 1.2s infinite ease-in-out!important;
}
.obje-loader .loader-brand-pulse i{position:absolute;inset:16px;border-radius:34px;background:radial-gradient(circle,var(--orange),rgba(255,122,26,.04));opacity:.42}
.obje-loader .loader-cinematic-scan{
    display:none;
    width:235px!important;
    height:132px!important;
    border-radius:36px!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.12)!important;
    background:rgba(255,255,255,.045)!important;
}
.obje-loader .loader-cinematic-scan:before{
    content:"";
    position:absolute;
    inset:0;
    width:48%;
    background:linear-gradient(90deg,transparent,rgba(255,122,26,.65),transparent);
    animation:scanMove 1.15s infinite ease-in-out;
}
body.obje-loader-mode-logo-orbit .obje-loader .loader-orbit{display:block!important}
body.obje-loader-mode-creative-grid .obje-loader .loader-creative-grid{display:grid!important}
body.obje-loader-mode-brand-pulse .obje-loader .loader-brand-pulse{display:block!important}
body.obje-loader-mode-cinematic-scan .obje-loader .loader-cinematic-scan{display:block!important}
@keyframes gridPulse{0%,100%{transform:scale(.72);opacity:.45}50%{transform:scale(1.15);opacity:1}}
@keyframes brandPulse{0%,100%{transform:scale(.92);opacity:.45}50%{transform:scale(1.06);opacity:1}}
@keyframes scanMove{from{transform:translateX(170%)}to{transform:translateX(-240%)}}

/* v4.8: absolute loader logo fix */
.obje-loader .loader-logo{
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  z-index:9999!important;
  width:118px!important;
  height:118px!important;
  min-width:118px!important;
  min-height:118px!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
.obje-loader .loader-logo-img,
.obje-loader .loader-logo-svg{
  display:block!important;
  position:absolute!important;
  inset:50%!important;
  transform:translate(-50%,-50%)!important;
  width:92px!important;
  height:92px!important;
  max-width:92px!important;
  max-height:92px!important;
  opacity:1!important;
  visibility:visible!important;
  object-fit:contain!important;
  z-index:10000!important;
  pointer-events:none!important;
}
.obje-loader .loader-logo-img{filter:drop-shadow(0 18px 38px rgba(255,255,255,.16))!important}
.obje-loader .loader-logo-svg{display:none!important}
.obje-loader .loader-logo-img[src=""],
.obje-loader .loader-logo-img:not([src]){display:none!important}
.obje-loader .loader-logo-img[src=""] + .loader-logo-svg,
.obje-loader .loader-logo-img:not([src]) + .loader-logo-svg{display:block!important}
body:not(.obje-loaded) .obje-loader .loader-logo,
body:not(.obje-loaded) .obje-loader .loader-logo-img{
  display:grid!important;
  opacity:1!important;
  visibility:visible!important;
}
body.obje-loader-mode-logo-line .loader-logo,
body.obje-loader-mode-glass-spinner .loader-logo,
body.obje-loader-mode-dots .loader-logo,
body.obje-loader-mode-progress .loader-logo,
body.obje-loader-mode-logo-orbit .loader-logo,
body.obje-loader-mode-creative-grid .loader-logo,
body.obje-loader-mode-brand-pulse .loader-logo,
body.obje-loader-mode-cinematic-scan .loader-logo{
  display:grid!important;
  opacity:1!important;
  visibility:visible!important;
}

/* v4.9 HARD RESET LOADER: always-visible logo */
html body #obje-site-loader.obje-loader{
  position:fixed!important;
  inset:0!important;
  z-index:2147483647!important;
  display:grid!important;
  place-items:center!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  background:rgba(5,11,36,var(--obje-loader-bg-opacity,.78))!important;
  backdrop-filter:blur(var(--obje-loader-blur,22px)) saturate(170%)!important;
  -webkit-backdrop-filter:blur(var(--obje-loader-blur,22px)) saturate(170%)!important;
  transition:opacity .45s ease, visibility .45s ease!important;
}
html body.obje-loaded #obje-site-loader.obje-loader{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
html body #obje-site-loader .obje-loader-shell{
  position:relative!important;
  width:260px!important;
  height:260px!important;
  display:grid!important;
  place-items:center!important;
}
html body #obje-site-loader .obje-loader-logo-wrap{
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  transform:translate(-50%,-50%)!important;
  z-index:50!important;
  width:136px!important;
  height:136px!important;
  display:grid!important;
  place-items:center!important;
  opacity:1!important;
  visibility:visible!important;
  border-radius:40px!important;
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 26px 90px rgba(0,0,0,.32)!important;
  overflow:visible!important;
}
html body #obje-site-loader .obje-loader-logo-wrap:before{
  content:""!important;
  position:absolute!important;
  inset:18px!important;
  z-index:49!important;
  background-image:var(--obje-loader-logo)!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  opacity:1!important;
  visibility:visible!important;
}
html body #obje-site-loader .obje-loader-logo-img{
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  transform:translate(-50%,-50%)!important;
  z-index:60!important;
  width:98px!important;
  height:98px!important;
  max-width:98px!important;
  max-height:98px!important;
  display:block!important;
  object-fit:contain!important;
  opacity:1!important;
  visibility:visible!important;
  filter:drop-shadow(0 18px 40px rgba(255,255,255,.16))!important;
}
html body #obje-site-loader .obje-loader-logo-svg{
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  transform:translate(-50%,-50%)!important;
  z-index:55!important;
  width:98px!important;
  height:98px!important;
  display:none!important;
  opacity:1!important;
  visibility:visible!important;
}
html body #obje-site-loader .obje-loader-anim{
  position:absolute!important;
  z-index:10!important;
  display:none!important;
  opacity:1!important;
  visibility:visible!important;
}
html body.obje-loader-mode-logo-line #obje-site-loader .obje-loader-line{
  display:block!important;
  width:190px!important;
  height:3px!important;
  bottom:18px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.14)!important;
}
html body.obje-loader-mode-logo-line #obje-site-loader .obje-loader-line:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  width:46%!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,#ff7a1a,transparent)!important;
  animation:objeLoaderLine 1s infinite ease-in-out!important;
}
html body.obje-loader-mode-glass-spinner #obje-site-loader .obje-loader-spinner{
  display:block!important;
  width:210px!important;
  height:210px!important;
  border-radius:50%!important;
  border:2px solid rgba(255,255,255,.12)!important;
  border-top-color:#ff7a1a!important;
  animation:objeSpin 1s linear infinite!important;
}
html body.obje-loader-mode-dots #obje-site-loader .obje-loader-dots{
  display:flex!important;
  gap:9px!important;
  bottom:18px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
}
html body.obje-loader-mode-dots #obje-site-loader .obje-loader-dots i{
  width:10px!important;height:10px!important;border-radius:50%!important;background:#ff7a1a!important;
  animation:objeDot 1s infinite ease-in-out!important;
}
html body.obje-loader-mode-dots #obje-site-loader .obje-loader-dots i:nth-child(2){animation-delay:.15s!important}
html body.obje-loader-mode-dots #obje-site-loader .obje-loader-dots i:nth-child(3){animation-delay:.3s!important}
html body.obje-loader-mode-progress #obje-site-loader .obje-loader-progress{
  display:block!important;
  width:200px!important;
  height:5px!important;
  bottom:18px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  border-radius:999px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.12)!important;
}
html body.obje-loader-mode-progress #obje-site-loader .obje-loader-progress span{
  display:block!important;height:100%!important;width:45%!important;border-radius:999px!important;background:#ff7a1a!important;
  animation:objeProgress 1.15s infinite ease-in-out!important;
}
html body.obje-loader-mode-logo-orbit #obje-site-loader .obje-loader-orbit{
  display:block!important;
  width:222px!important;
  height:222px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.15)!important;
  animation:objeSpin 1.4s linear infinite!important;
}
html body.obje-loader-mode-logo-orbit #obje-site-loader .obje-loader-orbit i{
  position:absolute!important;width:10px!important;height:10px!important;border-radius:50%!important;background:#ff7a1a!important;box-shadow:0 0 24px #ff7a1a!important;
}
html body.obje-loader-mode-logo-orbit #obje-site-loader .obje-loader-orbit i:nth-child(1){top:-5px!important;left:50%!important}
html body.obje-loader-mode-logo-orbit #obje-site-loader .obje-loader-orbit i:nth-child(2){right:20px!important;bottom:30px!important}
html body.obje-loader-mode-logo-orbit #obje-site-loader .obje-loader-orbit i:nth-child(3){left:20px!important;bottom:30px!important}
html body.obje-loader-mode-creative-grid #obje-site-loader .obje-loader-grid{
  display:grid!important;
  grid-template-columns:repeat(3,14px)!important;
  gap:9px!important;
  bottom:18px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
}
html body.obje-loader-mode-creative-grid #obje-site-loader .obje-loader-grid i{
  width:14px!important;height:14px!important;border-radius:5px!important;background:rgba(255,255,255,.25)!important;
  animation:objeGridPulse 1.1s infinite ease-in-out!important;
}
html body.obje-loader-mode-creative-grid #obje-site-loader .obje-loader-grid i:nth-child(2n){background:#ff7a1a!important}
html body.obje-loader-mode-brand-pulse #obje-site-loader .obje-loader-pulse{
  display:block!important;
  width:208px!important;
  height:208px!important;
  border-radius:46px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  animation:objeBrandPulse 1.2s infinite ease-in-out!important;
}
html body.obje-loader-mode-brand-pulse #obje-site-loader .obje-loader-pulse i{
  position:absolute!important;inset:20px!important;border-radius:40px!important;
  background:radial-gradient(circle,rgba(255,122,26,.5),rgba(255,122,26,.02))!important;
}
html body.obje-loader-mode-cinematic-scan #obje-site-loader .obje-loader-scan{
  display:block!important;
  width:235px!important;
  height:132px!important;
  border-radius:36px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.045)!important;
}
html body.obje-loader-mode-cinematic-scan #obje-site-loader .obje-loader-scan:before{
  content:""!important;position:absolute!important;inset:0!important;width:48%!important;
  background:linear-gradient(90deg,transparent,rgba(255,122,26,.65),transparent)!important;
  animation:objeScanMove 1.15s infinite ease-in-out!important;
}
@keyframes objeLoaderLine{from{transform:translateX(180%)}to{transform:translateX(-240%)}}
@keyframes objeSpin{to{transform:rotate(360deg)}}
@keyframes objeDot{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(-8px);opacity:1}}
@keyframes objeProgress{0%{transform:translateX(140%)}100%{transform:translateX(-240%)}}
@keyframes objeGridPulse{0%,100%{transform:scale(.72);opacity:.45}50%{transform:scale(1.15);opacity:1}}
@keyframes objeBrandPulse{0%,100%{transform:scale(.92);opacity:.45}50%{transform:scale(1.06);opacity:1}}
@keyframes objeScanMove{from{transform:translateX(170%)}to{transform:translateX(-240%)}}

/* v5.1 3D portfolio gallery */
.portfolio-3d-gallery-section{
  position:relative;
  padding:96px 0;
  background:
    radial-gradient(circle at 18% 12%,rgba(255,122,26,.14),transparent 24%),
    linear-gradient(135deg,#050b24,#111a50 55%,#1b1b4f);
  overflow:hidden;
}
.portfolio-3d-gallery-section .section-head h2,
.portfolio-3d-gallery-section .section-head p{
  color:#fff;
}
.portfolio-3d-gallery-section .section-head p{
  color:rgba(255,255,255,.68);
}
.obje-portfolio-3d-gallery{
  position:relative;
  min-height:560px;
  margin-top:36px;
  perspective:1400px;
}
.obje-3d-stage{
  position:relative;
  height:500px;
  transform-style:preserve-3d;
}
.obje-3d-slide{
  position:absolute;
  inset:0;
  width:min(780px,82%);
  height:460px;
  margin:auto;
  border-radius:34px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 36px 120px rgba(0,0,0,.42);
  transform-style:preserve-3d;
  transition:transform .72s cubic-bezier(.2,.8,.2,1), opacity .72s ease, filter .72s ease;
  cursor:pointer;
  opacity:0;
  filter:blur(2px) brightness(.65);
  background:#050b24;
}
.obje-3d-slide:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:
    linear-gradient(135deg,rgba(255,255,255,.18),transparent 32%),
    linear-gradient(0deg,rgba(5,11,36,.34),transparent 50%);
  pointer-events:none;
}
.obje-3d-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.obje-3d-slide.is-active{
  opacity:1;
  z-index:5;
  transform:translate3d(0,0,120px) rotateY(0) scale(1);
  filter:none;
}
.obje-3d-slide.is-prev{
  opacity:.72;
  z-index:4;
  transform:translate3d(-34%,18px,0) rotateY(-28deg) scale(.86);
}
.obje-3d-slide.is-next{
  opacity:.72;
  z-index:4;
  transform:translate3d(34%,18px,0) rotateY(28deg) scale(.86);
}
.obje-3d-slide.is-far-prev{
  opacity:.28;
  z-index:2;
  transform:translate3d(-58%,36px,-160px) rotateY(-45deg) scale(.70);
}
.obje-3d-slide.is-far-next{
  opacity:.28;
  z-index:2;
  transform:translate3d(58%,36px,-160px) rotateY(45deg) scale(.70);
}
.obje-3d-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:8;
  width:54px;
  height:54px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:18px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:34px;
  line-height:1;
  cursor:pointer;
  backdrop-filter:blur(18px);
  transition:.22s ease;
}
.obje-3d-nav:hover{
  background:#ff7a1a;
  border-color:#ff7a1a;
}
.obje-3d-nav.prev{right:10px}
.obje-3d-nav.next{left:10px}
.obje-3d-dots{
  position:absolute;
  left:50%;
  bottom:4px;
  transform:translateX(-50%);
  z-index:9;
  display:flex;
  gap:9px;
  padding:10px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(16px);
}
.obje-3d-dots button{
  width:9px;
  height:9px;
  border:0;
  padding:0;
  border-radius:50%;
  background:rgba(255,255,255,.42);
  cursor:pointer;
  transition:.22s ease;
}
.obje-3d-dots button.is-active{
  width:28px;
  border-radius:999px;
  background:#ff7a1a;
}
@media(max-width:900px){
  .portfolio-3d-gallery-section{padding:64px 0}
  .obje-portfolio-3d-gallery{min-height:430px}
  .obje-3d-stage{height:380px}
  .obje-3d-slide{
    width:86%;
    height:330px;
    border-radius:24px;
  }
  .obje-3d-slide.is-prev{transform:translate3d(-22%,16px,0) rotateY(-24deg) scale(.82)}
  .obje-3d-slide.is-next{transform:translate3d(22%,16px,0) rotateY(24deg) scale(.82)}
  .obje-3d-slide.is-far-prev,
  .obje-3d-slide.is-far-next{opacity:0}
  .obje-3d-nav{width:44px;height:44px;border-radius:15px;font-size:28px}
}
@media(max-width:540px){
  .obje-portfolio-3d-gallery{min-height:370px}
  .obje-3d-stage{height:330px}
  .obje-3d-slide{
    width:92%;
    height:285px;
  }
  .obje-3d-nav.prev{right:0}
  .obje-3d-nav.next{left:0}
}

/* v5.2 portfolio videos + gallery sizing fixes */
.portfolio-video-grid-section{
  padding:86px 0;
  background:
    radial-gradient(circle at 85% 10%,rgba(255,122,26,.12),transparent 26%),
    linear-gradient(135deg,#050b24,#11194a 60%,#1b1b4f);
}
.portfolio-video-grid-section .section-head h2{color:#fff}
.portfolio-video-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:28px;
}
.portfolio-video-card{
  position:relative;
  overflow:hidden;
  border-radius:26px;
  padding:12px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 26px 80px rgba(0,0,0,.28);
  backdrop-filter:blur(18px) saturate(160%);
}
.portfolio-video-card video{
  width:100%;
  aspect-ratio:16/10;
  border-radius:20px;
  display:block;
  background:#050b24;
  object-fit:contain;
}
.portfolio-video-card div{
  padding:12px 4px 2px;
}
.portfolio-video-card h3{
  margin:0 0 4px;
  color:#fff;
  font-size:16px;
  line-height:1.6;
}
.portfolio-video-card span{
  color:rgba(255,255,255,.58);
  font-size:12px;
}
.portfolio-video-card.is-link-video{
  min-height:240px;
  display:grid;
  place-items:center;
}
.portfolio-video-card.is-link-video a{
  display:grid;
  place-items:center;
  gap:12px;
  color:#fff;
  text-align:center;
}
.video-play-large{
  width:66px;
  height:66px;
  border-radius:22px;
  display:grid;
  place-items:center;
  background:#ff7a1a;
  box-shadow:0 20px 48px rgba(255,122,26,.34);
}

.portfolio-3d-gallery-section .section-head p{display:none!important}
.portfolio-3d-gallery-section .section-head h2{color:#fff}
.obje-portfolio-3d-gallery{
  min-height:clamp(360px,62vw,680px)!important;
}
.obje-3d-stage{
  height:clamp(320px,58vw,620px)!important;
  display:grid;
  place-items:center;
}
.obje-3d-slide{
  inset:auto!important;
  width:auto!important;
  height:auto!important;
  max-width:min(94vw,1050px)!important;
  max-height:78vh!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:inline-block!important;
  overflow:hidden!important;
  border-radius:30px!important;
  background:rgba(255,255,255,.04)!important;
}
.obje-3d-slide img{
  width:auto!important;
  height:auto!important;
  max-width:min(94vw,1050px)!important;
  max-height:78vh!important;
  object-fit:contain!important;
  display:block!important;
}
.obje-3d-slide.is-active{
  transform:translate3d(0,0,130px) rotateY(0) scale(1)!important;
}
.obje-3d-slide.is-prev{
  transform:translate3d(-34%,16px,0) rotateY(-26deg) scale(.82)!important;
}
.obje-3d-slide.is-next{
  transform:translate3d(34%,16px,0) rotateY(26deg) scale(.82)!important;
}
.obje-3d-slide.is-far-prev{
  transform:translate3d(-56%,28px,-150px) rotateY(-40deg) scale(.66)!important;
}
.obje-3d-slide.is-far-next{
  transform:translate3d(56%,28px,-150px) rotateY(40deg) scale(.66)!important;
}
@media(max-width:900px){
  .portfolio-video-grid{grid-template-columns:1fr 1fr}
  .portfolio-video-grid-section{padding:58px 0}
  .obje-3d-slide.is-prev{transform:translate3d(-22%,14px,0) rotateY(-22deg) scale(.80)!important}
  .obje-3d-slide.is-next{transform:translate3d(22%,14px,0) rotateY(22deg) scale(.80)!important}
}
@media(max-width:620px){
  .portfolio-video-grid{grid-template-columns:1fr}
  .obje-3d-slide img{max-width:92vw!important;max-height:62vh!important}
}


/* v5.3 font lock */
body, body *:not(i):not(svg):not(path){
  font-family:var(--obje-font-body)!important;
}
h1,h2,h3,h4,h5,h6,
.site-nav a,.obje-btn,.section-head h2,.hero h1,.service-row h3,
[class*="title"],[class*="heading"]{
  font-family:var(--obje-font-heading)!important;
}


/* v5.4 final font roles */
body, body *:not(i):not(svg):not(path){
  font-family:var(--obje-font-body)!important;
}
h1,h2,h3,h4,h5,h6,
.site-nav a,.obje-btn,.section-head h2,.hero h1,.service-row h3,.service-info h3,.route-panel h3,
.elementor-heading-title,[class*="title"],[class*="heading"]{
  font-family:var(--obje-font-heading)!important;
  font-weight:800!important;
}
p,small,.section-head p,.hero p,.service-row p,.service-info p,.route-panel p,
.elementor-widget-text-editor,.elementor-widget-text-editor *,
[class*="subtitle"],[class*="description"],[class*="desc"],[class*="excerpt"]{
  font-family:var(--obje-font-subtitle)!important;
  font-weight:300!important;
}


/* v5.5 layout fixes */

/* Portfolio images title must stay above the gallery, not under the images */
.portfolio-3d-gallery-section{
  padding-top:86px!important;
  overflow:hidden!important;
}
.portfolio-3d-gallery-section .section-head{
  position:relative!important;
  z-index:50!important;
  margin-bottom:34px!important;
  padding:0 12px!important;
}
.portfolio-3d-gallery-section .section-head h2{
  position:relative!important;
  z-index:55!important;
  margin:0!important;
}
.obje-portfolio-3d-gallery{
  position:relative!important;
  z-index:5!important;
  margin-top:0!important;
  padding-top:18px!important;
  clear:both!important;
}
.obje-3d-stage{
  position:relative!important;
  z-index:4!important;
}
.obje-3d-slide{
  z-index:auto;
}
.obje-3d-slide.is-active{
  z-index:12!important;
}
.obje-3d-slide.is-prev,
.obje-3d-slide.is-next{
  z-index:8!important;
}
.obje-3d-slide.is-far-prev,
.obje-3d-slide.is-far-next{
  z-index:3!important;
}

/* Main services: force one-by-one blue / white rhythm */
.service-routes{
  padding-bottom:0!important;
}
.service-routes .service-row{
  position:relative!important;
  margin-top:0!important;
}
.service-routes .service-row:not(.light-row){
  background:transparent!important;
  color:#fff!important;
}
.service-routes .service-row:not(.light-row) h3{
  color:#fff!important;
}
.service-routes .service-row:not(.light-row) p{
  color:rgba(255,255,255,.72)!important;
}
.service-routes .service-row.light-row{
  background:#f4f4f6!important;
  color:#101426!important;
  border-top:0!important;
}
.service-routes .service-row.light-row h3{
  color:#101426!important;
}
.service-routes .service-row.light-row p{
  color:#6f7487!important;
}
.service-routes .service-row.light-row .eyebrow{
  color:var(--orange)!important;
}

/* Remove the extra blue block between Digital section and footer */
.service-routes .service-row:last-child{
  margin-bottom:0!important;
}
.service-routes + .site-footer,
main + .site-footer{
  margin-top:0!important;
}
.site-footer{
  margin-top:0!important;
  padding-top:34px!important;
}
/* Hide the top CTA panel of footer to remove the extra blue/glass area under Digital */
.site-footer .footer-cta{
  display:none!important;
}


/* v5.6 mobile hero + mobile header controls */
@media(max-width:767px){
  /* Smaller mobile hero title */
  .hero h1{
    font-size:clamp(25px,7vw,30px)!important;
    line-height:1.48!important;
    letter-spacing:-.03em!important;
    word-spacing:0!important;
    max-width:100%!important;
  }
  .hero p{
    font-size:14px!important;
    line-height:2!important;
  }

  /* Mobile header height comes from theme settings */
  .site-header{
    padding-top:8px!important;
  }
  .site-header-inner{
    position:relative!important;
    direction:ltr!important;
    width:calc(100% - 16px)!important;
    min-height:var(--obje-mobile-header-height,58px)!important;
    height:var(--obje-mobile-header-height,58px)!important;
    display:grid!important;
    grid-template-columns:52px 1fr 70px!important;
    align-items:center!important;
    gap:8px!important;
    padding:0 10px!important;
    border-radius:18px!important;
  }
  .site-header-inner .site-nav{
    display:none!important;
  }
  .site-header-inner .mobile-menu-toggle{
    display:block!important;
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;
    align-self:center!important;
    width:42px!important;
    height:42px!important;
    margin:0!important;
  }
  .site-header-inner .header-cta{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:center!important;
    align-self:center!important;
    min-height:34px!important;
    padding:0 12px!important;
    font-size:11px!important;
    white-space:nowrap!important;
  }
  .site-header-inner .site-logo{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:center!important;
    width:64px!important;
    height:calc(var(--obje-mobile-header-height,58px) - 10px)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
  }
  .site-header-inner .site-logo img,
  .site-header-inner .site-logo .obje-readable-logo,
  .site-header-inner .site-logo .obje-logo-mask{
    max-width:58px!important;
    max-height:calc(var(--obje-mobile-header-height,58px) - 14px)!important;
    object-fit:contain!important;
  }
  .mobile-panel{
    width:calc(100% - 16px)!important;
    margin-top:8px!important;
  }
}

@media(max-width:420px){
  .hero h1{
    font-size:24px!important;
    line-height:1.52!important;
  }
  .site-header-inner{
    grid-template-columns:52px 1fr 68px!important;
  }
  .site-header-inner .header-cta{
    display:none!important;
  }
  .site-header-inner .site-logo{
    grid-column:3!important;
  }
  .site-header-inner .mobile-menu-toggle{
    grid-column:1!important;
  }
}


/* v5.7 mobile font + hero overflow fixes */
html,
body{
  max-width:100%!important;
  overflow-x:hidden!important;
}
body.obje-site{
  width:100%!important;
  position:relative!important;
}

/* Stronger Alibaba title lock after all CSS */
body.obje-site h1,
body.obje-site h2,
body.obje-site h3,
body.obje-site h4,
body.obje-site h5,
body.obje-site h6,
body.obje-site .hero h1,
body.obje-site .section-head h2,
body.obje-site .elementor-heading-title,
body.obje-site [class*="title"],
body.obje-site [class*="heading"]{
  font-family:'AlibabaMobile','Alibaba','Alibaba Sans','Yekan Bakh','YekanBakh',Tahoma,Arial,sans-serif!important;
  font-weight:800!important;
}

@media(max-width:767px){
  html,
  body,
  .obje-site,
  main,
  .hero,
  .hero *{
    box-sizing:border-box!important;
  }

  .obje-container{
    width:calc(100% - 24px)!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .hero{
    width:100%!important;
    max-width:100vw!important;
    overflow:hidden!important;
    margin-top:-82px!important;
    padding:126px 0 44px!important;
  }

  .hero-grid{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:22px!important;
    overflow:hidden!important;
  }

  .hero-copy{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }

  .hero h1{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    font-family:'AlibabaMobile','Alibaba','Alibaba Sans','Yekan Bakh','YekanBakh',Tahoma,Arial,sans-serif!important;
    font-size:clamp(22px,6.2vw,28px)!important;
    line-height:1.58!important;
    letter-spacing:-.025em!important;
    word-spacing:0!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    text-wrap:balance!important;
    margin-bottom:14px!important;
  }

  .hero p{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    font-size:14px!important;
    line-height:2!important;
    overflow-wrap:break-word!important;
  }

  .hero-actions{
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    overflow:hidden!important;
  }

  .hero-actions .obje-btn{
    max-width:100%!important;
    flex:1 1 145px!important;
    white-space:normal!important;
    text-align:center!important;
    padding-inline:12px!important;
  }

  .hero-marquee{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    margin-top:18px!important;
  }

  .hero-marquee > div{
    min-width:max-content!important;
    will-change:transform;
  }

  .hero-image{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:24px!important;
  }

  .hero-image img{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    max-height:300px!important;
    object-fit:cover!important;
    transform:none!important;
  }

  .eyebrow,
  .section-head span{
    max-width:100%!important;
    flex-wrap:wrap!important;
  }

  /* Prevent full-bleed service rows from creating horizontal scroll on mobile */
  .service-routes,
  .service-routes .obje-container,
  .service-row,
  .service-row.light-row{
    max-width:100vw!important;
    overflow:hidden!important;
  }

  .service-row.light-row{
    margin-inline:-12px!important;
    padding-inline:12px!important;
  }

  .route-intro-card,
  .partners-card,
  .about-grid,
  .challenge-grid,
  .process-grid,
  .feature-grid,
  .project-grid,
  .portfolio-grid{
    max-width:100%!important;
    overflow:hidden!important;
  }

  .site-header,
  .site-header-inner,
  .mobile-panel{
    max-width:100vw!important;
  }
}

@media(max-width:420px){
  .hero h1{
    font-size:clamp(21px,6.7vw,25px)!important;
    line-height:1.62!important;
  }
  .hero{
    padding-top:120px!important;
  }
}


/* v5.8 typography controls - final override */
html,body,
body.obje-site,
body.obje-site *:not(i):not(svg):not(path){
  font-family:var(--obje-font-body)!important;
  font-weight:var(--obje-body-weight,400);
  font-synthesis:weight!important;
}
body.obje-site h1,
body.obje-site h2,
body.obje-site h3,
body.obje-site h4,
body.obje-site h5,
body.obje-site h6,
body.obje-site .hero h1,
body.obje-site .section-head h2,
body.obje-site .service-row h3,
body.obje-site .service-info h3,
body.obje-site .route-panel h3,
body.obje-site .portfolio-single h1,
body.obje-site .portfolio-single h2,
body.obje-site .portfolio-card h3,
body.obje-site .portfolio-video-card h3,
body.obje-site .elementor-heading-title,
body.obje-site [class*="title"],
body.obje-site [class*="heading"]{
  font-family:var(--obje-font-heading)!important;
  font-weight:var(--obje-heading-weight,950)!important;
  font-synthesis:weight!important;
}
body.obje-site p,
body.obje-site small,
body.obje-site .section-head p,
body.obje-site .hero p,
body.obje-site .service-row p,
body.obje-site .service-info p,
body.obje-site .route-panel p,
body.obje-site .project-card p,
body.obje-site .feature-card p,
body.obje-site .elementor-widget-text-editor,
body.obje-site .elementor-widget-text-editor *,
body.obje-site [class*="subtitle"],
body.obje-site [class*="description"],
body.obje-site [class*="desc"],
body.obje-site [class*="excerpt"]{
  font-family:var(--obje-font-subtitle)!important;
  font-weight:var(--obje-subtitle-weight,300)!important;
}
@media(max-width:767px){
  body.obje-site h1,
  body.obje-site h2,
  body.obje-site h3,
  body.obje-site h4,
  body.obje-site h5,
  body.obje-site h6,
  body.obje-site .hero h1,
  body.obje-site .section-head h2,
  body.obje-site .elementor-heading-title{
    font-family:var(--obje-font-heading)!important;
    font-weight:var(--obje-heading-weight,950)!important;
    font-synthesis:weight!important;
  }
}


/* v5.9 font variable recovery + right-side mobile drawer */
html,body,
body.obje-site,
body.obje-site *:not(i):not(svg):not(path){
  font-family:var(--obje-font-body)!important;
}
body.obje-site h1,
body.obje-site h2,
body.obje-site h3,
body.obje-site h4,
body.obje-site h5,
body.obje-site h6,
body.obje-site .hero h1,
body.obje-site .section-head h2,
body.obje-site .service-row h3,
body.obje-site .service-info h3,
body.obje-site .route-panel h3,
body.obje-site .elementor-heading-title,
body.obje-site [class*="title"],
body.obje-site [class*="heading"]{
  font-family:var(--obje-font-heading)!important;
  font-weight:var(--obje-heading-weight,950)!important;
  font-synthesis:weight!important;
}
body.obje-site p,
body.obje-site small,
body.obje-site .section-head p,
body.obje-site .hero p,
body.obje-site .service-row p,
body.obje-site .service-info p,
body.obje-site .route-panel p,
body.obje-site .elementor-widget-text-editor,
body.obje-site .elementor-widget-text-editor *,
body.obje-site [class*="subtitle"],
body.obje-site [class*="description"],
body.obje-site [class*="desc"],
body.obje-site [class*="excerpt"]{
  font-family:var(--obje-font-subtitle)!important;
  font-weight:var(--obje-subtitle-weight,300)!important;
}

@media(max-width:767px){
  body.mobile-open{
    overflow:hidden!important;
  }
  body.mobile-open:before{
    content:"";
    position:fixed;
    inset:0;
    z-index:4890;
    background:rgba(5,11,36,.56);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
  }
  .mobile-panel{
    display:block!important;
    position:fixed!important;
    top:0!important;
    right:0!important;
    left:auto!important;
    bottom:0!important;
    width:min(86vw,360px)!important;
    height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:calc(var(--obje-mobile-header-height,58px) + 30px) 18px 24px!important;
    border-radius:28px 0 0 28px!important;
    background:rgba(5,11,36,.94)!important;
    border-left:1px solid rgba(255,255,255,.14)!important;
    border-top:0!important;
    border-right:0!important;
    border-bottom:0!important;
    box-shadow:-34px 0 90px rgba(0,0,0,.38)!important;
    backdrop-filter:blur(22px) saturate(160%)!important;
    -webkit-backdrop-filter:blur(22px) saturate(160%)!important;
    z-index:5000!important;
    opacity:0!important;
    visibility:hidden!important;
    transform:translateX(110%)!important;
    transition:transform .34s cubic-bezier(.2,.8,.2,1), opacity .24s ease, visibility .24s ease!important;
    overflow-y:auto!important;
  }
  body.mobile-open .mobile-panel{
    opacity:1!important;
    visibility:visible!important;
    transform:translateX(0)!important;
  }
  .mobile-panel a{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-height:48px!important;
    margin-bottom:8px!important;
    padding:0 16px!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.055)!important;
    border:1px solid rgba(255,255,255,.09)!important;
    color:#fff!important;
    font-weight:800!important;
  }
  .mobile-panel a:hover{
    background:rgba(255,122,26,.16)!important;
    border-color:rgba(255,122,26,.38)!important;
  }
  .site-header,
  .site-header-inner{
    z-index:5100!important;
  }
  .mobile-menu-toggle{
    z-index:5200!important;
  }
}


/* v6.0 final font loader + right drawer lock */
html,body{
  max-width:100%!important;
  overflow-x:hidden!important;
}
body.obje-site,
body.obje-site *:not(i):not(svg):not(path){
  font-family:var(--obje-font-body)!important;
}
body.obje-site h1,
body.obje-site h2,
body.obje-site h3,
body.obje-site h4,
body.obje-site h5,
body.obje-site h6,
body.obje-site .hero h1,
body.obje-site .section-head h2,
body.obje-site .service-row h3,
body.obje-site .service-info h3,
body.obje-site .route-panel h3,
body.obje-site .portfolio-single h1,
body.obje-site .portfolio-single h2,
body.obje-site .elementor-heading-title,
body.obje-site [class*="title"],
body.obje-site [class*="heading"]{
  font-family:var(--obje-font-heading)!important;
  font-weight:var(--obje-heading-weight,950)!important;
  font-synthesis:weight!important;
}
body.obje-site p,
body.obje-site small,
body.obje-site .section-head p,
body.obje-site .hero p,
body.obje-site .service-row p,
body.obje-site .service-info p,
body.obje-site .route-panel p,
body.obje-site .elementor-widget-text-editor,
body.obje-site .elementor-widget-text-editor *,
body.obje-site [class*="subtitle"],
body.obje-site [class*="description"],
body.obje-site [class*="desc"],
body.obje-site [class*="excerpt"]{
  font-family:var(--obje-font-subtitle)!important;
  font-weight:var(--obje-subtitle-weight,300)!important;
}

@media(max-width:767px){
  body.mobile-open{
    overflow:hidden!important;
  }
  body.mobile-open:before{
    content:""!important;
    position:fixed!important;
    inset:0!important;
    z-index:4890!important;
    background:rgba(5,11,36,.56)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
  }
  .mobile-panel{
    display:block!important;
    position:fixed!important;
    top:0!important;
    right:0!important;
    left:auto!important;
    bottom:0!important;
    width:min(86vw,360px)!important;
    height:100dvh!important;
    margin:0!important;
    padding:calc(var(--obje-mobile-header-height,58px) + 30px) 18px 24px!important;
    border-radius:28px 0 0 28px!important;
    background:rgba(5,11,36,.96)!important;
    border-left:1px solid rgba(255,255,255,.14)!important;
    border-top:0!important;
    border-right:0!important;
    border-bottom:0!important;
    box-shadow:-34px 0 90px rgba(0,0,0,.38)!important;
    z-index:5000!important;
    opacity:0!important;
    visibility:hidden!important;
    transform:translateX(110%)!important;
    transition:transform .34s cubic-bezier(.2,.8,.2,1),opacity .24s ease,visibility .24s ease!important;
    overflow-y:auto!important;
  }
  body.mobile-open .mobile-panel{
    opacity:1!important;
    visibility:visible!important;
    transform:translateX(0)!important;
  }
  .mobile-panel a{
    display:flex!important;
    min-height:48px!important;
    align-items:center!important;
    margin-bottom:8px!important;
    padding:0 16px!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.055)!important;
    border:1px solid rgba(255,255,255,.09)!important;
    color:#fff!important;
    font-weight:800!important;
  }
}

/* v6.1 absolute typography lock */
html,body{max-width:100%!important;overflow-x:hidden!important}
body.obje-site,body.obje-site *:not(i):not(svg):not(path){font-family:var(--obje-font-body)!important}
body.obje-site h1,body.obje-site h2,body.obje-site h3,body.obje-site h4,body.obje-site h5,body.obje-site h6,body.obje-site .hero h1,body.obje-site .section-head h2,body.obje-site .service-row h3,body.obje-site .service-info h3,body.obje-site .route-panel h3,body.obje-site .portfolio-single h1,body.obje-site .portfolio-single h2,body.obje-site .elementor-heading-title,body.obje-site [class*="title"],body.obje-site [class*="heading"]{font-family:var(--obje-font-heading)!important;font-weight:var(--obje-heading-weight,950)!important;font-synthesis:weight!important}
body.obje-site p,body.obje-site small,body.obje-site .section-head p,body.obje-site .hero p,body.obje-site .service-row p,body.obje-site .service-info p,body.obje-site .route-panel p,body.obje-site .elementor-widget-text-editor,body.obje-site .elementor-widget-text-editor *,body.obje-site [class*="subtitle"],body.obje-site [class*="description"],body.obje-site [class*="desc"],body.obje-site [class*="excerpt"]{font-family:var(--obje-font-subtitle)!important;font-weight:var(--obje-subtitle-weight,300)!important}


/* v6.2 Alibaba/Yekan-only typography lock */
body.obje-site,
body.obje-site *:not(i):not(svg):not(path){
  font-family:var(--obje-font-body)!important;
}
body.obje-site h1,
body.obje-site h2,
body.obje-site h3,
body.obje-site h4,
body.obje-site h5,
body.obje-site h6,
body.obje-site .hero h1,
body.obje-site .section-head h2,
body.obje-site .service-row h3,
body.obje-site .service-info h3,
body.obje-site .route-panel h3,
body.obje-site .portfolio-single h1,
body.obje-site .portfolio-single h2,
body.obje-site .elementor-heading-title,
body.obje-site [class*="title"],
body.obje-site [class*="heading"]{
  font-family:var(--obje-font-heading)!important;
  font-weight:var(--obje-heading-weight,950)!important;
}
body.obje-site p,
body.obje-site small,
body.obje-site .section-head p,
body.obje-site .hero p,
body.obje-site .service-row p,
body.obje-site .service-info p,
body.obje-site .route-panel p,
body.obje-site .elementor-widget-text-editor,
body.obje-site .elementor-widget-text-editor *,
body.obje-site [class*="subtitle"],
body.obje-site [class*="description"],
body.obje-site [class*="desc"],
body.obje-site [class*="excerpt"]{
  font-family:var(--obje-font-subtitle)!important;
  font-weight:var(--obje-subtitle-weight,300)!important;
}


/* v6.3 exact uploaded font filenames + home alternating backgrounds */
body.obje-site,
body.obje-site *:not(i):not(svg):not(path){
  font-family:var(--obje-font-body)!important;
}
body.obje-site h1,
body.obje-site h2,
body.obje-site h3,
body.obje-site h4,
body.obje-site h5,
body.obje-site h6,
body.obje-site .hero h1,
body.obje-site .section-head h2,
body.obje-site .service-row h3,
body.obje-site .service-info h3,
body.obje-site .route-panel h3,
body.obje-site .portfolio-single h1,
body.obje-site .portfolio-single h2,
body.obje-site .elementor-heading-title,
body.obje-site [class*="title"],
body.obje-site [class*="heading"]{
  font-family:var(--obje-font-heading)!important;
  font-weight:var(--obje-heading-weight,950)!important;
}
body.obje-site p,
body.obje-site small,
body.obje-site .section-head p,
body.obje-site .hero p,
body.obje-site .service-row p,
body.obje-site .service-info p,
body.obje-site .route-panel p,
body.obje-site .elementor-widget-text-editor,
body.obje-site .elementor-widget-text-editor *,
body.obje-site [class*="subtitle"],
body.obje-site [class*="description"],
body.obje-site [class*="desc"],
body.obje-site [class*="excerpt"]{
  font-family:var(--obje-font-subtitle)!important;
  font-weight:var(--obje-subtitle-weight,300)!important;
}

/* Services section order:
   intro: blue, branding: white, advertising: blue, content: white, digital: blue */
.service-routes{
  background:linear-gradient(135deg,#050b24,#141a54)!important;
  color:#fff!important;
}
.service-routes .service-row{
  background:transparent!important;
  color:#fff!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}
.service-routes .service-row h3{color:#fff!important}
.service-routes .service-row p{color:rgba(255,255,255,.72)!important}
.service-routes .service-row .pill-grid span{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.12)!important;
}
.service-routes .service-row.light-row{
  background:#f4f4f6!important;
  color:#101426!important;
  border-top:0!important;
}
.service-routes .service-row.light-row h3{color:#101426!important}
.service-routes .service-row.light-row p{color:#6f7487!important}
.service-routes .service-row.light-row .pill-grid span{
  background:#fff!important;
  color:#101426!important;
  border-color:#e2e6ef!important;
}
.service-routes .service-row.light-row .obje-btn{
  color:#fff!important;
}

@media(max-width:767px){
  h1,h2,h3,h4,h5,h6,
  .hero h1,
  .section-head h2,
  .elementor-heading-title{
    font-family:var(--obje-font-heading)!important;
    font-weight:var(--obje-heading-weight,950)!important;
  }
}


/* v6.4 frontend typography variable lock */
body.obje-site,
body.obje-site *:not(i):not(svg):not(path){
  font-family:var(--obje-font-body)!important;
}
body.obje-site h1,
body.obje-site h2,
body.obje-site h3,
body.obje-site h4,
body.obje-site h5,
body.obje-site h6,
body.obje-site .hero h1,
body.obje-site .section-head h2,
body.obje-site .service-row h3,
body.obje-site .service-info h3,
body.obje-site .route-panel h3,
body.obje-site .elementor-heading-title,
body.obje-site [class*="title"],
body.obje-site [class*="heading"]{
  font-family:var(--obje-font-heading)!important;
  font-weight:var(--obje-heading-weight,950)!important;
}
body.obje-site p,
body.obje-site small,
body.obje-site .section-head p,
body.obje-site .hero p,
body.obje-site .service-row p,
body.obje-site .service-info p,
body.obje-site .route-panel p,
body.obje-site .elementor-widget-text-editor,
body.obje-site .elementor-widget-text-editor *,
body.obje-site [class*="subtitle"],
body.obje-site [class*="description"],
body.obje-site [class*="desc"],
body.obje-site [class*="excerpt"]{
  font-family:var(--obje-font-subtitle)!important;
  font-weight:var(--obje-subtitle-weight,300)!important;
}


/* v6.6 portfolio font fallback + uniform partner logos */
body.single-obje_portfolio,
body.single-obje_portfolio *:not(i):not(svg):not(path),
.portfolio-single,
.portfolio-single *:not(i):not(svg):not(path),
.portfolio-single-hero,
.portfolio-single-hero *:not(i):not(svg):not(path){
  font-family:var(--obje-font-body)!important;
}
body.single-obje_portfolio h1,
body.single-obje_portfolio h2,
body.single-obje_portfolio h3,
.portfolio-single-hero h1,
.portfolio-meta-row,
.portfolio-meta-row *,
.breadcrumb-mini,
.breadcrumb-mini *{
  font-family:var(--obje-font-heading)!important;
  font-weight:var(--obje-heading-weight,950)!important;
}
.portfolio-single-hero p,
.portfolio-story,
.portfolio-story *,
.portfolio-result-card p{
  font-family:var(--obje-font-subtitle)!important;
}

/* Partner logos: same visual size on desktop and mobile */
.partners-section .partner-logo-box{
  overflow:hidden!important;
}
.partners-section .partner-marquee{
  width:100%!important;
  overflow:hidden!important;
}
.partners-section .partner-track,
.partners-section .partner-track-top,
.partners-section .partner-track-bottom{
  align-items:center!important;
}
.partners-section .partner-tile{
  width:158px!important;
  min-width:158px!important;
  height:82px!important;
  padding:12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:20px!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
.partners-section .partner-tile img{
  width:120px!important;
  height:46px!important;
  max-width:120px!important;
  max-height:46px!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  margin:auto!important;
  filter:none!important;
}
.partners-section .partner-tile.contrast img,
.partners-section .partner-tile.logo-contrast img{
  max-width:120px!important;
  max-height:46px!important;
}

@media(max-width:767px){
  .partners-section .partner-logo-box{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  .partners-section .partner-tile{
    width:128px!important;
    min-width:128px!important;
    height:68px!important;
    padding:10px!important;
    border-radius:16px!important;
  }
  .partners-section .partner-tile img{
    width:96px!important;
    height:38px!important;
    max-width:96px!important;
    max-height:38px!important;
    object-fit:contain!important;
  }
}


/* v6.7 portfolio mobile font final fallback */
body.single-obje_portfolio,
body.single-obje_portfolio *:not(i):not(svg):not(path),
.portfolio-single,
.portfolio-single *:not(i):not(svg):not(path),
.portfolio-single-hero,
.portfolio-single-hero *:not(i):not(svg):not(path){
  font-family:var(--obje-font-body)!important;
}
body.single-obje_portfolio h1,
body.single-obje_portfolio h2,
body.single-obje_portfolio h3,
.portfolio-single-hero h1,
.portfolio-meta-row,
.portfolio-meta-row *,
.breadcrumb-mini,
.breadcrumb-mini *,
.portfolio-single .eyebrow{
  font-family:var(--obje-font-heading)!important;
  font-weight:var(--obje-heading-weight,950)!important;
}
.portfolio-single-hero p,
.portfolio-story,
.portfolio-story *,
.portfolio-result-card p{
  font-family:var(--obje-font-subtitle)!important;
}

/* Partner logos: same visual size on desktop and mobile */
.partners-section .partner-logo-box{overflow:hidden!important}
.partners-section .partner-marquee{width:100%!important;overflow:hidden!important}
.partners-section .partner-track,
.partners-section .partner-track-top,
.partners-section .partner-track-bottom{align-items:center!important}
.partners-section .partner-tile{
  width:158px!important;
  min-width:158px!important;
  height:82px!important;
  padding:12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:20px!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
.partners-section .partner-tile img{
  width:120px!important;
  height:46px!important;
  max-width:120px!important;
  max-height:46px!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  margin:auto!important;
  filter:none!important;
}
@media(max-width:767px){
  .partners-section .partner-logo-box{width:100%!important;max-width:100%!important;overflow:hidden!important}
  .partners-section .partner-tile{
    width:128px!important;
    min-width:128px!important;
    height:68px!important;
    padding:10px!important;
    border-radius:16px!important;
  }
  .partners-section .partner-tile img{
    width:96px!important;
    height:38px!important;
    max-width:96px!important;
    max-height:38px!important;
    object-fit:contain!important;
  }
}


/* v6.8 header spacing, portfolio title mobile order, partners configurable sizing */
.site-header{padding-top:var(--obje-header-top-gap,16px)!important}
.hero,.service-hero,.portfolio-archive-hero,.portfolio-single-hero{padding-top:var(--obje-hero-top-gap,180px)!important}

/* Force portfolio title font to Alibaba stack */
body.single-obje_portfolio h1,
body.single-obje_portfolio h2,
body.single-obje_portfolio h3,
body.obje-site .portfolio-single-hero h1,
body.obje-site .portfolio-single .section-head h2,
body.obje-site .portfolio-3d-gallery-section .section-head h2,
body.obje-site .portfolio-meta-row,
body.obje-site .portfolio-meta-row *,
body.obje-site .breadcrumb-mini,
body.obje-site .breadcrumb-mini *{
  font-family:var(--obje-font-heading)!important;
  font-weight:var(--obje-heading-weight,950)!important;
}

/* Portfolio images title must be above images on mobile and desktop */
.portfolio-3d-gallery-section{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.portfolio-3d-gallery-section .section-head{
  order:1!important;
  position:relative!important;
  z-index:80!important;
  margin-bottom:28px!important;
}
.portfolio-3d-gallery-section .section-head h2{
  position:relative!important;
  z-index:90!important;
}
.portfolio-3d-gallery-section .obje-portfolio-3d-gallery{
  order:2!important;
  position:relative!important;
  z-index:2!important;
  clear:both!important;
}
.portfolio-3d-gallery-section .obje-3d-stage{
  position:relative!important;
  z-index:1!important;
}

/* Partner logo controlled sizes */
.partners-section .partner-tile{
  width:var(--obje-partner-tile-width,158px)!important;
  min-width:var(--obje-partner-tile-width,158px)!important;
  height:var(--obje-partner-tile-height,82px)!important;
  background:var(--partner-bg,#fff)!important;
  padding:12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}
.partners-section .partner-tile img{
  width:var(--obje-partner-logo-width,120px)!important;
  height:var(--obje-partner-logo-height,46px)!important;
  max-width:var(--obje-partner-logo-width,120px)!important;
  max-height:var(--obje-partner-logo-height,46px)!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  margin:auto!important;
}

@media(max-width:767px){
  .site-header{padding-top:var(--obje-mobile-header-top-gap,8px)!important}
  .hero,.service-hero,.portfolio-archive-hero,.portfolio-single-hero{padding-top:var(--obje-mobile-hero-top-gap,132px)!important}
  .portfolio-3d-gallery-section .section-head{
    order:1!important;
    z-index:100!important;
    margin-bottom:18px!important;
    padding-inline:18px!important;
  }
  .portfolio-3d-gallery-section .obje-portfolio-3d-gallery{
    order:2!important;
    z-index:1!important;
    margin-top:0!important;
  }
  .portfolio-3d-gallery-section .obje-3d-stage{
    margin-top:0!important;
    z-index:1!important;
  }
  .partners-section .partner-tile{
    width:var(--obje-partner-mobile-tile-width,128px)!important;
    min-width:var(--obje-partner-mobile-tile-width,128px)!important;
    height:var(--obje-partner-mobile-tile-height,68px)!important;
  }
  .partners-section .partner-tile img{
    width:var(--obje-partner-mobile-logo-width,96px)!important;
    height:var(--obje-partner-mobile-logo-height,38px)!important;
    max-width:var(--obje-partner-mobile-logo-width,96px)!important;
    max-height:var(--obje-partner-mobile-logo-height,38px)!important;
  }
}


/* v6.9 mobile full-bleed sections, portfolio gallery title, partners/image controls */
@media(max-width:767px){
  /* sections must touch screen edges on mobile */
  .service-routes > .obje-container,
  .partners-section > .obje-container,
  .challenge-section > .obje-container,
  .obje-section > .obje-container,
  .apple-services > .obje-container{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .service-row,
  .service-row.light-row,
  .route-intro-card,
  .partners-card,
  .challenge-section,
  .obje-section.light{
    border-radius:0!important;
  }
  .service-row > div,
  .service-row > figure,
  .service-routes .section-head,
  .route-intro-card,
  .partners-copy,
  .challenge-section .section-head,
  .feature-grid,
  .process-grid,
  .project-grid,
  .portfolio-grid{
    padding-left:18px!important;
    padding-right:18px!important;
    box-sizing:border-box!important;
  }

  /* Header-to-hero spacing control */
  .hero,
  .service-hero,
  .portfolio-archive-hero,
  .portfolio-single-hero{
    padding-top:calc(var(--obje-mobile-hero-top-gap,132px) + var(--obje-mobile-header-bottom-gap,52px))!important;
  }
}

/* Portfolio gallery title always above images with spacing */
.portfolio-3d-gallery-section{
  overflow:hidden!important;
}
.portfolio-3d-gallery-section > .obje-container{
  display:flex!important;
  flex-direction:column!important;
}
.portfolio-3d-gallery-section .section-head{
  order:1!important;
  position:relative!important;
  z-index:200!important;
  margin-bottom:34px!important;
  transform:none!important;
}
.portfolio-3d-gallery-section .section-head h2{
  font-family:var(--obje-font-heading)!important;
  font-weight:var(--obje-heading-weight,950)!important;
  position:relative!important;
  z-index:210!important;
}
.portfolio-3d-gallery-section .obje-portfolio-3d-gallery{
  order:2!important;
  position:relative!important;
  z-index:1!important;
  margin-top:0!important;
  padding-top:16px!important;
}
.portfolio-3d-gallery-section .obje-3d-stage{
  margin-top:0!important;
  position:relative!important;
  z-index:1!important;
}
@media(max-width:767px){
  .portfolio-3d-gallery-section{
    padding-top:54px!important;
  }
  .portfolio-3d-gallery-section .section-head{
    margin-bottom:24px!important;
    padding:0 18px!important;
  }
  .portfolio-3d-gallery-section .obje-portfolio-3d-gallery{
    padding-top:22px!important;
  }
}

/* Partner logo configurable sizes */
.partners-section .partner-tile{
  width:var(--obje-partner-tile-width,158px)!important;
  min-width:var(--obje-partner-tile-width,158px)!important;
  height:var(--obje-partner-tile-height,82px)!important;
  background:var(--partner-bg,#fff)!important;
}
.partners-section .partner-tile img{
  width:var(--obje-partner-logo-width,120px)!important;
  height:var(--obje-partner-logo-height,46px)!important;
  max-width:var(--obje-partner-logo-width,120px)!important;
  max-height:var(--obje-partner-logo-height,46px)!important;
  object-fit:contain!important;
}
@media(max-width:767px){
  .partners-section .partner-tile{
    width:var(--obje-partner-mobile-tile-width,128px)!important;
    min-width:var(--obje-partner-mobile-tile-width,128px)!important;
    height:var(--obje-partner-mobile-tile-height,68px)!important;
  }
  .partners-section .partner-tile img{
    width:var(--obje-partner-mobile-logo-width,96px)!important;
    height:var(--obje-partner-mobile-logo-height,38px)!important;
    max-width:var(--obje-partner-mobile-logo-width,96px)!important;
    max-height:var(--obje-partner-mobile-logo-height,38px)!important;
  }
}


/* v7.3 portfolio case study + remove old results section */
.portfolio-content-full{
  display:block!important;
}
.portfolio-content-full .portfolio-story{
  max-width:100%!important;
}
.portfolio-result-card{
  display:none!important;
}
.portfolio-case-study-section{
  position:relative;
  padding:88px 0;
  background:
    radial-gradient(circle at 10% 8%,rgba(80,179,255,.15),transparent 26%),
    radial-gradient(circle at 88% 18%,rgba(255,122,26,.12),transparent 24%),
    linear-gradient(135deg,#050b24,#080f31 48%,#101848);
  color:#fff;
  overflow:hidden;
}
.case-study-glass{
  position:relative;
  padding:28px;
  border-radius:34px;
  background:linear-gradient(135deg,rgba(255,255,255,.105),rgba(255,255,255,.045));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 44px 120px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.12);
  backdrop-filter:blur(22px) saturate(145%);
  -webkit-backdrop-filter:blur(22px) saturate(145%);
}
.case-study-hero{
  min-height:360px;
  display:grid;
  grid-template-columns:1.15fr .65fr;
  gap:28px;
  align-items:center;
  padding:44px;
  border-radius:28px;
  background:
    linear-gradient(90deg,rgba(5,11,36,.92),rgba(5,11,36,.58)),
    radial-gradient(circle at 82% 30%,rgba(80,179,255,.22),transparent 25%),
    linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.16);
  overflow:hidden;
}
.case-study-badge{
  display:inline-flex;
  padding:10px 16px;
  border-radius:999px;
  background:rgba(80,179,255,.12);
  border:1px solid rgba(80,179,255,.36);
  color:#55c8ff;
  font-weight:950;
  margin-bottom:22px;
}
.case-study-hero h2{
  color:#fff!important;
  font-size:clamp(34px,5vw,64px);
  line-height:1.35;
  margin:0 0 18px;
  font-family:var(--obje-font-heading)!important;
  font-weight:var(--obje-heading-weight,950)!important;
}
.case-study-hero p{
  color:#55c8ff!important;
  font-size:clamp(17px,2vw,24px);
  line-height:1.9;
  margin:0;
}
.case-study-mark{
  justify-self:end;
  width:220px;
  height:220px;
  border-radius:42px;
  display:grid;
  place-items:center;
  background:radial-gradient(circle,rgba(80,179,255,.18),rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.17);
  box-shadow:0 24px 70px rgba(80,179,255,.14);
}
.case-study-mark span{
  font-size:94px;
  font-weight:950;
  color:#fff;
}
.case-study-problem{
  display:grid;
  grid-template-columns:180px 1fr;
  gap:28px;
  align-items:center;
  margin-top:26px;
  padding:30px;
  border-radius:28px;
  background:linear-gradient(135deg,rgba(255,255,255,.085),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.15);
}
.case-study-question{
  width:130px;
  height:130px;
  display:grid;
  place-items:center;
  border-radius:999px;
  border:1px solid rgba(80,179,255,.55);
  color:#6dccff;
  font-size:76px;
  font-weight:300;
  box-shadow:0 0 40px rgba(80,179,255,.25), inset 0 0 20px rgba(80,179,255,.12);
}
.case-study-problem h3,
.case-study-title h3{
  margin:0;
  color:#fff!important;
  font-size:clamp(26px,3vw,42px);
  font-family:var(--obje-font-heading)!important;
  font-weight:950!important;
}
.case-study-problem ul{
  margin:20px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:14px;
}
.case-study-problem li{
  position:relative;
  padding-right:26px;
  color:rgba(255,255,255,.86);
  line-height:2;
  font-size:17px;
}
.case-study-problem li:before{
  content:"";
  position:absolute;
  right:0;
  top:17px;
  width:8px;
  height:8px;
  border-radius:99px;
  background:#55c8ff;
  box-shadow:0 0 18px #55c8ff;
}
.case-study-block{
  margin-top:30px;
  padding:28px;
  border-radius:28px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.08);
}
.case-study-title{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:22px;
  align-items:center;
  margin-bottom:22px;
  text-align:center;
}
.case-study-title span{
  height:2px;
  background:linear-gradient(90deg,transparent,#55c8ff,transparent);
}
.case-study-card-grid{
  display:grid;
  gap:16px;
}
.case-study-card-grid.four{
  grid-template-columns:repeat(4,1fr);
}
.case-study-card-grid.five{
  grid-template-columns:repeat(5,1fr);
}
.case-study-card,
.case-study-output,
.case-study-kpi{
  min-height:150px;
  padding:22px;
  border-radius:22px;
  background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  text-align:center;
}
.case-study-card b,
.case-study-output b{
  display:inline-grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:14px;
  background:rgba(80,179,255,.11);
  color:#55c8ff;
  border:1px solid rgba(80,179,255,.3);
  margin-bottom:12px;
}
.case-study-card h4,
.case-study-output h4{
  color:#fff!important;
  margin:0 0 10px;
  font-size:18px;
  font-weight:950;
}
.case-study-card p,
.case-study-output p{
  color:rgba(255,255,255,.74)!important;
  margin:0;
  line-height:1.9;
  font-size:14px;
}
.case-study-kpi-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.case-study-kpi strong{
  display:block;
  color:#55c8ff;
  font-size:clamp(28px,3vw,48px);
  line-height:1.2;
  font-weight:950;
  margin-bottom:8px;
}
.case-study-kpi span{
  display:block;
  color:#fff;
  font-size:17px;
  font-weight:900;
}
.case-study-kpi small{
  display:block;
  color:rgba(255,255,255,.64);
  margin-top:6px;
}
.case-study-conclusion{
  display:grid;
  grid-template-columns:76px 1fr;
  gap:20px;
  align-items:center;
  margin-top:28px;
  padding:24px 28px;
  border-radius:26px;
  background:linear-gradient(135deg,rgba(80,179,255,.11),rgba(255,255,255,.04));
  border:1px solid rgba(80,179,255,.22);
}
.case-study-conclusion span{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:rgba(80,179,255,.12);
  color:#55c8ff;
  font-size:30px;
}
.case-study-conclusion p{
  margin:0;
  color:#fff!important;
  line-height:2;
  font-size:19px;
  text-align:center;
}

@media(max-width:1100px){
  .case-study-hero,
  .case-study-problem{
    grid-template-columns:1fr;
  }
  .case-study-mark{
    justify-self:start;
    width:150px;
    height:150px;
  }
  .case-study-mark span{font-size:62px}
  .case-study-card-grid.four,
  .case-study-card-grid.five,
  .case-study-kpi-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:767px){
  .portfolio-case-study-section{
    padding:54px 0;
  }
  .case-study-glass{
    width:100%!important;
    border-radius:0!important;
    padding:16px!important;
  }
  .case-study-hero{
    padding:26px 18px;
    min-height:auto;
    border-radius:24px;
  }
  .case-study-hero h2{
    font-size:32px;
  }
  .case-study-badge{
    font-size:12px;
    line-height:1.8;
  }
  .case-study-problem{
    grid-template-columns:1fr;
    padding:22px 18px;
  }
  .case-study-question{
    width:84px;
    height:84px;
    font-size:48px;
  }
  .case-study-card-grid.four,
  .case-study-card-grid.five,
  .case-study-kpi-grid{
    grid-template-columns:1fr;
  }
  .case-study-title{
    grid-template-columns:1fr;
  }
  .case-study-title span{
    display:none;
  }
  .case-study-block{
    padding:18px;
  }
  .case-study-conclusion{
    grid-template-columns:1fr;
    text-align:center;
  }
  .case-study-conclusion span{
    margin:auto;
  }
}


/* v7.4 case study logo + mobile readability */
.case-study-logo{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:min(280px,70%);
  min-height:82px;
  margin:0 0 22px;
  padding:16px 22px;
  border-radius:22px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
}
.case-study-logo img{
  display:block;
  width:100%;
  max-width:220px;
  max-height:58px;
  object-fit:contain;
}
.case-study-mark img{
  width:78%;
  max-width:160px;
  max-height:120px;
  object-fit:contain;
  display:block;
}
.case-study-kpi{
  min-height:132px;
  padding:18px;
}
.case-study-kpi strong{
  font-size:clamp(22px,2.1vw,34px)!important;
  line-height:1.25!important;
  margin-bottom:6px!important;
}
.case-study-kpi span{
  font-size:15px!important;
  line-height:1.8!important;
}
.case-study-kpi small{
  font-size:12px!important;
  line-height:1.7!important;
}

@media(max-width:767px){
  .case-study-glass{
    padding:12px!important;
  }
  .case-study-hero{
    padding:20px 14px!important;
  }
  .case-study-logo{
    width:100%;
    min-height:64px;
    margin-bottom:16px;
    padding:12px 16px;
  }
  .case-study-logo img{
    max-width:180px;
    max-height:44px;
  }
  .case-study-card-grid.four,
  .case-study-card-grid.five,
  .case-study-kpi-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .case-study-card,
  .case-study-output,
  .case-study-kpi{
    min-height:118px!important;
    padding:12px 10px!important;
    border-radius:18px!important;
  }
  .case-study-card b,
  .case-study-output b{
    width:32px!important;
    height:32px!important;
    border-radius:11px!important;
    margin-bottom:8px!important;
    font-size:12px!important;
  }
  .case-study-card h4,
  .case-study-output h4{
    font-size:13px!important;
    line-height:1.7!important;
    margin-bottom:6px!important;
  }
  .case-study-card p,
  .case-study-output p{
    font-size:11px!important;
    line-height:1.8!important;
  }
  .case-study-kpi strong{
    font-size:20px!important;
    line-height:1.35!important;
  }
  .case-study-kpi span{
    font-size:12px!important;
    line-height:1.7!important;
  }
  .case-study-kpi small{
    font-size:10px!important;
  }
  .case-study-block{
    padding:14px 10px!important;
  }
  .case-study-title h3{
    font-size:22px!important;
  }
}


/* v7.5 case study image + logo visual */
.case-study-visual{
  justify-self:end;
  width:min(100%,360px);
  min-height:260px;
  border-radius:32px;
  display:grid;
  place-items:center;
  position:relative;
  overflow:hidden;
  background:radial-gradient(circle,rgba(80,179,255,.18),rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.17);
  box-shadow:0 24px 70px rgba(80,179,255,.14);
}
.case-study-main-image{
  width:100%;
  height:100%;
  min-height:260px;
  object-fit:cover;
  display:block;
}
.case-study-floating-logo{
  position:absolute;
  right:18px;
  top:18px;
  width:132px;
  max-height:58px;
  object-fit:contain;
  padding:12px 16px;
  border-radius:18px;
  background:rgba(5,11,36,.62);
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.case-study-only-logo{
  width:78%;
  max-width:220px;
  max-height:140px;
  object-fit:contain;
  display:block;
}
.case-study-visual span{
  font-size:94px;
  font-weight:950;
  color:#fff;
}
.case-study-mark{
  display:none!important;
}

@media(max-width:1100px){
  .case-study-visual{
    justify-self:start;
    width:100%;
    min-height:220px;
  }
  .case-study-main-image{
    min-height:220px;
  }
}
@media(max-width:767px){
  .case-study-visual{
    width:100%;
    min-height:180px;
    border-radius:22px;
  }
  .case-study-main-image{
    min-height:180px;
  }
  .case-study-floating-logo{
    width:96px;
    max-height:44px;
    right:12px;
    top:12px;
    padding:8px 10px;
    border-radius:14px;
  }
}


/* v7.6 video covers */
.portfolio-video-card video[poster]{
  object-fit:cover;
}
.portfolio-video-card h3{
  font-size:17px!important;
}
.portfolio-video-card span{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.portfolio-video-card span:before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#ff7a1a;
}
@media(max-width:767px){
  .portfolio-video-grid{
    grid-template-columns:1fr!important;
  }
  .portfolio-video-card h3{
    font-size:15px!important;
  }
}


/* v7.7 clean video card text */
.portfolio-video-card div{
  padding:12px 4px 2px;
}
.portfolio-video-card div span{
  display:none!important;
}
.portfolio-video-card h3{
  margin-bottom:0!important;
}


/* =========================================================
   v7.9 Gallery, pricing page, case typography and cache-safe UI
   ========================================================= */
body.single-obje_portfolio .portfolio-main-media{
  background:#080f2d;
  display:grid;
  place-items:center;
  padding:18px;
}
body.single-obje_portfolio .portfolio-main-media img{
  width:100%;
  height:auto!important;
  max-height:780px;
  object-fit:contain!important;
  object-position:center;
  border-radius:18px;
}

.portfolio-gallery-section{
  position:relative;
  padding:86px 0;
  background:linear-gradient(180deg,#070f2f 0%,#0d1642 100%);
  overflow:hidden;
}
.portfolio-gallery-section:before{
  content:"";
  position:absolute;
  width:420px;height:420px;border-radius:50%;
  right:-180px;top:-210px;
  background:rgba(255,122,26,.12);
  filter:blur(20px);
}
.portfolio-gallery-section .section-head{position:relative;z-index:1}
.portfolio-gallery-section .section-head h2{color:#fff}
.portfolio-gallery-section .section-head span{color:var(--orange)}
.obje-portfolio-grid-gallery{
  --gallery-cols-desktop:3;
  --gallery-cols-mobile:1;
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(var(--gallery-cols-desktop),minmax(0,1fr));
  gap:18px;
}
.obje-gallery-grid-item{
  appearance:none;
  border:1px solid rgba(255,255,255,.12);
  padding:0;
  margin:0;
  min-width:0;
  aspect-ratio:4/3;
  border-radius:22px;
  overflow:hidden;
  position:relative;
  cursor:zoom-in;
  background:#0a1235;
  box-shadow:0 18px 48px rgba(0,0,0,.22);
}
.obje-gallery-grid-item[hidden]{display:none!important}
.obje-gallery-grid-item img{
  width:100%;height:100%;display:block;
  object-fit:cover;
  transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .35s ease;
}
.obje-gallery-grid-item span{
  position:absolute;
  left:14px;bottom:14px;
  color:#fff;
  background:rgba(5,11,36,.72);
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(10px);
  padding:8px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  opacity:0;
  transform:translateY(8px);
  transition:.3s ease;
}
.obje-gallery-grid-item:hover img{transform:scale(1.075);filter:brightness(.82)}
.obje-gallery-grid-item:hover span,.obje-gallery-grid-item:focus-visible span{opacity:1;transform:none}
.obje-gallery-grid-item:focus-visible{outline:3px solid var(--orange);outline-offset:3px}

.obje-gallery-lightbox{
  position:fixed;
  inset:0;
  z-index:999999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:32px 90px;
  background:rgba(2,6,20,.94);
  backdrop-filter:blur(16px);
  opacity:0;
  visibility:hidden;
  transition:.25s ease;
}
.obje-gallery-lightbox.is-open{opacity:1;visibility:visible}
.obje-gallery-lightbox figure{margin:0;max-width:min(1280px,94vw);max-height:88vh;display:grid;gap:10px;place-items:center}
.obje-gallery-lightbox img{display:block;max-width:100%;max-height:82vh;width:auto;height:auto;object-fit:contain;border-radius:18px;box-shadow:0 30px 100px rgba(0,0,0,.5)}
.obje-gallery-lightbox figcaption{color:rgba(255,255,255,.78);font-size:13px;text-align:center;min-height:1.5em}
.obje-lightbox-close,.obje-lightbox-nav{
  position:absolute;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.1);
  color:#fff;
  display:grid;place-items:center;
  cursor:pointer;
  transition:.2s ease;
}
.obje-lightbox-close{top:22px;left:22px;width:48px;height:48px;border-radius:16px;font-size:34px;line-height:1}
.obje-lightbox-nav{top:50%;transform:translateY(-50%);width:52px;height:72px;border-radius:18px;font-size:44px}
.obje-lightbox-nav.prev{right:22px}.obje-lightbox-nav.next{left:22px}
.obje-lightbox-close:hover,.obje-lightbox-nav:hover{background:var(--orange);border-color:var(--orange)}
body.obje-lightbox-open{overflow:hidden}

.pricing-page-hero{
  margin-top:-96px;
  padding:190px 0 92px;
  color:#fff;
  background:radial-gradient(circle at 16% 15%,rgba(255,122,26,.18),transparent 26%),linear-gradient(135deg,#050b24,#1b1b4f);
}
.pricing-page-hero h1{font-size:58px;line-height:1.3;margin:10px 0 14px;color:#fff}
.pricing-page-hero p{max-width:780px;color:rgba(255,255,255,.72);line-height:2;font-size:17px}
.pricing-page-jump{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.pricing-page-jump a{color:#fff;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);padding:11px 17px;border-radius:999px;font-weight:800;transition:.2s ease}
.pricing-page-jump a:hover{background:var(--orange);border-color:var(--orange)}
.pricing-service-section{padding:82px 0;background:#f5f6f9;scroll-margin-top:110px}
.pricing-service-section:nth-of-type(odd){background:#fff}
.pricing-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.pricing-page-card{position:relative;display:flex;flex-direction:column;padding:30px;border-radius:28px;background:#fff;border:1px solid #e2e6ef;box-shadow:0 24px 70px rgba(16,20,38,.08)}
.pricing-service-section:nth-of-type(odd) .pricing-page-card{background:#f7f8fb}
.pricing-page-card.featured{background:linear-gradient(145deg,#101846,#060d2b)!important;color:#fff;border-color:rgba(255,255,255,.08);transform:translateY(-10px)}
.pricing-popular{position:absolute;top:18px;left:18px;background:var(--orange);color:#fff;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:900}
.pricing-page-card h3{font-size:26px;margin:0 0 8px;color:#11162d}.pricing-page-card.featured h3{color:#fff}
.pricing-page-card p{color:#70768a;line-height:1.8;margin:0}.pricing-page-card.featured p{color:rgba(255,255,255,.7)}
.pricing-page-card strong{font-size:25px;color:var(--orange);display:block;margin:24px 0 18px}
.pricing-page-card ul{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:12px;flex:1}
.pricing-page-card li{position:relative;padding-right:24px;color:#43495d;line-height:1.8}.pricing-page-card.featured li{color:rgba(255,255,255,.88)}
.pricing-page-card li:before{content:"✓";position:absolute;right:0;color:var(--orange);font-weight:900}
.pricing-page-card .obje-btn{width:100%}

.portfolio-case-study-section{
  --case-heading-size:34px;
  --case-body-size:16px;
  --case-heading-weight:900;
  --case-body-weight:400;
}
.portfolio-case-study-section h2,
.portfolio-case-study-section h3,
.portfolio-case-study-section h4{
  font-size:var(--case-heading-size)!important;
  font-weight:var(--case-heading-weight)!important;
}
.portfolio-case-study-section p,
.portfolio-case-study-section li,
.portfolio-case-study-section span:not(.case-study-badge),
.portfolio-case-study-section small{
  font-size:var(--case-body-size)!important;
  font-weight:var(--case-body-weight)!important;
}

@media(max-width:900px){
  .pricing-page-grid{grid-template-columns:1fr}
  .pricing-page-card.featured{transform:none}
}
@media(max-width:767px){
  body.single-obje_portfolio .portfolio-main-media{padding:8px;border-radius:20px}
  body.single-obje_portfolio .portfolio-main-media img{max-height:none;border-radius:14px}
  .portfolio-gallery-section{padding:60px 0}
  .obje-portfolio-grid-gallery{grid-template-columns:repeat(var(--gallery-cols-mobile),minmax(0,1fr));gap:12px}
  .obje-gallery-grid-item{border-radius:16px}
  .obje-gallery-grid-item span{display:none}
  .obje-gallery-lightbox{padding:74px 12px 76px}
  .obje-lightbox-nav{top:auto;bottom:16px;transform:none;width:48px;height:48px;border-radius:14px}
  .obje-lightbox-nav.prev{right:calc(50% - 56px)}.obje-lightbox-nav.next{left:calc(50% - 56px)}
  .obje-lightbox-close{top:14px;left:14px;width:44px;height:44px}
  .pricing-page-hero{margin-top:-80px;padding:145px 0 62px}
  .pricing-page-hero h1{font-size:36px}
  .pricing-page-hero p{font-size:15px}
  .pricing-service-section{padding:60px 0}
  .pricing-page-card{padding:24px;border-radius:22px}
  .portfolio-case-study-section h2,
  .portfolio-case-study-section h3,
  .portfolio-case-study-section h4{font-size:clamp(22px,var(--case-heading-size),42px)!important}
}


/* =========================================================
   Obje v8.0 visual refresh: glass cards, gentle motion
   ========================================================= */
.obje-reveal{opacity:0;transform:translateY(22px) scale(.99);transition:opacity .62s ease var(--obje-reveal-delay,0ms),transform .72s cubic-bezier(.2,.7,.2,1) var(--obje-reveal-delay,0ms)}
.obje-reveal.is-visible{opacity:1;transform:none}
.obje-reduce-motion .obje-reveal,.obje-reduce-motion *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){.obje-reveal{opacity:1!important;transform:none!important;transition:none!important}.obje-gallery-grid-item:hover{animation:none!important}}

/* Glass portfolio gallery */
.obje-portfolio-grid-gallery{gap:22px}
.obje-gallery-grid-item{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.22);
  background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.045));
  box-shadow:0 24px 70px rgba(1,5,22,.34),inset 0 1px 0 rgba(255,255,255,.22);
  backdrop-filter:blur(18px) saturate(130%);
  -webkit-backdrop-filter:blur(18px) saturate(130%);
  transform:translateZ(0);
  transition:transform .6s cubic-bezier(.2,.75,.2,1),box-shadow .45s ease,border-color .35s ease;
}
.obje-gallery-grid-item:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.28),transparent 26%,transparent 72%,rgba(255,122,26,.13));opacity:.42;transition:opacity .35s ease}
.obje-gallery-grid-item:after{content:"";position:absolute;z-index:3;width:46%;height:180%;top:-42%;right:-70%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:right .75s ease}
.obje-gallery-grid-item:hover{border-color:rgba(255,255,255,.42);box-shadow:0 32px 90px rgba(0,0,0,.42),0 0 0 1px rgba(255,122,26,.1);animation:objeGalleryFloat 3.4s ease-in-out infinite}
.obje-gallery-grid-item:hover:after{right:125%}
.obje-gallery-grid-item:hover img{transform:scale(1.11);filter:brightness(.83) saturate(1.08)}
@keyframes objeGalleryFloat{0%,100%{transform:translateY(-5px)}50%{transform:translateY(4px)}}

/* Premium pricing */
.obje-pricing-page{background:#f4f6fb}
.pricing-page-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 18%,rgba(255,122,26,.27),transparent 26%),radial-gradient(circle at 86% 30%,rgba(91,104,220,.25),transparent 30%),linear-gradient(135deg,#03071c 0%,#10194a 56%,#1b1b4f 100%)}
.pricing-page-hero:after{content:"";position:absolute;inset:auto -10% -65% auto;width:540px;height:540px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 65px rgba(255,255,255,.025),0 0 0 135px rgba(255,255,255,.018)}
.pricing-page-hero .obje-container{position:relative;z-index:1}
.pricing-page-jump a{backdrop-filter:blur(14px);box-shadow:inset 0 1px rgba(255,255,255,.16);transition:transform .25s ease,background .25s ease,border-color .25s ease}
.pricing-page-jump a:hover{transform:translateY(-3px)}
.pricing-service-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#f4f6fb,#eef1f8)}
.pricing-service-section:nth-of-type(odd){background:linear-gradient(180deg,#fff,#f7f8fc)}
.pricing-page-grid{gap:24px}
.pricing-page-card{
  isolation:isolate;overflow:hidden;padding:34px;border-radius:30px;
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,255,255,.72));
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 24px 70px rgba(14,21,55,.1),inset 0 1px 0 #fff;
  backdrop-filter:blur(20px);transition:transform .5s cubic-bezier(.2,.75,.2,1),box-shadow .4s ease,border-color .3s ease;
}
.pricing-page-card:before{content:"";position:absolute;z-index:-1;width:190px;height:190px;border-radius:50%;left:-90px;top:-100px;background:radial-gradient(circle,rgba(255,122,26,.2),transparent 70%);transition:transform .5s ease}
.pricing-page-card:after{content:"";position:absolute;right:28px;top:28px;width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,rgba(255,122,26,.18),rgba(255,122,26,.04));border:1px solid rgba(255,122,26,.2);box-shadow:inset 0 1px rgba(255,255,255,.8)}
.pricing-page-card:hover{transform:translateY(-12px);border-color:rgba(255,122,26,.25);box-shadow:0 38px 100px rgba(14,21,55,.18),0 12px 32px rgba(255,122,26,.08)}
.pricing-page-card:hover:before{transform:scale(1.2)}
.pricing-page-card.featured{background:radial-gradient(circle at 15% 5%,rgba(255,122,26,.24),transparent 34%),linear-gradient(145deg,rgba(22,31,84,.98),rgba(3,8,30,.98))!important;border-color:rgba(255,255,255,.16);box-shadow:0 35px 100px rgba(3,8,30,.32);transform:translateY(-12px)}
.pricing-page-card.featured:hover{transform:translateY(-19px)}
.pricing-page-card.featured:after{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.16)}
.pricing-page-card h3{font-size:29px}.pricing-page-card strong{font-size:28px}.pricing-page-card li{padding:8px 34px 8px 0;border-bottom:1px solid rgba(27,27,79,.07)}
.pricing-page-card.featured li{border-bottom-color:rgba(255,255,255,.09)}
.pricing-page-card li:before{width:22px;height:22px;display:grid;place-items:center;border-radius:8px;background:rgba(255,122,26,.12);font-size:12px}
.pricing-page-card .obje-btn{margin-top:6px;box-shadow:0 12px 28px rgba(255,122,26,.18)}

/* Modern related portfolio cards and horizontal navigation */
.service-portfolio-section{position:relative;overflow:hidden;background:radial-gradient(circle at 10% 10%,rgba(255,122,26,.12),transparent 28%),linear-gradient(145deg,#07102f,#121b4d);color:#fff}
.service-portfolio-section .section-head h2{color:#fff}.service-portfolio-section .section-head span{color:var(--orange)}
.service-portfolio-carousel{position:relative}.service-portfolio-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.service-portfolio-carousel.is-slider{padding-top:10px}.service-portfolio-carousel.is-slider .service-portfolio-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:12px 5px 30px;cursor:grab}.service-portfolio-carousel.is-slider .service-portfolio-track::-webkit-scrollbar{display:none}.service-portfolio-carousel.is-slider .service-portfolio-track:active{cursor:grabbing}
.service-portfolio-carousel.is-slider .portfolio-card{flex:0 0 calc((100% - 54px)/4);scroll-snap-align:start}
.service-portfolio-section .portfolio-card{position:relative;overflow:hidden;border-radius:25px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.055));box-shadow:0 24px 70px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.18);backdrop-filter:blur(18px);transition:transform .55s cubic-bezier(.2,.75,.2,1),box-shadow .45s ease,border-color .3s ease}
.service-portfolio-section .portfolio-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.18),transparent 32%,transparent 70%,rgba(255,122,26,.12));opacity:.65}
.service-portfolio-section .portfolio-card:hover{animation:objeCardFloat 3.2s ease-in-out infinite;border-color:rgba(255,255,255,.38);box-shadow:0 34px 90px rgba(0,0,0,.38)}
.service-portfolio-section .portfolio-card img{height:230px;object-fit:cover;transition:transform .65s cubic-bezier(.2,.75,.2,1),filter .4s ease}.service-portfolio-section .portfolio-card:hover img{transform:scale(1.075);filter:saturate(1.08)}
.service-portfolio-section .portfolio-card div{position:relative;z-index:2}.service-portfolio-section .portfolio-card h3{color:#fff}.service-portfolio-section .portfolio-card p{color:rgba(255,255,255,.67)}
@keyframes objeCardFloat{0%,100%{transform:translateY(-7px)}50%{transform:translateY(3px)}}
.service-carousel-controls{display:flex;gap:10px;justify-content:flex-end;margin:-66px 0 28px}.service-carousel-nav{width:48px;height:48px;border-radius:16px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;font-size:31px;cursor:pointer;backdrop-filter:blur(12px);transition:.25s ease}.service-carousel-nav:hover{background:var(--orange);border-color:var(--orange);transform:translateY(-3px)}

@media(max-width:1050px){.service-portfolio-track{grid-template-columns:repeat(2,minmax(0,1fr))}.service-portfolio-carousel.is-slider .portfolio-card{flex-basis:calc((100% - 18px)/2)}}
@media(max-width:767px){.pricing-page-card.featured,.pricing-page-card.featured:hover{transform:none}.pricing-page-card:hover{transform:translateY(-6px)}.service-portfolio-track{grid-template-columns:1fr}.service-portfolio-carousel.is-slider .portfolio-card{flex-basis:84%}.service-carousel-controls{margin:0 0 18px}.service-portfolio-section .portfolio-card:hover,.obje-gallery-grid-item:hover{animation:none;transform:translateY(-5px)}}


/* =========================================================
   Obje v8.1: three-card portfolio, stable hover, richer motion,
   and true adjustable glass header
   ========================================================= */

/* The legacy one-shot animation conflicts with scroll reveals and hover transforms. */
.hero-copy,.hero-image,.partners-card,.challenge-grid article,.about-collage,.about-grid>div,
.service-stage,.industry-grid article,.process-grid article,.why-grid article,.feature-card,
.price-card,.project-card,.portfolio-card,.media-split>*,.footer-cta,.footer-main{
  animation:none!important;
}

/* True glass header: the percentage now changes transparency, blur and saturation together. */
.site-header-inner{
  isolation:isolate;
  overflow:hidden;
  background:rgba(7,16,40,.96)!important;
  transition:background .35s ease,border-color .35s ease,box-shadow .35s ease,backdrop-filter .35s ease;
}
.obje-glass-header .site-header-inner{
  background:
    linear-gradient(135deg,rgba(255,255,255,var(--obje-header-highlight-alpha,.16)),rgba(255,255,255,.015) 38%,rgba(255,122,26,.025) 100%),
    rgba(7,16,40,var(--obje-header-bg-alpha,.34))!important;
  border-color:rgba(255,255,255,var(--obje-header-border-alpha,.27))!important;
  -webkit-backdrop-filter:blur(var(--obje-header-blur,30px)) saturate(var(--obje-header-saturation,170%)) contrast(1.04)!important;
  backdrop-filter:blur(var(--obje-header-blur,30px)) saturate(var(--obje-header-saturation,170%)) contrast(1.04)!important;
  box-shadow:0 18px 55px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(255,255,255,.035)!important;
}
.obje-glass-header .site-header-inner:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background:linear-gradient(105deg,rgba(255,255,255,.11),transparent 28%,transparent 73%,rgba(255,122,26,.065));
}
body:not(.obje-glass-header) .site-header-inner{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* Related works: exactly three visible cards on desktop. */
.service-portfolio-section{
  --portfolio-card-gap:22px;
  --portfolio-card-radius:30px;
  background:
    radial-gradient(circle at 8% 0%,rgba(255,122,26,.15),transparent 30%),
    radial-gradient(circle at 92% 100%,rgba(79,99,215,.18),transparent 34%),
    linear-gradient(145deg,#050b24 0%,#101a4b 55%,#091133 100%);
}
.service-portfolio-section:before{
  content:"";
  position:absolute;
  width:420px;height:420px;border-radius:50%;
  left:-250px;top:24%;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 0 0 70px rgba(255,255,255,.018),0 0 0 145px rgba(255,255,255,.012);
  pointer-events:none;
}
.service-portfolio-track{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:var(--portfolio-card-gap)!important;
  align-items:stretch;
}
.service-portfolio-carousel.is-slider .service-portfolio-track{
  gap:var(--portfolio-card-gap)!important;
  padding:14px 8px 34px;
  overscroll-behavior-inline:contain;
  scroll-padding-inline:8px;
}
.service-portfolio-carousel.is-slider .portfolio-card{
  flex:0 0 calc((100% - (var(--portfolio-card-gap) * 2))/3)!important;
}
.service-portfolio-section .portfolio-card{
  position:relative;
  min-width:0;
  height:100%;
  border-radius:var(--portfolio-card-radius);
  overflow:hidden;
  background:linear-gradient(150deg,rgba(255,255,255,.155),rgba(255,255,255,.055));
  border:1px solid rgba(255,255,255,.20);
  box-shadow:0 22px 65px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.18);
  -webkit-backdrop-filter:blur(20px) saturate(135%);
  backdrop-filter:blur(20px) saturate(135%);
  transform:translate3d(0,0,0);
  backface-visibility:hidden;
  will-change:transform;
  transition:transform .48s cubic-bezier(.2,.78,.2,1),box-shadow .42s ease,border-color .35s ease;
}
.service-portfolio-section .portfolio-card:before{
  content:"";
  position:absolute;
  z-index:4;
  pointer-events:none;
  width:55%;height:180%;top:-45%;right:-85%;
  transform:rotate(16deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.20),transparent);
  transition:right .78s cubic-bezier(.2,.75,.2,1);
}
.service-portfolio-section .portfolio-card:after{
  content:"";
  position:absolute;
  z-index:3;
  inset:0;
  pointer-events:none;
  background:linear-gradient(130deg,rgba(255,255,255,.12),transparent 29%,transparent 73%,rgba(255,122,26,.11));
  opacity:.72;
}
.service-portfolio-section .portfolio-card:hover{
  animation:none!important;
  transform:translate3d(0,-10px,0)!important;
  border-color:rgba(255,255,255,.38);
  box-shadow:0 34px 90px rgba(0,0,0,.40),0 14px 34px rgba(255,122,26,.08),inset 0 1px 0 rgba(255,255,255,.22);
}
.service-portfolio-section .portfolio-card:hover:before{right:135%}
.service-portfolio-section .portfolio-card a{
  position:relative;
  z-index:2;
  display:grid!important;
  grid-template-rows:238px minmax(0,1fr);
  height:100%;
  color:#fff;
}
.service-portfolio-section .portfolio-card-media{
  position:relative;
  margin:0;
  overflow:hidden;
  background:#080f2d;
}
.service-portfolio-section .portfolio-card-media:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 48%,rgba(5,11,36,.72) 100%);
  pointer-events:none;
}
.service-portfolio-section .portfolio-card img{
  width:100%;
  height:100%!important;
  object-fit:cover;
  display:block;
  filter:brightness(.9) saturate(1.02);
  transform:scale(1.001);
  transition:transform .72s cubic-bezier(.2,.75,.2,1),filter .45s ease;
}
.service-portfolio-section .portfolio-card:hover img{
  transform:scale(1.075);
  filter:brightness(.98) saturate(1.12);
}
.service-portfolio-section .portfolio-card-badge{
  position:absolute;
  z-index:2;
  right:18px;
  bottom:16px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 13px;
  border-radius:999px;
  color:#fff!important;
  background:rgba(5,11,36,.58);
  border:1px solid rgba(255,255,255,.22);
  -webkit-backdrop-filter:blur(13px);
  backdrop-filter:blur(13px);
  box-shadow:0 10px 30px rgba(0,0,0,.22);
  font-size:12px!important;
  font-weight:850!important;
}
.service-portfolio-section .portfolio-card-badge:before{
  content:"";
  width:7px;height:7px;border-radius:50%;
  background:var(--orange);
  box-shadow:0 0 0 5px rgba(255,122,26,.13);
}
.service-portfolio-section .portfolio-card-body{
  position:relative;
  z-index:2;
  display:flex!important;
  flex-direction:column;
  min-width:0;
  min-height:292px;
  padding:24px 24px 20px!important;
  background:linear-gradient(180deg,rgba(15,25,74,.76),rgba(5,11,36,.88))!important;
  border-top:1px solid rgba(255,255,255,.075);
}
.service-portfolio-section .portfolio-card h3{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
  text-overflow:ellipsis;
  height:4.65em;
  margin:0 0 13px!important;
  color:#fff!important;
  font-size:23px!important;
  line-height:1.55!important;
  font-weight:900!important;
}
.service-portfolio-section .portfolio-card p{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
  overflow:hidden;
  text-overflow:ellipsis;
  height:7.2em;
  margin:0!important;
  color:rgba(255,255,255,.66)!important;
  font-size:14px!important;
  line-height:1.8!important;
}
.service-portfolio-section .portfolio-card-link{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:auto;
  padding-top:16px;
  color:rgba(255,255,255,.88)!important;
  border-top:1px solid rgba(255,255,255,.10);
  font-size:12px!important;
}
.service-portfolio-section .portfolio-card-link b{font-weight:850}
.service-portfolio-section .portfolio-card-link i{
  display:grid;
  place-items:center;
  width:34px;height:34px;
  border-radius:12px;
  background:rgba(255,122,26,.14);
  border:1px solid rgba(255,122,26,.24);
  color:var(--orange);
  font-style:normal;
  font-size:18px;
  transition:transform .3s ease,background .3s ease,color .3s ease;
}
.service-portfolio-section .portfolio-card:hover .portfolio-card-link i{
  transform:translateX(-4px);
  background:var(--orange);
  color:#fff;
}
.service-carousel-controls{margin:-68px 0 28px}
.service-carousel-nav{
  width:50px;height:50px;
  border-radius:17px;
  background:rgba(255,255,255,.085);
  box-shadow:inset 0 1px rgba(255,255,255,.14),0 12px 32px rgba(0,0,0,.16);
}

/* Richer but controlled reveal system. */
.obje-reveal{
  opacity:0;
  filter:blur(7px);
  transform:translate3d(0,38px,0) scale(.975);
  transition:
    opacity .78s ease var(--obje-reveal-delay,0ms),
    filter .72s ease var(--obje-reveal-delay,0ms),
    transform .92s cubic-bezier(.16,.84,.24,1) var(--obje-reveal-delay,0ms)!important;
}
.obje-reveal.obje-from-right{transform:translate3d(54px,14px,0) scale(.98)}
.obje-reveal.obje-from-left{transform:translate3d(-54px,14px,0) scale(.98)}
.obje-reveal.obje-scale-in{transform:translate3d(0,24px,0) scale(.92)}
.obje-reveal.is-visible{
  opacity:1;
  filter:blur(0);
  transform:translate3d(0,0,0) scale(1);
}
.home .hero{position:relative;overflow:hidden}
.home .hero:before{
  content:"";
  position:absolute;
  width:520px;height:520px;border-radius:50%;
  left:-260px;top:70px;
  background:radial-gradient(circle,rgba(83,104,226,.16),transparent 67%);
  animation:objeAmbientDrift 10s ease-in-out infinite alternate;
  pointer-events:none;
}
.home .hero-copy.is-visible>*{
  animation:objeHeroChild .7s cubic-bezier(.2,.78,.2,1) both;
}
.home .hero-copy.is-visible>*:nth-child(2){animation-delay:.08s}
.home .hero-copy.is-visible>*:nth-child(3){animation-delay:.16s}
.home .hero-copy.is-visible>*:nth-child(4){animation-delay:.24s}
.home .hero-copy.is-visible>*:nth-child(5){animation-delay:.32s}
.home .hero-image.is-visible img{
  animation:objeHeroBreath 7s ease-in-out 1.1s infinite;
}
@keyframes objeHeroChild{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:none}}
@keyframes objeHeroBreath{0%,100%{transform:scale(1.002)}50%{transform:scale(1.032)}}
@keyframes objeAmbientDrift{from{transform:translate3d(-20px,-10px,0) scale(.94)}to{transform:translate3d(45px,25px,0) scale(1.08)}}

@media(max-width:1050px){
  .service-portfolio-track{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .service-portfolio-carousel.is-slider .portfolio-card{flex-basis:calc((100% - var(--portfolio-card-gap))/2)!important}
}
@media(max-width:767px){
  .service-portfolio-track{grid-template-columns:1fr!important}
  .service-portfolio-carousel.is-slider .portfolio-card{flex-basis:86%!important}
  .service-portfolio-section .portfolio-card a{grid-template-rows:210px minmax(0,1fr)}
  .service-portfolio-section .portfolio-card-body{min-height:270px;padding:20px 18px 17px!important}
  .service-portfolio-section .portfolio-card h3{font-size:20px!important}
  .service-portfolio-section .portfolio-card:hover{transform:translate3d(0,-5px,0)!important}
  .service-carousel-controls{margin:0 0 18px}
  .obje-reveal.obje-from-right,.obje-reveal.obje-from-left{transform:translate3d(0,32px,0) scale(.98)}
}
@media(prefers-reduced-motion:reduce){
  .home .hero:before,.home .hero-copy.is-visible>*,.home .hero-image.is-visible img{animation:none!important}
  .service-portfolio-section .portfolio-card:hover{transform:none!important}
}


/* v8.1 shared portfolio-card markup compatibility (archive and other grids). */
.portfolio-card-media{position:relative;margin:0;overflow:hidden;background:#080f2d}
.portfolio-card-media img{width:100%;display:block}
.portfolio-card-badge{position:absolute;right:16px;bottom:14px;z-index:2;padding:7px 11px;border-radius:999px;background:rgba(5,11,36,.7);border:1px solid rgba(255,255,255,.16);color:#fff!important;font-size:11px!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.portfolio-card-body{padding:20px;background:linear-gradient(180deg,#101846,#070f2f)}
.portfolio-card-body h3{margin:8px 0;color:#fff}
.portfolio-card-body p{color:rgba(255,255,255,.7);line-height:1.8}
.portfolio-card-link{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;color:#fff!important;font-size:12px!important}
.portfolio-card-link i{font-style:normal}
.service-portfolio-track.is-dragging{cursor:grabbing;user-select:none}
.service-portfolio-track.is-dragging .portfolio-card{pointer-events:none;transform:none!important;transition:none!important}


/* v8.2 interaction fixes: clickable cards, one-way slow shine, first-view motion, glass top button. */
.service-portfolio-section .portfolio-card a,
.portfolio-grid .portfolio-card a{
  cursor:pointer;
  pointer-events:auto;
}
.service-portfolio-track{
  touch-action:pan-y;
}
.service-portfolio-track.is-dragging{
  cursor:grabbing;
  user-select:none;
  scroll-behavior:auto;
}
.service-portfolio-track.is-dragging .portfolio-card{
  pointer-events:none;
  transform:none!important;
  transition:none!important;
}

/* Light sweep only runs on hover entry; leaving never plays it backwards. */
.service-portfolio-section .portfolio-card:before{
  right:auto!important;
  left:-78%!important;
  opacity:0;
  transform:rotate(16deg);
  transition:none!important;
}
.service-portfolio-section .portfolio-card:hover:before{
  animation:objeCardShineOnce 1.9s cubic-bezier(.18,.68,.2,1) 1 both;
}
.obje-gallery-grid-item:after{
  right:auto!important;
  left:-72%!important;
  opacity:0;
  transition:none!important;
}
.obje-gallery-grid-item:hover:after{
  animation:objeGalleryShineOnce 2.05s cubic-bezier(.18,.68,.2,1) 1 both;
}
@keyframes objeCardShineOnce{
  0%{left:-78%;opacity:0}
  14%{opacity:.72}
  76%{opacity:.45}
  100%{left:132%;opacity:0}
}
@keyframes objeGalleryShineOnce{
  0%{left:-72%;opacity:0}
  14%{opacity:.68}
  78%{opacity:.40}
  100%{left:130%;opacity:0}
}

/* The first viewport is never left hidden while waiting for a scroll event. */
.obje-reveal.is-visible{
  visibility:visible;
}

/* Premium glass back-to-top control, with admin-selectable side. */
.back-to-top{
  position:fixed!important;
  bottom:24px!important;
  left:auto;
  right:auto;
  width:54px!important;
  height:54px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden;
  border-radius:19px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(7,16,40,.52))!important;
  color:#fff!important;
  box-shadow:0 20px 54px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.34),0 0 0 1px rgba(255,122,26,.04)!important;
  -webkit-backdrop-filter:blur(20px) saturate(165%)!important;
  backdrop-filter:blur(20px) saturate(165%)!important;
  z-index:3200;
  opacity:0;
  visibility:hidden;
  transform:translateY(16px) scale(.92);
  transition:opacity .3s ease,visibility .3s ease,transform .42s cubic-bezier(.2,.78,.2,1),border-color .3s ease,box-shadow .3s ease!important;
  cursor:pointer;
}
.back-to-top.side-right{right:24px!important;left:auto!important}
.back-to-top.side-left{left:24px!important;right:auto!important}
.back-to-top.show{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0) scale(1)!important;
}
.back-to-top:hover{
  transform:translateY(-5px) scale(1.035)!important;
  border-color:rgba(255,255,255,.48)!important;
  box-shadow:0 26px 66px rgba(0,0,0,.38),0 10px 30px rgba(255,122,26,.15),inset 0 1px 0 rgba(255,255,255,.42)!important;
}
.back-to-top:active{transform:translateY(-1px) scale(.96)!important}
.back-to-top svg{
  position:relative;
  z-index:2;
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.1;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .35s cubic-bezier(.2,.78,.2,1);
}
.back-to-top:hover svg{transform:translateY(-3px)}
.back-to-top-glow{
  position:absolute;
  z-index:1;
  width:42px;
  height:42px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,122,26,.32),rgba(255,122,26,0) 70%);
  opacity:.65;
  transform:translateY(17px) scale(.8);
  transition:transform .4s ease,opacity .4s ease;
}
.back-to-top:hover .back-to-top-glow{opacity:1;transform:translateY(7px) scale(1.18)}
@media(max-width:767px){
  .back-to-top{bottom:16px!important;width:50px!important;height:50px!important;border-radius:17px!important}
  .back-to-top.side-right{right:16px!important}
  .back-to-top.side-left{left:16px!important}
}
@media(prefers-reduced-motion:reduce){
  .service-portfolio-section .portfolio-card:hover:before,
  .obje-gallery-grid-item:hover:after{animation:none!important}
  .back-to-top,.back-to-top svg,.back-to-top-glow{transition:none!important}
}

/* v8.3 reliable partner logo sizing + flexible pricing grids */
.partners-section .partner-tile{
  flex:0 0 var(--obje-partner-tile-width,158px)!important;
  width:var(--obje-partner-tile-width,158px)!important;
  min-width:var(--obje-partner-tile-width,158px)!important;
  height:var(--obje-partner-tile-height,82px)!important;
}
.partners-section .partner-tile img{
  width:var(--obje-partner-logo-width,120px)!important;
  height:var(--obje-partner-logo-height,46px)!important;
  max-width:var(--obje-partner-logo-width,120px)!important;
  max-height:var(--obje-partner-logo-height,46px)!important;
}
.pricing-page-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important;
}
.pricing-page-card{min-height:100%}
@media(max-width:767px){
  .partners-section .partner-tile{
    flex:0 0 var(--obje-partner-mobile-tile-width,128px)!important;
    width:var(--obje-partner-mobile-tile-width,128px)!important;
    min-width:var(--obje-partner-mobile-tile-width,128px)!important;
    height:var(--obje-partner-mobile-tile-height,68px)!important;
  }
  .partners-section .partner-tile img{
    width:var(--obje-partner-mobile-logo-width,96px)!important;
    height:var(--obje-partner-mobile-logo-height,38px)!important;
    max-width:var(--obje-partner-mobile-logo-width,96px)!important;
    max-height:var(--obje-partner-mobile-logo-height,38px)!important;
  }
}

/* =========================================================
   Obje v8.4: grouped 1405 tariff catalog
   ========================================================= */
.pricing-service-head{max-width:920px;margin-bottom:38px}
.pricing-groups{display:grid;gap:54px}
.pricing-group-block{position:relative}
.pricing-group-title{display:flex;align-items:center;gap:12px;margin:0 0 20px}
.pricing-group-title>span{width:34px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--orange),#ffb06f);box-shadow:0 6px 18px rgba(255,122,26,.28)}
.pricing-group-title h3{margin:0;color:#11162d;font-size:28px;line-height:1.45}
.pricing-group-title small{margin-right:auto;padding:7px 12px;border-radius:999px;background:rgba(17,26,77,.06);color:#646b80;font-weight:800}
.pricing-page-grid{align-items:stretch}
.pricing-page-card{min-width:0;will-change:transform}
.pricing-page-card.is-tiered{padding:28px 26px 24px}
.pricing-page-card.is-tiered:after{width:34px;height:34px;border-radius:12px;top:22px;right:22px;opacity:.65}
.pricing-card-copy{position:relative;z-index:2;min-height:82px;padding-left:42px}
.pricing-page-card.is-package .pricing-card-copy{min-height:96px}
.pricing-page-card h3{font-size:25px;line-height:1.45;margin-bottom:7px}
.pricing-page-card p{font-size:14px;line-height:1.85}
.pricing-card-badge,.pricing-popular{position:relative;z-index:4;display:inline-flex;align-items:center;width:max-content;max-width:100%;margin:0 0 18px;padding:8px 13px;border-radius:999px;background:rgba(17,26,77,.075);border:1px solid rgba(17,26,77,.08);color:#27304f;font-size:11px;font-weight:900}
.pricing-page-card.featured .pricing-card-badge,.pricing-page-card.featured .pricing-popular{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.16);color:#fff}
.pricing-popular{top:auto;left:auto}
.pricing-tier-prices{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:22px 0 18px;padding:8px;border-radius:20px;background:rgba(17,26,77,.045);border:1px solid rgba(17,26,77,.06)}
.pricing-tier-item{display:grid;align-content:center;gap:7px;min-height:88px;padding:12px 7px;border-radius:15px;text-align:center;background:rgba(255,255,255,.76);box-shadow:inset 0 1px 0 rgba(255,255,255,.95)}
.pricing-tier-item span{font-size:11px;color:#747b90;font-weight:900}
.pricing-tier-item strong,.pricing-page-card .pricing-tier-item strong{display:block;margin:0;color:#172240;font-size:16px;line-height:1.55;font-weight:950}
.pricing-tier-item.tier-standard{background:linear-gradient(145deg,rgba(255,122,26,.13),rgba(255,255,255,.85));border:1px solid rgba(255,122,26,.13)}
.pricing-tier-item.tier-standard span,.pricing-tier-item.tier-standard strong{color:#b64f15}
.pricing-page-card.featured .pricing-tier-prices{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.11)}
.pricing-page-card.featured .pricing-tier-item{background:rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.pricing-page-card.featured .pricing-tier-item span{color:rgba(255,255,255,.62)}
.pricing-page-card.featured .pricing-tier-item strong{color:#fff}
.pricing-page-card.featured .pricing-tier-item.tier-standard{background:linear-gradient(145deg,rgba(255,122,26,.32),rgba(255,255,255,.1));border-color:rgba(255,170,105,.28)}
.pricing-page-card.featured .pricing-tier-item.tier-standard span,.pricing-page-card.featured .pricing-tier-item.tier-standard strong{color:#fff}
.pricing-main-price,.pricing-page-card strong.pricing-main-price{position:relative;z-index:2;display:block;margin:24px 0 18px;color:var(--orange);font-size:27px;line-height:1.5;font-weight:950}
.pricing-page-card ul{position:relative;z-index:2;margin-top:4px}
.pricing-card-action{position:relative;z-index:2;margin-top:auto;padding-top:8px}
.pricing-page-card.is-tiered .pricing-card-action .obje-btn{min-height:44px;padding:11px 15px;font-size:13px}
.pricing-service-note{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;margin-top:36px;padding:20px 22px;border:1px solid rgba(255,255,255,.8);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.55));box-shadow:0 20px 55px rgba(14,21,55,.08),inset 0 1px #fff;backdrop-filter:blur(16px)}
.pricing-service-note span{display:inline-flex;padding:7px 11px;border-radius:999px;background:#101a44;color:#fff;font-size:11px;font-weight:900;white-space:nowrap}
.pricing-service-note p{margin:0;color:#555d73;line-height:2;font-size:14px}
.pricing-service-content .pricing-page-card.is-package{padding-top:28px}
.pricing-service-content .pricing-page-card.is-package h3{font-size:31px}
.pricing-service-content .pricing-page-card.is-package .pricing-main-price{font-size:30px}
.pricing-service-content .pricing-page-card.is-package ul{grid-template-columns:1fr;gap:7px}
.pricing-service-content .pricing-page-card.is-package li{padding-top:7px;padding-bottom:7px}
.pricing-service-digital{display:block}

@media(min-width:901px){
  .pricing-page-grid.pricing-plan-count-1{grid-template-columns:minmax(0,520px)}
  .pricing-page-grid.pricing-plan-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pricing-service-content .pricing-page-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .pricing-groups{gap:42px}
  .pricing-group-title h3{font-size:24px}
  .pricing-card-copy{min-height:auto}
}
@media(max-width:767px){
  .pricing-service-head{margin-bottom:28px}
  .pricing-groups{gap:38px}
  .pricing-group-title{align-items:flex-start;flex-wrap:wrap}
  .pricing-group-title h3{font-size:21px;flex:1}
  .pricing-group-title small{margin-right:46px;margin-top:-2px}
  .pricing-page-card.is-tiered{padding:23px 18px 20px}
  .pricing-tier-prices{gap:5px;padding:6px;margin-top:18px}
  .pricing-tier-item{min-height:78px;padding:10px 4px;border-radius:13px}
  .pricing-tier-item span{font-size:10px}
  .pricing-tier-item strong,.pricing-page-card .pricing-tier-item strong{font-size:13px}
  .pricing-service-note{grid-template-columns:1fr;padding:18px}
  .pricing-service-note span{width:max-content}
  .pricing-service-content .pricing-page-card.is-package h3{font-size:27px}
}
/* RTL-safe decorative mark for v8.4 pricing cards. */
.pricing-page-card:after{right:auto!important;left:28px!important}
.pricing-page-card.is-tiered:after{right:auto!important;left:22px!important}


/* v8.5 partner alignment controls + service carousel navigation dots. */
.partners-section .partner-tile{
  display:flex!important;
  direction:rtl;
  justify-content:var(--obje-partner-align-x,center)!important;
  align-items:var(--obje-partner-align-y,center)!important;
  overflow:hidden!important;
}
.partners-section .partner-tile img{
  display:block!important;
  flex:0 0 auto!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:center!important;
}
.service-carousel-pagination{
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:28px;
  margin-top:2px;
  padding:4px 0 0;
}
.service-carousel-dots{
  display:flex;
  direction:ltr;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:8px 13px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:rgba(255,255,255,.055);
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 12px 30px rgba(0,0,0,.14);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}
.service-carousel-dots[hidden]{display:none!important}
.service-carousel-dot{
  appearance:none;
  width:8px;
  height:8px;
  padding:0;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.32);
  box-shadow:0 0 0 1px rgba(255,255,255,.08);
  cursor:pointer;
  transition:width .35s cubic-bezier(.2,.75,.2,1),background .3s ease,box-shadow .3s ease,transform .3s ease;
}
.service-carousel-dot:hover{
  transform:scale(1.18);
  background:rgba(255,255,255,.72);
}
.service-carousel-dot.is-active{
  width:28px;
  background:linear-gradient(90deg,var(--orange),#ffad67);
  box-shadow:0 6px 18px rgba(255,122,26,.28);
}
.service-carousel-dot:focus-visible{
  outline:2px solid #fff;
  outline-offset:4px;
}
@media(max-width:767px){
  .partners-section .partner-tile{
    justify-content:var(--obje-partner-mobile-align-x,center)!important;
    align-items:var(--obje-partner-mobile-align-y,center)!important;
  }
  .service-carousel-pagination{margin-top:0}
  .service-carousel-dots{gap:8px;padding:7px 11px}
  .service-carousel-dot.is-active{width:24px}
}
@media(prefers-reduced-motion:reduce){
  .service-carousel-dot{transition:none!important}
}


/* =========================================================
   Obje v8.6 — modern case study, compact pricing accordions,
   responsive header spacing and smoother page navigation
   ========================================================= */
html{scroll-behavior:smooth;scroll-padding-top:118px}
.case-study-anchor-target,.pricing-service-section{scroll-margin-top:118px}

/* The pricing hero follows the same configurable header spacing as other page heroes. */
.pricing-page-hero,.contact-page{box-sizing:border-box}

/* Modern case-study dashboard */
.portfolio-case-study-section{
  padding:96px 0!important;
  overflow:visible!important;
  background:
    radial-gradient(circle at 10% 12%,rgba(255,122,26,.12),transparent 25%),
    radial-gradient(circle at 90% 34%,rgba(66,142,255,.11),transparent 28%),
    linear-gradient(180deg,#f5f7fb 0%,#eef2f8 100%)!important;
}
.case-study-glass{
  width:min(1180px,100%)!important;
  margin-inline:auto!important;
  padding:18px!important;
  border-radius:40px!important;
  background:linear-gradient(155deg,rgba(15,24,65,.99),rgba(3,9,30,.99))!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 38px 110px rgba(11,19,55,.24),inset 0 1px 0 rgba(255,255,255,.1)!important;
  overflow:visible!important;
}
.case-study-hero{
  position:relative!important;
  grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr)!important;
  gap:42px!important;
  align-items:center!important;
  padding:48px!important;
  min-height:430px!important;
  border-radius:32px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 12% 8%,rgba(255,122,26,.23),transparent 27%),
    radial-gradient(circle at 82% 42%,rgba(82,184,255,.2),transparent 34%),
    linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
  border:1px solid rgba(255,255,255,.14)!important;
}
.case-study-hero:before{
  content:"";position:absolute;inset:auto -90px -150px auto;width:340px;height:340px;border-radius:50%;
  border:1px solid rgba(255,255,255,.11);box-shadow:0 0 0 48px rgba(255,255,255,.018),0 0 0 102px rgba(255,255,255,.012);pointer-events:none
}
.case-study-logo{background:rgba(255,255,255,.96)!important;border:1px solid rgba(255,255,255,.98)!important;box-shadow:0 18px 50px rgba(0,0,0,.2)!important}
.case-study-badge{font-size:12px!important;letter-spacing:0!important;background:rgba(255,122,26,.13)!important;border-color:rgba(255,122,26,.38)!important;color:#ffad67!important}
.case-study-hero h2{font-size:clamp(36px,4.7vw,62px)!important;line-height:1.35!important;max-width:720px!important;text-wrap:balance}
.case-study-hero p{font-size:clamp(16px,1.55vw,21px)!important;color:rgba(255,255,255,.73)!important;line-height:2!important;max-width:720px!important}
.case-study-visual{width:100%!important;min-height:330px!important;border-radius:28px!important;background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.17)!important;box-shadow:0 28px 70px rgba(0,0,0,.27)!important}
.case-study-main-image{min-height:330px!important;transition:transform .8s cubic-bezier(.2,.75,.2,1),filter .5s ease}
.case-study-visual:hover .case-study-main-image{transform:scale(1.035);filter:saturate(1.06)}
.case-study-floating-logo{background:rgba(4,10,33,.72)!important;box-shadow:0 12px 35px rgba(0,0,0,.28)!important}

.case-study-nav{
  position:sticky;top:92px;z-index:18;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;
  margin:14px 0 0;padding:10px;border-radius:24px;
  background:rgba(5,12,37,.82);border:1px solid rgba(255,255,255,.13);
  box-shadow:0 18px 55px rgba(0,0,0,.24);backdrop-filter:blur(20px) saturate(145%);-webkit-backdrop-filter:blur(20px) saturate(145%)
}
.case-study-nav a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:10px 14px;border-radius:16px;color:rgba(255,255,255,.78);background:rgba(255,255,255,.045);border:1px solid transparent;transition:.3s ease;font-weight:800}
.case-study-nav a:hover{color:#fff;transform:translateY(-2px);background:rgba(255,255,255,.09);border-color:rgba(255,122,26,.35)}
.case-study-nav b{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:rgba(255,122,26,.14);color:#ff9e50;font-size:11px}
.case-study-nav span{font-size:13px!important;font-weight:850!important}

.case-study-problem,.case-study-block,.case-study-conclusion{scroll-margin-top:165px}
.case-study-problem{
  grid-template-columns:120px minmax(0,1fr)!important;gap:30px!important;margin-top:14px!important;padding:34px 38px!important;border-radius:28px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035))!important;border-color:rgba(255,255,255,.13)!important
}
.case-study-question{width:92px!important;height:92px!important;font-size:50px!important;border-radius:28px!important;background:rgba(82,184,255,.08)!important}
.case-study-problem h3,.case-study-title h3{font-size:clamp(24px,2.4vw,36px)!important;line-height:1.5!important;text-wrap:balance}
.case-study-problem ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important;margin-top:20px!important}
.case-study-problem li{padding:15px 38px 15px 16px!important;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);font-size:14px!important;line-height:1.9!important}
.case-study-problem li:before{right:16px!important;top:24px!important;width:7px!important;height:7px!important}
.case-study-block{margin-top:14px!important;padding:32px!important;border-radius:28px!important;background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.105)!important}
.case-study-title{margin-bottom:24px!important}
.case-study-title span{height:1px!important;background:linear-gradient(90deg,transparent,rgba(255,122,26,.75),transparent)!important}
.case-study-card-grid{gap:14px!important}
.case-study-card,.case-study-output,.case-study-kpi{
  min-height:158px!important;padding:22px 18px!important;border-radius:21px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.034))!important;
  border-color:rgba(255,255,255,.13)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
  transition:transform .38s cubic-bezier(.2,.75,.2,1),background .3s ease,border-color .3s ease!important
}
.case-study-card:hover,.case-study-output:hover,.case-study-kpi:hover{transform:translateY(-6px);background:rgba(255,255,255,.09)!important;border-color:rgba(255,122,26,.28)!important}
.case-study-card b,.case-study-output b{background:rgba(255,122,26,.12)!important;color:#ff9f52!important;border-color:rgba(255,122,26,.3)!important}
.case-study-card h4,.case-study-output h4{font-size:17px!important;line-height:1.7!important;margin-bottom:8px!important}
.case-study-card p,.case-study-output p{font-size:13px!important;line-height:1.9!important;color:rgba(255,255,255,.67)!important}
.case-study-kpi-grid{gap:14px!important}
.case-study-kpi{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}
.case-study-kpi strong{font-size:clamp(26px,2.5vw,40px)!important;color:#ff9f52!important}
.case-study-kpi span{font-size:14px!important;line-height:1.8!important}
.case-study-conclusion{margin-top:14px!important;padding:28px 34px!important;border-radius:26px!important;background:linear-gradient(135deg,rgba(255,122,26,.12),rgba(82,184,255,.07))!important;border-color:rgba(255,122,26,.22)!important}
.case-study-conclusion span{background:rgba(255,122,26,.14)!important;color:#ff9f52!important}
.case-study-conclusion p{font-size:17px!important;line-height:2!important;text-align:right!important}

/* Pricing accordion */
.pricing-accordion-list{display:grid;gap:18px;padding:42px 0 90px;background:linear-gradient(180deg,#f4f6fb,#eef2f8)}
.pricing-service-section{padding:0!important;background:transparent!important;overflow:visible!important}
.pricing-service-section:nth-of-type(odd){background:transparent!important}
.pricing-accordion-trigger{
  width:100%;display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:22px;align-items:center;text-align:right;
  padding:25px 28px;border-radius:28px;border:1px solid rgba(255,255,255,.95);cursor:pointer;color:#101633;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,255,255,.74));
  box-shadow:0 20px 60px rgba(15,23,62,.09),inset 0 1px 0 #fff;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease
}
.pricing-accordion-trigger:hover{transform:translateY(-3px);border-color:rgba(255,122,26,.3);box-shadow:0 28px 75px rgba(15,23,62,.14)}
.pricing-service-section.is-open .pricing-accordion-trigger{border-color:rgba(255,122,26,.35);box-shadow:0 28px 85px rgba(15,23,62,.14),0 0 0 1px rgba(255,122,26,.08)}
.pricing-accordion-index{display:grid;place-items:center;width:58px;height:58px;border-radius:19px;background:linear-gradient(145deg,#121c55,#070d2d);color:#ff9b49;font-size:15px;font-weight:950;box-shadow:0 14px 35px rgba(7,13,45,.22)}
.pricing-accordion-copy{display:grid;gap:5px;min-width:0}
.pricing-accordion-copy small{color:var(--orange);font-size:12px;font-weight:900}
.pricing-accordion-copy strong{font-family:var(--obje-font-heading);font-size:clamp(22px,2.2vw,32px);font-weight:900;line-height:1.45;color:#111731}
.pricing-accordion-copy em{font-style:normal;color:#747b8f;font-size:13px;line-height:1.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pricing-accordion-action{display:flex;align-items:center;gap:12px;white-space:nowrap;padding:10px 14px 10px 10px;border-radius:16px;background:rgba(17,26,77,.055);color:#151c4d}
.pricing-accordion-action b{font-size:12px}
.pricing-accordion-action i{position:relative;width:34px;height:34px;border-radius:12px;background:#111a4d;box-shadow:0 10px 25px rgba(17,26,77,.2)}
.pricing-accordion-action i:before,.pricing-accordion-action i:after{content:"";position:absolute;left:50%;top:50%;width:13px;height:2px;border-radius:3px;background:#fff;transform:translate(-50%,-50%);transition:transform .35s ease}
.pricing-accordion-action i:after{transform:translate(-50%,-50%) rotate(90deg)}
.pricing-service-section.is-open .pricing-accordion-action i:after{transform:translate(-50%,-50%) rotate(0)}
.pricing-service-section.is-open .pricing-accordion-action{background:rgba(255,122,26,.1);color:#a74b09}
.pricing-service-section.is-open .pricing-accordion-action i{background:var(--orange)}
.pricing-accordion-panel{display:grid;grid-template-rows:0fr;opacity:.25;transition:grid-template-rows .65s cubic-bezier(.2,.75,.2,1),opacity .35s ease}
.pricing-accordion-panel-inner{min-height:0;overflow:hidden}
.pricing-service-section.is-open .pricing-accordion-panel{grid-template-rows:1fr;opacity:1}
.pricing-service-section.is-open .pricing-accordion-panel-inner{overflow:visible}
.pricing-groups{padding:26px 4px 8px}
.pricing-group-block{padding:24px!important;border-radius:26px!important;background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.8);box-shadow:0 20px 60px rgba(15,23,62,.06)}
.pricing-group-block+.pricing-group-block{margin-top:18px}
.pricing-group-title{margin-bottom:22px!important}
.pricing-service-note{margin-top:20px!important}

/* Responsive two-column pricing cards on mobile. */
@media(max-width:767px){
  html{scroll-padding-top:92px}
  .pricing-page-hero{padding-bottom:54px!important}
  .pricing-accordion-list{gap:12px;padding:24px 0 64px}
  .pricing-accordion-trigger{grid-template-columns:46px minmax(0,1fr) 36px;gap:11px;padding:16px 14px;border-radius:21px}
  .pricing-accordion-index{width:42px;height:42px;border-radius:14px;font-size:11px}
  .pricing-accordion-copy strong{font-size:18px;line-height:1.55}
  .pricing-accordion-copy small{font-size:10px}
  .pricing-accordion-copy em{font-size:11px;line-height:1.7}
  .pricing-accordion-action{padding:0;background:transparent!important}
  .pricing-accordion-action b{display:none}
  .pricing-accordion-action i{width:34px;height:34px;border-radius:11px}
  .pricing-groups{padding:16px 0 4px}
  .pricing-group-block{padding:13px!important;border-radius:20px!important}
  .pricing-group-title{grid-template-columns:1fr auto!important;gap:10px!important;text-align:right!important;margin-bottom:14px!important}
  .pricing-group-title>span{display:none!important}
  .pricing-group-title h3{font-size:18px!important}
  .pricing-group-title small{font-size:10px!important}
  .pricing-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .pricing-page-card{min-width:0!important;padding:15px 11px!important;border-radius:18px!important;box-shadow:0 14px 35px rgba(14,21,55,.09)!important;transform:none!important}
  .pricing-page-card:hover,.pricing-page-card.featured:hover{transform:translateY(-3px)!important}
  .pricing-page-card:after{width:28px!important;height:28px!important;right:12px!important;top:12px!important;border-radius:10px!important}
  .pricing-page-card h3{font-size:16px!important;line-height:1.55!important;padding-left:22px!important}
  .pricing-page-card p{font-size:10.5px!important;line-height:1.75!important}
  .pricing-card-badge,.pricing-popular{position:static!important;align-self:flex-start!important;margin-bottom:9px!important;padding:5px 7px!important;font-size:8.5px!important;line-height:1.4!important}
  .pricing-main-price{font-size:16px!important;line-height:1.55!important;margin:14px 0 12px!important}
  .pricing-tier-prices{grid-template-columns:1fr!important;gap:6px!important;margin:12px 0!important}
  .pricing-tier-item{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:5px!important;padding:7px 8px!important;border-radius:11px!important}
  .pricing-tier-item span{font-size:8.5px!important}
  .pricing-tier-item strong{font-size:10.5px!important;margin:0!important;text-align:left!important}
  .pricing-page-card ul{gap:3px!important;margin-bottom:12px!important}
  .pricing-page-card li{font-size:9.5px!important;line-height:1.65!important;padding:5px 19px 5px 0!important}
  .pricing-page-card li:before{width:15px!important;height:15px!important;border-radius:5px!important;font-size:8px!important}
  .pricing-card-action .obje-btn{min-height:34px!important;padding:0 7px!important;border-radius:10px!important;font-size:9.5px!important}
  .pricing-service-note{padding:14px!important;border-radius:17px!important}
  .pricing-service-note span{font-size:10px!important}.pricing-service-note p{font-size:10.5px!important;line-height:1.8!important}

  .portfolio-case-study-section{padding:58px 0!important}
  .portfolio-case-study-section>.obje-container{width:100%!important}
  .case-study-glass{padding:8px!important;border-radius:0!important;box-shadow:none!important}
  .case-study-hero{grid-template-columns:1fr!important;gap:20px!important;min-height:auto!important;padding:24px 16px!important;border-radius:24px!important}
  .case-study-logo{width:min(190px,72%)!important;min-height:58px!important;padding:10px 14px!important;margin-bottom:14px!important}
  .case-study-badge{font-size:10px!important;padding:7px 10px!important;margin-bottom:14px!important;line-height:1.7!important}
  .case-study-hero h2{font-size:clamp(26px,7.4vw,34px)!important;line-height:1.45!important;margin-bottom:10px!important}
  .case-study-hero p{font-size:13px!important;line-height:1.9!important}
  .case-study-visual{min-height:185px!important;border-radius:20px!important}
  .case-study-main-image{min-height:185px!important}
  .case-study-nav{top:76px;display:flex;overflow-x:auto;justify-content:flex-start;gap:7px;padding:7px;margin-top:8px;border-radius:18px;scrollbar-width:none}
  .case-study-nav::-webkit-scrollbar{display:none}
  .case-study-nav a{flex:0 0 auto;min-height:42px;padding:7px 10px;border-radius:12px;gap:7px}
  .case-study-nav b{width:25px;height:25px;border-radius:8px;font-size:9px}
  .case-study-nav span{font-size:10.5px!important}
  .case-study-problem,.case-study-block,.case-study-conclusion{scroll-margin-top:130px}
  .case-study-problem{grid-template-columns:1fr!important;gap:14px!important;margin-top:8px!important;padding:18px 13px!important;border-radius:20px!important}
  .case-study-question{width:52px!important;height:52px!important;border-radius:16px!important;font-size:29px!important}
  .case-study-problem h3,.case-study-title h3{font-size:20px!important;line-height:1.6!important}
  .case-study-problem ul{grid-template-columns:1fr!important;gap:8px!important;margin-top:12px!important}
  .case-study-problem li{font-size:11.5px!important;line-height:1.85!important;padding:11px 28px 11px 10px!important;border-radius:13px!important}
  .case-study-problem li:before{right:11px!important;top:18px!important;width:6px!important;height:6px!important}
  .case-study-block{margin-top:8px!important;padding:16px 10px!important;border-radius:20px!important}
  .case-study-title{grid-template-columns:1fr!important;margin-bottom:14px!important}
  .case-study-title span{display:none!important}
  .case-study-card-grid.four,.case-study-card-grid.five,.case-study-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .case-study-card,.case-study-output,.case-study-kpi{min-height:112px!important;padding:11px 8px!important;border-radius:15px!important}
  .case-study-card b,.case-study-output b{width:28px!important;height:28px!important;border-radius:9px!important;margin-bottom:7px!important;font-size:10px!important}
  .case-study-card h4,.case-study-output h4{font-size:12px!important;line-height:1.65!important;margin-bottom:4px!important;overflow-wrap:anywhere}
  .case-study-card p,.case-study-output p{font-size:10px!important;line-height:1.72!important;overflow-wrap:anywhere}
  .case-study-kpi strong{font-size:18px!important;line-height:1.35!important}
  .case-study-kpi span{font-size:10.5px!important;line-height:1.65!important}
  .case-study-kpi small{font-size:9px!important;line-height:1.6!important}
  .case-study-conclusion{grid-template-columns:44px 1fr!important;gap:10px!important;margin-top:8px!important;padding:14px 12px!important;border-radius:18px!important}
  .case-study-conclusion span{width:40px!important;height:40px!important;border-radius:13px!important;font-size:20px!important}
  .case-study-conclusion p{font-size:11.5px!important;line-height:1.85!important;text-align:right!important}
}
@media(max-width:390px){
  .pricing-page-grid{gap:7px!important}
  .pricing-page-card{padding:13px 9px!important}
  .pricing-page-card h3{font-size:14px!important}
  .pricing-page-card li{font-size:9px!important}
}
@media(prefers-reduced-motion:reduce){.pricing-accordion-panel,.pricing-accordion-trigger,.case-study-card,.case-study-output,.case-study-kpi{transition:none!important}}


/* =========================================================
   Obje v8.7 — compact blue-glass case study and portfolio UI
   ========================================================= */
.portfolio-case-study-section{
  padding:72px 0!important;
  background:
    radial-gradient(circle at 12% 12%,rgba(255,122,26,.15),transparent 24%),
    radial-gradient(circle at 88% 32%,rgba(78,176,255,.18),transparent 30%),
    linear-gradient(145deg,#06102d 0%,#0b1842 48%,#0e2052 100%)!important;
}
.portfolio-case-study-section:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 88%);
}
.case-study-glass{
  width:min(1120px,100%)!important;padding:14px!important;border-radius:32px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.055))!important;
  border:1px solid rgba(255,255,255,.2)!important;
  box-shadow:0 34px 95px rgba(0,3,20,.38),inset 0 1px 0 rgba(255,255,255,.16)!important;
  backdrop-filter:blur(28px) saturate(150%)!important;-webkit-backdrop-filter:blur(28px) saturate(150%)!important;
}
.case-study-hero{
  grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr)!important;gap:28px!important;
  min-height:330px!important;padding:34px!important;border-radius:25px!important;
  background:linear-gradient(140deg,rgba(3,10,35,.78),rgba(17,35,82,.52))!important;
  border-color:rgba(255,255,255,.16)!important;
}
.case-study-hero:before{width:260px!important;height:260px!important;inset:auto -70px -125px auto!important}
.case-study-logo{max-width:190px!important;min-height:54px!important;padding:9px 13px!important;margin-bottom:14px!important;border-radius:16px!important}
.case-study-badge{font-size:10.5px!important;padding:7px 11px!important;margin-bottom:14px!important}
.case-study-hero h2{
  font-size:clamp(30px,3.6vw,48px)!important;line-height:1.42!important;margin-bottom:10px!important;
  font-weight:950!important;letter-spacing:-.35px!important
}
.case-study-hero p{font-size:clamp(14px,1.25vw,17px)!important;line-height:1.9!important;max-width:670px!important}
.case-study-visual{min-height:245px!important;border-radius:22px!important;background:rgba(255,255,255,.055)!important}
.case-study-main-image{min-height:245px!important}
.case-study-placeholder-icon{display:block;width:100%;height:100%;min-height:245px;object-fit:cover}
.case-study-only-logo{max-width:70%!important;max-height:150px!important}
.case-study-nav{top:88px;gap:7px;margin-top:10px;padding:7px;border-radius:19px;background:rgba(3,10,31,.74)}
.case-study-nav a{min-height:44px;padding:7px 10px;border-radius:13px;gap:7px}
.case-study-nav b{width:26px;height:26px;border-radius:8px;font-size:9px}
.case-study-nav span{font-size:11px!important;font-weight:900!important}
.case-study-problem,.case-study-block,.case-study-conclusion{scroll-margin-top:150px}
.case-study-problem{
  grid-template-columns:76px minmax(0,1fr)!important;gap:18px!important;margin-top:10px!important;
  padding:22px!important;border-radius:22px!important;background:rgba(5,15,47,.48)!important;
  border:1px solid rgba(255,255,255,.13)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)
}
.case-study-question{width:60px!important;height:60px!important;border-radius:18px!important;font-size:32px!important}
.case-study-problem h3,.case-study-title h3{
  font-size:clamp(20px,1.9vw,27px)!important;line-height:1.55!important;font-weight:950!important;letter-spacing:-.2px!important
}
.case-study-problem ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px!important;margin-top:14px!important}
.case-study-problem li{font-size:12.5px!important;line-height:1.82!important;padding:11px 30px 11px 11px!important;border-radius:13px!important;background:rgba(255,255,255,.052)!important}
.case-study-problem li:before{right:12px!important;top:19px!important;width:6px!important;height:6px!important}
.case-study-block{
  margin-top:10px!important;padding:21px!important;border-radius:22px!important;
  background:rgba(5,15,47,.42)!important;border:1px solid rgba(255,255,255,.11)!important;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)
}
.case-study-title{grid-template-columns:34px auto 1fr!important;gap:12px!important;margin-bottom:16px!important;text-align:right!important}
.case-study-title span:first-child{width:34px!important;height:5px!important;border-radius:999px;background:linear-gradient(90deg,var(--orange),#ffb06e)!important}
.case-study-title span:last-child{height:1px!important;background:linear-gradient(90deg,rgba(255,255,255,.18),transparent)!important}
.case-study-card-grid{gap:10px!important}
.case-study-card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.case-study-card-grid.five{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.case-study-card,.case-study-output,.case-study-kpi{
  min-height:124px!important;padding:15px 13px!important;border-radius:17px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035))!important;
  border:1px solid rgba(255,255,255,.12)!important
}
.case-study-card:hover,.case-study-output:hover,.case-study-kpi:hover{transform:translateY(-3px)!important}
.case-study-card b,.case-study-output b{width:30px!important;height:30px!important;border-radius:9px!important;margin-bottom:8px!important;font-size:10px!important}
.case-study-card h4,.case-study-output h4{font-size:14px!important;line-height:1.65!important;margin-bottom:5px!important;font-weight:950!important}
.case-study-card p,.case-study-output p{font-size:11.5px!important;line-height:1.76!important}
.case-study-kpi-grid{gap:10px!important}
.case-study-kpi{min-height:112px!important}
.case-study-kpi strong{font-size:clamp(22px,2vw,31px)!important;line-height:1.25!important;margin-bottom:5px!important;font-weight:950!important}
.case-study-kpi span{font-size:12px!important;line-height:1.65!important;font-weight:900!important}
.case-study-kpi small{font-size:10px!important;line-height:1.6!important;margin-top:3px!important}
.case-study-kpi-block .case-study-title h3{
  font-size:clamp(18px,1.55vw,22px)!important;line-height:1.6!important;font-weight:1000!important;letter-spacing:0!important
}
.case-study-conclusion{grid-template-columns:48px 1fr!important;gap:12px!important;margin-top:10px!important;padding:16px 18px!important;border-radius:19px!important}
.case-study-conclusion span{width:42px!important;height:42px!important;border-radius:13px!important;font-size:20px!important}
.case-study-conclusion p{font-size:13px!important;line-height:1.85!important;font-weight:700!important}

/* Smaller, heavier portfolio titles. */
.portfolio-card h3{
  font-size:clamp(17px,1.55vw,22px)!important;line-height:1.62!important;font-weight:950!important;letter-spacing:-.2px!important;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden
}
.portfolio-card p{font-size:13px!important;line-height:1.85!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.portfolio-archive-hero h1,.portfolio-single-hero h1{font-size:clamp(34px,4vw,50px)!important;font-weight:950!important;line-height:1.42!important}
.portfolio-card-media img[src$="portfolio-placeholder-icon.svg"],.portfolio-main-media img[src$="portfolio-placeholder-icon.svg"]{object-fit:cover!important;background:#081434}

@media(max-width:900px){
  .case-study-hero{grid-template-columns:1fr!important}
  .case-study-card-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .case-study-problem ul{grid-template-columns:1fr!important}
}
@media(max-width:767px){
  .portfolio-case-study-section{padding:48px 0!important}
  .portfolio-case-study-section>.obje-container{width:calc(100% - 18px)!important}
  .case-study-glass{padding:7px!important;border-radius:24px!important}
  .case-study-hero{padding:21px 14px!important;gap:16px!important;border-radius:19px!important}
  .case-study-hero h2{font-size:clamp(25px,7vw,31px)!important;line-height:1.48!important}
  .case-study-hero p{font-size:12px!important;line-height:1.82!important}
  .case-study-visual,.case-study-main-image,.case-study-placeholder-icon{min-height:170px!important}
  .case-study-nav{top:74px;border-radius:15px;padding:5px}
  .case-study-nav a{min-height:38px;padding:6px 8px}
  .case-study-nav span{font-size:9.5px!important}
  .case-study-nav b{width:23px;height:23px;font-size:8px}
  .case-study-problem{grid-template-columns:44px 1fr!important;padding:15px 11px!important;gap:10px!important;border-radius:17px!important}
  .case-study-question{width:40px!important;height:40px!important;border-radius:12px!important;font-size:22px!important}
  .case-study-problem h3,.case-study-title h3{font-size:17px!important;line-height:1.65!important;font-weight:950!important}
  .case-study-block{padding:14px 9px!important;border-radius:17px!important}
  .case-study-title{grid-template-columns:24px auto 1fr!important;gap:8px!important;margin-bottom:11px!important}
  .case-study-title span:first-child{width:24px!important;height:4px!important}
  .case-study-card-grid.four,.case-study-card-grid.five,.case-study-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .case-study-card,.case-study-output,.case-study-kpi{min-height:102px!important;padding:10px 7px!important;border-radius:13px!important}
  .case-study-card h4,.case-study-output h4{font-size:11px!important;line-height:1.62!important}
  .case-study-card p,.case-study-output p{font-size:9.5px!important;line-height:1.68!important}
  .case-study-kpi strong{font-size:17px!important}
  .case-study-kpi span{font-size:9.5px!important}
  .case-study-kpi small{font-size:8.5px!important}
  .case-study-kpi-block .case-study-title h3{font-size:15.5px!important;font-weight:1000!important}
  .case-study-conclusion{grid-template-columns:38px 1fr!important;padding:12px 10px!important;border-radius:15px!important}
  .case-study-conclusion span{width:34px!important;height:34px!important;border-radius:10px!important;font-size:17px!important}
  .case-study-conclusion p{font-size:10.5px!important;line-height:1.75!important}
  .portfolio-card h3{font-size:15px!important;line-height:1.62!important;font-weight:950!important}
  .portfolio-card p{font-size:11px!important;line-height:1.75!important}
  .portfolio-archive-hero h1,.portfolio-single-hero h1{font-size:31px!important;line-height:1.5!important}
}
