*{box-sizing:border-box}
html{scroll-behavior:smooth}
:root{--bd-primary:#6d42f5;--bd-secondary:#25bff2;--bd-accent:#a93ce7;--bd-bg:#fff8f1;--bd-primary-soft:rgba(109,66,245,.12);--bd-secondary-soft:rgba(37,191,242,.12);--bd-text:#0b1730;--bd-muted:#64748b;--bd-card:#ffffff;--bd-border:rgba(148,163,184,.22);--bd-orange:#ff9417;--bd-orange-soft:#ffd9b1}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--bd-text);background:var(--bd-bg);overflow-x:hidden}
a{text-decoration:none;color:inherit}
.container{width:min(1200px,calc(100% - 42px));margin:auto}
.site-header{position:absolute;top:0;left:0;transform:none;width:100%;padding-top:env(safe-area-inset-top,0px);background:rgba(255,255,255,.92);border:0;border-radius:0;backdrop-filter:blur(18px);box-shadow:0 14px 38px rgba(69,44,18,.12);z-index:99}
.site-header.is-sticky{position:fixed}
body.admin-bar .site-header{top:32px}
.header-inner{display:flex;align-items:center;justify-content:space-between;width:min(1240px,calc(100% - 42px));max-width:none;margin:0 auto;padding:16px 18px;gap:18px}
.brand{display:flex;align-items:center;gap:13px;min-width:0}
.brand .custom-logo{display:block;max-height:52px;width:auto}
.brand-mark{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-weight:900;font-size:29px;color:#fff;background:linear-gradient(145deg,#7444ff 0%,#4f75ff 48%,#32c5eb 100%);box-shadow:0 14px 30px rgba(84,76,234,.28),inset 0 1px 0 rgba(255,255,255,.55)}
.brand-mark.has-image{padding:0;background:transparent;overflow:hidden}
.brand-mark.has-image img{display:block;width:100%;height:100%;object-fit:contain}
.brand-copy{display:flex;flex-direction:column;line-height:1;min-width:0}
.brand-copy strong{font-size:24px;color:#111d35;white-space:nowrap;letter-spacing:-.5px}
.brand-copy small{font-size:12px;color:#7b8798;margin-top:6px;white-space:nowrap}
.main-nav{flex:1;display:flex;justify-content:center}
.menu{list-style:none;display:flex;gap:31px;margin:0;padding:0}
.menu a{position:relative;font-size:15px;font-weight:650;color:#344056;transition:.25s}
.menu a:after{content:"";position:absolute;left:50%;bottom:-9px;width:0;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--bd-primary),var(--bd-orange));transform:translateX(-50%);transition:.25s}
.menu a:hover{color:var(--bd-primary)}
.menu a:hover:after,.menu .current-menu-item>a:after{width:22px}
.header-actions{display:flex;align-items:center;gap:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:15px;padding:13px 19px;font-size:15px;font-weight:800;line-height:1;transition:.25s;border:1px solid transparent;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn-primary{color:#fff;background:linear-gradient(125deg,#7342f5 0%,#4f68ff 48%,#21bff1 100%);box-shadow:0 14px 32px rgba(91,82,232,.22)}
.btn-ghost,.btn-outline{background:rgba(255,255,255,.9);color:#111c32;border-color:rgba(148,163,184,.25);box-shadow:0 8px 20px rgba(32,25,17,.07)}
.btn-outline{background:rgba(255,255,255,.86)}
.btn-large{padding:17px 25px;font-size:16px;border-radius:14px}
.login-icon{width:16px;height:16px;border-radius:50%;background:#111c32;position:relative;box-shadow:inset 0 -2px 0 rgba(255,255,255,.2)}
.login-icon:before{content:"";position:absolute;left:50%;top:3px;width:5px;height:5px;border-radius:50%;background:#fff;transform:translateX(-50%)}
.login-icon:after{content:"";position:absolute;left:50%;bottom:3px;width:9px;height:5px;border-radius:7px 7px 4px 4px;background:#fff;transform:translateX(-50%)}
.play-mark{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid #111c32}
.menu-toggle{display:none;background:none;border:0;gap:5px;flex-direction:column;padding:5px;cursor:pointer}
.menu-toggle span{width:24px;height:2px;background:#0f172a;border-radius:10px}
.hero-section{position:relative;min-height:100vh;padding:174px 0 44px;background:radial-gradient(circle at 81% 25%,rgba(255,171,67,.48),transparent 27%),radial-gradient(circle at 70% 73%,rgba(255,219,179,.72),transparent 35%),radial-gradient(circle at 18% 75%,rgba(255,244,232,.94),transparent 36%),linear-gradient(118deg,#fff 0%,#fffaf5 34%,#fff0df 68%,#ffad45 100%);overflow:hidden}
.hero-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,153,54,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,153,54,.045) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 84%,transparent);pointer-events:none}
.hero-section:after{content:"";position:absolute;right:-12%;bottom:-45%;width:76%;height:75%;border-radius:50%;border:1px solid rgba(255,255,255,.62);box-shadow:0 0 0 36px rgba(255,255,255,.13),0 0 0 78px rgba(255,255,255,.1);transform:rotate(-10deg);pointer-events:none}
.hero-glow{position:absolute;border-radius:50%;filter:blur(62px);pointer-events:none}
.hero-glow-one{width:360px;height:360px;background:rgba(255,138,27,.31);right:9%;top:17%}
.hero-glow-two{width:310px;height:310px;background:rgba(255,255,255,.78);left:4%;bottom:4%}
.hero-sparkles{position:absolute;inset:0;pointer-events:none;opacity:.8;background-image:radial-gradient(circle,rgba(255,255,255,.95) 0 2px,transparent 3px),radial-gradient(circle,rgba(255,255,255,.85) 0 1px,transparent 2px);background-position:87% 22%,43% 46%;background-size:380px 290px,250px 220px}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:36px;min-height:560px}
.hero-content{padding-left:10px}
.hero-content h1{font-size:clamp(42px,4.55vw,62px);line-height:1.08;letter-spacing:-2.7px;margin:0;color:#0b1730;max-width:610px}
.hero-line{display:block}
.hero-line-gradient{background:linear-gradient(105deg,#7840ef 0%,#5b65f8 48%,#27bcef 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-line-dark{color:#0b1730}
.hero-title-accent{display:block;width:132px;height:4px;border-radius:99px;margin:27px 0 31px;background:linear-gradient(90deg,#7a40ef 0%,#ff6045 54%,#ffb400 100%)}
.hero-content p{max-width:540px;font-size:17px;line-height:1.7;color:#64748b;margin:0 0 31px}
.hero-buttons{display:flex;gap:16px;flex-wrap:wrap}
.hero-visual{height:568px;position:relative;overflow:visible;isolation:isolate;perspective:1100px}
.orbit,.orbit-two{position:absolute;left:50%;top:51%;border-radius:50%;transform:translate(-50%,-50%);border:1.6px solid rgba(112,77,234,.32)}
.orbit{width:428px;height:428px;color:#7e63f5;box-shadow:inset 0 0 44px rgba(255,255,255,.34)}
.orbit-two{width:302px;height:302px;border-color:rgba(255,255,255,.85);color:#32c7e6;box-shadow:0 0 42px rgba(255,255,255,.38)}
.orbit:before,.orbit:after,.orbit-two:before,.orbit-two:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(255,255,255,.78),0 0 18px currentColor}
.orbit:before{top:14%;left:18%}
.orbit:after{bottom:17%;right:11%}
.orbit-two:before{left:10%;bottom:25%}
.orbit-two:after{top:20%;right:15%}
.sun-platform{position:absolute;left:50%;top:51%;width:270px;height:92px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,.98) 0%,rgba(255,255,255,.74) 38%,rgba(123,78,238,.16) 68%,rgba(255,255,255,0) 100%);border:1px solid rgba(255,255,255,.75);box-shadow:0 24px 60px rgba(120,71,222,.2),inset 0 9px 28px rgba(255,255,255,.86)}
.center-cube{position:absolute;left:50%;top:51%;transform:translate(-50%,-50%) rotateX(7deg) rotateY(-8deg);width:var(--orbit-center-size,154px);height:var(--orbit-center-size,154px);border-radius:25%;background:linear-gradient(145deg,#8a41f6 0%,#5748f0 42%,#24c1f1 100%);display:grid;place-items:center;box-shadow:0 34px 70px rgba(81,42,184,.32),0 14px 26px rgba(39,165,230,.24),inset 0 2px 1px rgba(255,255,255,.62),inset 0 -10px 20px rgba(28,27,130,.24);z-index:4;animation:sunFloat 4.4s ease-in-out infinite}
.center-cube:before{content:"";position:absolute;inset:8%;border-radius:22%;background:linear-gradient(145deg,rgba(255,255,255,.28),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.42);box-shadow:inset 0 0 24px rgba(255,255,255,.12)}
.center-cube:after{content:"";position:absolute;left:22%;right:22%;bottom:-14px;height:22px;border-radius:50%;background:rgba(66,44,167,.24);filter:blur(9px);z-index:-1}
.center-cube span{position:relative;z-index:2;font-size:var(--orbit-center-font-size,82px);font-weight:900;color:#fff;text-shadow:0 10px 20px rgba(23,24,102,.24)}
.center-cube.has-center-logo{border-radius:50%;padding:0}
.center-cube.has-center-logo:before{border-radius:50%;inset:6%}
.center-cube img{position:relative;z-index:2;display:block;width:var(--orbit-center-logo-size,118px);height:var(--orbit-center-logo-size,118px);object-fit:contain;border-radius:50%;filter:drop-shadow(0 10px 16px rgba(28,30,106,.22))}
.orbit-item{position:absolute;left:50%;top:51%;width:0;height:0;z-index:5;transform-origin:0 0;transform:rotate(var(--angle)) translateX(var(--radius))}
.animate-3d .orbit-item{animation:circleOrbit var(--speed,34s) linear infinite}
.service-card{--planet-size:78px;--planet-ring-width:102px;--planet-ring-height:34px;position:absolute;left:0;top:0;width:132px;padding:0;background:transparent;border:0;box-shadow:none;display:flex;flex-direction:column;align-items:center;text-align:center;transform:translate(-50%,-50%) rotate(calc(-1 * var(--angle)));backdrop-filter:none;isolation:isolate}
.service-card:before,.service-card:after{content:"";position:absolute;left:50%;top:calc(var(--planet-size) / 2);width:var(--planet-ring-width);height:var(--planet-ring-height);border:2px solid rgba(255,255,255,.76);border-left-color:var(--icon-a,#7844f6);border-right-color:var(--icon-b,#25bff2);border-radius:50%;transform:translate(-50%,-50%) rotate(-17deg);box-shadow:0 0 12px rgba(255,255,255,.72),0 0 18px var(--icon-shadow,rgba(91,68,219,.22));pointer-events:none}
.service-card:before{z-index:0;opacity:.78}
.service-card:after{z-index:2;clip-path:inset(50% -8px -8px -8px);opacity:.92}
.animate-3d .service-card{animation:cardCounterRotate var(--speed,34s) linear infinite}
.service-card .svc-icon{width:var(--planet-size);height:var(--planet-size);border-radius:50%;display:grid;place-items:center;position:relative;z-index:1;overflow:hidden;transform:rotateX(7deg) rotateY(-9deg) rotateZ(3deg);background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.92) 0 4%,rgba(255,255,255,.38) 5% 13%,transparent 25%),linear-gradient(145deg,var(--icon-a,#7844f6),var(--icon-b,#25bff2));box-shadow:0 22px 30px var(--icon-shadow,rgba(91,68,219,.28)),0 0 0 5px rgba(255,255,255,.22),inset 0 2px 1px rgba(255,255,255,.78),inset 0 -12px 20px rgba(25,28,97,.28);border:1px solid rgba(255,255,255,.68)}
.service-card .svc-icon:before{content:"";position:absolute;inset:19px;background:#fff;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;filter:drop-shadow(0 5px 6px rgba(27,24,91,.22));z-index:2}
.service-card .svc-icon:after{content:"";position:absolute;left:14%;right:36%;top:8%;height:35%;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,0));transform:rotate(-18deg);pointer-events:none}
.service-card strong{margin-top:13px;font-size:14px;line-height:1.18;color:#111a2e;text-shadow:0 1px 0 rgba(255,255,255,.75)}
.card-web{--icon-a:#36d3c0;--icon-b:#00a99c;--icon-shadow:rgba(0,159,147,.32)}
.card-video{--icon-a:#ab5cff;--icon-b:#5423d4;--icon-shadow:rgba(102,49,214,.34)}
.card-voice{--icon-a:#55c9ff;--icon-b:#1979e5;--icon-shadow:rgba(32,120,222,.32)}
.card-caller{--icon-a:#ff737c;--icon-b:#e73251;--icon-shadow:rgba(225,48,76,.32)}
.card-marketing{--icon-a:#ffc64f;--icon-b:#ff8800;--icon-shadow:rgba(232,126,0,.34)}
.card-graphics{--icon-a:#e86bff;--icon-b:#9d22d4;--icon-shadow:rgba(155,34,207,.33)}
.card-caller .svc-icon{transform:rotateX(7deg) rotateY(9deg) rotateZ(-5deg)}
.card-marketing .svc-icon{transform:rotateX(8deg) rotateY(-10deg) rotateZ(6deg)}
.card-video .svc-icon{transform:rotateX(7deg) rotateY(8deg) rotateZ(5deg)}
.card-voice .svc-icon{transform:rotateX(7deg) rotateY(8deg) rotateZ(-5deg)}
.card-graphics .svc-icon{transform:rotateX(8deg) rotateY(-8deg) rotateZ(-4deg)}
.icon-code:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8.7 16.6 4.1 12l4.6-4.6L7.3 6l-6 6 6 6 1.4-1.4Zm6.6 0 4.6-4.6-4.6-4.6L16.7 6l6 6-6 6-1.4-1.4ZM9.8 21l4.3-18 2 .4-4.3 18-2-.4Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8.7 16.6 4.1 12l4.6-4.6L7.3 6l-6 6 6 6 1.4-1.4Zm6.6 0 4.6-4.6-4.6-4.6L16.7 6l6 6-6 6-1.4-1.4ZM9.8 21l4.3-18 2 .4-4.3 18-2-.4Z'/%3E%3C/svg%3E")}
.icon-video:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 3h18v18H3V3Zm2 2v2h2V5H5Zm4 0v2h6V5H9Zm8 0v2h2V5h-2ZM5 9v6h14V9H5Zm6 1.8 4.2 2.2-4.2 2.2v-4.4ZM5 17v2h2v-2H5Zm4 0v2h6v-2H9Zm8 0v2h2v-2h-2Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 3h18v18H3V3Zm2 2v2h2V5H5Zm4 0v2h6V5H9Zm8 0v2h2V5h-2ZM5 9v6h14V9H5Zm6 1.8 4.2 2.2-4.2 2.2v-4.4ZM5 17v2h2v-2H5Zm4 0v2h6v-2H9Zm8 0v2h2v-2h-2Z'/%3E%3C/svg%3E")}
.icon-mic:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 14a3 3 0 0 0 3-3V6a3 3 0 1 0-6 0v5a3 3 0 0 0 3 3Zm5-3a5 5 0 0 1-10 0H5a7 7 0 0 0 6 6.92V21h2v-3.08A7 7 0 0 0 19 11h-2Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 14a3 3 0 0 0 3-3V6a3 3 0 1 0-6 0v5a3 3 0 0 0 3 3Zm5-3a5 5 0 0 1-10 0H5a7 7 0 0 0 6 6.92V21h2v-3.08A7 7 0 0 0 19 11h-2Z'/%3E%3C/svg%3E")}
.icon-music:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3v10.55A4 4 0 1 0 14 17V8h6V3h-8Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3v10.55A4 4 0 1 0 14 17V8h6V3h-8Z'/%3E%3C/svg%3E")}
.icon-megaphone:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 10v4h3l4 4v-4.2l7 3.2V7l-7 3.2V6l-4 4H3Zm16-1.3v6.6c1.2-.7 2-1.9 2-3.3s-.8-2.6-2-3.3Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 10v4h3l4 4v-4.2l7 3.2V7l-7 3.2V6l-4 4H3Zm16-1.3v6.6c1.2-.7 2-1.9 2-3.3s-.8-2.6-2-3.3Z'/%3E%3C/svg%3E")}
.icon-pen:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m3 17.3 8.9-8.9 3.7 3.7-8.9 8.9H3v-3.7ZM20.7 7c.4-.4.4-1 0-1.4l-2.3-2.3c-.4-.4-1-.4-1.4 0l-1.7 1.7 3.7 3.7L20.7 7Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m3 17.3 8.9-8.9 3.7 3.7-8.9 8.9H3v-3.7ZM20.7 7c.4-.4.4-1 0-1.4l-2.3-2.3c-.4-.4-1-.4-1.4 0l-1.7 1.7 3.7 3.7L20.7 7Z'/%3E%3C/svg%3E")}
.stats-panel{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:20px 26px;margin-top:4px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.92);box-shadow:0 20px 50px rgba(111,65,22,.08);border-radius:27px;backdrop-filter:blur(16px)}
.stats-panel div{display:grid;grid-template-columns:52px auto;grid-template-rows:auto auto;column-gap:15px;padding:9px 19px;border-right:1px solid rgba(148,163,184,.18)}
.stats-panel div:last-child{border-right:0}
.stats-panel span{grid-row:1/3;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,rgba(122,64,239,.12),rgba(255,154,41,.12));color:var(--bd-primary);font-size:22px;box-shadow:inset 0 0 0 1px rgba(122,64,239,.08)}
.stats-panel strong{display:block;font-size:21px;color:#0f172a;align-self:end}
.stats-panel small{display:block;color:#64748b;font-size:14px;margin-top:3px;align-self:start}
.services-section{padding:82px 0 90px}
.section-title small{display:inline-block;color:var(--bd-primary);font-weight:750;background:rgba(109,66,245,.08);padding:8px 14px;border-radius:999px}
.section-title h2{font-size:clamp(30px,4vw,46px);margin:18px 0 0;color:#0f172a;letter-spacing:-1.5px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}
.service-grid article{background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:24px;padding:26px;box-shadow:0 20px 40px rgba(15,23,42,.05);transition:.25s}
.service-grid article:hover{transform:translateY(-4px);box-shadow:0 24px 50px rgba(109,66,245,.1)}
.service-grid h3{margin:0 0 14px;color:#0f172a;font-size:21px}
.service-grid p{margin:0;color:#64748b;line-height:1.7}
.site-footer{background:#fff;border-top:1px solid rgba(226,232,240,.8)}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:26px 0;color:#64748b}
.footer-inner a{font-weight:700;color:var(--bd-primary)}
@keyframes sunFloat{0%,100%{transform:translate(-50%,-50%) rotateX(7deg) rotateY(-8deg) translateY(0)}50%{transform:translate(-50%,-50%) rotateX(7deg) rotateY(-8deg) translateY(-8px)}}
@keyframes circleOrbit{from{transform:rotate(var(--angle)) translateX(var(--radius))}to{transform:rotate(calc(var(--angle) + 1turn)) translateX(var(--radius))}}
@keyframes cardCounterRotate{from{transform:translate(-50%,-50%) rotate(calc(-1 * var(--angle)))}to{transform:translate(-50%,-50%) rotate(calc(-1 * var(--angle) - 1turn))}}
@media screen and (max-width:782px){body.admin-bar .site-header{top:46px}}
@media(max-width:1120px){
.menu{gap:20px}.header-actions .btn{padding:12px 15px}.hero-grid{grid-template-columns:.9fr 1.1fr}.hero-content h1{font-size:clamp(40px,5vw,56px)}
}
@media(max-width:980px){
.site-header{top:0}.header-inner{padding:14px 16px;flex-wrap:wrap}.menu-toggle{display:flex}.main-nav{display:none}.header-actions{margin-left:auto}.site-header.menu-open .main-nav{display:block;order:3;flex-basis:100%}.site-header.menu-open .menu{display:flex;flex-direction:column;padding:14px 4px 4px;gap:18px}.menu a:after{display:none}
.hero-section{padding-top:145px}.hero-grid{grid-template-columns:1fr;gap:4px}.hero-content{text-align:center;padding-left:0}.hero-content h1{max-width:700px;margin:auto}.hero-title-accent{margin-left:auto;margin-right:auto}.hero-content p{margin-left:auto;margin-right:auto}.hero-buttons{justify-content:center}.hero-visual{height:525px;margin-top:0}.stats-panel{margin-top:15px}
}
@media(max-width:720px){
.container{width:min(100% - 24px,1200px)}.site-header{width:100%}.header-inner{width:min(100% - 24px,1200px)}.brand-mark{width:46px;height:46px}.brand-copy strong{font-size:20px}.brand-copy small{font-size:11px}.header-actions .btn{font-size:13px;padding:11px 13px}.login-button{display:none}
.hero-section{padding-top:128px}.hero-content h1{font-size:clamp(36px,11vw,48px);letter-spacing:-1.8px}.hero-content p{font-size:16px}.hero-title-accent{margin-top:22px;margin-bottom:25px}.hero-buttons .btn{flex:1;min-width:190px}.hero-visual{height:420px;transform:scale(.8);transform-origin:center top;margin:0 -58px -58px}.orbit{width:385px;height:385px}.orbit-two{width:274px;height:274px}.orbit-item{--radius:176px!important}.service-card{--planet-size:70px;--planet-ring-width:91px;--planet-ring-height:30px}.service-card .svc-icon:before{inset:17px}.service-card strong{font-size:13px}
.stats-panel,.service-grid{grid-template-columns:1fr}.stats-panel{padding:16px}.stats-panel div{padding:10px 2px;border-right:0;border-bottom:1px solid rgba(148,163,184,.18)}.stats-panel div:last-child{border-bottom:0}.footer-inner{flex-direction:column;text-align:center}
}
@media(max-width:430px){
.site-header{border-radius:0}.header-inner{gap:10px}.brand-copy small{display:none}.brand-mark{width:42px;height:42px;border-radius:13px;font-size:24px}.header-actions .btn-primary{padding:10px 11px;font-size:12px}.hero-section{padding-top:118px}.hero-content h1{font-size:36px}.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%;min-width:0}.hero-visual{transform:scale(.68);height:360px;margin:4px -92px -82px}.stats-panel{margin-top:20px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.animate-3d .orbit-item,.animate-3d .service-card,.center-cube{animation:none!important}.btn,.service-grid article{transition:none}}
/* v1.5.4 - unmistakable round planet icons */
.service-card{--planet-size:78px;--planet-shell-width:116px;--planet-shell-height:96px}
.service-card:before,.service-card:after{content:none!important;display:none!important}
.service-card .planet-shell{
position:relative;
display:block;
flex:0 0 auto;
width:var(--planet-shell-width);
height:var(--planet-shell-height);
isolation:isolate;
filter:drop-shadow(0 14px 16px var(--icon-shadow,rgba(91,68,219,.24)));
}
.service-card .planet-shell:before,
.service-card .planet-shell:after{
content:"";
position:absolute;
left:50%;
top:50%;
width:108px;
height:35px;
border-radius:50%;
transform:translate(-50%,-50%) rotate(-16deg);
pointer-events:none;
box-sizing:border-box;
}
.service-card .planet-shell:before{
z-index:0;
border:3px solid rgba(255,255,255,.88);
border-left-color:var(--icon-a,#7844f6);
border-right-color:var(--icon-b,#25bff2);
box-shadow:0 0 0 1px rgba(49,46,129,.13),0 0 15px rgba(255,255,255,.85),0 0 22px var(--icon-shadow,rgba(91,68,219,.28));
}
.service-card .planet-shell:after{
z-index:3;
border:3px solid transparent;
border-bottom-color:rgba(255,255,255,.98);
border-left-color:var(--icon-a,#7844f6);
border-right-color:var(--icon-b,#25bff2);
clip-path:inset(48% -8px -8px -8px);
filter:drop-shadow(0 2px 2px rgba(15,23,42,.16));
}
.service-card .planet-shell .svc-icon{
position:absolute!important;
left:50%!important;
top:50%!important;
width:var(--planet-size)!important;
height:var(--planet-size)!important;
aspect-ratio:1/1!important;
transform:translate(-50%,-50%)!important;
border-radius:999px!important;
clip-path:circle(50% at 50% 50%)!important;
overflow:hidden!important;
z-index:2!important;
border:2px solid rgba(255,255,255,.82)!important;
background:
radial-gradient(circle at 28% 20%,rgba(255,255,255,.98) 0 5%,rgba(255,255,255,.58) 6% 13%,rgba(255,255,255,.12) 22%,transparent 31%),
radial-gradient(circle at 68% 76%,rgba(15,23,42,.36) 0 12%,transparent 46%),
radial-gradient(circle at 40% 34%,var(--icon-a,#7844f6) 0 17%,var(--icon-b,#25bff2) 64%,#18204f 115%)!important;
box-shadow:
0 18px 30px var(--icon-shadow,rgba(91,68,219,.34)),
inset -13px -16px 22px rgba(10,16,53,.34),
inset 10px 10px 18px rgba(255,255,255,.26),
0 0 0 5px rgba(255,255,255,.18)!important;
}
.service-card .planet-shell .svc-icon:before{inset:20px!important;z-index:4!important}
.service-card .planet-shell .svc-icon:after{
left:14%!important;
right:42%!important;
top:9%!important;
height:30%!important;
border-radius:50%!important;
background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,0))!important;
z-index:3!important;
}
.service-card strong{margin-top:2px}
.card-caller .svc-icon,.card-marketing .svc-icon,.card-video .svc-icon,.card-voice .svc-icon,.card-graphics .svc-icon{transform:translate(-50%,-50%)!important}
@media(max-width:680px){
.service-card{--planet-size:70px;--planet-shell-width:104px;--planet-shell-height:88px}
.service-card .planet-shell:before,.service-card .planet-shell:after{width:98px;height:31px}
.service-card .planet-shell .svc-icon:before{inset:18px!important}
}
/* v1.5.5 - unlimited floating hero background slider */
.hero-backgrounds{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#fff8f1}
.hero-bg-slide{position:absolute;inset:-3%;overflow:hidden;opacity:0;transform:translate3d(0,54px,0) scale(1.075);filter:saturate(.98) contrast(1.01);transition:opacity var(--hero-bg-transition,2s) cubic-bezier(.22,.61,.36,1),transform var(--hero-bg-transition,2s) cubic-bezier(.22,.61,.36,1);will-change:opacity,transform}.hero-bg-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;image-orientation:none;transform:none!important}
.hero-bg-slide.is-active{opacity:var(--hero-bg-opacity,.82);transform:translate3d(0,0,0) scale(1.02);animation:heroBackgroundDrift 12s ease-in-out infinite alternate}
.hero-bg-slide.is-leaving{opacity:0;transform:translate3d(0,-48px,0) scale(1.005)}
.hero-background-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,252,247,.88) 30%,rgba(255,248,238,.50) 56%,rgba(255,244,228,.12) 100%),linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,246,232,.12));z-index:2}
.hero-section.has-background-slider{background:#fff8f1}
.hero-section.has-background-slider:before,.hero-section.has-background-slider:after,.hero-section.has-background-slider .hero-glow,.hero-section.has-background-slider .hero-sparkles{z-index:1}
.hero-section.has-background-slider .hero-grid,.hero-section.has-background-slider .stats-panel{z-index:3}
@keyframes heroBackgroundDrift{0%{transform:translate3d(0,0,0) scale(1.02)}100%{transform:translate3d(0,-14px,0) scale(1.045)}}
@media(max-width:980px){.hero-bg-slide img{object-position:62% center}.hero-background-shade{background:linear-gradient(180deg,rgba(255,255,255,.93) 0%,rgba(255,251,246,.72) 45%,rgba(255,244,228,.20) 100%)}}
@media(max-width:720px){.hero-bg-slide{opacity:0}.hero-bg-slide img{object-position:68% center}.hero-bg-slide.is-active{opacity:var(--hero-bg-opacity,.82)}.hero-background-shade{background:linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(255,251,246,.78) 50%,rgba(255,244,228,.30) 100%)}}
@media(prefers-reduced-motion:reduce){.hero-bg-slide{transition:none!important;animation:none!important;transform:none!important}.hero-bg-slide.is-active{opacity:var(--hero-bg-opacity,.82)}}
/* v1.5.7 - uploaded Hero background direction fix */
.hero-bg-slide img{transform-origin:50% 50%!important;backface-visibility:hidden}
.hero-section.hero-orientation-ignore-exif .hero-bg-slide img{image-orientation:none;transform:none!important}
.hero-section.hero-orientation-from-image .hero-bg-slide img{image-orientation:from-image;transform:none!important}
.hero-section.hero-orientation-rotate-180 .hero-bg-slide img{image-orientation:none;transform:rotate(180deg)!important}
.hero-section.hero-orientation-flip-horizontal .hero-bg-slide img{image-orientation:none;transform:scaleX(-1)!important}
.hero-section.hero-orientation-flip-vertical .hero-bg-slide img{image-orientation:none;transform:scaleY(-1)!important}
/* v1.5.8 - adjustable Hero background image opacity */
.hero-section.has-background-slider{--hero-bg-opacity:.82}
.hero-bg-slide.is-active{opacity:var(--hero-bg-opacity,.82)}
/* v1.5.9 - Hero image or MP4/AVI video background */
.hero-section.has-background-media{background:#fff8f1;--hero-bg-opacity:.82}
.hero-section.has-background-media:before,
.hero-section.has-background-media:after,
.hero-section.has-background-media .hero-glow,
.hero-section.has-background-media .hero-sparkles{z-index:1}
.hero-section.has-background-media .hero-grid,
.hero-section.has-background-media .stats-panel{position:relative;z-index:3}
.hero-bg-video-layer{position:absolute;inset:-3%;overflow:hidden;opacity:var(--hero-bg-opacity,.82);transform:scale(1.02);background:#fff8f1}
.hero-bg-video-fallback,
.hero-bg-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.hero-bg-video-fallback{z-index:0;image-orientation:none}
.hero-bg-video{z-index:1;opacity:0;transition:opacity .65s ease;background:transparent}
.hero-bg-video.is-ready{opacity:1}
.hero-bg-video.is-failed{display:none}
.hero-video-background .hero-background-shade{z-index:2}
@media(max-width:980px){.hero-bg-video,.hero-bg-video-fallback{object-position:62% center}}
@media(max-width:720px){.hero-bg-video,.hero-bg-video-fallback{object-position:68% center}}
@media(prefers-reduced-motion:reduce){.hero-bg-video{transition:none}}
/* v1.10.4 - gradient opacity is separate from old white decorative effects */
.hero-section.has-background-media{
--hero-overlay-opacity:0;
--hero-decor-opacity:0;
}
.hero-section.has-background-media .hero-background-shade{
opacity:var(--hero-overlay-opacity,0);
}
.hero-section.has-background-media:before,
.hero-section.has-background-media:after,
.hero-section.has-background-media .hero-glow,
.hero-section.has-background-media .hero-sparkles{
opacity:var(--hero-decor-opacity,0);
}
/* v1.7.0 - completely separate premium mobile layout */
.mobile-site-header,
.mobile-homepage{display:none}
@media(max-width:767px){
html{background:#02061d}
body{background:#02061d!important;overflow-x:hidden}
.site-header,.hero-page,.site-footer{display:none!important}
.mobile-site-header,.mobile-homepage{display:block}
.mobile-site-header{
position:relative;
z-index:100;
width:100%;
border-bottom:1px solid rgba(123,91,255,.22);
box-shadow:0 15px 40px rgba(0,0,0,.24);
}
.mobile-site-header.is-sticky{position:sticky;top:0}
body.admin-bar .mobile-site-header.is-sticky{top:46px}
.mobile-header-inner{
min-height:78px;
display:flex;
align-items:center;
gap:10px;
padding:12px 18px;
}
.mobile-brand{display:flex;align-items:center;gap:10px;min-width:0;margin-right:auto}
.mobile-brand-mark{
width:46px;height:46px;flex:0 0 46px;border-radius:13px;
display:grid;place-items:center;color:#fff;font-size:25px;font-weight:900;
background:linear-gradient(145deg,#7c25ff,#3467ff 58%,#24b9f5);
border:1px solid rgba(255,255,255,.22);
box-shadow:0 10px 28px rgba(69,44,255,.38),inset 0 1px 0 rgba(255,255,255,.42);
}
.mobile-brand-mark.has-image{padding:0;background:transparent;overflow:hidden}
.mobile-brand-mark img{display:block;width:100%;height:100%;object-fit:cover}
.mobile-brand-copy{display:flex;align-items:center;gap:5px;white-space:nowrap;line-height:1}
.mobile-brand-copy strong,.mobile-brand-copy b{font-weight:850;letter-spacing:-.7px}
.mobile-header-quote{
min-height:42px;padding:0 16px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;
font-weight:800;white-space:nowrap;box-shadow:0 10px 24px rgba(64,50,255,.32),inset 0 1px 0 rgba(255,255,255,.25);
}
.mobile-header-quote span{font-size:14px}
.mobile-menu-toggle{
width:43px;height:43px;flex:0 0 43px;border:1px solid;border-radius:12px;background:rgba(255,255,255,.025);
display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;cursor:pointer;
}
.mobile-menu-toggle span{display:block;width:20px;height:2px;border-radius:9px;transition:.25s}
.mobile-site-header.menu-open .mobile-menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mobile-site-header.menu-open .mobile-menu-toggle span:nth-child(2){opacity:0}
.mobile-site-header.menu-open .mobile-menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-menu-panel{display:none;padding:4px 18px 18px;border-top:1px solid rgba(255,255,255,.07)}
.mobile-site-header.menu-open .mobile-menu-panel{display:block}
.mobile-menu-list{list-style:none;margin:0;padding:8px 0;display:grid;gap:4px}
.mobile-menu-list a{display:block;padding:13px 14px;color:#fff;font-weight:700;border-radius:10px;background:rgba(255,255,255,.035)}
.mobile-homepage{
position:relative;min-height:100vh;color:#fff;overflow:hidden;
background-image:radial-gradient(circle at 89% 18%,rgba(82,33,255,.16),transparent 28%),radial-gradient(circle at 8% 38%,rgba(255,55,158,.06),transparent 27%);
}
.mobile-hero-section{position:relative;padding:47px 24px 34px;isolation:isolate}
.mobile-hero-section:before{
content:"";position:absolute;inset:0;z-index:-4;
background-image:linear-gradient(rgba(2,6,29,.48),rgba(2,6,29,.78)),var(--mobile-uploaded-bg,none);
background-position:center;background-size:cover;background-repeat:no-repeat;
}
.mobile-hero-section:after{
content:"";position:absolute;right:-85px;top:38px;width:310px;height:310px;border-radius:50%;z-index:-3;
background:radial-gradient(circle,rgba(77,35,255,.18),transparent 68%);filter:blur(8px);
}
.mobile-hero-pattern{
position:absolute;right:-22px;top:70px;width:245px;height:230px;z-index:-2;opacity:.42;
background-image:radial-gradient(circle,rgba(96,86,255,.78) 0 1.15px,transparent 1.5px);
background-size:9px 9px;mask-image:radial-gradient(ellipse at center,#000 10%,transparent 74%);
}
.mobile-hero-orbit{position:absolute;z-index:-1;border:1px solid rgba(230,53,255,.42);border-radius:50%;transform:rotate(-18deg)}
.mobile-orbit-one{right:-70px;top:168px;width:260px;height:100px}
.mobile-orbit-two{right:-44px;top:215px;width:205px;height:84px;border-color:rgba(43,136,255,.36);transform:rotate(20deg)}
.mobile-hero-copy{position:relative;z-index:3}
.mobile-hero-badge{
width:max-content;max-width:80%;display:flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid;border-radius:999px;
background:rgba(8,9,38,.56);box-shadow:inset 0 0 20px rgba(130,45,255,.08);font-weight:650;
}
.mobile-badge-bolt{display:inline-grid;place-items:center;color:#ff8033;font-size:14px}
.mobile-hero-title{margin:26px 0 0;max-width:92%;line-height:1.26;letter-spacing:-1.5px}
.mobile-title-line{display:block;font-weight:850;text-shadow:0 8px 30px rgba(0,0,0,.25)}
.mobile-title-line-3{text-shadow:0 0 24px rgba(255,152,40,.12)}
.mobile-hero-description{position:relative;z-index:4;max-width:94%;margin:31px 0 0;line-height:1.9;font-weight:400}
.mobile-hero-actions{display:flex;align-items:center;gap:16px;margin-top:28px;position:relative;z-index:5}
.mobile-primary-button{min-height:53px;padding:0 19px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:13px;font-weight:800;box-shadow:0 14px 34px rgba(65,42,255,.32),inset 0 1px 0 rgba(255,255,255,.25)}
.mobile-primary-button span{font-size:20px;font-weight:400}
.mobile-secondary-button{display:inline-flex;align-items:center;gap:10px;font-weight:600;white-space:nowrap}
.mobile-play-circle{width:48px;height:48px;border:1px solid rgba(185,46,255,.55);border-radius:50%;display:grid;place-items:center;background:rgba(8,10,40,.44);box-shadow:inset 0 0 22px rgba(89,43,255,.08)}
.mobile-play-circle i{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid #fff;margin-left:3px}
.mobile-hero-visual{position:absolute;right:-42px;top:137px;height:330px;z-index:1;pointer-events:none;filter:drop-shadow(0 28px 40px rgba(0,0,0,.38))}
.mobile-hero-uploaded-visual{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.mobile-device-scene{position:relative;width:100%;height:100%;animation:mobileSceneFloat 5s ease-in-out infinite}
.mobile-device-glow{position:absolute;inset:18% 4% 10% 10%;border-radius:50%;background:rgba(114,30,255,.34);filter:blur(35px)}
.mobile-device-phone{
position:absolute;right:22px;top:12px;width:126px;height:245px;border-radius:27px;transform:rotate(13deg);
background:linear-gradient(145deg,#4421af,#101150 54%,#23136b);border:3px solid #723fff;
box-shadow:inset 0 0 0 3px #15114b,inset 0 0 36px rgba(99,39,255,.45),0 30px 55px rgba(0,0,0,.45);
}
.mobile-device-phone:before{content:"";position:absolute;inset:7px;border-radius:21px;background:linear-gradient(145deg,#1c155e,#090b31 62%,#24106b);border:1px solid rgba(255,255,255,.06)}
.mobile-device-speaker{position:absolute;z-index:2;left:50%;top:8px;width:39px;height:7px;border-radius:8px;background:#09091e;transform:translateX(-50%)}
.mobile-device-screen{position:absolute;z-index:2;left:23px;right:22px;bottom:39px;display:grid;gap:8px;opacity:.65}
.mobile-device-screen span{height:4px;border-radius:9px;background:linear-gradient(90deg,#6b48ff,transparent)}
.mobile-device-screen span:nth-child(2){width:75%}.mobile-device-screen span:nth-child(3){width:52%}
.mobile-floating-card{position:absolute;border:1px solid rgba(255,255,255,.15);box-shadow:0 18px 35px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.22);backdrop-filter:blur(7px)}
.mobile-card-chart{right:91px;top:45px;width:91px;height:88px;border-radius:14px;transform:rotate(9deg);background:linear-gradient(145deg,#4b25c4,#29158d)}
.mobile-card-chart:before,.mobile-card-chart:after{content:"";position:absolute;left:17px;right:17px;height:5px;border-radius:8px;background:rgba(255,255,255,.15)}
.mobile-card-chart:before{top:19px}.mobile-card-chart:after{top:31px;width:42px}
.chart-line{position:absolute;left:18px;right:15px;bottom:18px;height:28px;border-bottom:3px solid #ff6b58;transform:skewY(-12deg);box-shadow:10px -8px 0 -8px #ffb52e}
.mobile-card-code{right:4px;top:108px;width:91px;height:91px;border-radius:15px;display:grid;place-items:center;transform:rotate(12deg);font-size:31px;font-weight:800;background:linear-gradient(145deg,#307eff,#6937dd)}
.mobile-card-user{right:71px;top:174px;width:94px;height:77px;border-radius:14px;transform:rotate(13deg);background:linear-gradient(145deg,#ff6b65,#ff9348)}
.mobile-card-user .user-head{position:absolute;left:17px;top:20px;width:16px;height:16px;border-radius:50%;background:#fff}
.mobile-card-user .user-body{position:absolute;left:12px;top:38px;width:26px;height:16px;border-radius:14px 14px 5px 5px;background:#fff}
.mobile-card-user i{position:absolute;left:50px;right:12px;height:4px;border-radius:6px;background:rgba(255,255,255,.82)}
.mobile-card-user i:nth-of-type(1){top:27px}.mobile-card-user i:nth-of-type(2){top:41px;width:24px}
.mobile-scene-dot{position:absolute;width:8px;height:8px;border-radius:50%;box-shadow:0 0 15px currentColor;background:currentColor}
.dot-one{right:3px;top:78px;color:#ff9a23}.dot-two{right:25px;bottom:34px;color:#ff30e3}.dot-three{left:22px;bottom:64px;color:#4b53ff}
.mobile-stats-panel{
position:relative;z-index:6;margin-top:30px;display:grid;grid-template-columns:repeat(4,1fr);padding:18px 7px;
border:1px solid rgba(101,84,190,.35);border-radius:16px;background:linear-gradient(145deg,rgba(9,13,53,.76),rgba(5,7,35,.7));
box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 20px 45px rgba(0,0,0,.18);backdrop-filter:blur(10px)
}
.mobile-stat-item{min-width:0;text-align:center;padding:0 6px;border-right:1px solid rgba(103,93,165,.22)}
.mobile-stat-item:last-child{border-right:0}
.mobile-stat-icon{width:38px;height:38px;margin:0 auto 9px;border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:0 8px 18px rgba(0,0,0,.28)}
.stat-orange .mobile-stat-icon{background:linear-gradient(145deg,#ff9a28,#f33d5e)}
.stat-purple .mobile-stat-icon{background:linear-gradient(145deg,#7148ff,#3920e4)}
.stat-cyan .mobile-stat-icon{background:linear-gradient(145deg,#1ec9d0,#1674b7)}
.stat-pink .mobile-stat-icon{background:linear-gradient(145deg,#fa3ca5,#ad1c8d)}
.mobile-stat-item strong{display:block;line-height:1.05;font-weight:850}
.mobile-stat-item small{display:block;margin-top:6px;line-height:1.25;white-space:normal}
.mobile-stat-icon i,.mobile-stat-icon i:before,.mobile-stat-icon i:after{position:absolute;display:block;content:""}
.stat-users-icon{width:16px;height:9px;bottom:9px;border:2px solid #fff;border-radius:8px 8px 5px 5px}
.stat-users-icon:before{width:7px;height:7px;border:2px solid #fff;border-radius:50%;left:2px;top:-10px}
.stat-layers-icon{width:17px;height:12px;border:2px solid #fff;transform:rotate(45deg);border-radius:2px}
.stat-layers-icon:after{inset:3px -6px -6px 3px;border:2px solid rgba(255,255,255,.75);border-radius:2px}
.stat-trophy-icon{width:15px;height:12px;border:2px solid #fff;border-radius:2px 2px 7px 7px;top:9px}
.stat-trophy-icon:before{left:5px;bottom:-7px;width:2px;height:7px;background:#fff}.stat-trophy-icon:after{left:1px;right:1px;bottom:-9px;height:2px;background:#fff}
.stat-headset-icon{width:17px;height:16px;border:2px solid #fff;border-bottom:0;border-radius:12px 12px 0 0;top:10px}
.stat-headset-icon:before{left:-4px;bottom:-1px;width:4px;height:8px;border-radius:3px;background:#fff}.stat-headset-icon:after{right:-4px;bottom:-1px;width:4px;height:8px;border-radius:3px;background:#fff}
.mobile-services-section{position:relative;padding:8px 0 35px;background:linear-gradient(180deg,rgba(4,7,31,.4),#02061d)}
.mobile-section-heading{text-align:center;padding:25px 20px 14px}
.mobile-section-heading small{display:block;color:#ff8f29;font-size:12px;font-weight:800;letter-spacing:.8px;margin-bottom:9px}
.mobile-heading-row{display:flex;align-items:center;justify-content:center;gap:13px}
.mobile-heading-row span{position:relative;width:58px;height:1px;background:linear-gradient(90deg,transparent,#d62cc7)}
.mobile-heading-row span:after{content:"";position:absolute;right:0;top:50%;width:7px;height:7px;border-radius:50%;background:#db36ce;transform:translate(50%,-50%);box-shadow:0 0 12px #db36ce}
.mobile-heading-row span:last-child{transform:scaleX(-1)}
.mobile-heading-row h2{margin:0;color:#fff;font-size:29px;line-height:1.1;letter-spacing:-.8px}
.mobile-services-carousel{position:relative;height:430px;perspective:1050px;overflow:hidden}
.mobile-service-stage{position:relative;height:365px;margin-top:6px;transform-style:preserve-3d}
.mobile-service-card{
position:absolute;left:50%;top:0;width:min(78vw,330px);height:350px;border-radius:25px;padding:1px;
opacity:0;pointer-events:none;transform:translateX(-50%) scale(.72);transition:transform .55s cubic-bezier(.22,.75,.25,1),opacity .45s ease,filter .45s ease;
background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(102,78,255,.55),rgba(255,255,255,.5));
box-shadow:0 28px 60px rgba(0,0,0,.42);backface-visibility:hidden;
}
.mobile-service-card.is-active{z-index:4;opacity:1;pointer-events:auto;transform:translateX(-50%) scale(1) rotateY(0);filter:none}
.mobile-service-card.is-prev{z-index:2;opacity:.55;transform:translateX(-126%) scale(.82) rotateY(19deg);filter:saturate(.72) brightness(.68)}
.mobile-service-card.is-next{z-index:2;opacity:.55;transform:translateX(26%) scale(.82) rotateY(-19deg);filter:saturate(.72) brightness(.68)}
.mobile-service-card-inner{height:100%;border-radius:24px;padding:23px 22px 20px;overflow:hidden;position:relative;background:radial-gradient(circle at 18% 18%,rgba(113,69,255,.42),transparent 34%),linear-gradient(145deg,#261078,#150c53 54%,#0b1044)}
.service-orange .mobile-service-card-inner{background:radial-gradient(circle at 18% 18%,rgba(255,117,44,.42),transparent 34%),linear-gradient(145deg,#69213c,#42102d 54%,#190b27)}
.service-blue .mobile-service-card-inner{background:radial-gradient(circle at 18% 18%,rgba(31,164,255,.42),transparent 34%),linear-gradient(145deg,#132b78,#10154f 54%,#080c31)}
.service-pink .mobile-service-card-inner{background:radial-gradient(circle at 18% 18%,rgba(255,56,192,.38),transparent 34%),linear-gradient(145deg,#631673,#36115a 54%,#130a2b)}
.service-cyan .mobile-service-card-inner{background:radial-gradient(circle at 18% 18%,rgba(31,215,203,.38),transparent 34%),linear-gradient(145deg,#0f536b,#11314f 54%,#071b31)}
.service-red .mobile-service-card-inner{background:radial-gradient(circle at 18% 18%,rgba(255,66,90,.42),transparent 34%),linear-gradient(145deg,#711b42,#42102e 54%,#1c0a29)}
.mobile-service-card-inner:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.34) 0 1px,transparent 1.5px);background-size:17px 17px;opacity:.08;mask-image:linear-gradient(120deg,#000,transparent 70%)}
.mobile-service-card-inner:after{content:"";position:absolute;right:-80px;bottom:-95px;width:220px;height:220px;border-radius:50%;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 0 25px rgba(255,255,255,.02),0 0 0 55px rgba(255,255,255,.018)}
.mobile-service-card-inner{display:grid;grid-template-columns:1.02fr .98fr;gap:14px;align-items:center}
.mobile-service-art{height:215px;position:relative;z-index:2;display:grid;place-items:center}
.mobile-art-screen{position:absolute;width:105px;height:118px;border-radius:11px;background:linear-gradient(145deg,#6d3fff,#28139e);border:2px solid rgba(255,255,255,.26);box-shadow:0 25px 38px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.3);transform:rotate(-2deg)}
.mobile-art-screen:before{content:"";position:absolute;left:12px;right:12px;top:12px;height:18px;border-radius:6px;background:rgba(255,255,255,.14)}
.mobile-art-screen span{position:absolute;left:14px;right:14px;height:5px;border-radius:5px;background:rgba(255,255,255,.16)}
.mobile-art-screen span:nth-child(1){top:43px}.mobile-art-screen span:nth-child(2){top:57px;width:52px}.mobile-art-screen span:nth-child(3){top:72px;width:64px}
.mobile-service-orb,.mobile-service-mini-orb{display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#5427df,#241193);border:1px solid rgba(255,255,255,.28);box-shadow:0 15px 30px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.23)}
.mobile-service-orb{position:absolute;right:3px;top:60px;width:55px;height:55px}
.mobile-service-mini-orb{position:absolute;width:45px;height:45px}
.mobile-service-mini-orb.mini-one{left:5px;bottom:33px}.mobile-service-mini-orb.mini-two{right:12px;bottom:18px;background:linear-gradient(145deg,#754aff,#d435de)}
.mobile-service-orb:before,.mobile-service-mini-orb:before{content:"";position:absolute;inset:14px;background:#fff;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}
.mobile-service-mini-orb:before{inset:12px}
.mobile-service-mini-orb.mini-two:before{mask-image:linear-gradient(#000,#000);-webkit-mask-image:linear-gradient(#000,#000);clip-path:polygon(0 18%,33% 18%,33% 0,42% 0,42% 18%,75% 18%,75% 0,84% 0,84% 18%,100% 18%,100% 30%,84% 30%,84% 100%,75% 100%,75% 30%,42% 30%,42% 100%,33% 100%,33% 30%,0 30%)}
.mobile-service-content{position:relative;z-index:3}
.mobile-service-content h3{font-size:21px;line-height:1.18;margin:0;color:#fff;letter-spacing:-.5px}
.mobile-service-accent{display:block;width:36px;height:3px;border-radius:9px;background:linear-gradient(90deg,#ff3aa4,#9139ff);margin:15px 0 17px;box-shadow:0 0 12px rgba(255,58,164,.55)}
.mobile-service-content p{font-size:12px;line-height:1.55;color:#c4c7da;margin:0}
.mobile-service-content a{min-height:44px;margin-top:21px;padding:0 16px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#fff;font-size:12px;font-weight:800;background:linear-gradient(120deg,#8d25ff,#238eff);box-shadow:0 12px 24px rgba(58,38,210,.3)}
.mobile-carousel-arrow{position:absolute;top:173px;z-index:8;width:42px;height:42px;border-radius:50%;border:1px solid rgba(110,93,186,.4);background:#0a1137;color:#fff;font-size:30px;line-height:1;display:grid;place-items:center;box-shadow:0 12px 25px rgba(0,0,0,.3)}
.mobile-carousel-prev{left:8px}.mobile-carousel-next{right:8px}
.mobile-carousel-dots{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);display:flex;gap:9px;z-index:9}
.mobile-carousel-dots button{width:9px;height:9px;border:0;border-radius:50%;padding:0;background:#34395c;transition:.25s}
.mobile-carousel-dots button.is-active{background:#d832f5;box-shadow:0 0 12px #d832f5;transform:scale(1.18)}
.mobile-bottom-cta{
position:relative;margin:0 24px 26px;min-height:101px;border-radius:16px;padding:17px 14px;display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:12px;
background:linear-gradient(110deg,#341192,#4315ad 48%,#301284);border:1px solid rgba(133,93,255,.72);box-shadow:0 18px 40px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.12);overflow:hidden
}
.mobile-bottom-cta:before{content:"";position:absolute;right:-38px;top:-65px;width:160px;height:160px;border-radius:50%;background:rgba(66,170,255,.15);filter:blur(10px)}
.mobile-cta-rocket{width:58px;height:58px;position:relative;display:grid;place-items:center;transform:rotate(-35deg)}
.mobile-cta-rocket:before{content:"";width:25px;height:43px;border-radius:50% 50% 42% 42%;background:linear-gradient(180deg,#eef5ff,#7b85ff 63%,#4e23d4);border:1px solid rgba(255,255,255,.5);box-shadow:0 10px 20px rgba(0,0,0,.25)}
.mobile-cta-rocket:after{content:"";position:absolute;bottom:2px;width:13px;height:22px;border-radius:50%;background:linear-gradient(#ffd72a,#ff5c1d,transparent);filter:blur(.4px)}
.mobile-cta-rocket span{position:absolute;top:18px;width:10px;height:10px;border-radius:50%;background:#46a9ff;border:2px solid #ddebff;z-index:2}
.mobile-cta-copy{position:relative;z-index:2;min-width:0}
.mobile-cta-copy strong{display:block;color:#fff;font-size:15px;line-height:1.2}
.mobile-cta-copy small{display:block;color:#c8c6de;font-size:11px;line-height:1.35;margin-top:4px}
.mobile-bottom-cta>a{position:relative;z-index:2;min-height:46px;padding:0 13px;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:7px;background:#fff;color:#15102f;font-size:11px;font-weight:850;white-space:nowrap;box-shadow:0 12px 25px rgba(0,0,0,.22)}
@keyframes mobileSceneFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}
}
@media(max-width:430px){
.mobile-header-inner{padding-left:13px;padding-right:13px;gap:8px}
.mobile-brand-mark{width:43px;height:43px;flex-basis:43px}
.mobile-header-quote{padding:0 12px;min-height:40px}
.mobile-menu-toggle{width:40px;height:40px;flex-basis:40px}
.mobile-hero-section{padding-left:18px;padding-right:18px}
.mobile-hero-title{max-width:96%}
.mobile-hero-visual{right:-63px;top:145px;transform:scale(.9);transform-origin:top right}
.mobile-hero-description{max-width:96%;margin-top:28px}
.mobile-hero-actions{gap:12px}
.mobile-primary-button{padding:0 15px}
.mobile-secondary-button{gap:8px}
.mobile-play-circle{width:44px;height:44px}
.mobile-stats-panel{padding-left:2px;padding-right:2px}
.mobile-stat-item{padding:0 3px}
.mobile-stat-icon{width:35px;height:35px}
.mobile-bottom-cta{margin-left:18px;margin-right:18px;grid-template-columns:48px 1fr auto;gap:8px;padding-left:10px;padding-right:10px}
.mobile-cta-rocket{width:48px;height:48px}
}
@media(max-width:365px){
.mobile-brand-copy{gap:3px}
.mobile-header-quote{padding:0 9px}
.mobile-hero-section{padding-left:14px;padding-right:14px}
.mobile-hero-actions{flex-wrap:wrap}
.mobile-hero-visual{opacity:.72;right:-78px}
.mobile-service-card{width:82vw}
.mobile-bottom-cta{grid-template-columns:42px 1fr}.mobile-bottom-cta>a{grid-column:2;margin-top:4px;width:max-content}
}
@media(max-width:350px){
.mobile-header-inner{gap:6px;padding-left:9px;padding-right:9px}
.mobile-brand-copy b{display:none}
.mobile-brand-copy strong{font-size:18px!important}
.mobile-header-quote{font-size:10px!important;padding:0 7px;min-height:38px}
.mobile-menu-toggle{width:38px;height:38px;flex-basis:38px}
}
/* v1.7.1 - Reference-matched mobile What We Do 3D slider */
@media(max-width:767px){
.mobile-services-section{
display:block!important;
visibility:visible!important;
position:relative;
z-index:8;
padding:13px 0 38px;
background:
radial-gradient(circle at 50% 34%,rgba(88,28,220,.14),transparent 36%),
linear-gradient(180deg,#02061e 0%,#02051a 100%);
overflow:hidden;
}
.mobile-services-section:before{
content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;
background-image:radial-gradient(circle,rgba(103,76,255,.38) 0 1px,transparent 1.5px);
background-size:21px 21px;mask-image:linear-gradient(180deg,transparent,#000 28%,#000 82%,transparent);
}
.mobile-section-heading{position:relative;z-index:3;padding:23px 20px 17px;text-align:center}
.mobile-section-heading small{font-size:13px;letter-spacing:.9px;color:#ff8b27;margin-bottom:9px}
.mobile-heading-row{gap:14px}
.mobile-heading-row h2{font-size:30px;font-weight:850;letter-spacing:-1px}
.mobile-heading-row span{width:57px;background:linear-gradient(90deg,transparent,#f43bbf)}
.mobile-heading-row span:after{width:7px;height:7px;background:#f23bbf;box-shadow:0 0 13px #f23bbf}
.mobile-services-carousel{
display:block!important;visibility:visible!important;position:relative;z-index:2;height:443px;
perspective:1250px;overflow:hidden;touch-action:pan-y;
}
.mobile-service-stage{position:relative;height:376px;margin-top:2px;transform-style:preserve-3d}
.mobile-service-card{
--card-accent:#d438ff;
--card-accent-2:#3a78ff;
position:absolute;left:50%;top:0;width:min(76vw,322px);height:356px;padding:1.5px;border-radius:25px;
opacity:0;pointer-events:none;transform:translateX(-50%) scale(.74);transform-origin:center center;
transition:transform .62s cubic-bezier(.2,.8,.22,1),opacity .48s ease,filter .48s ease;
background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(141,93,255,.78) 42%,rgba(255,255,255,.65));
box-shadow:0 29px 62px rgba(0,0,0,.48);backface-visibility:hidden;
}
.mobile-service-card.is-active{z-index:5;opacity:1;pointer-events:auto;transform:translateX(-50%) scale(1) rotateY(0deg);filter:none}
.mobile-service-card.is-prev{z-index:3;opacity:.72;transform:translateX(-122%) scale(.88) rotateY(15deg);filter:saturate(.88) brightness(.7)}
.mobile-service-card.is-next{z-index:3;opacity:.72;transform:translateX(22%) scale(.88) rotateY(-15deg);filter:saturate(.88) brightness(.7)}
.mobile-service-card:not(.is-active):not(.is-prev):not(.is-next){z-index:1;transform:translateX(-50%) scale(.65);opacity:0}
.mobile-service-card-inner{
display:grid;grid-template-columns:1.04fr .96fr;gap:13px;align-items:center;height:100%;padding:21px 20px 18px;
border-radius:23.5px;overflow:hidden;position:relative;
background:
radial-gradient(circle at 18% 21%,rgba(126,73,255,.48),transparent 33%),
radial-gradient(circle at 92% 8%,rgba(38,103,255,.19),transparent 31%),
linear-gradient(145deg,#2b0b7d 0%,#1d075d 52%,#11104b 100%);
border:1px solid rgba(255,255,255,.04);
}
.mobile-service-card-inner:before{opacity:.11;background-size:16px 16px}
.mobile-service-card-inner:after{right:-88px;bottom:-101px;width:235px;height:235px;box-shadow:0 0 0 27px rgba(255,255,255,.024),0 0 0 61px rgba(255,255,255,.017)}
.service-teal{--card-accent:#21d2b2;--card-accent-2:#13968e}
.service-teal .mobile-service-card-inner{background:radial-gradient(circle at 18% 18%,rgba(22,208,179,.38),transparent 35%),linear-gradient(145deg,#0b5764,#073a4d 55%,#061c32)}
.service-purple{--card-accent:#f43ec8;--card-accent-2:#7544ff}
.service-red{--card-accent:#ff725f;--card-accent-2:#d33145}
.service-red .mobile-service-card-inner{background:radial-gradient(circle at 18% 18%,rgba(255,74,83,.4),transparent 34%),linear-gradient(145deg,#74203d,#47122c 55%,#210b28)}
.service-orange{--card-accent:#ffad2e;--card-accent-2:#ff5f32}
.service-blue{--card-accent:#31b5ff;--card-accent-2:#4a5eff}
.service-cyan{--card-accent:#26d5d0;--card-accent-2:#1683c8}
.service-pink{--card-accent:#ff4cbf;--card-accent-2:#9c35ff}
.mobile-service-art{height:220px;position:relative;z-index:2;display:grid;place-items:center;transform:translateZ(18px)}
.mobile-art-screen{width:108px;height:122px;border-radius:12px;transform:rotate(-2deg);background:linear-gradient(145deg,#7146ff,#29139f);border:2px solid rgba(255,255,255,.3);box-shadow:0 26px 40px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.36)}
.mobile-service-orb{right:-1px;top:56px;width:57px;height:57px;background:linear-gradient(145deg,var(--card-accent-2),#24108f)}
.mobile-service-mini-orb.mini-one{left:1px;bottom:29px;background:linear-gradient(145deg,var(--card-accent-2),#24108f)}
.mobile-service-mini-orb.mini-two{right:9px;bottom:17px;background:linear-gradient(145deg,var(--card-accent-2),var(--card-accent))}
.mobile-service-content{position:relative;z-index:4;min-width:0}
.mobile-service-content h3{font-size:20px;line-height:1.16;font-weight:850;letter-spacing:-.55px;overflow-wrap:anywhere}
.mobile-service-accent{width:37px;height:3px;margin:14px 0 16px;background:linear-gradient(90deg,var(--card-accent),var(--card-accent-2));box-shadow:0 0 13px var(--card-accent)}
.mobile-service-content p{font-size:11.5px;line-height:1.58;color:#c8c7dc}
.mobile-service-content a{min-height:43px;margin-top:20px;padding:0 16px;border-radius:13px;font-size:11.5px;background:linear-gradient(120deg,var(--card-accent-2),#258fff);box-shadow:0 13px 26px rgba(47,42,210,.33)}
.mobile-building-art{position:relative;width:132px;height:153px;filter:drop-shadow(0 20px 22px rgba(0,0,0,.38));transform:translateY(-3px)}
.building-main{position:absolute;left:19px;right:19px;bottom:17px;height:91px;border-radius:7px 7px 4px 4px;background:linear-gradient(145deg,#f0f2fb,#a8b5d4 70%,#7585aa);border:2px solid rgba(255,255,255,.65);box-shadow:inset 0 0 18px rgba(40,54,93,.18)}
.building-roof{position:absolute;left:10px;right:10px;bottom:105px;height:31px;background:linear-gradient(145deg,#ff7a49,#ba3041);clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 5px 4px rgba(0,0,0,.25))}
.building-door{position:absolute;left:50%;bottom:17px;width:23px;height:39px;border-radius:4px 4px 0 0;background:linear-gradient(145deg,#704521,#3c2418);transform:translateX(-50%);z-index:3;border:2px solid rgba(255,255,255,.3)}
.building-window{position:absolute;width:17px;height:22px;border-radius:3px;background:linear-gradient(145deg,#5ec9ff,#245aa9);border:2px solid #e9f4ff;z-index:3;box-shadow:inset 0 0 8px rgba(255,255,255,.25)}
.window-one{left:30px;bottom:67px}.window-two{right:30px;bottom:67px}.window-three{left:30px;bottom:33px}.window-four{right:30px;bottom:33px}
.building-sign{position:absolute;left:50%;bottom:89px;width:31px;height:25px;border-radius:5px;background:#f1f4fd;transform:translateX(-50%);z-index:4;border:2px solid #8492b6}
.building-sign:before,.building-sign:after{content:"";position:absolute;left:50%;top:50%;background:#e64955;transform:translate(-50%,-50%)}
.building-sign:before{width:16px;height:5px}.building-sign:after{width:5px;height:16px}
.is-school .building-sign:before,.is-school .building-sign:after{display:none}
.is-school .building-sign{width:28px;height:28px;border-radius:50%;background:linear-gradient(145deg,#ffcb4c,#e56727);border-color:#fff1a8}
.is-school .building-sign:before{display:block;width:16px;height:12px;background:#fff;clip-path:polygon(0 15%,50% 0,100% 15%,100% 100%,0 100%)}
.building-tree{position:absolute;bottom:16px;width:16px;height:40px;z-index:2}
.building-tree:before{content:"";position:absolute;left:6px;bottom:0;width:5px;height:16px;background:#6a3d1e;border-radius:3px}
.building-tree:after{content:"";position:absolute;left:0;top:0;width:16px;height:27px;border-radius:50%;background:linear-gradient(145deg,#45d483,#087d54);box-shadow:0 8px 0 -2px #13935f}
.tree-one{left:0}.tree-two{right:0;transform:scale(.88)}
.mobile-carousel-arrow{top:164px;width:42px;height:42px;background:#091134;border-color:rgba(104,92,182,.5);font-size:29px;box-shadow:0 14px 28px rgba(0,0,0,.38)}
.mobile-carousel-prev{left:calc(50% - min(43vw,181px))}.mobile-carousel-next{right:calc(50% - min(43vw,181px))}
.mobile-carousel-dots{bottom:24px;gap:9px}
.mobile-carousel-dots button{width:9px;height:9px;background:#373b5b}
.mobile-carousel-dots button.is-active{background:#dd31f1;box-shadow:0 0 13px #dd31f1;transform:scale(1.22)}
.mobile-service-orb.icon-school:before,.mobile-service-mini-orb.icon-school:before,
.mobile-service-orb.icon-hospital:before,.mobile-service-mini-orb.icon-hospital:before,
.mobile-service-orb.icon-news:before,.mobile-service-mini-orb.icon-news:before,
.mobile-service-orb.icon-business:before,.mobile-service-mini-orb.icon-business:before,
.mobile-service-orb.icon-cart:before,.mobile-service-mini-orb.icon-cart:before{
mask-image:linear-gradient(#000,#000);-webkit-mask-image:linear-gradient(#000,#000)
}
.icon-news:before{clip-path:polygon(0 4%,100% 4%,100% 96%,0 96%,0 4%,12% 4%,12% 18%,88% 18%,88% 29%,12% 29%,12% 41%,46% 41%,46% 89%,12% 89%,12% 52%,46% 52%,46% 41%,55% 41%,88% 41%,88% 52%,55% 52%,55% 63%,88% 63%,88% 74%,55% 74%,55% 85%,88% 85%,88% 89%,0 89%)}
.icon-business:before{clip-path:polygon(8% 100%,8% 18%,38% 18%,38% 0,92% 0,92% 100%,70% 100%,70% 75%,58% 75%,58% 100%,44% 100%,44% 34%,24% 34%,24% 100%)}
.icon-cart:before{clip-path:polygon(0 5%,17% 5%,24% 21%,100% 21%,88% 65%,31% 65%,27% 76%,88% 76%,88% 87%,24% 87%,16% 65%,7% 16%,0 16%)}
}
@media(max-width:390px){
.mobile-service-card{width:77vw}
.mobile-service-card-inner{padding-left:17px;padding-right:17px;gap:10px}
.mobile-service-content h3{font-size:18px}
.mobile-service-content p{font-size:10.8px}
.mobile-building-art{transform:translateY(-3px) scale(.88)}
.mobile-carousel-prev{left:5px}.mobile-carousel-next{right:5px}
}
/* v1.7.2 - Mobile hero and What We Do closer to provided reference */
@media(max-width:767px){
.mobile-site-header{background:linear-gradient(180deg,rgba(4,11,45,.96),rgba(4,10,38,.92));box-shadow:0 12px 32px rgba(0,0,0,.28),inset 0 1px 0 rgba(113,89,255,.16)}
.mobile-header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:14px 18px 13px}
.mobile-brand{min-width:0;gap:12px}
.mobile-brand-mark{width:42px;height:42px;flex:0 0 42px;border-radius:12px;font-size:23px}
.mobile-brand-copy{min-width:0;overflow:hidden;gap:4px}
.mobile-brand-copy strong,.mobile-brand-copy b{letter-spacing:-.3px;line-height:1.02}
.mobile-header-quote{min-height:40px;padding:0 14px;border-radius:15px;box-shadow:0 12px 28px rgba(62,62,255,.25),inset 0 1px 0 rgba(255,255,255,.18)}
.mobile-header-quote span{font-size:13px}
.mobile-menu-toggle{width:45px;height:45px;flex:0 0 45px;border-radius:14px;background:rgba(255,255,255,.02)}
.mobile-homepage{background-image:radial-gradient(circle at 84% 16%,rgba(95,40,255,.16),transparent 26%),radial-gradient(circle at 14% 40%,rgba(255,60,176,.05),transparent 26%)}
.mobile-hero-section{padding:35px 22px 28px}
.mobile-hero-section:before{background-image:linear-gradient(rgba(2,6,29,.52),rgba(2,6,29,.8)),var(--mobile-uploaded-bg,none)}
.mobile-hero-section:after{right:-76px;top:58px;width:288px;height:288px;background:radial-gradient(circle,rgba(82,37,255,.22),transparent 67%)}
.mobile-hero-pattern{right:-18px;top:92px;width:220px;height:208px;opacity:.44;background-size:8px 8px}
.mobile-orbit-one{right:-52px;top:192px;width:216px;height:84px}
.mobile-orbit-two{right:-28px;top:229px;width:168px;height:68px}
.mobile-hero-copy{position:relative;z-index:3}
.mobile-hero-badge{max-width:calc(100% - 118px);padding:8px 16px;background:rgba(8,10,40,.55)}
.mobile-hero-title{margin:23px 0 0;max-width:66%;line-height:1.12;letter-spacing:-1.1px}
.mobile-title-line{font-weight:840}
.mobile-hero-description{max-width:60%;margin-top:18px;line-height:1.72}
.mobile-hero-actions{margin-top:24px;gap:18px;align-items:center;flex-wrap:nowrap}
.mobile-primary-button{min-height:50px;padding:0 20px;border-radius:15px;gap:12px}
.mobile-primary-button span{font-size:18px}
.mobile-secondary-button{gap:12px;font-weight:650}
.mobile-play-circle{width:47px;height:47px}
.mobile-hero-visual{right:-8px;top:104px;width:min(58vw,220px);height:270px;filter:drop-shadow(0 22px 34px rgba(0,0,0,.36))}
.mobile-hero-uploaded-visual{object-position:right center}
.mobile-device-phone{right:14px;top:10px;width:112px;height:226px;border-radius:25px}
.mobile-device-phone:before{inset:6px;border-radius:19px}
.mobile-card-chart{right:76px;top:48px;width:84px;height:81px}
.mobile-card-code{right:0;top:108px;width:86px;height:86px;font-size:29px}
.mobile-card-user{right:60px;top:176px;width:92px;height:72px}
.mobile-scene-dot.dot-one{right:6px;top:86px}.mobile-scene-dot.dot-two{right:20px;bottom:40px}.mobile-scene-dot.dot-three{left:18px;bottom:74px}
.mobile-stats-panel{margin-top:28px;padding:18px 8px 16px;border-radius:18px}
.mobile-stat-item{padding:0 7px}
.mobile-stat-item strong{line-height:1.05}
.mobile-stat-item small{line-height:1.35}
.mobile-services-section{padding:8px 0 36px}
.mobile-section-heading{padding:18px 20px 15px}
.mobile-section-heading small{font-size:12px;letter-spacing:1.15px}
.mobile-heading-row{gap:12px}
.mobile-heading-row h2{font-size:27px;letter-spacing:-.6px}
.mobile-heading-row span{width:48px}
.mobile-services-carousel{height:430px;perspective:1300px}
.mobile-service-stage{height:360px;margin-top:4px}
.mobile-service-card{width:min(74vw,296px);height:336px;border-radius:24px}
.mobile-service-card.is-active{transform:translateX(-50%) scale(1)}
.mobile-service-card.is-prev{opacity:.72;transform:translateX(-135%) scale(.72) rotateY(17deg)}
.mobile-service-card.is-next{opacity:.72;transform:translateX(35%) scale(.72) rotateY(-17deg)}
.mobile-service-card:not(.is-active):not(.is-prev):not(.is-next){opacity:0;transform:translateX(-50%) scale(.58)}
.mobile-service-card-inner{padding:20px 18px 18px;gap:11px;border-radius:22px;grid-template-columns:1fr 1fr}
.mobile-service-art{height:205px}
.mobile-service-content h3{font-size:18px;line-height:1.14}
.mobile-service-content p{font-size:11px;line-height:1.56}
.mobile-service-content a{min-height:41px;margin-top:18px;padding:0 15px;border-radius:12px;font-size:11px}
.mobile-building-art{width:124px;height:145px}
.building-main{left:18px;right:18px;height:86px}.building-roof{bottom:100px}.building-door{height:37px}.building-window{width:16px;height:21px}.window-one{left:28px}.window-two{right:28px}.window-three{left:28px}.window-four{right:28px}
.mobile-carousel-arrow{top:156px;width:38px;height:38px;font-size:27px;z-index:7}
.mobile-carousel-prev{left:10px}.mobile-carousel-next{right:10px}
.mobile-carousel-dots{bottom:20px;gap:8px}
.mobile-carousel-dots button{width:8px;height:8px}
}
@media(max-width:390px){
.mobile-header-inner{padding-left:14px;padding-right:14px;gap:8px}
.mobile-brand{gap:10px}.mobile-brand-mark{width:39px;height:39px;flex-basis:39px}
.mobile-header-quote{padding:0 12px}.mobile-header-quote span{font-size:12px}
.mobile-hero-section{padding-left:15px;padding-right:15px}
.mobile-hero-badge{max-width:calc(100% - 108px)}
.mobile-hero-title{max-width:68%}
.mobile-hero-description{max-width:63%}
.mobile-hero-actions{gap:14px}
.mobile-primary-button{padding:0 17px}
.mobile-hero-visual{right:-12px;width:min(57vw,208px);height:256px}
.mobile-services-carousel{height:418px}.mobile-service-stage{height:350px}
.mobile-service-card{width:min(76vw,286px);height:326px}
.mobile-service-card.is-prev{transform:translateX(-137%) scale(.69) rotateY(17deg)}
.mobile-service-card.is-next{transform:translateX(38%) scale(.69) rotateY(-17deg)}
}
/* v1.7.3 - hero spacing, stats label bg support, and mobile header overlap fix */
@media(min-width:768px){
.hero-section{padding-top:138px;padding-bottom:40px}
.hero-grid{min-height:500px;gap:28px;align-items:start}
.hero-content{padding-top:8px}
.hero-visual{margin-top:-36px;height:540px}
.stats-panel{margin-top:-14px}
}
@media(max-width:767px){
.mobile-header-inner{grid-template-columns:minmax(0,1fr) auto auto;gap:8px}
.mobile-brand{min-width:0;max-width:100%}
.mobile-brand-copy{min-width:0;overflow:hidden;display:flex;align-items:center;gap:4px;white-space:nowrap}
.mobile-brand-copy strong,.mobile-brand-copy b{overflow:hidden;text-overflow:ellipsis}
.mobile-header-quote{max-width:42vw;min-width:0;overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:420px){
.mobile-header-inner{padding:12px 12px 11px;gap:7px}
.mobile-brand-mark{width:38px;height:38px;flex:0 0 38px;border-radius:11px;font-size:22px}
.mobile-brand-copy strong,.mobile-brand-copy b{font-size:clamp(11px,3.85vw,16px)!important}
.mobile-header-quote{padding:0 10px!important;min-height:38px;max-width:40vw}
.mobile-header-quote{font-size:clamp(10px,3.25vw,12px)!important}
.mobile-header-quote span[aria-hidden="true"]{font-size:11px}
.mobile-menu-toggle{width:41px;height:41px;flex:0 0 41px}
}
@media(max-width:370px){
.mobile-header-quote{max-width:37vw}
.mobile-header-quote span[aria-hidden="true"]{display:none}
.mobile-brand-copy{gap:2px}
}
/* v1.7.4 - better stats panel spacing and full color control hooks */
.stats-panel small{line-height:1.28}
@media(min-width:768px){
.hero-section .stats-panel{margin-top:20px}
}
@media(max-width:767px){
.mobile-stats-panel{margin-top:32px}
.mobile-stat-icon i,.mobile-stat-icon i:before,.mobile-stat-icon i:after{color:inherit}
.stat-users-icon,.stat-users-icon:before,.stat-layers-icon,.stat-trophy-icon,.stat-headset-icon{border-color:currentColor!important}
.stat-layers-icon:after{border-color:color-mix(in srgb,currentColor 75%, transparent)!important}
.stat-trophy-icon:before,.stat-trophy-icon:after,.stat-headset-icon:before,.stat-headset-icon:after{background:currentColor!important}
}
/* v1.10.3 - Photoshop-style Hero gradient overlay builder */
.hero-section.has-background-media .hero-background-shade{
background:linear-gradient(
var(--hero-overlay-angle,90deg),
var(--hero-overlay-start,rgba(255,255,255,1)) var(--hero-overlay-start-stop,0%),
var(--hero-overlay-middle,rgba(255,255,255,.55)) var(--hero-overlay-middle-stop,45%),
var(--hero-overlay-end,rgba(255,255,255,0)) var(--hero-overlay-end-stop,100%)
);
}
.hero-section.hero-overlay-solid .hero-background-shade{
background:var(--hero-overlay-start,rgba(255,255,255,1));
}
/* v1.7.6 - orbit dots removed and full orbit color controls */
.orbit:before,.orbit:after,.orbit-two:before,.orbit-two:after{content:none!important;display:none!important}
/* v1.8.0 - bilingual language switcher */
.bd-language-switcher{
display:inline-flex;
align-items:center;
gap:4px;
padding:4px;
min-width:108px;
border:1px solid #cfe2fb;
border-radius:999px;
background:#eaf3ff;
box-shadow:0 8px 20px rgba(20,87,160,.12),inset 0 1px 0 rgba(255,255,255,.85);
}
.bd-language-switcher .bd-lang-option{
flex:1;
min-width:45px;
height:34px;
padding:0 12px;
border-radius:999px;
display:inline-flex;
align-items:center;
justify-content:center;
font-family:Inter,Arial,sans-serif!important;
font-size:13px;
line-height:1;
font-weight:800;
color:#1d3f72;
transition:.2s ease;
}
.bd-language-switcher .bd-lang-option:hover{transform:translateY(-1px)}
.bd-language-switcher .bd-lang-option.is-active{background:#168eea;color:#fff;box-shadow:0 6px 16px rgba(22,142,234,.28)}
.header-actions .bd-language-switcher{margin-left:1px}
@media(max-width:767px){
.mobile-header-inner{grid-template-columns:minmax(0,1fr) auto auto}
.bd-language-switcher-mobile{min-width:104px;padding:4px}
.bd-language-switcher-mobile .bd-lang-option{min-width:42px;height:32px;padding:0 9px;font-size:12px}
}
@media(max-width:420px){
.bd-language-switcher-mobile{min-width:92px;padding:3px;gap:2px}
.bd-language-switcher-mobile .bd-lang-option{min-width:38px;height:30px;padding:0 7px;font-size:11px}
}
@media(max-width:370px){
.bd-language-switcher-mobile{min-width:84px}
.bd-language-switcher-mobile .bd-lang-option{min-width:35px;padding:0 5px;font-size:10px}
}
/* v1.8.2 - smooth, non-jittering orbit labels */
.hero-visual{--orbit-label-offset:49px}
.hero-visual.is-sharp-labels .service-card strong{visibility:hidden!important;opacity:0!important}
.orbit-sharp-label{
position:absolute;
z-index:8;
width:154px;
padding:0 4px;
text-align:center;
line-height:1.24;
font-weight:800;
letter-spacing:0;
color:#111a2e;
text-shadow:none!important;
pointer-events:none;
white-space:normal;
overflow-wrap:normal;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
text-rendering:optimizeLegibility;
left:0;
top:0;
will-change:transform;
backface-visibility:hidden;
transform:translate3d(0,0,0) translateX(-50%);
transform-origin:50% 50%;
contain:layout paint style;
filter:none!important;
opacity:1;
}
.site-lang-bn .orbit-sharp-label{
font-weight:700;
line-height:1.3;
letter-spacing:0;
}
@media(max-width:1120px) and (min-width:768px){
.hero-visual{--orbit-label-offset:46px}
.orbit-sharp-label{width:146px}
}
@media(max-width:767px){
.orbit-sharp-label{display:none!important}
}
/* v1.8.2 orbit label rendering stability */
.orbit-sharp-label{
font-synthesis:none;
font-kerning:normal;
-webkit-transform-style:flat;
transform-style:flat;
}
/* v1.8.3 - Hero description typography settings fix */
.hero-content > .hero-description{
position:relative;
z-index:4;
opacity:1;
}
/* v1.8.4 - Hero content settings output and language-aware text fallback */
.hero-badge{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;margin:0 0 18px;padding:8px 14px;border-radius:999px;border:1px solid rgba(109,66,245,.22);background:rgba(255,255,255,.58);color:var(--bd-primary);font-size:13px;font-weight:750;line-height:1.2;backdrop-filter:blur(8px)}
.hero-badge span{color:var(--bd-orange)}
.hero-trusted-clients{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;margin-top:18px;color:#64748b;font-size:14px;font-weight:650}
.hero-trusted-clients span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(109,66,245,.12);color:var(--bd-primary);font-size:12px}
@media(max-width:980px){.hero-badge,.hero-trusted-clients{margin-left:auto;margin-right:auto}}
/* v1.8.8 safe line-height fallback */
.hero-content h1{line-height:1.18}
.hero-content > .hero-description{line-height:1.75}
@media(max-width:767px){
.mobile-hero-title{line-height:1.18}
.mobile-hero-description{line-height:1.75}
}
/* Desktop service showcase below chairman */
.desktop-services-showcase{display:block;position:relative;padding:0 0 88px;background:var(--ds-bg,#071a52);overflow:hidden}
.desktop-services-pattern,.desktop-services-showcase:before,.desktop-services-showcase:after{content:"";position:absolute;inset:0;pointer-events:none}
.desktop-services-pattern{background:
linear-gradient(90deg,rgba(133,186,255,.12) 1px,transparent 1px) 0 0/70px 70px,
linear-gradient(rgba(133,186,255,.10) 1px,transparent 1px) 0 0/70px 70px;
opacity:.16}
.desktop-services-showcase:before{background:radial-gradient(circle at 20% 15%,rgba(66,124,255,.16),transparent 34%),radial-gradient(circle at 80% 88%,rgba(174,79,255,.14),transparent 30%)}
.desktop-services-showcase:after{background:linear-gradient(135deg,transparent 0 72%,rgba(255,255,255,.05) 72% 74%,transparent 74% 100%)}
.desktop-services-shell{position:relative;z-index:1;padding-top:10px}
.desktop-services-heading{text-align:center;margin:0 auto 34px;max-width:920px}
.desktop-services-heading small{display:inline-block;margin-bottom:14px;padding:10px 20px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:var(--ds-kicker-color,#b9d6ff);font-family:var(--ds-kicker-font,inherit);font-size:var(--ds-kicker-size,18px);font-weight:800;letter-spacing:.03em}
.desktop-services-heading h2{margin:0;color:var(--ds-title-color,#fff);font-family:var(--ds-title-font,inherit);font-size:clamp(30px,var(--ds-title-size,42px),58px);line-height:1.12;text-shadow:0 8px 22px rgba(0,0,0,.35)}
.desktop-services-carousel{position:relative;padding:0 26px}
.desktop-services-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 72px)/4);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:8px 2px 8px;scrollbar-width:none}
.desktop-services-track::-webkit-scrollbar{display:none}
.desktop-service-card{scroll-snap-align:start;min-width:0}
.desktop-service-card-inner{height:100%;display:flex;flex-direction:column;padding:16px 16px 20px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.14),var(--ds-card-bg,rgba(255,255,255,.08)));border:1px solid var(--ds-card-border,rgba(255,255,255,.24));box-shadow:0 18px 44px rgba(5,15,55,.34), inset 0 1px 0 rgba(255,255,255,.16);backdrop-filter:blur(8px);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.desktop-service-card:hover .desktop-service-card-inner{transform:translateY(-8px);box-shadow:0 30px 58px rgba(5,15,55,.44), inset 0 1px 0 rgba(255,255,255,.22);border-color:rgba(255,255,255,.45)}
.desktop-service-media{height:250px;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.03));display:flex;align-items:center;justify-content:center;position:relative}
.desktop-service-media img{width:100%;height:100%;object-fit:cover;display:block}
.desktop-service-fallback-art{width:100%;height:100%;position:relative;background:linear-gradient(145deg,rgba(85,152,255,.28),rgba(107,64,255,.22));}
.desktop-service-fallback-art span{position:absolute;border-radius:50%;background:rgba(255,255,255,.3)}
.desktop-service-fallback-art span:nth-child(1){width:140px;height:140px;left:50%;top:44%;transform:translate(-50%,-50%);box-shadow:0 0 0 14px rgba(255,255,255,.1)}
.desktop-service-fallback-art span:nth-child(2){width:70px;height:70px;left:20%;top:24%}
.desktop-service-fallback-art span:nth-child(3){width:54px;height:54px;right:14%;bottom:18%}
.fallback-2 span:nth-child(1){border-radius:28px;width:160px;height:190px}
.fallback-3 span:nth-child(1){border-radius:18px;width:190px;height:140px}
.fallback-4 span:nth-child(1){width:150px;height:110px;border-radius:24px}
.desktop-service-content{text-align:center;padding:18px 10px 4px;display:flex;flex-direction:column;flex:1}
.desktop-service-content h3{margin:0 0 10px;color:var(--ds-card-title-color,#fff);font-family:var(--ds-card-title-font,inherit);font-size:var(--ds-card-title-size,20px);line-height:1.22;font-weight:800}
.desktop-service-content p{margin:0 0 18px;color:var(--ds-card-desc-color,#d6e4ff);font-family:var(--ds-card-desc-font,inherit);font-size:var(--ds-card-desc-size,16px);line-height:1.7;flex:1}
.desktop-service-content a{display:inline-flex;align-items:center;justify-content:center;align-self:center;min-width:132px;padding:11px 22px;border-radius:999px;background:var(--ds-button-bg,#0d65e8);color:var(--ds-button-text,#fff);font-family:var(--ds-button-font,inherit);font-size:var(--ds-button-size,15px);font-weight:800;box-shadow:0 10px 22px rgba(13,101,232,.28);border:1px solid rgba(255,255,255,.28)}
.desktop-service-content a:hover{transform:translateY(-2px)}
.desktop-services-arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(7,22,67,.86);color:#fff;font-size:32px;line-height:1;display:grid;place-items:center;box-shadow:0 16px 28px rgba(0,0,0,.25);z-index:2}
.desktop-services-arrow.is-prev{left:-4px}.desktop-services-arrow.is-next{right:-4px}
.desktop-services-arrow:hover{background:rgba(17,41,113,.96)}
.desktop-services-arrow:disabled{opacity:.35;cursor:not-allowed}
@media (max-width: 1299px){.desktop-services-track{grid-auto-columns:calc((100% - 48px)/3)}}
@media (max-width: 991.98px){.desktop-services-showcase{display:none}}
@media (prefers-reduced-motion:reduce){.desktop-service-card-inner,.desktop-services-track{scroll-behavior:auto}.desktop-service-card:hover .desktop-service-card-inner{transform:none}}
/* v1.9.8 desktop five-card center-focus service slider */
@media (min-width:992px){
.desktop-services-showcase{padding-bottom:72px}
.desktop-services-carousel{height:560px;padding:0;perspective:1600px;overflow:hidden}
.desktop-services-stage{position:relative;width:100%;height:510px;margin:0 auto;transform-style:preserve-3d}
.desktop-service-card{position:absolute;left:50%;top:12px;width:min(29vw,360px);height:470px;margin:0;opacity:0;pointer-events:none;transform:translateX(-50%) scale(.48);transform-origin:center center;transition:transform .65s cubic-bezier(.22,.78,.22,1),opacity .5s ease,filter .5s ease;will-change:transform,opacity;z-index:0}
.desktop-service-card-inner{height:100%;padding:14px 14px 19px;border-radius:28px;transition:box-shadow .3s ease,border-color .3s ease;transform:none!important}
.desktop-service-card:hover .desktop-service-card-inner{transform:none!important}
.desktop-service-card.is-center{opacity:1;pointer-events:auto;z-index:5;transform:translateX(-50%) translateZ(110px) scale(1);filter:none}
.desktop-service-card.is-near-left{opacity:.92;pointer-events:auto;z-index:4;transform:translateX(calc(-50% - min(25vw,330px))) translateZ(15px) rotateY(12deg) scale(.83);filter:saturate(.9) brightness(.91)}
.desktop-service-card.is-near-right{opacity:.92;pointer-events:auto;z-index:4;transform:translateX(calc(-50% + min(25vw,330px))) translateZ(15px) rotateY(-12deg) scale(.83);filter:saturate(.9) brightness(.91)}
.desktop-service-card.is-far-left{opacity:.68;pointer-events:auto;z-index:3;transform:translateX(calc(-50% - min(44vw,580px))) translateZ(-70px) rotateY(20deg) scale(.65);filter:saturate(.75) brightness(.72)}
.desktop-service-card.is-far-right{opacity:.68;pointer-events:auto;z-index:3;transform:translateX(calc(-50% + min(44vw,580px))) translateZ(-70px) rotateY(-20deg) scale(.65);filter:saturate(.75) brightness(.72)}
.desktop-service-card.is-hidden{opacity:0;z-index:0;transform:translateX(-50%) scale(.45);pointer-events:none}
.desktop-service-card:not(.is-center) .desktop-service-content p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.desktop-service-card:not(.is-center) .desktop-service-content a{opacity:.75}
.desktop-service-card.is-center .desktop-service-card-inner{box-shadow:0 36px 75px rgba(1,11,45,.54),0 0 0 2px rgba(255,255,255,.3),inset 0 1px 0 rgba(255,255,255,.25)}
.desktop-service-media{height:255px}
.desktop-service-content{padding-top:15px}
.desktop-services-arrow{top:46%;width:50px;height:50px;background:rgba(4,16,56,.94);z-index:8}
.desktop-services-arrow.is-prev{left:15px}.desktop-services-arrow.is-next{right:15px}
}
@media (min-width:992px) and (max-width:1199px){
.desktop-service-card{width:330px}
.desktop-service-card.is-near-left{transform:translateX(calc(-50% - 260px)) translateZ(10px) rotateY(12deg) scale(.8)}
.desktop-service-card.is-near-right{transform:translateX(calc(-50% + 260px)) translateZ(10px) rotateY(-12deg) scale(.8)}
.desktop-service-card.is-far-left{transform:translateX(calc(-50% - 455px)) translateZ(-60px) rotateY(20deg) scale(.6)}
.desktop-service-card.is-far-right{transform:translateX(calc(-50% + 455px)) translateZ(-60px) rotateY(-20deg) scale(.6)}
}
/* v1.9.9 - mobile-style desktop service cards, safer spacing and configurable autoplay */
@media (min-width:992px){
.desktop-services-showcase{padding-bottom:62px}
.desktop-services-carousel{height:455px;overflow:hidden;perspective:1700px;padding:0 18px}
.desktop-services-stage{height:405px;max-width:1320px;overflow:visible}
.desktop-service-card{
top:14px;
width:420px;
height:345px;
opacity:0;
transform:translateX(-50%) scale(.42);
transition:transform .68s cubic-bezier(.22,.78,.22,1),opacity .5s ease,filter .5s ease;
}
.desktop-service-card-inner{
display:grid;
grid-template-columns:46% 54%;
align-items:stretch;
height:100%;
padding:14px;
border-radius:25px;
overflow:hidden;
background:linear-gradient(145deg,rgba(112,50,238,.38),var(--ds-card-bg,rgba(255,255,255,.08)) 58%,rgba(25,61,162,.25));
border:1.5px solid var(--ds-card-border,rgba(255,255,255,.24));
box-shadow:0 22px 50px rgba(1,11,45,.38),inset 0 1px 0 rgba(255,255,255,.18);
}
.desktop-service-card.is-center{
transform:translateX(-50%) translateZ(120px) scale(1);
}
.desktop-service-card.is-near-left{
transform:translateX(calc(-50% - 385px)) translateZ(8px) rotateY(10deg) scale(.76);
}
.desktop-service-card.is-near-right{
transform:translateX(calc(-50% + 385px)) translateZ(8px) rotateY(-10deg) scale(.76);
}
.desktop-service-card.is-far-left{
transform:translateX(calc(-50% - 680px)) translateZ(-75px) rotateY(17deg) scale(.56);
}
.desktop-service-card.is-far-right{
transform:translateX(calc(-50% + 680px)) translateZ(-75px) rotateY(-17deg) scale(.56);
}
.desktop-service-card.is-center .desktop-service-card-inner{
border-color:rgba(255,255,255,.72);
box-shadow:0 34px 70px rgba(1,11,45,.5),0 0 0 2px rgba(255,255,255,.18),inset 0 1px 0 rgba(255,255,255,.28);
}
.desktop-service-card.is-near-left,.desktop-service-card.is-near-right{opacity:.82;filter:saturate(.86) brightness(.9)}
.desktop-service-card.is-far-left,.desktop-service-card.is-far-right{opacity:.52;filter:saturate(.7) brightness(.72)}
.desktop-service-media{
height:100%;
min-height:0;
border-radius:20px;
overflow:hidden;
background:linear-gradient(160deg,rgba(120,70,255,.45),rgba(18,37,111,.72));
box-shadow:inset 0 0 0 1px rgba(255,255,255,.13);
}
.desktop-service-media img{object-fit:contain;object-position:center;padding:8px}
.desktop-service-fallback-art{height:100%;border-radius:20px;background:linear-gradient(145deg,rgba(92,51,230,.75),rgba(20,78,185,.62))}
.desktop-service-content{
min-width:0;
padding:22px 16px 16px 22px;
text-align:left;
align-items:flex-start;
justify-content:center;
}
.desktop-service-content h3{
margin:0;
font-size:var(--ds-card-title-size,20px);
line-height:1.22;
}
.desktop-service-accent{
display:block;
width:46px;
height:4px;
margin:12px 0 14px;
border-radius:99px;
background:linear-gradient(90deg,#ff4ca0,#8c45ff,#27b8ff);
box-shadow:0 0 14px rgba(198,62,255,.5);
}
.desktop-service-content p{
margin:0 0 18px;
line-height:1.58;
display:-webkit-box;
-webkit-line-clamp:4;
-webkit-box-orient:vertical;
overflow:hidden;
}
.desktop-service-content a{
align-self:flex-start;
min-width:0;
padding:10px 17px;
gap:10px;
border-radius:12px;
}
.desktop-service-content a span{font-size:18px;line-height:1}
.desktop-service-card:not(.is-center) .desktop-service-content p{-webkit-line-clamp:3}
.desktop-service-card:not(.is-center) .desktop-service-content a{opacity:.82}
.desktop-services-arrow{top:44%;width:46px;height:46px}
.desktop-services-arrow.is-prev{left:18px}
.desktop-services-arrow.is-next{right:18px}
}
@media (min-width:992px) and (max-width:1199px){
.desktop-services-carousel{height:420px}
.desktop-services-stage{height:375px}
.desktop-service-card{width:360px;height:320px}
.desktop-service-card.is-near-left{transform:translateX(calc(-50% - 325px)) translateZ(5px) rotateY(10deg) scale(.75)}
.desktop-service-card.is-near-right{transform:translateX(calc(-50% + 325px)) translateZ(5px) rotateY(-10deg) scale(.75)}
.desktop-service-card.is-far-left{transform:translateX(calc(-50% - 575px)) translateZ(-70px) rotateY(17deg) scale(.53)}
.desktop-service-card.is-far-right{transform:translateX(calc(-50% + 575px)) translateZ(-70px) rotateY(-17deg) scale(.53)}
.desktop-service-content{padding:18px 12px 14px 17px}
.desktop-service-content p{-webkit-line-clamp:3}
}
/* v1.10.0 - prevent center service image/card top clipping */
@media (min-width:992px){
.desktop-services-carousel{
height:480px;
padding-top:18px;
overflow:hidden;
}
.desktop-services-stage{
height:430px;
overflow:visible;
}
.desktop-service-card{
top:24px;
}
.desktop-service-card.is-center{
top:18px;
}
.desktop-service-card-inner{
box-sizing:border-box;
}
.desktop-service-media{
box-sizing:border-box;
padding:12px 10px 8px;
overflow:hidden;
}
.desktop-service-media img{
display:block;
width:100%;
height:100%;
max-width:100%;
max-height:100%;
box-sizing:border-box;
object-fit:contain!important;
object-position:center top!important;
padding:0!important;
}
}
@media (min-width:992px) and (max-width:1199px){
.desktop-services-carousel{height:445px;padding-top:16px}
.desktop-services-stage{height:400px}
.desktop-service-card{top:22px}
.desktop-service-card.is-center{top:17px}
}
/* v1.11.0 - Web Development Solutions category menu + slide section */
.wds-section{
position:relative;
width:100%;
padding:74px 0 82px;
overflow:hidden;
background:var(--wds-bg,#f7f6ff);
color:var(--wds-heading-color,#12182f);
}
.wds-decoration,.wds-decoration:before,.wds-decoration:after{position:absolute;content:"";pointer-events:none}
.wds-decoration{inset:0;background:radial-gradient(circle at 8% 20%,color-mix(in srgb,var(--wds-accent-b,#8d5cff) 9%,transparent),transparent 25%),radial-gradient(circle at 88% 74%,color-mix(in srgb,var(--wds-accent-a,#6332df) 8%,transparent),transparent 27%)}
.wds-decoration:before{left:0;bottom:0;width:250px;height:250px;background:linear-gradient(135deg,transparent 48%,color-mix(in srgb,var(--wds-accent-a,#6332df) 8%,transparent) 49% 52%,transparent 53%)}
.wds-decoration:after{right:2%;top:4%;width:180px;height:180px;border-radius:50%;border:1px solid color-mix(in srgb,var(--wds-accent-b,#8d5cff) 11%,transparent)}
.wds-container{position:relative;z-index:1;display:grid;grid-template-columns:minmax(250px,310px) minmax(0,1fr);gap:18px;align-items:stretch}
.wds-category-panel,.wds-content-panel{background:var(--wds-menu,#fff);border:1px solid rgba(100,80,180,.10);border-radius:24px;box-shadow:0 22px 60px rgba(44,37,91,.08)}
.wds-category-panel{padding:20px 14px;overflow:hidden}
.wds-category-list{display:flex;flex-direction:column;gap:6px}
.wds-category-button{position:relative;width:100%;min-height:66px;display:grid;grid-template-columns:42px 42px minmax(0,1fr) 24px;align-items:center;gap:8px;padding:10px 14px;border:1px solid transparent;border-radius:14px;background:transparent;color:var(--wds-category-color,#22283c);font-family:var(--wds-category-font,Inter,sans-serif);font-size:var(--wds-category-size,15px);font-weight:700;text-align:left;cursor:pointer;transition:background .22s ease,border-color .22s ease,transform .22s ease,box-shadow .22s ease;overflow:hidden}
.wds-category-button:hover{background:color-mix(in srgb,var(--wds-accent-b,#8d5cff) 6%,#fff);transform:translateX(2px)}
.wds-category-button.is-active{background:linear-gradient(90deg,color-mix(in srgb,var(--wds-accent-b,#8d5cff) 12%,#fff),#fff);border-color:color-mix(in srgb,var(--wds-accent-b,#8d5cff) 20%,transparent);box-shadow:0 10px 24px rgba(75,48,170,.08)}
.wds-category-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,var(--wds-accent-a,#6332df),var(--wds-accent-b,#8d5cff));color:#fff;box-shadow:0 8px 18px color-mix(in srgb,var(--wds-accent-a,#6332df) 26%,transparent);font-size:18px;overflow:hidden}
.wds-category-icon img{width:24px;height:24px;object-fit:contain;filter:brightness(0) invert(1)}
.wds-category-number{font-size:.86em;opacity:.72;font-weight:800}
.wds-category-name{min-width:0;line-height:1.25}
.wds-category-arrow{font-size:25px;color:var(--wds-accent-a,#6332df);opacity:.65;transform:translateX(-3px);transition:transform .2s ease,opacity .2s ease}
.wds-category-button.is-active .wds-category-arrow{transform:translateX(1px);opacity:1}
.wds-category-progress{position:absolute;left:14px;right:14px;bottom:3px;height:3px;border-radius:999px;background:rgba(91,66,170,.08);overflow:hidden;opacity:0;transition:opacity .2s ease}
.wds-category-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--wds-accent-a,#6332df),var(--wds-accent-b,#8d5cff))}
.wds-category-button.is-active .wds-category-progress{opacity:1}
.wds-content-panel{min-width:0;padding:26px 34px 32px;background:var(--wds-panel,#fff)}
.wds-section-heading{text-align:center;margin:0 auto 18px;max-width:760px}
.wds-section-heading small{display:inline-block;padding:6px 16px;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--wds-accent-a,#6332df) 10%,#fff),color-mix(in srgb,var(--wds-accent-b,#8d5cff) 12%,#fff));color:var(--wds-accent-a,#6332df);font-family:var(--wds-heading-font,Inter,sans-serif);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.wds-section-heading h2{margin:12px 0 7px;color:var(--wds-heading-color,#12182f);font-family:var(--wds-heading-font,Inter,sans-serif);font-size:clamp(28px,3vw,var(--wds-heading-size,38px));line-height:1.13;letter-spacing:-.025em}
.wds-section-heading p{margin:0;color:var(--wds-body-color,#515a70);font-family:var(--wds-body-font,Inter,sans-serif);font-size:var(--wds-body-size,15px);line-height:1.55}
.wds-slider-stage{position:relative;min-height:390px}
.wds-slides{position:relative;min-height:370px}
.wds-slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(320px,.94fr) minmax(390px,1.16fr);gap:22px;align-items:center;opacity:0;visibility:hidden;transform:translateX(26px) scale(.985);transition:opacity .42s ease,transform .42s ease,visibility .42s;pointer-events:none}
.wds-slide.is-active{opacity:1;visibility:visible;transform:translateX(0) scale(1);pointer-events:auto;z-index:2}
.wds-slide-copy{padding:12px 2px 20px 18px;min-width:0}
.wds-slide-title-row{display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px;align-items:center;margin-bottom:13px}
.wds-slide-mini-icon{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,var(--wds-accent-a,#6332df),var(--wds-accent-b,#8d5cff));color:#fff;font-size:24px;box-shadow:0 12px 24px color-mix(in srgb,var(--wds-accent-a,#6332df) 28%,transparent);overflow:hidden}
.wds-slide-mini-icon img{width:32px;height:32px;object-fit:contain;filter:brightness(0) invert(1)}
.wds-slide-title-row small{display:block;margin-bottom:4px;color:var(--wds-accent-a,#6332df);font-family:var(--wds-body-font,Inter,sans-serif);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.wds-slide-title-row h3{margin:0;color:var(--wds-heading-color,#12182f);font-family:var(--wds-card-title-font,Inter,sans-serif);font-size:clamp(22px,2.35vw,var(--wds-card-title-size,28px));line-height:1.16;letter-spacing:-.02em}
.wds-slide-description{margin:0 0 12px;color:var(--wds-body-color,#515a70);font-family:var(--wds-body-font,Inter,sans-serif);font-size:var(--wds-body-size,15px);line-height:1.62}
.wds-feature-list{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:7px}
.wds-feature-list li{position:relative;padding-left:27px;color:var(--wds-feature-color,#3e465b);font-family:var(--wds-body-font,Inter,sans-serif);font-size:var(--wds-body-size,15px);line-height:1.4}
.wds-feature-list li:before{content:"✓";position:absolute;left:0;top:.05em;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--wds-accent-b,#8d5cff);color:var(--wds-accent-a,#6332df);font-size:11px;font-weight:900}
.wds-details-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:46px;padding:10px 24px;border-radius:8px;background:linear-gradient(100deg,var(--wds-accent-a,#6332df),var(--wds-accent-b,#8d5cff));color:var(--wds-button-color,#fff);font-family:var(--wds-body-font,Inter,sans-serif);font-size:var(--wds-body-size,15px);font-weight:800;box-shadow:0 13px 26px color-mix(in srgb,var(--wds-accent-a,#6332df) 28%,transparent);transition:transform .2s ease,box-shadow .2s ease}
.wds-details-button:hover{transform:translateY(-2px);box-shadow:0 17px 32px color-mix(in srgb,var(--wds-accent-a,#6332df) 34%,transparent)}
.wds-slide-media{height:320px;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--wds-accent-b,#8d5cff) 4%,#fff),#fff)}
.wds-slide-media>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;padding:8px}
.wds-slider-arrow{position:absolute;top:48%;z-index:5;width:42px;height:42px;border:0;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--wds-accent-a,#6332df);font-size:31px;line-height:1;box-shadow:0 12px 28px rgba(44,37,91,.14);cursor:pointer;transition:transform .2s ease,background .2s ease}
.wds-slider-arrow:hover{transform:translateY(-50%) scale(1.06);background:color-mix(in srgb,var(--wds-accent-b,#8d5cff) 7%,#fff)}
.wds-slider-arrow.is-prev{left:-54px;transform:translateY(-50%)}
.wds-slider-arrow.is-next{right:-54px;transform:translateY(-50%)}
.wds-slider-dots{position:absolute;left:50%;bottom:-3px;transform:translateX(-50%);z-index:6;display:flex;gap:6px;max-width:70%;overflow:hidden}
.wds-slider-dots button{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:#d4cfee;cursor:pointer;transition:width .22s ease,background .22s ease}
.wds-slider-dots button.is-active{width:22px;background:linear-gradient(90deg,var(--wds-accent-a,#6332df),var(--wds-accent-b,#8d5cff))}
.wds-device-art{position:relative;width:100%;height:100%;min-height:300px;overflow:hidden;background:radial-gradient(circle at 55% 45%,color-mix(in srgb,var(--wds-accent-b,#8d5cff) 10%,transparent),transparent 48%)}
.wds-laptop{position:absolute;width:66%;height:64%;left:25%;top:14%;filter:drop-shadow(0 22px 22px rgba(35,31,62,.22))}
.wds-laptop-screen{position:absolute;inset:0 0 15%;border:8px solid #25283b;border-radius:12px;background:linear-gradient(145deg,#f8f7ff,#dcdaf7);overflow:hidden}
.wds-laptop-screen:before{content:"";position:absolute;left:0;top:0;bottom:0;width:20%;background:#20243b}
.wds-laptop-screen i{position:absolute;left:26%;height:12%;border-radius:5px;background:linear-gradient(90deg,var(--wds-accent-a,#6332df),var(--wds-accent-b,#8d5cff));opacity:.85}
.wds-laptop-screen i:nth-child(1){top:18%;width:18%}.wds-laptop-screen i:nth-child(2){top:40%;width:28%}.wds-laptop-screen i:nth-child(3){top:62%;width:20%}
.wds-laptop-screen b{position:absolute;right:8%;top:17%;width:35%;height:55%;border-radius:10px;background:repeating-linear-gradient(180deg,#fff 0 12px,#e8e5f9 12px 20px)}
.wds-laptop-base{position:absolute;left:-7%;right:-7%;height:16%;bottom:0;background:linear-gradient(#c7cad6,#838899);clip-path:polygon(6% 0,94% 0,100% 75%,94% 100%,6% 100%,0 75%);border-radius:0 0 12px 12px}
.wds-phone{position:absolute;left:12%;bottom:9%;width:25%;height:52%;border:7px solid #25283b;border-radius:22px;background:linear-gradient(150deg,#f9f8ff,#d7d4f2);box-shadow:0 18px 30px rgba(35,31,62,.22)}
.wds-phone:before{content:"";position:absolute;top:5px;left:50%;width:28%;height:5px;transform:translateX(-50%);border-radius:99px;background:#25283b}
.wds-phone span{position:absolute;left:15%;right:15%;top:23%;height:14%;border-radius:7px;background:linear-gradient(90deg,var(--wds-accent-a,#6332df),var(--wds-accent-b,#8d5cff))}
.wds-phone i{position:absolute;left:15%;right:15%;height:8%;border-radius:5px;background:#fff}
.wds-phone i:nth-of-type(1){top:48%}.wds-phone i:nth-of-type(2){top:66%}
.wds-plant{position:absolute;right:3%;bottom:25%;width:15%;height:34%}
.wds-plant span{position:absolute;left:20%;right:20%;bottom:0;height:28%;background:#fff;border-radius:4px 4px 12px 12px;box-shadow:0 9px 15px rgba(35,31,62,.12)}
.wds-plant i{position:absolute;bottom:22%;width:45%;height:36%;border-radius:100% 0 100% 0;background:#54a85e;transform-origin:bottom}
.wds-plant i:nth-of-type(1){left:10%;transform:rotate(-28deg)}.wds-plant i:nth-of-type(2){right:7%;transform:scaleX(-1) rotate(-28deg)}.wds-plant i:nth-of-type(3){left:31%;bottom:32%;transform:rotate(6deg)}
.wds-books{position:absolute;right:0;bottom:8%;width:22%;height:18%}
.wds-books span{position:absolute;left:0;right:0;height:42%;border-radius:4px;background:#5079b4;box-shadow:0 5px 10px rgba(35,31,62,.14)}
.wds-books span:nth-child(1){bottom:0}.wds-books span:nth-child(2){bottom:50%;left:8%;background:#d6aa63}
@media (max-width:1180px){
.wds-container{grid-template-columns:260px minmax(0,1fr)}
.wds-content-panel{padding-left:26px;padding-right:26px}
.wds-slide{grid-template-columns:minmax(280px,.9fr) minmax(340px,1.1fr)}
.wds-slider-arrow.is-prev{left:-42px}.wds-slider-arrow.is-next{right:-42px}
}
@media (max-width:980px){
.wds-container{grid-template-columns:1fr}
.wds-category-panel{padding:12px;overflow-x:auto}
.wds-category-list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,230px);gap:9px}
.wds-category-button{grid-template-columns:36px 34px minmax(0,1fr) 16px;min-height:58px}
.wds-category-icon{width:34px;height:34px}
.wds-slide{grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr)}
.wds-slider-arrow.is-prev{left:-14px}.wds-slider-arrow.is-next{right:-14px}
}
@media (max-width:767px){
.wds-section{padding:44px 0 54px}
.wds-section-desktop{display:none!important}
.wds-container{display:block;padding-left:14px;padding-right:14px}
.wds-category-panel{border-radius:18px;margin-bottom:12px}
.wds-category-list{grid-auto-columns:minmax(168px,205px)}
.wds-category-button{font-size:13px;padding:8px 10px;gap:6px}
.wds-content-panel{padding:22px 16px 30px;border-radius:18px}
.wds-section-heading h2{font-size:clamp(26px,8vw,36px)}
.wds-section-heading p{font-size:14px}
.wds-slider-stage,.wds-slides{min-height:680px}
.wds-slide{grid-template-columns:1fr;grid-template-rows:auto 270px;gap:10px;align-content:start}
.wds-slide-copy{padding:10px 4px 0;order:1}
.wds-slide-media{height:270px;order:2}
.wds-slide-title-row{grid-template-columns:48px minmax(0,1fr);gap:10px}
.wds-slide-mini-icon{width:46px;height:46px;border-radius:12px}
.wds-slide-title-row h3{font-size:clamp(22px,6.6vw,30px)}
.wds-slider-arrow{top:64%;width:38px;height:38px;font-size:28px}
.wds-slider-arrow.is-prev{left:-8px}.wds-slider-arrow.is-next{right:-8px}
.wds-slider-dots{bottom:-2px;max-width:85%}
}
@media (min-width:768px){.wds-section-mobile{display:none!important}}
@media (prefers-reduced-motion:reduce){.wds-slide,.wds-category-button,.wds-details-button,.wds-slider-arrow{transition:none!important}.wds-category-progress span{transition:none!important}}
/* v1.11.1 - Option 2 mobile design for Web Development Solutions */
.wds-mobile-section-heading{display:none}
@media (max-width:767px){
.wds-section-mobile{
padding:42px 0 58px;
background:
radial-gradient(circle at 92% 4%,color-mix(in srgb,var(--wds-accent-b,#8d5cff) 8%,transparent),transparent 22%),
linear-gradient(180deg,#fbfaff 0%,var(--wds-bg,#f7f6ff) 54%,#fbfaff 100%);
overflow:hidden;
}
.wds-section-mobile .wds-decoration:before{
width:170px;height:170px;left:-60px;bottom:8%;opacity:.45;
border-radius:50%;
background:repeating-radial-gradient(circle,color-mix(in srgb,var(--wds-accent-a,#6332df) 12%,transparent) 0 1px,transparent 1px 12px);
}
.wds-section-mobile .wds-decoration:after{
width:110px;height:110px;right:-24px;top:18px;border:0;border-radius:0;opacity:.48;
background:radial-gradient(circle,color-mix(in srgb,var(--wds-accent-b,#8d5cff) 25%,transparent) 0 2px,transparent 2.5px) 0 0/15px 15px;
}
.wds-section-mobile .wds-container{display:flex;flex-direction:column;padding:0 12px}
.wds-section-mobile .wds-mobile-section-heading{display:block;order:1;margin:0 auto 25px;padding:0 10px;max-width:660px;text-align:center}
.wds-section-mobile .wds-desktop-section-heading{display:none!important}
.wds-section-mobile .wds-mobile-section-heading small{
padding:8px 18px;border:1px solid color-mix(in srgb,var(--wds-accent-b,#8d5cff) 22%,transparent);
background:rgba(255,255,255,.72);box-shadow:0 8px 22px rgba(76,53,154,.07);
font-size:12px;letter-spacing:0;text-transform:none;
}
.wds-section-mobile .wds-mobile-section-heading h2{
margin:18px 0 10px;font-size:clamp(32px,10.2vw,45px);line-height:1.04;letter-spacing:-.035em;
}
.wds-section-mobile .wds-mobile-section-heading p{
margin:0 auto;max-width:580px;font-size:14px;line-height:1.7;color:var(--wds-body-color,#5c6273)
}
.wds-section-mobile .wds-category-panel{
--wds-mobile-gap:8px;
--wds-mobile-card-width:clamp(74px, calc((100vw - 60px) / 4), 150px);
order:2;margin:0 0 20px;padding:8px 6px 10px;border-radius:22px;
background:rgba(255,255,255,.82);border:1px solid rgba(101,70,190,.08);
box-shadow:0 15px 42px rgba(55,42,100,.08);overflow-x:auto;overflow-y:hidden;
scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;
}
.wds-section-mobile .wds-category-panel::-webkit-scrollbar{display:none}
.wds-section-mobile .wds-category-list{
display:flex;flex-direction:row;gap:var(--wds-mobile-gap);width:max-content;padding:2px 2px 4px;
}
.wds-section-mobile .wds-category-button{
flex:0 0 var(--wds-mobile-card-width);width:var(--wds-mobile-card-width);height:128px;min-height:128px;padding:12px 6px 12px;
display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;
border-radius:18px;border:1px solid rgba(89,61,173,.09);background:#fff;
color:var(--wds-category-color,#22283c);font-size:11px;text-align:center;
box-shadow:0 8px 20px rgba(48,37,93,.055);scroll-snap-align:start;transform:none;
}
@media (max-width:390px){
.wds-section-mobile .wds-category-panel{--wds-mobile-card-width:clamp(72px, calc((100vw - 56px) / 4), 96px)}
.wds-section-mobile .wds-category-button{height:122px;min-height:122px;padding:11px 5px 10px}
}
.wds-section-mobile .wds-category-button:hover{transform:none;background:#fff}
.wds-section-mobile .wds-category-button.is-active{
color:#fff;border-color:transparent;
background:linear-gradient(155deg,var(--wds-accent-b,#8d5cff),var(--wds-accent-a,#6332df));
box-shadow:0 15px 28px color-mix(in srgb,var(--wds-accent-a,#6332df) 30%,transparent);
}
.wds-section-mobile .wds-category-icon{
width:48px;height:48px;border-radius:14px;background:transparent;color:var(--wds-accent-a,#6332df);
box-shadow:none;font-size:25px;flex:none;
}
.wds-section-mobile .wds-category-icon img{width:32px;height:32px;filter:none;object-fit:contain}
.wds-section-mobile .wds-category-button:not(.is-active) .wds-category-icon img{filter:none}
.wds-section-mobile .wds-category-button.is-active .wds-category-icon{color:#fff}
.wds-section-mobile .wds-category-button.is-active .wds-category-icon img{filter:brightness(0) invert(1)}
.wds-section-mobile .wds-category-number{font-size:12px;line-height:1;opacity:.9;font-weight:900}
.wds-section-mobile .wds-category-name{font-size:10px;line-height:1.22;font-weight:800;min-height:30px;display:flex;align-items:center;justify-content:center;word-break:break-word}
.wds-section-mobile .wds-category-arrow{display:none}
.wds-section-mobile .wds-category-progress{left:12px;right:12px;bottom:5px;height:3px;background:rgba(255,255,255,.26)}
.wds-section-mobile .wds-category-button:not(.is-active) .wds-category-progress{background:rgba(91,66,170,.08)}
.wds-section-mobile .wds-category-button.is-active .wds-category-progress span{background:#fff}
.wds-section-mobile .wds-content-panel{
order:3;position:relative;margin:0;padding:24px 18px 18px;border-radius:26px;
background:rgba(255,255,255,.96);border:1px solid rgba(105,79,180,.08);
box-shadow:0 24px 62px rgba(47,34,92,.11);overflow:hidden;
}
.wds-section-mobile .wds-content-panel:after{
content:"";position:absolute;right:-18px;top:22px;width:115px;height:115px;pointer-events:none;opacity:.42;
background:radial-gradient(circle,color-mix(in srgb,var(--wds-accent-b,#8d5cff) 22%,transparent) 0 2px,transparent 2.5px) 0 0/15px 15px;
}
.wds-section-mobile .wds-slider-stage{min-height:0;padding:0 0 66px;position:relative}
.wds-section-mobile .wds-slides{min-height:0;position:relative}
.wds-section-mobile .wds-slide{
position:relative;inset:auto;display:none;grid-template-columns:1fr;grid-template-rows:auto auto;
gap:20px;align-items:start;opacity:0;visibility:hidden;transform:none;pointer-events:none;
}
.wds-section-mobile .wds-slide.is-active{
display:grid;opacity:1;visibility:visible;pointer-events:auto;animation:wdsMobileCardIn .38s ease both;
}
.wds-section-mobile .wds-slide-copy{order:1;padding:4px 0 0;min-width:0}
.wds-section-mobile .wds-slide-title-row{
display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:center;margin:0 0 12px;
}
.wds-section-mobile .wds-slide-mini-icon{
width:76px;height:76px;border-radius:20px;font-size:34px;
box-shadow:0 16px 28px color-mix(in srgb,var(--wds-accent-a,#6332df) 28%,transparent);
}
.wds-section-mobile .wds-slide-mini-icon img{width:46px;height:46px}
.wds-section-mobile .wds-slide-title-row small{
display:inline-flex;width:max-content;max-width:100%;margin:0 0 8px;padding:7px 13px;border-radius:999px;
background:linear-gradient(90deg,color-mix(in srgb,var(--wds-accent-a,#6332df) 10%,#fff),color-mix(in srgb,var(--wds-accent-b,#8d5cff) 13%,#fff));
font-size:11px;letter-spacing:0;text-transform:none;
}
.wds-section-mobile .wds-slide-title-row h3{
margin:0;font-size:clamp(25px,7.3vw,34px);line-height:1.06;letter-spacing:-.03em;
}
.wds-section-mobile .wds-slide-description{
margin:0 0 13px;font-size:14px;line-height:1.67;color:var(--wds-body-color,#5c6273)
}
.wds-section-mobile .wds-feature-list{margin:0 0 18px;gap:0}
.wds-section-mobile .wds-feature-list li{
min-height:38px;display:flex;align-items:center;padding:8px 4px 8px 34px;border-bottom:1px dashed rgba(100,85,150,.18);
font-size:14px;line-height:1.42;
}
.wds-section-mobile .wds-feature-list li:last-child{border-bottom:0}
.wds-section-mobile .wds-feature-list li:before{
left:2px;top:50%;transform:translateY(-50%);width:21px;height:21px;border:0;
background:linear-gradient(145deg,var(--wds-accent-b,#8d5cff),var(--wds-accent-a,#6332df));
color:#fff;font-size:12px;box-shadow:0 5px 12px color-mix(in srgb,var(--wds-accent-a,#6332df) 22%,transparent);
}
.wds-section-mobile .wds-details-button{
width:100%;min-height:58px;padding:13px 22px;border-radius:14px;gap:28px;
font-size:17px;box-shadow:0 15px 28px color-mix(in srgb,var(--wds-accent-a,#6332df) 26%,transparent);
}
.wds-section-mobile .wds-slide-media{
order:2;height:290px;margin:0 -4px 0;border-radius:18px;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--wds-accent-b,#8d5cff) 4%,#fff));overflow:hidden;
}
.wds-section-mobile .wds-slide-media>img{width:100%;height:100%;object-fit:contain;object-position:center bottom;padding:6px 0 0}
.wds-section-mobile .wds-device-art{min-height:280px;height:100%;overflow:visible}
.wds-section-mobile .wds-laptop{width:76%;height:66%;left:15%;top:14%}
.wds-section-mobile .wds-phone{display:none}
.wds-section-mobile .wds-plant{left:1%;right:auto;bottom:19%;width:17%;height:34%}
.wds-section-mobile .wds-books{right:0;bottom:10%;width:20%}
.wds-section-mobile .wds-slider-arrow{
top:auto;bottom:4px;width:42px;height:42px;font-size:30px;background:#fff;
box-shadow:0 10px 24px rgba(44,37,91,.13);transform:none;
}
.wds-section-mobile .wds-slider-arrow:hover{transform:none}
.wds-section-mobile .wds-slider-arrow.is-prev{left:calc(50% - 88px);transform:none}
.wds-section-mobile .wds-slider-arrow.is-next{right:calc(50% - 88px);transform:none}
.wds-section-mobile .wds-slider-dots{left:50%;bottom:17px;transform:translateX(-50%);gap:8px;max-width:76px}
.wds-section-mobile .wds-slider-dots button{width:8px;height:8px;flex:0 0 8px;background:#d9d4ec}
.wds-section-mobile .wds-slider-dots button.is-active{width:8px;background:var(--wds-accent-a,#6332df)}
}
@keyframes wdsMobileCardIn{
from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
/* v1.11.4 - individual category card plain/gradient colors */
.wds-category-button.has-custom-card-color,
.wds-category-button.has-custom-card-color:hover,
.wds-category-button.has-custom-card-color.is-active{
background:var(--wds-card-background)!important;
color:var(--wds-card-text,#20253a)!important;
border-color:color-mix(in srgb,var(--wds-card-text,#20253a) 18%,transparent)!important;
box-shadow:0 13px 28px rgba(39,28,86,.14)!important;
}
.wds-category-button.has-custom-card-color .wds-category-icon{
color:currentColor!important;
background:color-mix(in srgb,currentColor 12%,transparent)!important;
box-shadow:none!important;
}
.wds-category-button.has-custom-card-color .wds-category-arrow{color:currentColor!important}
.wds-category-button.has-custom-card-color .wds-category-progress{background:color-mix(in srgb,currentColor 20%,transparent)!important}
.wds-category-button.has-custom-card-color .wds-category-progress span{background:currentColor!important}
.wds-category-button.has-custom-card-color.has-light-card-text .wds-category-icon img{filter:brightness(0) invert(1)!important}
.wds-category-button.has-custom-card-color.has-dark-card-text .wds-category-icon img{filter:none!important}
.wds-section-mobile .wds-category-button.has-custom-card-color:not(.is-active){color:var(--wds-card-text,#20253a)!important}
/* v1.11.5 - individual solution card plain/gradient backgrounds */
.wds-slide.has-custom-slide-background{
padding:18px 20px;
border-radius:28px;
background:var(--wds-slide-bg)!important;
border:1px solid color-mix(in srgb,var(--wds-slide-text,#20253a) 14%,transparent);
box-shadow:0 18px 46px rgba(39,28,86,.10);
}
.wds-slide.has-custom-slide-background .wds-slide-copy{padding:12px 6px 16px 12px}
.wds-slide.has-custom-slide-background .wds-slide-title-row small{color:var(--wds-slide-accent,var(--wds-accent-a,#6332df))!important}
.wds-slide.has-custom-slide-background .wds-slide-title-row h3,
.wds-slide.has-custom-slide-background .wds-slide-description,
.wds-slide.has-custom-slide-background .wds-feature-list li{color:var(--wds-slide-text,#20253a)!important}
.wds-slide.has-custom-slide-background .wds-slide-description{color:var(--wds-slide-muted,#5f6476)!important}
.wds-slide.has-custom-slide-background .wds-feature-list li{color:var(--wds-slide-muted,#5f6476)!important}
.wds-slide.has-custom-slide-background .wds-feature-list li:before{
border-color:color-mix(in srgb,var(--wds-slide-accent,var(--wds-accent-a,#6332df)) 72%,transparent)!important;
color:var(--wds-slide-accent,var(--wds-accent-a,#6332df))!important;
}
.wds-slide.has-custom-slide-background .wds-slide-mini-icon{
background:linear-gradient(145deg,var(--wds-accent-a,#6332df),var(--wds-accent-b,#8d5cff));
}
.wds-slide.has-custom-slide-background .wds-slide-media{
background:var(--wds-slide-media-bg)!important;
box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--wds-slide-text,#20253a) 10%,transparent);
}
.wds-slide.has-custom-slide-background.has-light-slide-text .wds-slide-media>img{filter:none}
.wds-section-mobile .wds-slide.has-custom-slide-background{
padding:18px 16px 20px;
border-radius:26px;
}
.wds-section-mobile .wds-slide.has-custom-slide-background .wds-slide-copy{padding:2px 0 0}
.wds-section-mobile .wds-slide.has-custom-slide-background .wds-slide-title-row small{
color:var(--wds-slide-accent,var(--wds-accent-a,#6332df))!important;
background:color-mix(in srgb,var(--wds-slide-accent,var(--wds-accent-a,#6332df)) 12%,transparent)!important;
}
.wds-section-mobile .wds-slide.has-custom-slide-background .wds-feature-list li{border-bottom-color:color-mix(in srgb,var(--wds-slide-text,#20253a) 16%,transparent)!important}
.wds-section-mobile .wds-slide.has-custom-slide-background .wds-feature-list li:before{
background:var(--wds-slide-accent,var(--wds-accent-a,#6332df))!important;
color:#fff!important;
box-shadow:none!important;
}
.wds-section-mobile .wds-slide.has-custom-slide-background .wds-slide-media{margin:0;}
/* v1.11.7 - dashboard-managed compact Offer Cards */
.offer-bridge-section{position:relative;z-index:3;padding:18px 0 12px}.offer-bridge-container{position:relative;width:calc(100% - 24px);max-width:none}.offer-bridge-card{--offer-accent:#7439f5;--offer-highlight:#ff7f21;position:relative;display:grid;grid-template-columns:108px minmax(0,1fr) auto;align-items:center;gap:20px;min-height:146px;padding:18px 22px;border:1px solid color-mix(in srgb,var(--offer-accent) 18%,#e9e7f2);border-radius:26px;background:linear-gradient(112deg,#fff 0%,color-mix(in srgb,var(--offer-accent) 5%,#fff) 52%,color-mix(in srgb,var(--offer-highlight) 7%,#fff) 100%);box-shadow:0 18px 46px rgba(50,43,91,.08);overflow:hidden;isolation:isolate}.offer-bridge-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 2% 50%,color-mix(in srgb,var(--offer-accent) 10%,transparent),transparent 23%),radial-gradient(circle at 98% 20%,color-mix(in srgb,var(--offer-highlight) 10%,transparent),transparent 28%);pointer-events:none}.offer-bridge-card:after{content:"";position:absolute;left:22px;right:22px;bottom:0;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--offer-accent),var(--offer-highlight),color-mix(in srgb,var(--offer-accent) 45%,#b9ee35))}.offer-bridge-orbit{position:relative;display:grid;place-items:center;width:100px;height:100px}.offer-bridge-gift{position:relative;z-index:3;width:64px;height:64px;border-radius:21px;display:grid;place-items:center;font-size:31px;background:linear-gradient(145deg,var(--offer-accent),color-mix(in srgb,var(--offer-accent) 72%,#2a175f));box-shadow:0 15px 32px color-mix(in srgb,var(--offer-accent) 30%,transparent),inset 0 1px 0 rgba(255,255,255,.35);animation:offerGiftFloat 3.4s ease-in-out infinite}.offer-floating-chip{position:absolute;z-index:4;display:grid;place-items:center;height:30px;min-width:30px;padding:0 7px;border-radius:11px;background:#fff;color:var(--offer-accent);font-size:12px;font-weight:900;box-shadow:0 8px 18px rgba(42,34,86,.11);animation:offerChipFloat 4s ease-in-out infinite}.offer-floating-chip.chip-code{top:0;right:1px}.offer-floating-chip.chip-sale{right:4px;bottom:0;color:var(--offer-highlight);animation-delay:.75s}.offer-floating-chip.chip-star{left:0;top:13px;color:#95ad00;animation-delay:1.3s}.offer-ring{position:absolute;border-radius:50%;border:1px dashed color-mix(in srgb,var(--offer-accent) 20%,transparent);animation:offerSpin 13s linear infinite}.offer-ring.ring-one{width:84px;height:84px}.offer-ring.ring-two{width:102px;height:102px;border-color:color-mix(in srgb,var(--offer-highlight) 18%,transparent);animation-direction:reverse;animation-duration:17s}.offer-bridge-copy,.offer-bridge-side{position:relative;z-index:2}.offer-bridge-copy{min-width:0}.offer-bridge-badge{display:inline-flex;align-items:center;min-height:28px;padding:5px 11px;margin-bottom:7px;border-radius:999px;background:color-mix(in srgb,var(--offer-accent) 10%,#fff);color:var(--offer-accent);font-size:12px;font-weight:850}.offer-bridge-title{margin:0;max-width:900px;color:#172035;font-size:clamp(23px,2.35vw,34px);line-height:1.16;letter-spacing:-.02em}.offer-typewriter{white-space:normal;word-break:break-word}.offer-typewriter-caret{display:inline-block;width:2px;height:.95em;margin-left:4px;vertical-align:-.08em;background:var(--offer-accent);animation:offerCaretBlink .9s step-end infinite}.offer-bridge-text{max-width:790px;margin:7px 0 0;color:#687086;font-size:14px;line-height:1.55}.offer-bridge-side{display:flex;align-items:center;justify-content:flex-end;gap:12px}.offer-bridge-discount{display:grid;justify-items:center;gap:1px;min-width:112px;padding:11px 14px;border-radius:18px;background:rgba(255,255,255,.78);border:1px solid color-mix(in srgb,var(--offer-highlight) 20%,#eee);box-shadow:0 11px 25px color-mix(in srgb,var(--offer-highlight) 10%,transparent)}.offer-bridge-discount strong{color:var(--offer-highlight);font-size:28px;line-height:1;font-weight:900;letter-spacing:-.03em}.offer-bridge-discount span{color:#3b4357;font-size:12px;font-weight:800}.offer-bridge-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:0 17px;border-radius:14px;background:linear-gradient(135deg,var(--offer-accent),color-mix(in srgb,var(--offer-accent) 74%,#263a8c));color:#fff;text-decoration:none;font-size:13px;font-weight:850;white-space:nowrap;box-shadow:0 13px 27px color-mix(in srgb,var(--offer-accent) 24%,transparent);transition:transform .2s ease,box-shadow .2s ease}.offer-bridge-button:hover{color:#fff;transform:translateY(-2px);box-shadow:0 16px 31px color-mix(in srgb,var(--offer-accent) 31%,transparent)}.bd-js .offer-bridge-badge,.bd-js .offer-bridge-title,.bd-js .offer-bridge-text,.bd-js .offer-bridge-side>*{opacity:0;transform:translateY(10px);transition:opacity .42s ease,transform .42s ease}.bd-js .offer-bridge-section.is-visible .offer-bridge-badge,.bd-js .offer-bridge-section.is-visible .offer-bridge-title,.bd-js .offer-bridge-section.is-visible .offer-bridge-text,.bd-js .offer-bridge-section.is-visible .offer-bridge-side>*{opacity:1;transform:translateY(0)}.bd-js .offer-bridge-section.is-visible .offer-bridge-title{transition-delay:.05s}.bd-js .offer-bridge-section.is-visible .offer-bridge-text{transition-delay:.12s}.bd-js .offer-bridge-section.is-visible .offer-bridge-side>*:nth-child(1){transition-delay:.12s}.bd-js .offer-bridge-section.is-visible .offer-bridge-side>*:nth-child(2){transition-delay:.2s}.offer-bridge-section.is-typed .offer-typewriter-caret,.offer-bridge-section[data-offer-animation="fade"] .offer-typewriter-caret,.offer-bridge-section[data-offer-animation="none"] .offer-typewriter-caret{display:none}@keyframes offerGiftFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(-2deg)}}@keyframes offerChipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes offerSpin{from{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes offerCaretBlink{50%{opacity:0}}@media(max-width:1040px){.offer-bridge-card{grid-template-columns:94px minmax(0,1fr);gap:16px}.offer-bridge-side{grid-column:2;justify-content:flex-start}.offer-bridge-orbit{grid-row:1/3}.offer-bridge-title{font-size:clamp(22px,3vw,31px)}}@media(max-width:767px){.offer-bridge-section{padding:12px 0 8px}.offer-bridge-container{width:calc(100% - 14px)}.offer-bridge-card{grid-template-columns:66px minmax(0,1fr);gap:11px 13px;min-height:0;padding:15px 15px 14px;border-radius:21px}.offer-bridge-card:after{left:15px;right:15px}.offer-bridge-orbit{grid-row:auto;width:62px;height:62px;align-self:start;margin-top:2px}.offer-bridge-gift{width:49px;height:49px;border-radius:16px;font-size:24px}.offer-ring.ring-one{width:59px;height:59px}.offer-ring.ring-two{width:69px;height:69px}.offer-floating-chip{height:23px;min-width:23px;padding:0 5px;border-radius:8px;font-size:9px}.offer-floating-chip.chip-code{top:-4px;right:-9px}.offer-floating-chip.chip-sale{right:-10px;bottom:-4px}.offer-floating-chip.chip-star{left:-8px;top:7px}.offer-bridge-badge{min-height:24px;padding:4px 9px;margin-bottom:5px;font-size:10.5px}.offer-bridge-title{font-size:19px;line-height:1.22;letter-spacing:-.01em}.offer-bridge-text{margin-top:5px;font-size:12.5px;line-height:1.45}.offer-bridge-side{grid-column:1/-1;display:flex;justify-content:flex-start;gap:9px;padding-left:79px}.offer-bridge-discount{min-width:92px;padding:8px 11px;border-radius:14px}.offer-bridge-discount strong{font-size:23px}.offer-bridge-discount span{font-size:10px}.offer-bridge-button{min-height:39px;padding:0 13px;border-radius:12px;font-size:11.5px}}@media(max-width:420px){.offer-bridge-side{padding-left:0}.offer-bridge-button{flex:1}.offer-bridge-discount{min-width:88px}}@media(prefers-reduced-motion:reduce){.offer-bridge-gift,.offer-floating-chip,.offer-ring,.offer-typewriter-caret{animation:none!important}.bd-js .offer-bridge-badge,.bd-js .offer-bridge-title,.bd-js .offer-bridge-text,.bd-js .offer-bridge-side>*{opacity:1;transform:none;transition:none}}
/* v1.12.1 - audio advertisement section */
.audio-ad-section{position:relative;padding:46px 0 18px;background:linear-gradient(180deg,#f5f8ff 0%,#ffffff 62%,#f8fbff 100%);overflow:hidden;z-index:2}.audio-ad-section:before,.audio-ad-section:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.audio-ad-section:before{width:420px;height:420px;left:-180px;top:40px;background:radial-gradient(circle,rgba(122,64,246,.08) 0%,rgba(122,64,246,0) 70%)}.audio-ad-section:after{width:360px;height:360px;right:-120px;bottom:10px;background:radial-gradient(circle,rgba(255,141,33,.08) 0%,rgba(255,141,33,0) 68%)}.audio-ad-container{position:relative;width:min(100% - 24px,1180px)}.audio-ad-heading{position:relative;z-index:2;max-width:840px;margin:0 auto 24px;text-align:center}.audio-ad-eyebrow{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:7px 16px;border-radius:999px;background:#fff;border:1px solid rgba(57,96,201,.12);color:#2d5bd1;font-size:14px;font-weight:800;box-shadow:0 12px 22px rgba(42,74,150,.07)}.audio-ad-eyebrow:before{content:"✦";font-size:13px;color:#34b44a}.audio-ad-heading h2{margin:14px 0 10px;color:#13233f;font-size:clamp(30px,3.7vw,46px);line-height:1.16;letter-spacing:-.03em;font-weight:800}.audio-ad-heading h2:after{content:"";display:block;width:126px;height:4px;margin:14px auto 0;border-radius:999px;background:linear-gradient(90deg,#7439f5 0%,#9e57ff 48%,#ff8a24 100%)}.audio-ad-heading p{max-width:760px;margin:0 auto;color:#53627e;font-size:17px;line-height:1.72;font-weight:500}.audio-ad-card{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:16px}.audio-ad-panel{position:relative;display:grid;grid-template-columns:170px minmax(0,1fr);align-items:center;gap:18px;padding:24px 24px 26px;min-height:338px;border-radius:24px;border:1px solid rgba(224,229,239,.95);background:#fff;box-shadow:0 18px 42px rgba(19,35,63,.08)}.audio-ad-panel:before{content:"";position:absolute;inset:0;border-radius:24px;pointer-events:none}.audio-ad-panel.is-caller:before{background:linear-gradient(135deg,rgba(116,57,245,.05),rgba(116,57,245,0) 48%,rgba(255,255,255,0))}.audio-ad-panel.is-promo:before{background:linear-gradient(135deg,rgba(255,138,36,.06),rgba(255,138,36,0) 48%,rgba(255,255,255,0))}.audio-ad-visual,.audio-ad-copy{position:relative;z-index:2}.audio-ad-copy h3{margin:12px 0 0;color:#13233f;font-size:clamp(24px,2.2vw,33px);line-height:1.18;letter-spacing:-.02em;font-weight:800}.audio-panel-line{display:block;width:68px;height:4px;margin:14px 0 14px;border-radius:999px}.audio-panel-line.purple{background:linear-gradient(90deg,#7439f5,#a05cff)}.audio-panel-line.orange{background:linear-gradient(90deg,#ff8a24,#ffad45)}.audio-ad-copy p{margin:0;color:#5a667d;font-size:16px;line-height:1.78}.audio-ad-chip{display:inline-flex;align-items:center;min-height:38px;padding:8px 14px;border-radius:999px;background:#fff;font-size:13px;font-weight:800;box-shadow:0 10px 24px rgba(19,35,63,.07);border:1px solid rgba(224,229,239,.95)}.audio-ad-chip.purple{color:#6b3cf2}.audio-ad-chip.purple:before{content:"🎧";margin-right:8px}.audio-ad-chip.orange{color:#f07b16}.audio-ad-chip.orange:before{content:"🔊";margin-right:8px}.audio-ad-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin-top:22px;padding:0 20px;border-radius:14px;text-decoration:none;font-size:16px;font-weight:800;color:#fff;box-shadow:0 14px 30px rgba(19,35,63,.12);transition:transform .2s ease,box-shadow .2s ease}.audio-ad-button:hover{transform:translateY(-2px)}.audio-ad-button.is-purple{background:linear-gradient(135deg,#6a35f1 0%,#8d55ff 100%)}.audio-ad-button.is-purple:hover{box-shadow:0 16px 32px rgba(106,53,241,.24)}.audio-ad-button.is-orange{background:linear-gradient(135deg,#ff7e18 0%,#ffa012 100%)}.audio-ad-button.is-orange:hover{box-shadow:0 16px 32px rgba(255,126,24,.24)}.caller-visual,.promo-visual{display:grid;place-items:center;min-height:220px}.audio-phone-shell{position:relative;width:148px;height:258px;padding:9px;border-radius:28px;background:linear-gradient(180deg,#25203e,#1c1931 52%,#1d1c33);box-shadow:0 18px 34px rgba(39,27,94,.24),inset 0 1px 0 rgba(255,255,255,.16)}.audio-phone-shell:before{content:"";position:absolute;top:9px;left:50%;width:54px;height:12px;border-radius:0 0 10px 10px;background:#0b1225;transform:translateX(-50%)}.audio-phone-screen{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%;padding-top:28px;border-radius:21px;background:radial-gradient(circle at 50% 34%,rgba(174,66,255,.40) 0%,rgba(95,49,186,.30) 22%,rgba(25,18,54,.94) 58%,#141228 100%);color:#fff;text-align:center;overflow:hidden}.audio-phone-screen small{font-size:14px;font-weight:700;opacity:.95}.audio-phone-screen>span{margin-top:2px;font-size:11px;letter-spacing:.06em;opacity:.84}.audio-phone-core{display:grid;place-items:center;width:78px;height:78px;margin-top:28px;border-radius:50%;font-size:40px;background:radial-gradient(circle,#ef75ff 0%,#a42fff 58%,rgba(111,31,214,.56) 100%);box-shadow:0 0 0 12px rgba(165,68,255,.12),0 0 24px rgba(176,58,255,.34)}.audio-phone-bars{position:absolute;left:16px;right:16px;bottom:54px;display:grid;grid-template-columns:repeat(6,1fr);align-items:end;gap:5px;height:28px}.audio-phone-bars span{display:block;border-radius:999px;background:linear-gradient(180deg,#c06eff,#8147ff);animation:audioBarPulse 1.8s ease-in-out infinite}.audio-phone-bars span:nth-child(1){height:10px}.audio-phone-bars span:nth-child(2){height:21px;animation-delay:.15s}.audio-phone-bars span:nth-child(3){height:15px;animation-delay:.3s}.audio-phone-bars span:nth-child(4){height:24px;animation-delay:.45s}.audio-phone-bars span:nth-child(5){height:16px;animation-delay:.25s}.audio-phone-bars span:nth-child(6){height:12px;animation-delay:.55s}.audio-phone-actions{position:absolute;left:16px;right:16px;bottom:16px;display:flex;justify-content:space-between}.audio-phone-actions i{display:block;width:32px;height:32px;border-radius:50%;box-shadow:0 10px 20px rgba(0,0,0,.2)}.audio-phone-actions i:first-child{background:linear-gradient(145deg,#ff5353,#d62929)}.audio-phone-actions i:last-child{background:linear-gradient(145deg,#33da79,#0ab75f)}.audio-float-pill{position:absolute;display:grid;place-items:center;min-width:38px;height:38px;padding:0 10px;border-radius:12px;background:#fff;font-weight:900;box-shadow:0 12px 22px rgba(53,41,117,.10)}.float-note{left:4px;top:42px;color:#8c4fff;font-size:24px;animation:audioFloatY 3.4s ease-in-out infinite}.float-wave{right:4px;top:136px;color:#8a56f8;font-size:14px;animation:audioFloatY 3.7s ease-in-out infinite .55s}.audio-soft-ring{position:absolute;width:230px;height:230px;border-radius:50%;border:1px dashed rgba(124,68,246,.18)}.ring-a{animation:audioSpin 16s linear infinite}.audio-mic-stage{position:relative;display:grid;place-items:center;min-height:220px;min-width:180px}.audio-mic-circle{position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 50% 46%,rgba(255,190,96,.96) 0%,rgba(255,182,77,.78) 38%,rgba(255,182,77,.26) 61%,rgba(255,182,77,0) 62%)}.audio-mic-icon{position:relative;z-index:2;font-size:106px;filter:drop-shadow(0 12px 20px rgba(30,19,15,.16))}.audio-megaphone-icon{position:absolute;right:6px;bottom:4px;z-index:3;font-size:58px;filter:drop-shadow(0 12px 18px rgba(120,70,18,.14));animation:audioFloatY 3.2s ease-in-out infinite .3s}.audio-wave-line,.audio-wave-line:before,.audio-wave-line:after,.wave-two,.wave-two:before,.wave-two:after{content:"";position:absolute;left:16px;right:16px;height:4px;border-radius:999px;background:linear-gradient(90deg,rgba(255,133,0,0),#ff8217 22%,#ff8217 78%,rgba(255,133,0,0))}.audio-wave-line{top:106px}.audio-wave-line:before{top:-12px;left:14px;right:14px}.audio-wave-line:after{top:12px;left:6px;right:6px}.wave-two{top:132px;opacity:.88}.wave-two:before{top:-12px;left:4px;right:4px}.wave-two:after{top:12px;left:12px;right:12px}.float-sound{right:4px;top:28px;color:#ff7d14;font-size:16px;animation:audioFloatY 3.8s ease-in-out infinite .55s}@media(max-width:1180px){.audio-ad-card{gap:14px}.audio-ad-panel{grid-template-columns:150px minmax(0,1fr);padding:22px 18px 24px;min-height:320px}.audio-ad-heading h2{font-size:clamp(28px,3.6vw,40px)}.audio-ad-heading p{font-size:16px}}@media(max-width:980px){.audio-ad-card{grid-template-columns:1fr}.audio-ad-panel{grid-template-columns:150px minmax(0,1fr);min-height:0}.audio-ad-panel.is-promo{margin-top:0}}@media(max-width:767px){.audio-ad-section{padding:28px 0 10px}.audio-ad-container{width:min(100% - 14px,1180px)}.audio-ad-heading{margin-bottom:18px}.audio-ad-eyebrow{min-height:34px;padding:7px 12px;font-size:12.5px}.audio-ad-heading h2{font-size:clamp(24px,7.3vw,34px);margin-top:12px}.audio-ad-heading h2:after{width:98px;height:4px;margin-top:12px}.audio-ad-heading p{font-size:14px;line-height:1.7}.audio-ad-card{grid-template-columns:1fr;gap:12px}.audio-ad-panel{grid-template-columns:1fr;gap:14px;padding:18px 14px 20px;min-height:0;border-radius:20px}.audio-ad-copy h3{font-size:23px}.audio-ad-copy p{font-size:14.5px;line-height:1.72}.audio-ad-button{min-height:44px;margin-top:18px;padding:0 18px;font-size:15px}.audio-ad-chip{min-height:34px;padding:7px 12px;font-size:12px}.caller-visual,.promo-visual{min-height:180px}.audio-phone-shell{width:136px;height:238px;border-radius:26px}.audio-phone-screen{border-radius:19px;padding-top:24px}.audio-phone-core{width:68px;height:68px;margin-top:24px;font-size:34px}.audio-phone-bars{left:14px;right:14px;bottom:48px;height:24px}.audio-phone-actions{left:14px;right:14px;bottom:14px}.audio-phone-actions i{width:28px;height:28px}.audio-float-pill{min-width:34px;height:34px;padding:0 8px}.float-note{top:18px;left:6px;font-size:20px}.float-wave{top:116px;right:6px;font-size:13px}.audio-soft-ring{width:200px;height:200px}.audio-mic-stage{min-height:180px;min-width:0}.audio-mic-circle{width:128px;height:128px}.audio-mic-icon{font-size:88px}.audio-megaphone-icon{font-size:46px;right:12px;bottom:4px}.audio-wave-line{top:86px;left:16px;right:16px}.audio-wave-line:before{left:12px;right:12px}.audio-wave-line:after{left:5px;right:5px}.wave-two{top:110px;left:16px;right:16px}.wave-two:before{left:5px;right:5px}.wave-two:after{left:10px;right:10px}.float-sound{top:22px;right:14px;font-size:15px}}@keyframes audioFloatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes audioSpin{from{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes audioBarPulse{0%,100%{transform:scaleY(.78)}50%{transform:scaleY(1.12)}}@media(prefers-reduced-motion:reduce){.audio-soft-ring,.audio-float-pill,.audio-megaphone-icon,.audio-phone-bars span{animation:none!important}}
/* v1.12.2 - audio heading band: button-color corporate magenta */
.audio-ad-section{padding:0 0 18px;background:#fff;overflow:hidden}.audio-ad-section:before,.audio-ad-section:after{display:none!important}.audio-ad-head-band{position:relative;overflow:hidden;padding:50px 0 52px;background:linear-gradient(118deg,#a92d67 0%,#c83f78 30%,#b43170 58%,#7d245d 100%);background-size:180% 180%;animation:audioHeadGradient 12s ease-in-out infinite;box-shadow:inset 0 -1px 0 rgba(255,255,255,.16),0 18px 42px rgba(123,32,81,.14)}.audio-ad-head-band:before{content:"";position:absolute;inset:-45% -10%;background:radial-gradient(circle at 22% 52%,rgba(255,115,164,.34) 0%,rgba(255,115,164,0) 34%),radial-gradient(circle at 78% 32%,rgba(83,25,86,.34) 0%,rgba(83,25,86,0) 38%);animation:audioHeadGlow 10s ease-in-out infinite alternate;pointer-events:none}.audio-ad-head-band:after{content:"";position:absolute;left:-5%;right:-5%;bottom:-78px;height:160px;border-radius:50% 50% 0 0/38% 38% 0 0;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0));transform:rotate(-2deg);pointer-events:none}.audio-ad-heading-container{position:relative;z-index:2}.audio-ad-heading{max-width:900px;margin:0 auto;text-align:center}.audio-ad-heading h2{margin:0;color:#fff;font-size:clamp(32px,3.9vw,50px);line-height:1.14;letter-spacing:-.03em;font-weight:850;text-shadow:0 5px 20px rgba(65,15,52,.22)}.audio-ad-heading h2:after{content:"";display:block;width:132px;height:4px;margin:16px auto 0;border-radius:999px;background:linear-gradient(90deg,#ffffff 0%,#ffd6e7 38%,#ff9b59 100%);box-shadow:0 3px 12px rgba(255,255,255,.16)}.audio-ad-heading p{max-width:790px;margin:15px auto 0;color:rgba(255,255,255,.90);font-size:17px;line-height:1.72;font-weight:500;text-shadow:0 2px 10px rgba(73,15,48,.16)}.audio-ad-container{position:relative;z-index:3;margin-top:-18px}.audio-ad-card{margin-top:0}.audio-ad-eyebrow{display:none!important}@keyframes audioHeadGradient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes audioHeadGlow{0%{transform:translate3d(-2%,0,0) scale(1)}100%{transform:translate3d(3%,2%,0) scale(1.06)}}@media(max-width:767px){.audio-ad-section{padding-bottom:10px}.audio-ad-head-band{padding:34px 0 38px}.audio-ad-heading-container{width:min(100% - 24px,1180px)}.audio-ad-heading h2{font-size:clamp(25px,7.6vw,34px)}.audio-ad-heading h2:after{width:96px;margin-top:12px}.audio-ad-heading p{margin-top:12px;font-size:14px;line-height:1.68}.audio-ad-container{margin-top:-12px}}@media(prefers-reduced-motion:reduce){.audio-ad-head-band,.audio-ad-head-band:before{animation:none!important}}
/* v1.12.3 - work process section */
.work-process-section{position:relative;padding:46px 0 26px;background:linear-gradient(180deg,#f7f9ff 0%,#ffffff 56%,#f7f9ff 100%);overflow:hidden;z-index:1}.work-process-section:before,.work-process-section:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.work-process-section:before{width:380px;height:380px;left:-180px;top:110px;background:radial-gradient(circle,rgba(123,74,246,.08) 0%,rgba(123,74,246,0) 68%)}.work-process-section:after{width:320px;height:320px;right:-120px;top:20px;background:radial-gradient(circle,rgba(255,153,49,.08) 0%,rgba(255,153,49,0) 70%)}.work-process-container{position:relative;width:min(100% - 24px,1200px)}.work-process-heading{position:relative;z-index:2;max-width:880px;margin:0 auto 30px;text-align:center}.work-process-badge{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 22px;border-radius:999px;background:#fff;border:1px solid rgba(120,69,241,.16);box-shadow:0 10px 25px rgba(53,52,122,.07);font-size:15px;font-weight:800;color:#7441f6}.work-process-heading h2{margin:16px 0 12px;color:#14213e;font-size:clamp(32px,4vw,58px);line-height:1.08;letter-spacing:-.03em;font-weight:800}.work-process-heading p{max-width:820px;margin:0 auto;color:#66718a;font-size:20px;line-height:1.6}.work-process-timeline{position:relative;z-index:1;height:46px;margin:0 auto 14px;width:min(100% - 80px,1040px)}.work-process-timeline:before{content:"";position:absolute;left:0;right:0;top:20px;height:3px;border-radius:999px;background:linear-gradient(90deg,rgba(122,64,246,.34),rgba(73,133,244,.30),rgba(255,144,0,.30),rgba(62,181,109,.30))}.timeline-dot{position:absolute;top:7px;width:28px;height:28px;border-radius:50%;background:#fff;border:5px solid transparent;box-shadow:0 8px 18px rgba(34,48,96,.10)}.timeline-dot.dot-1{left:0;border-color:#7b4af6}.timeline-dot.dot-2{left:33.33%;transform:translateX(-50%);border-color:#478ef8}.timeline-dot.dot-3{left:66.66%;transform:translateX(-50%);border-color:#ff9800}.timeline-dot.dot-4{right:0;border-color:#3ab366}.work-process-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:2px}.work-process-card{position:relative;padding:28px 24px 24px;border-radius:24px;background:#fff;border:1px solid rgba(224,231,241,.95);box-shadow:0 18px 38px rgba(22,33,62,.08);text-align:center;transition:transform .25s ease,box-shadow .25s ease}.work-process-card:hover{transform:translateY(-4px);box-shadow:0 22px 42px rgba(22,33,62,.12)}.work-process-number{font-size:28px;line-height:1;font-weight:900;margin-bottom:18px}.step-1 .work-process-number{color:#7b4af6}.step-2 .work-process-number{color:#2e83ee}.step-3 .work-process-number{color:#ff8a12}.step-4 .work-process-number{color:#32a657}.work-process-icon{display:grid;place-items:center;width:108px;height:108px;margin:0 auto 22px;border-radius:50%;color:#fff}.work-process-icon svg{width:56px;height:56px;display:block}.step-1 .work-process-icon{background:linear-gradient(180deg,#efe8ff,#d9c8ff);color:#7343f4}.step-2 .work-process-icon{background:linear-gradient(180deg,#e6f1ff,#c4dcff);color:#2e7ff0}.step-3 .work-process-icon{background:linear-gradient(180deg,#fff0e4,#ffd9bf);color:#f98914}.step-4 .work-process-icon{background:linear-gradient(180deg,#e7f8ea,#c6f0cf);color:#28a153}.work-process-card h3{margin:0 0 14px;color:#15213d;font-size:25px;line-height:1.2;font-weight:800}.work-process-card p{margin:0;color:#66718a;font-size:17px;line-height:1.7}.work-process-card-line{display:block;width:58px;height:4px;margin:18px auto 0;border-radius:999px}.step-1 .work-process-card-line{background:#7b4af6}.step-2 .work-process-card-line{background:#2e83ee}.step-3 .work-process-card-line{background:#ff8a12}.step-4 .work-process-card-line{background:#32a657}.work-process-cta{position:relative;z-index:2;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-top:28px;padding:18px 22px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,250,255,.98));border:1px solid rgba(207,219,242,.88);box-shadow:0 16px 34px rgba(22,33,62,.08)}.work-process-cta-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#f2e9ff,#e0d1ff);color:#7b4af6}.work-process-cta-icon svg{width:30px;height:30px;display:block}.work-process-cta strong{font-size:22px;line-height:1.3;color:#16223d}.work-process-cta a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:0 28px;border-radius:16px;text-decoration:none;font-size:18px;font-weight:800;color:#fff;background:linear-gradient(135deg,#7137f4 0%,#a34dff 58%,#ff8d20 100%);box-shadow:0 16px 34px rgba(98,58,234,.22);transition:transform .2s ease,box-shadow .2s ease}.work-process-cta a:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(98,58,234,.28)}@media(max-width:1180px){.work-process-grid{grid-template-columns:repeat(2,1fr)}.work-process-timeline{display:none}.work-process-heading h2{font-size:clamp(30px,4vw,48px)}.work-process-heading p{font-size:18px}}@media(max-width:767px){.work-process-section{padding:28px 0 14px}.work-process-container{width:min(100% - 14px,1200px)}.work-process-heading{margin-bottom:18px}.work-process-badge{min-height:34px;padding:0 14px;font-size:12.5px}.work-process-heading h2{margin:12px 0 10px;font-size:clamp(24px,7.5vw,36px)}.work-process-heading p{font-size:15px;line-height:1.7}.work-process-timeline{display:none}.work-process-grid{grid-template-columns:1fr;gap:14px}.work-process-card{padding:20px 16px 18px;border-radius:20px}.work-process-number{font-size:24px;margin-bottom:14px}.work-process-icon{width:88px;height:88px;margin-bottom:18px}.work-process-icon svg{width:44px;height:44px}.work-process-card h3{font-size:22px;margin-bottom:10px}.work-process-card p{font-size:15px;line-height:1.65}.work-process-cta{grid-template-columns:1fr;justify-items:start;gap:12px;margin-top:18px;padding:16px 14px;border-radius:18px}.work-process-cta-icon{width:48px;height:48px}.work-process-cta strong{font-size:18px}.work-process-cta a{min-height:46px;padding:0 18px;border-radius:14px;font-size:15px}}@media(prefers-reduced-motion:reduce){.work-process-card,.work-process-cta a{transition:none}}
/* v1.12.6 - exact video motion ads mockup layout */
.video-ads-section{position:relative;padding:42px 0 26px;background:linear-gradient(115deg,#fdfcff 0%,#ffffff 52%,#fffaf5 100%);overflow:hidden;z-index:1}.video-ads-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 14%,rgba(127,73,246,.08),transparent 22%),radial-gradient(circle at 94% 10%,rgba(255,145,31,.07),transparent 20%)}.video-ads-container{position:relative;width:min(100% - 24px,1190px)}.video-ads-heading{position:relative;z-index:2;max-width:850px;margin:0 auto 28px;text-align:center}.video-ads-badge{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:39px;padding:0 18px;border-radius:999px;background:#fff;border:1px solid rgba(113,64,242,.14);box-shadow:0 10px 24px rgba(52,45,112,.08);font-size:14px;font-weight:800;color:#6e40ec}.video-ads-badge:before{content:"✦";display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#8d62ff,#7240ef);color:#fff;font-size:11px}.video-ads-heading h2{margin:15px 0 10px;color:#14213d;font-size:clamp(34px,4vw,54px);line-height:1.08;letter-spacing:-.035em;font-weight:850}.video-ads-heading h2:after{content:"";display:block;width:84px;height:4px;margin:12px auto 0;border-radius:999px;background:linear-gradient(90deg,#7c43f4,#9b56fb 56%,#ff8b20)}.video-ads-heading p{max-width:760px;margin:0 auto;color:#63708a;font-size:17px;line-height:1.62}.video-ads-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:22px}.video-ads-card{position:relative;padding:20px 20px 22px;border-radius:22px;border:1px solid rgba(220,224,236,.95);box-shadow:0 16px 34px rgba(25,31,62,.10);overflow:hidden}.video-ads-card.is-model{background:linear-gradient(145deg,#fdfbff 0%,#ffffff 68%,#f5f0ff 100%)}.video-ads-card.is-motion{background:linear-gradient(145deg,#fffdfb 0%,#ffffff 66%,#fff5e9 100%)}.video-card-corner{position:absolute;left:0;top:0;z-index:4;display:grid;place-items:start;width:58px;height:58px;padding:10px 0 0 10px;clip-path:polygon(0 0,100% 0,0 100%)}.video-card-corner svg{width:20px;height:20px;color:#fff}.video-ads-card.is-model .video-card-corner{background:linear-gradient(135deg,#7a41f5,#6330e9)}.video-ads-card.is-motion .video-card-corner{background:linear-gradient(135deg,#ffad20,#ff7e0e)}.video-preview-wrap{position:relative;overflow:hidden;border-radius:17px;background:#fff;border:1px solid rgba(226,231,240,.92);box-shadow:0 9px 22px rgba(27,32,64,.07)}.video-preview-wrap img{display:block;width:100%;height:auto;aspect-ratio:2.02/1;object-fit:cover}.video-card-copy{padding:18px 14px 2px}.video-card-title-row{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:14px;margin-bottom:8px}.video-card-service-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:1px solid transparent;box-shadow:0 10px 22px rgba(43,40,99,.08)}.video-card-service-icon svg{width:29px;height:29px}.video-card-service-icon.purple{background:linear-gradient(145deg,#f5efff,#e7dbff);border-color:rgba(117,63,243,.12);color:#7040ef}.video-card-service-icon.orange{background:linear-gradient(145deg,#fff4e8,#ffe4c6);border-color:rgba(255,133,20,.14);color:#f47a12}.video-card-copy h3{margin:0;font-size:clamp(25px,2vw,31px);line-height:1.16;font-weight:850}.is-model .video-card-copy h3{color:#5b31d8}.is-motion .video-card-copy h3{color:#f2700b}.video-card-copy p{margin:0 0 0 72px;color:#5f687d;font-size:15.5px;line-height:1.66}.video-card-button{display:flex;width:max-content;align-items:center;justify-content:center;gap:12px;min-height:50px;margin:18px auto 0;padding:0 27px;border-radius:999px;text-decoration:none;color:#fff;font-size:17px;font-weight:800;box-shadow:0 14px 28px rgba(46,42,96,.14);transition:transform .2s ease,box-shadow .2s ease}.video-card-button:hover{transform:translateY(-2px);color:#fff}.video-card-button.purple{background:linear-gradient(135deg,#7436f2,#833fff)}.video-card-button.orange{background:linear-gradient(135deg,#ff790d,#ff9509)}.video-card-button.purple:hover{box-shadow:0 17px 31px rgba(116,54,242,.25)}.video-card-button.orange:hover{box-shadow:0 17px 31px rgba(255,121,13,.25)}.video-ads-card:after{content:"";position:absolute;width:120px;height:120px;right:-34px;bottom:-46px;border-radius:50%;opacity:.24;pointer-events:none}.video-ads-card.is-model:after{background:radial-gradient(circle,#d9c8ff,transparent 70%)}.video-ads-card.is-motion:after{background:radial-gradient(circle,#ffd7aa,transparent 70%)}@media(max-width:1000px){.video-ads-grid{grid-template-columns:1fr}.video-ads-container{width:min(100% - 22px,900px)}}@media(max-width:767px){.video-ads-section{padding:28px 0 14px}.video-ads-container{width:min(100% - 14px,900px)}.video-ads-heading{margin-bottom:18px}.video-ads-badge{min-height:34px;padding:0 13px;font-size:12px}.video-ads-badge:before{width:19px;height:19px}.video-ads-heading h2{margin:12px 0 9px;font-size:clamp(25px,7.6vw,36px)}.video-ads-heading h2:after{width:70px;margin-top:10px}.video-ads-heading p{font-size:14.5px;line-height:1.68}.video-ads-grid{gap:14px}.video-ads-card{padding:13px 13px 16px;border-radius:19px}.video-card-corner{width:48px;height:48px;padding:8px 0 0 8px}.video-card-corner svg{width:17px;height:17px}.video-preview-wrap{border-radius:14px}.video-card-copy{padding:14px 4px 0}.video-card-title-row{grid-template-columns:46px minmax(0,1fr);gap:11px}.video-card-service-icon{width:46px;height:46px}.video-card-service-icon svg{width:23px;height:23px}.video-card-copy h3{font-size:22px}.video-card-copy p{margin-left:57px;font-size:14px;line-height:1.68}.video-card-button{min-height:44px;margin-top:16px;padding:0 20px;font-size:15px}}@media(max-width:430px){.video-card-title-row{grid-template-columns:42px minmax(0,1fr)}.video-card-service-icon{width:42px;height:42px}.video-card-copy p{margin-left:0;margin-top:10px}.video-card-copy h3{font-size:20px}}@media(prefers-reduced-motion:reduce){.video-card-button{transition:none}}
/* v1.12.7 - portfolio showcase */
.portfolio-showcase-section{position:relative;padding:48px 0 32px;background:var(--pf-bg,#f8faff);overflow:hidden;z-index:1}.portfolio-showcase-section:before,.portfolio-showcase-section:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.portfolio-showcase-section:before{width:360px;height:360px;left:-190px;top:40px;background:radial-gradient(circle,rgba(116,57,245,.10) 0%,rgba(116,57,245,0) 68%)}.portfolio-showcase-section:after{width:360px;height:360px;right:-160px;bottom:-50px;background:radial-gradient(circle,rgba(255,141,32,.10) 0%,rgba(255,141,32,0) 70%)}.portfolio-showcase-container{position:relative;width:min(100% - 24px,1210px)}.portfolio-showcase-heading{position:relative;z-index:2;max-width:900px;margin:0 auto 26px;text-align:center}.portfolio-showcase-badge{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;border-radius:999px;background:#fff;border:1px solid rgba(119,68,241,.15);box-shadow:0 10px 25px rgba(31,40,92,.07);font-family:var(--pf-badge-font);font-size:var(--pf-badge-size);font-weight:800;color:var(--pf-badge-color)}.portfolio-showcase-badge>span{font-size:.9em}.portfolio-showcase-heading h2{margin:15px 0 10px;font-family:var(--pf-title-font);font-size:clamp(28px,4vw,var(--pf-title-size));line-height:1.08;letter-spacing:-.03em;font-weight:800;color:var(--pf-title-color)}.portfolio-showcase-heading h2:after{content:"";display:block;width:94px;height:4px;margin:14px auto 0;border-radius:999px;background:linear-gradient(90deg,#753ff6 0%,#9a4fff 52%,#ff8b20 100%)}.portfolio-showcase-heading p{max-width:830px;margin:0 auto;font-family:var(--pf-subtitle-font);font-size:var(--pf-subtitle-size);line-height:1.65;color:var(--pf-subtitle-color)}.portfolio-filter-bar{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin:22px auto 28px}.portfolio-filter-bar button{min-width:130px;min-height:44px;padding:7px 20px;border:1px solid rgba(207,215,230,.95);border-radius:999px;background:#fff;box-shadow:0 8px 18px rgba(26,38,68,.04);font-family:var(--pf-filter-font);font-size:var(--pf-filter-size);font-weight:700;color:var(--pf-filter-color);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.portfolio-filter-bar button:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(26,38,68,.08)}.portfolio-filter-bar button.is-active{border-color:transparent;background:linear-gradient(135deg,var(--pf-filter-active-bg),color-mix(in srgb,var(--pf-filter-active-bg) 70%,#b933f0));color:var(--pf-filter-active-text);box-shadow:0 12px 26px color-mix(in srgb,var(--pf-filter-active-bg) 24%,transparent)}.portfolio-project-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.portfolio-project-card{min-width:0;border-radius:20px;background:#fff;border:1px solid rgba(222,228,239,.95);box-shadow:0 14px 32px rgba(21,33,61,.07);overflow:hidden;transition:transform .23s ease,box-shadow .23s ease}.portfolio-project-card:hover{transform:translateY(-4px);box-shadow:0 20px 38px rgba(21,33,61,.12)}.portfolio-project-card.is-hidden{display:none}.portfolio-project-thumb{position:relative;display:block;width:100%;aspect-ratio:16/9;background:#eef2f8;overflow:hidden}.portfolio-project-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .35s ease}.portfolio-project-card:hover .portfolio-project-thumb img{transform:scale(1.035)}.portfolio-play-icon{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.94);color:#7240f5;font-size:18px;padding-left:3px;box-shadow:0 12px 28px rgba(38,33,83,.20)}.portfolio-project-body{padding:14px 15px 15px}.portfolio-project-body h3{margin:0 0 12px;font-family:var(--pf-project-title-font);font-size:var(--pf-project-title-size);line-height:1.26;font-weight:800;color:var(--pf-project-title-color)}.portfolio-project-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.portfolio-category-tag{display:inline-flex;align-items:center;min-height:32px;padding:5px 11px;border-radius:999px;background:color-mix(in srgb,var(--pf-category-color) 9%,#fff);border:1px solid color-mix(in srgb,var(--pf-category-color) 16%,#fff);font-family:var(--pf-category-font);font-size:var(--pf-category-size);line-height:1;font-weight:750;color:var(--pf-category-color);white-space:nowrap}.portfolio-category-tag.category-audio{background:#effaf1;border-color:#d8f1dd}.portfolio-category-tag.category-motion-graphics{background:#fff4e8;border-color:#ffe1c1}.portfolio-category-tag.category-website{background:#edf5ff;border-color:#d7e9ff}.portfolio-project-link{display:inline-flex;align-items:center;gap:7px;font-family:var(--pf-link-font);font-size:var(--pf-link-size);font-weight:800;color:var(--pf-link-color);white-space:nowrap}.portfolio-project-link:hover{color:var(--pf-link-color);text-decoration:underline;text-underline-offset:4px}.portfolio-bottom-action{position:relative;z-index:2;display:flex;justify-content:center;margin-top:28px}.portfolio-bottom-action a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px;border-radius:16px;background:linear-gradient(135deg,var(--pf-bottom-start),var(--pf-bottom-end));box-shadow:0 16px 32px color-mix(in srgb,var(--pf-bottom-start) 22%,transparent);font-family:var(--pf-bottom-font);font-size:var(--pf-bottom-size);font-weight:800;color:var(--pf-bottom-color);transition:transform .2s ease,box-shadow .2s ease}.portfolio-bottom-action a:hover{color:var(--pf-bottom-color);transform:translateY(-2px);box-shadow:0 18px 36px color-mix(in srgb,var(--pf-bottom-start) 28%,transparent)}.portfolio-fallback-art{position:relative;width:100%;height:100%;overflow:hidden;background:linear-gradient(135deg,#5b36c5,#281659);color:#fff}.portfolio-fallback-art.website{background:linear-gradient(135deg,#eaf5ff,#d7edff 46%,#eef7ff)}.portfolio-fallback-art.video-ads{background:linear-gradient(135deg,#492481,#2d145d 56%,#8b3fd2)}.portfolio-fallback-art.motion-graphics{background:linear-gradient(135deg,#2d165e,#43217d 50%,#fa8b1b)}.portfolio-fallback-art.audio{background:linear-gradient(135deg,#29135e,#4f278c 54%,#a339c9)}.portfolio-fallback-art.general{background:linear-gradient(135deg,#23395d,#526b9b)}.fallback-window{position:absolute;left:8%;top:10%;width:84%;height:70%;border-radius:14px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24)}.website .fallback-window{background:#fff;border-color:#c8dcf2;box-shadow:0 12px 20px rgba(57,102,148,.10)}.fallback-circle{position:absolute;right:10%;top:16%;width:28%;aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,255,255,.24));box-shadow:0 0 0 12px rgba(255,255,255,.07)}.website .fallback-circle{background:linear-gradient(135deg,#3f95f7,#67c8ef);box-shadow:0 0 0 12px rgba(63,149,247,.10)}.fallback-bar{position:absolute;left:12%;height:8%;border-radius:999px;background:rgba(255,255,255,.70)}.website .fallback-bar{background:#226dc7}.fallback-bar.bar-a{top:28%;width:40%}.fallback-bar.bar-b{top:42%;width:30%;opacity:.65}.fallback-title{position:absolute;left:12%;right:12%;bottom:10%;font-family:var(--pf-project-title-font);font-size:clamp(14px,1.5vw,22px);font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.15)}.website .fallback-title{color:#173960;text-shadow:none}@media(max-width:1050px){.portfolio-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.portfolio-showcase-section{padding:30px 0 18px}.portfolio-showcase-container{width:min(100% - 14px,1210px)}.portfolio-showcase-heading{margin-bottom:18px}.portfolio-showcase-badge{min-height:34px;padding:0 13px;font-size:min(var(--pf-badge-size),13px)}.portfolio-showcase-heading h2{margin:12px 0 9px;font-size:clamp(24px,8vw,36px)}.portfolio-showcase-heading h2:after{width:74px;margin-top:11px}.portfolio-showcase-heading p{font-size:min(var(--pf-subtitle-size),15px);line-height:1.7}.portfolio-filter-bar{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;margin:16px 0 18px;padding:2px 1px 7px;scrollbar-width:none}.portfolio-filter-bar::-webkit-scrollbar{display:none}.portfolio-filter-bar button{min-width:max-content;min-height:38px;padding:6px 15px;font-size:min(var(--pf-filter-size),13px)}.portfolio-project-grid{grid-template-columns:1fr;gap:13px}.portfolio-project-card{border-radius:18px}.portfolio-project-body{padding:12px 13px 13px}.portfolio-project-body h3{font-size:min(var(--pf-project-title-size),20px);margin-bottom:10px}.portfolio-project-meta{gap:9px}.portfolio-category-tag{min-height:29px;padding:5px 9px;font-size:min(var(--pf-category-size),12px)}.portfolio-project-link{font-size:min(var(--pf-link-size),13px)}.portfolio-play-icon{width:48px;height:48px}.portfolio-bottom-action{margin-top:18px}.portfolio-bottom-action a{min-height:48px;padding:0 20px;font-size:min(var(--pf-bottom-size),15px);border-radius:14px}}@media(prefers-reduced-motion:reduce){.portfolio-project-card,.portfolio-project-thumb img,.portfolio-filter-bar button,.portfolio-bottom-action a{transition:none}}
/* v1.12.8 - graphics design section */
.graphics-design-section{position:relative;padding:28px 0 20px;background:linear-gradient(180deg,#fcfcff 0%,#fffdfa 100%);overflow:hidden}.graphics-design-container{position:relative;width:min(100% - 24px,1220px)}.graphics-separator{display:flex;align-items:center;justify-content:center;gap:20px;margin:0 auto 22px;max-width:860px}.graphics-separator-line{flex:1;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(122,64,246,.8),rgba(255,145,32,.8))}.graphics-separator strong{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-size:18px;font-weight:800;background:linear-gradient(90deg,#6f39f4 0%,#ff8e20 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.graphics-design-card{display:grid;grid-template-columns:450px minmax(0,1fr);gap:18px;align-items:stretch;padding:18px 18px 18px 26px;border-radius:28px;background:linear-gradient(180deg,#fffaf6 0%,#fff 100%);border:1px solid rgba(234,237,244,.95);box-shadow:0 20px 46px rgba(19,31,57,.08)}.graphics-design-copy{padding:16px 10px 14px 6px}.graphics-design-badge{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border-radius:999px;background:#fff7f0;border:1px solid rgba(255,150,50,.22);box-shadow:0 8px 18px rgba(255,128,24,.08);font-size:13px;font-weight:800;color:#ff7f16}.graphics-design-badge:before{content:"✦";font-size:12px;color:#ff8d1f}.graphics-design-copy h2{margin:18px 0 14px;color:#14213e;font-size:clamp(34px,3vw,54px);line-height:1.12;font-weight:800;letter-spacing:-.03em}.graphics-design-subtitle{max-width:460px;margin:0 0 18px;color:#66718a;font-size:18px;line-height:1.72}.graphics-design-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;max-width:520px}.graphics-list-item{display:flex;align-items:center;gap:10px;color:#32425f;font-size:17px;font-weight:600;line-height:1.5}.graphics-list-icon{display:grid;place-items:center;flex:0 0 auto;width:24px;height:24px;border-radius:8px;background:linear-gradient(135deg,#fff0df 0%,#ffe2bf 100%);box-shadow:inset 0 0 0 1px rgba(255,152,45,.18)}.graphics-list-icon:before{content:"";width:10px;height:10px;border-radius:3px;border:2px solid #ff8518;box-sizing:border-box}.graphics-design-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;margin-top:28px;padding:0 24px;border-radius:16px;background:linear-gradient(135deg,#ff7f17 0%,#ff9f14 100%);text-decoration:none;font-size:19px;font-weight:800;color:#fff;box-shadow:0 16px 34px rgba(255,127,23,.2);transition:transform .2s ease,box-shadow .2s ease}.graphics-design-button:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(255,127,23,.26)}.graphics-design-visual{display:grid;align-items:center}.graphics-editor-shell{display:grid;grid-template-columns:54px minmax(0,1fr) 182px;min-height:316px;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#171b2d 0%,#24314d 100%);box-shadow:0 16px 34px rgba(17,26,44,.18)}.graphics-editor-toolbar{display:grid;align-content:center;justify-items:center;gap:16px;padding:18px 10px;background:rgba(10,15,27,.35)}.graphics-editor-toolbar span{display:block;width:18px;height:18px;border-radius:6px;border:1.5px solid rgba(255,255,255,.68)}.graphics-editor-stage{padding:22px;background:linear-gradient(135deg,#1b2240 0%,#27275a 52%,#1f2548 100%)}.graphics-poster-canvas{position:relative;height:100%;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#6029e8 0%,#6f3af5 28%,#8b39ff 52%,#ff8d18 82%,#ffb233 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}.graphics-canvas-text{position:absolute;left:32px;top:34px;z-index:2;color:#fff;font-size:24px;line-height:1.18;font-weight:700}.graphics-canvas-text div+div{margin-top:3px}.graphics-canvas-btn{position:absolute;left:32px;bottom:28px;z-index:2;display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 16px;border-radius:999px;background:#ff9b15;color:#fff;font-size:13px;font-weight:800;box-shadow:0 12px 24px rgba(255,131,17,.25)}.graphics-canvas-btn b{font-weight:900}.graphics-swoosh{position:absolute;border-radius:50%;border:18px solid rgba(255,208,126,.25)}.swoosh-a{right:-36px;bottom:-60px;width:240px;height:240px;border-width:20px;border-left-color:transparent;border-top-color:rgba(255,208,126,.4)}.swoosh-b{right:24px;bottom:-14px;width:188px;height:188px;border-left-color:transparent;border-top-color:rgba(255,202,108,.32)}.swoosh-c{right:84px;bottom:38px;width:98px;height:98px;border-width:10px;border-left-color:transparent;border-top-color:rgba(255,213,132,.28)}.graphics-editor-panel{display:grid;align-content:start;gap:18px;padding:22px 18px;background:linear-gradient(180deg,#151c2c 0%,#1d2538 100%);color:#fff}.graphics-panel-group strong{display:block;margin-bottom:12px;font-size:18px;font-weight:700}.graphics-row.small{display:block;width:100%;height:12px;border-radius:999px;background:linear-gradient(90deg,#54617d,#313b52)}.graphics-color-dots{display:grid;grid-template-columns:repeat(3,18px);gap:10px}.graphics-color-dots i{display:block;width:18px;height:18px;border-radius:50%}.graphics-color-dots i:nth-child(1){background:#7b4cf7}.graphics-color-dots i:nth-child(2){background:#2c93ff}.graphics-color-dots i:nth-child(3){background:#35d2ff}.graphics-color-dots i:nth-child(4){background:#ff5f91}.graphics-color-dots i:nth-child(5){background:#ff8b1d}.graphics-color-dots i:nth-child(6){background:#ffd13a}.graphics-editor-panel ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}.graphics-editor-panel li{display:flex;align-items:center;gap:10px;font-size:14px;color:#d8def1}.graphics-editor-panel li:before{content:"";width:14px;height:14px;border-radius:4px;border:1.5px solid rgba(255,255,255,.65);box-sizing:border-box}.portfolio-section{position:relative;z-index:1}@media(max-width:1180px){.graphics-design-card{grid-template-columns:1fr;gap:16px;padding:18px}.graphics-design-copy{padding:8px 4px 8px}.graphics-design-subtitle{max-width:none}.graphics-editor-shell{grid-template-columns:48px minmax(0,1fr) 160px}}@media(max-width:767px){.graphics-design-section{padding:20px 0 12px}.graphics-design-container{width:min(100% - 14px,1220px)}.graphics-separator{gap:10px;margin-bottom:16px}.graphics-separator strong{font-size:15px}.graphics-design-card{grid-template-columns:1fr;gap:12px;padding:14px;border-radius:22px}.graphics-design-badge{min-height:34px;padding:0 12px;font-size:12px}.graphics-design-copy h2{margin:14px 0 10px;font-size:clamp(24px,8vw,34px)}.graphics-design-subtitle{font-size:15px;line-height:1.7;margin-bottom:14px}.graphics-design-list{grid-template-columns:1fr;gap:10px}.graphics-list-item{font-size:15px}.graphics-design-button{min-height:46px;margin-top:18px;padding:0 18px;border-radius:14px;font-size:16px}.graphics-editor-shell{grid-template-columns:36px minmax(0,1fr) 104px;min-height:214px;border-radius:18px}.graphics-editor-toolbar{gap:10px;padding:10px 6px}.graphics-editor-toolbar span{width:12px;height:12px;border-radius:4px}.graphics-editor-stage{padding:10px}.graphics-canvas-text{left:14px;top:16px;font-size:16px}.graphics-canvas-btn{left:14px;bottom:14px;min-height:28px;padding:0 10px;font-size:10px}.graphics-editor-panel{gap:10px;padding:12px 10px}.graphics-panel-group strong{margin-bottom:8px;font-size:13px}.graphics-color-dots{grid-template-columns:repeat(3,12px);gap:7px}.graphics-color-dots i{width:12px;height:12px}.graphics-editor-panel li{font-size:10px;gap:6px}.graphics-editor-panel li:before{width:10px;height:10px;border-radius:3px}.swoosh-a{width:160px;height:160px}.swoosh-b{width:126px;height:126px;right:16px}.swoosh-c{width:76px;height:76px;right:62px}}@media(prefers-reduced-motion:reduce){.graphics-design-button{transition:none}}
/* v1.12.9 - portfolio mobile exact card layout */
@media(max-width:767px){
.portfolio-showcase-mobile .portfolio-showcase-heading{max-width:100%;margin-bottom:20px}
.portfolio-showcase-mobile .portfolio-showcase-badge{min-height:42px;padding:0 18px;font-size:15px;border-color:rgba(131,98,242,.18);box-shadow:0 10px 24px rgba(20,33,61,.06)}
.portfolio-showcase-mobile .portfolio-showcase-heading h2{margin:14px 0 10px;font-size:clamp(27px,8.3vw,42px);line-height:1.08}
.portfolio-showcase-mobile .portfolio-showcase-heading p{max-width:92%;font-size:16px;line-height:1.75}
.portfolio-showcase-mobile .portfolio-filter-bar{justify-content:center;flex-wrap:wrap;overflow:visible;gap:12px;margin:18px auto 20px;padding:0}
.portfolio-showcase-mobile .portfolio-filter-bar button{min-width:132px;min-height:46px;padding:8px 18px;font-size:15px;box-shadow:0 8px 18px rgba(26,38,68,.05)}
.portfolio-showcase-mobile .portfolio-project-grid{gap:14px}
.portfolio-showcase-mobile .portfolio-project-card{display:grid;grid-template-columns:minmax(0,58%) minmax(0,42%);align-items:stretch;gap:12px;padding:10px;border-radius:22px;box-shadow:0 12px 28px rgba(21,33,61,.07)}
.portfolio-showcase-mobile .portfolio-project-thumb{aspect-ratio:auto;height:100%;min-height:154px;border-radius:16px}
.portfolio-showcase-mobile .portfolio-project-body{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:4px 6px 4px 0}
.portfolio-showcase-mobile .portfolio-project-body h3{margin:10px 0 12px;font-size:17px;line-height:1.28;font-weight:800}
.portfolio-showcase-mobile .portfolio-category-tag{min-height:30px;padding:5px 12px;font-size:12px;font-weight:800}
.portfolio-showcase-mobile .portfolio-project-link{margin-top:auto;font-size:14px;font-weight:800;line-height:1.2;white-space:normal}
.portfolio-showcase-mobile .portfolio-play-icon{width:50px;height:50px;font-size:17px}
.portfolio-showcase-mobile .portfolio-bottom-action{margin-top:18px}
.portfolio-showcase-mobile .portfolio-bottom-action a{width:100%;min-height:52px;border-radius:999px;font-size:18px}
}
@media(max-width:575px){
.portfolio-showcase-mobile .portfolio-filter-bar button{min-width:118px;font-size:14px}
.portfolio-showcase-mobile .portfolio-project-card{grid-template-columns:minmax(0,57%) minmax(0,43%);gap:10px;padding:9px}
.portfolio-showcase-mobile .portfolio-project-thumb{min-height:142px}
.portfolio-showcase-mobile .portfolio-project-body h3{font-size:16px;margin:9px 0 10px}
.portfolio-showcase-mobile .portfolio-project-link{font-size:13px}
.portfolio-showcase-mobile .portfolio-category-tag{font-size:11px}
}
/* v1.13.0 - client reviews section */
.client-reviews-section{position:relative;padding:30px 0 42px;background:linear-gradient(180deg,#fbfbff 0%,#fffdfd 100%);overflow:hidden}.client-reviews-section:before{content:"";position:absolute;left:-80px;top:20px;width:220px;height:220px;background:radial-gradient(circle,rgba(136,92,255,.14),rgba(136,92,255,0) 70%);pointer-events:none}.client-reviews-container{width:min(100% - 24px,1200px)}.client-reviews-heading{max-width:920px;margin:0 auto;text-align:center}.client-reviews-badge{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 20px;border-radius:999px;border:1px solid rgba(128,91,244,.24);background:#fff;box-shadow:0 12px 28px rgba(16,27,49,.05);font-size:15px;font-weight:800;color:#6d3df3}.client-reviews-badge:before{content:"👥";font-size:15px}.client-reviews-heading h2{margin:18px 0 10px;font-size:clamp(40px,3.8vw,64px);line-height:1.08;font-weight:800;letter-spacing:-.03em;color:#132141}.client-reviews-heading p{max-width:760px;margin:0 auto;color:#75809a;font-size:20px;line-height:1.74}.client-reviews-tabs{display:flex;justify-content:center;gap:14px;max-width:720px;margin:26px auto 0;padding:10px;border-radius:24px;border:1px solid rgba(128,91,244,.18);background:#fff;box-shadow:0 14px 30px rgba(16,27,49,.05)}.client-reviews-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex:1;min-height:58px;padding:0 18px;border:0;border-radius:18px;background:transparent;font-size:20px;font-weight:800;color:#5a6682;cursor:pointer;transition:all .2s ease}.client-reviews-tabs button.is-active{background:linear-gradient(135deg,#f5efff 0%,#fff9f4 100%);color:#6f39f4;box-shadow:inset 0 0 0 1px rgba(128,91,244,.12)}.client-reviews-tabs button[data-review-tab="screenshot"].is-active{color:#ff7b14}.client-reviews-pane{display:none;margin-top:24px}.client-reviews-pane.is-active{display:block}.review-card-surface{border:1px solid rgba(220,225,235,.8);border-radius:28px;background:#fff;box-shadow:0 18px 38px rgba(17,25,45,.06)}.client-video-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);gap:22px;align-items:start}.client-video-featured{padding:16px}.client-review-media{position:relative;display:block;overflow:hidden;border-radius:22px;background:linear-gradient(135deg,#1e2240 0%,#4b237f 100%);text-decoration:none}.client-review-media img{display:block;width:100%;height:100%;object-fit:cover}.client-video-featured-media{aspect-ratio:16/8.2}.client-video-mini-media{aspect-ratio:16/10}.client-review-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:#6f39f4;color:#fff;font-size:34px;box-shadow:0 20px 36px rgba(111,57,244,.28)}.client-review-play.small{width:54px;height:54px;font-size:18px;box-shadow:0 14px 26px rgba(111,57,244,.24)}.client-review-featured-chip{position:absolute;left:18px;top:16px;display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;background:linear-gradient(135deg,#6f39f4 0%,#8f58ff 100%);font-size:14px;font-weight:800;color:#fff;box-shadow:0 14px 24px rgba(111,57,244,.22)}.client-review-placeholder{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;width:100%;height:100%;padding:26px;background:linear-gradient(135deg,#2a3154 0%,#6a35d9 72%,#f4861f 100%);color:#fff}.client-review-placeholder b{font-size:24px}.client-review-placeholder small{font-size:15px;opacity:.9}.client-video-featured-meta{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:16px}.client-review-person{display:flex;align-items:center;gap:12px}.client-review-avatar{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#efe6ff 0%,#ffffff 100%);box-shadow:inset 0 0 0 1px rgba(128,91,244,.12);font-size:24px;font-weight:800;color:#6f39f4}.client-review-avatar.small{width:38px;height:38px;font-size:17px}.client-review-person strong{display:block;font-size:18px;font-weight:800;color:#182746;line-height:1.2}.client-review-person small{display:block;margin-top:3px;color:#74809c;font-size:14px;line-height:1.25}.client-review-stars{font-size:24px;line-height:1;color:#ff7f17;letter-spacing:3px;white-space:nowrap}.client-review-stars.compact{font-size:18px;letter-spacing:2px}.client-video-featured-text{margin:10px 0 2px;color:#5f6c88;font-size:18px;line-height:1.72}.client-video-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.client-video-mini{padding:14px}.client-video-mini-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px}.client-review-person.compact{gap:10px}.client-review-person.compact strong{font-size:16px}.client-screenshot-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}.client-screenshot-card{display:grid;grid-template-columns:108px minmax(0,1fr) 170px;align-items:center;gap:18px;padding:16px 18px}.client-screenshot-thumb{display:block;width:108px;height:108px;border-radius:20px;overflow:hidden;background:#f4f7fb}.client-screenshot-thumb img{width:100%;height:100%;object-fit:cover}.client-screenshot-thumb-placeholder{display:grid;place-items:center;width:100%;height:100%;font-size:38px;background:linear-gradient(135deg,#efe6ff 0%,#f8f6ff 100%)}.client-screenshot-head{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin-bottom:8px}.client-screenshot-head strong{font-size:22px;font-weight:800;color:#182746}.client-screenshot-head small{font-size:14px;color:#8b97b0}.client-screenshot-copy p{margin:0;color:#5f6d89;font-size:17px;line-height:1.7}.client-screenshot-metric{display:grid;gap:6px;padding:16px;border-radius:18px;border:1px solid rgba(219,225,236,.9);background:#fff}.client-screenshot-metric small{color:#74809c;font-size:13px;line-height:1.35}.client-screenshot-metric strong{color:#172644;font-size:34px;line-height:1;font-weight:800}.client-screenshot-metric span{display:inline-flex;align-items:center;gap:6px;color:#24b264;font-size:15px;font-weight:800}.client-reviews-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:24px;border:1px solid rgba(219,225,236,.9);border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 14px 30px rgba(16,27,49,.05)}.client-review-stat{display:grid;justify-items:center;align-content:center;gap:6px;min-height:126px;padding:20px 14px;text-align:center}.client-review-stat+.client-review-stat{border-left:1px solid rgba(226,230,238,.95)}.client-review-stat .icon{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#efe6ff 0%,#fff9f4 100%);font-size:22px}.client-review-stat strong{font-size:38px;line-height:1;font-weight:800;color:#6f39f4}.client-review-stat small{font-size:18px;line-height:1.35;color:#6a7691}.client-reviews-bottom-action{margin-top:24px}.client-reviews-bottom-action a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:82px;padding:0 28px;border-radius:28px;background:linear-gradient(135deg,#6d39f4 0%,#7e45ff 45%,#ff8c18 100%);box-shadow:0 20px 40px rgba(111,57,244,.18);text-decoration:none;font-size:32px;font-weight:800;color:#fff}.client-reviews-bottom-action a span{font-size:36px}.client-reviews-section .portfolio-section{position:relative;z-index:1}
@media(max-width:1199px){.client-video-layout{grid-template-columns:1fr;gap:18px}.client-video-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.client-screenshot-list{grid-template-columns:1fr}.client-screenshot-card{grid-template-columns:92px minmax(0,1fr) 160px}.client-reviews-heading h2{font-size:clamp(34px,4vw,52px)}.client-reviews-heading p{font-size:18px}}
@media(max-width:991px){.client-reviews-section{padding:26px 0 34px}.client-reviews-container{width:min(100% - 18px,1200px)}.client-reviews-tabs button{min-height:54px;font-size:18px}.client-video-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-screenshot-card{grid-template-columns:88px minmax(0,1fr);gap:14px}.client-screenshot-metric{grid-column:2;max-width:180px}.client-reviews-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.client-review-stat strong{font-size:32px}.client-review-stat small{font-size:16px}.client-reviews-bottom-action a{min-height:68px;font-size:24px}.client-reviews-bottom-action a span{font-size:28px}}
@media(max-width:767px){.client-reviews-section{padding:20px 0 28px}.client-reviews-container{width:min(100% - 14px,1200px)}.client-reviews-heading{max-width:100%}.client-reviews-badge{min-height:38px;padding:0 16px;font-size:13px}.client-reviews-heading h2{margin:14px 0 10px;font-size:clamp(26px,8.6vw,40px);line-height:1.12}.client-reviews-heading p{max-width:92%;font-size:16px;line-height:1.72}.client-reviews-tabs{gap:8px;margin-top:18px;padding:7px;border-radius:18px}.client-reviews-tabs button{min-height:44px;padding:0 10px;border-radius:14px;font-size:15px}.client-reviews-pane{margin-top:16px}.review-card-surface{border-radius:22px}.client-video-featured{padding:10px}.client-video-featured-media{aspect-ratio:16/9.2;border-radius:16px}.client-review-featured-chip{left:12px;top:12px;min-height:30px;padding:0 10px;font-size:11px}.client-review-play{width:66px;height:66px;font-size:24px}.client-video-featured-meta{gap:10px;margin-top:12px}.client-review-avatar{width:42px;height:42px;font-size:18px}.client-review-person strong{font-size:16px}.client-review-person small{font-size:12px}.client-review-stars{font-size:18px;letter-spacing:2px}.client-video-featured-text{font-size:15px;line-height:1.65}.client-video-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.client-video-mini{padding:8px}.client-video-mini-media{border-radius:14px}.client-review-play.small{width:40px;height:40px;font-size:14px}.client-video-mini-bottom{margin-top:8px;align-items:flex-start;flex-direction:column}.client-review-person.compact{gap:8px}.client-review-person.compact strong{font-size:13px}.client-review-avatar.small{width:30px;height:30px;font-size:13px}.client-review-stars.compact{font-size:14px}.client-screenshot-list{gap:12px}.client-screenshot-card{grid-template-columns:70px minmax(0,1fr);padding:12px;gap:12px;border-radius:20px}.client-screenshot-thumb{width:70px;height:70px;border-radius:16px}.client-screenshot-head{gap:4px 6px;margin-bottom:6px}.client-screenshot-head strong{font-size:17px}.client-screenshot-head small{font-size:11px}.client-screenshot-copy p{font-size:14px;line-height:1.55}.client-screenshot-metric{grid-column:2;padding:10px 12px;max-width:132px;border-radius:14px}.client-screenshot-metric small{font-size:10px}.client-screenshot-metric strong{font-size:22px}.client-screenshot-metric span{font-size:11px}.client-reviews-stats{margin-top:16px;border-radius:18px}.client-review-stat{min-height:90px;padding:12px 8px}.client-review-stat .icon{width:40px;height:40px;border-radius:14px;font-size:18px}.client-review-stat strong{font-size:24px}.client-review-stat small{font-size:12px}.client-reviews-bottom-action{margin-top:16px}.client-reviews-bottom-action a{min-height:56px;border-radius:20px;font-size:18px}.client-reviews-bottom-action a span{font-size:22px}}
@media(max-width:480px){.client-reviews-heading p{max-width:100%}.client-reviews-tabs button{font-size:14px}.client-video-mini-grid{grid-template-columns:1fr 1fr}.client-review-person.compact strong{font-size:12px}.client-review-stars.compact{font-size:13px;letter-spacing:1px}.client-screenshot-metric{max-width:118px}.client-review-stat strong{font-size:21px}.client-review-stat small{font-size:11px}}
/* v1.13.1 - optional reviewer contact */
.client-review-contact{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin-top:10px}.client-review-contact a{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:5px 10px;border-radius:999px;background:#f7f5ff;border:1px solid rgba(111,57,244,.12);color:#5c43bd;text-decoration:none;font-size:13px;font-weight:700;line-height:1.2}.client-review-contact a:hover{background:#f1ecff;color:#5534cb}.client-review-contact a:nth-child(2){background:#fff8f1;border-color:rgba(255,127,23,.15);color:#c9650e}.client-review-contact.compact{gap:6px;margin-top:8px}.client-review-contact.compact a{min-height:27px;padding:4px 8px;font-size:11px}.client-review-contact.screenshot-contact{margin-top:9px}@media(max-width:767px){.client-review-contact{gap:6px;margin-top:8px}.client-review-contact a{min-height:28px;padding:4px 8px;font-size:11px}.client-review-contact.compact{display:grid;grid-template-columns:1fr;align-items:start}.client-review-contact.screenshot-contact{margin-top:7px}.client-review-contact.screenshot-contact a{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
/* v1.13.2 - our team section */
.our-team-section{position:relative;padding:30px 0 46px;background:linear-gradient(180deg,#fdfcff 0%,#ffffff 100%);overflow:hidden}.our-team-section:before{content:"";position:absolute;left:-70px;top:0;width:240px;height:240px;background:radial-gradient(circle,rgba(144,113,255,.16),rgba(144,113,255,0) 70%);pointer-events:none}.our-team-section:after{content:"";position:absolute;right:-60px;bottom:40px;width:220px;height:220px;background:radial-gradient(circle,rgba(255,153,87,.14),rgba(255,153,87,0) 72%);pointer-events:none}.our-team-container{width:min(100% - 24px,1200px);position:relative;z-index:1}.our-team-heading{max-width:760px;margin:0 auto;text-align:center}.our-team-badge{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 20px;border-radius:999px;border:1px solid rgba(128,91,244,.2);background:#fff;box-shadow:0 12px 28px rgba(16,27,49,.05);font-size:15px;font-weight:800;color:#6d3df3}.our-team-badge:before{content:"👥";font-size:15px}.our-team-heading h2{margin:18px 0 10px;font-size:clamp(40px,3.7vw,62px);line-height:1.08;font-weight:800;letter-spacing:-.03em;color:#132141}.our-team-heading p{max-width:680px;margin:0 auto;color:#75809a;font-size:20px;line-height:1.72}.our-team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}.our-team-card{display:flex;flex-direction:column;padding:16px;border:1px solid rgba(220,225,235,.85);border-radius:26px;background:linear-gradient(180deg,#ffffff 0%,#fefcff 100%);box-shadow:0 18px 38px rgba(17,25,45,.06);animation:teamCardReveal .7s ease both, teamCardFloat 6.4s ease-in-out infinite;animation-delay:calc(var(--card-index,0) * .08s),calc(var(--card-index,0) * .24s);transform-origin:center bottom}.our-team-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(17,25,45,.11)}.our-team-photo-wrap{border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#f0ebff 0%,#ffffff 100%);aspect-ratio:5/6}.our-team-photo{display:block;width:100%;height:100%;object-fit:cover}.our-team-photo-placeholder{display:grid;place-items:center}.our-team-photo-placeholder span{display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:linear-gradient(135deg,#6f39f4 0%,#8b55ff 100%);font-size:40px;font-weight:800;color:#fff;box-shadow:0 18px 30px rgba(111,57,244,.24)}.our-team-card-body{display:flex;flex-direction:column;align-items:center;flex:1;text-align:center;padding:14px 4px 0}.our-team-card h3{margin:0;font-size:20px;line-height:1.25;font-weight:800;color:#172644}.our-team-designation{margin-top:7px;font-size:16px;line-height:1.45;font-weight:700;color:#6f39f4}.our-team-divider{display:block;width:52px;height:3px;margin:12px auto;border-radius:999px;background:linear-gradient(90deg,#7d50ff 0%,#7d50ff 50%,#ff8d1e 100%)}.our-team-socials{display:flex;justify-content:center;gap:12px;margin-bottom:14px}.our-team-socials a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(210,216,228,.95);background:#fff;text-decoration:none;font-size:18px;font-weight:800;color:#6f39f4;box-shadow:0 8px 18px rgba(17,25,45,.05);transition:all .2s ease}.our-team-socials a:hover{transform:translateY(-3px);box-shadow:0 12px 22px rgba(17,25,45,.09)}.our-team-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;margin-top:auto;padding:0 18px;border-radius:16px;border:1px solid rgba(126,81,255,.55);background:#fff;text-decoration:none;font-size:18px;font-weight:800;color:#6f39f4;transition:all .2s ease}.our-team-button:hover{background:linear-gradient(135deg,#6d39f4 0%,#8750ff 100%);color:#fff}.our-team-bottom-cta{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-top:24px;padding:22px 24px;border:1px solid rgba(220,225,235,.85);border-radius:28px;background:linear-gradient(135deg,#ffffff 0%,#fff8f1 100%);box-shadow:0 18px 34px rgba(17,25,45,.05)}.our-team-bottom-icon{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#6d39f4 0%,#8450ff 100%);font-size:34px;color:#fff;box-shadow:0 16px 28px rgba(111,57,244,.18)}.our-team-bottom-copy strong{display:block;font-size:28px;line-height:1.15;font-weight:800;color:#172644}.our-team-bottom-copy p{margin:8px 0 0;color:#75809a;font-size:17px;line-height:1.7}.our-team-bottom-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:0 26px;border-radius:18px;background:linear-gradient(135deg,#6d39f4 0%,#8750ff 56%,#ff8d1e 100%);text-decoration:none;font-size:19px;font-weight:800;color:#fff;box-shadow:0 18px 30px rgba(111,57,244,.18)}.our-team-bottom-button span{font-size:22px}@keyframes teamCardReveal{from{opacity:0;transform:translateY(28px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes teamCardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(max-width:1199px){.our-team-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.our-team-card{padding:14px}.our-team-card h3{font-size:18px}.our-team-designation{font-size:15px}.our-team-bottom-copy strong{font-size:24px}.our-team-heading h2{font-size:clamp(34px,4vw,54px)}.our-team-heading p{font-size:18px}}
@media(max-width:991px){.our-team-section{padding:26px 0 34px}.our-team-container{width:min(100% - 18px,1200px)}.our-team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.our-team-card h3{font-size:17px}.our-team-designation{font-size:14px}.our-team-socials a{width:36px;height:36px;font-size:16px}.our-team-button{min-height:44px;font-size:16px}.our-team-bottom-cta{grid-template-columns:1fr;justify-items:start}.our-team-bottom-button{min-height:54px;font-size:17px}}
@media(max-width:767px){.our-team-section{padding:20px 0 28px}.our-team-container{width:min(100% - 14px,1200px)}.our-team-heading{max-width:100%}.our-team-badge{min-height:38px;padding:0 16px;font-size:13px}.our-team-heading h2{margin:14px 0 10px;font-size:clamp(26px,8.4vw,40px);line-height:1.12}.our-team-heading p{max-width:95%;font-size:16px;line-height:1.72}.our-team-grid{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 20px)/3);gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding-bottom:6px;margin-top:20px}.our-team-grid::-webkit-scrollbar{display:none}.our-team-card{scroll-snap-align:start;min-width:0;padding:8px 8px 10px;border-radius:18px;animation-duration:.7s,5.8s}.our-team-photo-wrap{border-radius:14px}.our-team-photo-placeholder span{width:54px;height:54px;font-size:24px}.our-team-card-body{padding:10px 2px 0}.our-team-card h3{font-size:13px;line-height:1.25}.our-team-designation{margin-top:5px;font-size:10px;line-height:1.35}.our-team-divider{width:34px;height:2px;margin:8px auto}.our-team-socials{gap:7px;margin-bottom:9px}.our-team-socials a{width:24px;height:24px;font-size:11px}.our-team-button{min-height:34px;padding:0 8px;border-radius:12px;font-size:11px;gap:6px}.our-team-bottom-cta{margin-top:16px;padding:14px 14px 16px;border-radius:20px;gap:12px}.our-team-bottom-icon{width:52px;height:52px;font-size:24px}.our-team-bottom-copy strong{font-size:20px}.our-team-bottom-copy p{margin-top:6px;font-size:14px;line-height:1.6}.our-team-bottom-button{width:100%;min-height:48px;border-radius:16px;font-size:15px}}
@media(max-width:480px){.our-team-grid{grid-auto-columns:calc((100% - 16px)/3);gap:8px}.our-team-card h3{font-size:12px}.our-team-designation{font-size:9px}.our-team-button{font-size:10px}}
/* v1.13.3 - compact lower homepage typography and spacing */
/* Video Motion Ads */
.video-ads-section{padding:34px 0 20px}
.video-ads-heading{margin-bottom:22px}
.video-ads-heading h2{font-size:clamp(30px,3.2vw,42px);margin-top:13px}
.video-ads-heading p{font-size:15.5px;line-height:1.58}
.video-ads-grid{gap:18px}
.video-ads-card{padding:17px 17px 19px}
.video-card-copy{padding:15px 10px 0}
.video-card-title-row{grid-template-columns:52px minmax(0,1fr);gap:12px;margin-bottom:7px}
.video-card-service-icon{width:50px;height:50px}
.video-card-service-icon svg{width:25px;height:25px}
.video-card-copy h3{font-size:clamp(21px,1.7vw,25px)}
.video-card-copy p{margin-left:64px;font-size:14.25px;line-height:1.6}
.video-card-button{min-height:46px;margin-top:15px;padding:0 22px;font-size:15.5px}
/* Graphics Design */
.graphics-design-section{padding:22px 0 16px}
.graphics-separator{margin-bottom:17px}
.graphics-separator strong{font-size:15px}
.graphics-design-card{grid-template-columns:420px minmax(0,1fr);padding:15px 15px 15px 22px;border-radius:24px}
.graphics-design-copy{padding:12px 8px 10px 4px}
.graphics-design-badge{min-height:34px;font-size:12px}
.graphics-design-copy h2{margin:14px 0 10px;font-size:clamp(29px,2.6vw,40px)}
.graphics-design-subtitle{margin-bottom:14px;font-size:15.5px;line-height:1.62}
.graphics-design-list{gap:11px 16px}
.graphics-list-item{font-size:15px;line-height:1.45}
.graphics-list-icon{width:21px;height:21px}
.graphics-design-button{min-height:47px;margin-top:20px;padding:0 20px;font-size:16px}
.graphics-editor-shell{min-height:290px}
.graphics-canvas-text{font-size:21px}
/* Portfolio Showcase */
.portfolio-showcase-section{padding:36px 0 26px}
.portfolio-showcase-heading{margin-bottom:20px}
.portfolio-showcase-badge{min-height:36px;padding:0 15px;font-size:min(var(--pf-badge-size),13px)}
.portfolio-showcase-heading h2{margin:12px 0 8px;font-size:min(var(--pf-title-size),42px)}
.portfolio-showcase-heading h2:after{width:78px;height:3px;margin-top:11px}
.portfolio-showcase-heading p{font-size:min(var(--pf-subtitle-size),16px);line-height:1.58}
.portfolio-filter-bar{gap:10px;margin:17px auto 22px}
.portfolio-filter-bar button{min-height:40px;padding:6px 17px;font-size:min(var(--pf-filter-size),13px)}
.portfolio-project-grid{gap:15px}
.portfolio-project-card{border-radius:18px}
.portfolio-project-body{padding:12px 13px 13px}
.portfolio-project-body h3{margin-bottom:9px;font-size:min(var(--pf-project-title-size),19px);line-height:1.23}
.portfolio-category-tag{min-height:29px;font-size:min(var(--pf-category-size),11.5px)}
.portfolio-project-link{font-size:min(var(--pf-link-size),12.5px)}
.portfolio-bottom-action{margin-top:21px}
.portfolio-bottom-action a{min-height:48px;padding:0 22px;font-size:min(var(--pf-bottom-size),15px)}
/* Client Reviews */
.client-reviews-section{padding:24px 0 32px}
.client-reviews-badge{min-height:36px;padding:0 16px;font-size:13px}
.client-reviews-heading h2{margin:14px 0 8px;font-size:clamp(31px,3.1vw,43px);line-height:1.1}
.client-reviews-heading p{font-size:16px;line-height:1.62}
.client-reviews-tabs{margin-top:20px;padding:8px}
.client-reviews-tabs button{min-height:50px;font-size:16px}
.client-reviews-pane{margin-top:19px}
.client-video-featured{padding:13px}
.client-review-play{width:74px;height:74px;font-size:27px}
.client-review-featured-chip{min-height:34px;font-size:12px}
.client-review-person strong{font-size:16px}
.client-review-person small{font-size:12.5px}
.client-review-stars{font-size:20px}
.client-video-featured-text{font-size:15px;line-height:1.62}
.client-video-mini{padding:11px}
.client-review-person.compact strong{font-size:14px}
.client-review-stars.compact{font-size:16px}
.client-screenshot-card{padding:14px 15px}
.client-screenshot-head strong{font-size:18px}
.client-screenshot-head small{font-size:12px}
.client-screenshot-copy p{font-size:14.5px;line-height:1.58}
.client-screenshot-metric strong{font-size:28px}
.client-reviews-stats{margin-top:19px}
.client-review-stat{min-height:104px;padding:16px 12px}
.client-review-stat .icon{width:47px;height:47px;font-size:19px}
.client-review-stat strong{font-size:30px}
.client-review-stat small{font-size:14px}
.client-reviews-bottom-action{margin-top:19px}
.client-reviews-bottom-action a{min-height:58px;border-radius:20px;font-size:20px}
.client-reviews-bottom-action a span{font-size:24px}
/* Our Team */
.our-team-section{padding:24px 0 34px}
.our-team-badge{min-height:36px;padding:0 16px;font-size:13px}
.our-team-heading h2{margin:14px 0 8px;font-size:clamp(31px,3vw,42px);line-height:1.1}
.our-team-heading p{font-size:16px;line-height:1.62}
.our-team-grid{gap:14px;margin-top:22px}
.our-team-card{padding:13px;border-radius:22px}
.our-team-photo-wrap{border-radius:17px}
.our-team-card-body{padding-top:11px}
.our-team-card h3{font-size:17px}
.our-team-designation{margin-top:5px;font-size:13px}
.our-team-divider{width:44px;margin:9px auto}
.our-team-socials{gap:9px;margin-bottom:11px}
.our-team-socials a{width:34px;height:34px;font-size:15px}
.our-team-button{min-height:42px;padding:0 14px;border-radius:14px;font-size:14px}
.our-team-bottom-cta{gap:15px;margin-top:20px;padding:18px 20px;border-radius:23px}
.our-team-bottom-icon{width:58px;height:58px;font-size:27px}
.our-team-bottom-copy strong{font-size:21px}
.our-team-bottom-copy p{margin-top:5px;font-size:14px;line-height:1.58}
.our-team-bottom-button{min-height:49px;padding:0 20px;border-radius:15px;font-size:15px}
@media(max-width:991px){
.graphics-design-card{grid-template-columns:1fr}
.client-reviews-heading h2,.our-team-heading h2{font-size:clamp(29px,4vw,38px)}
.client-reviews-heading p,.our-team-heading p{font-size:15.5px}
}
@media(max-width:767px){
.video-ads-section{padding:22px 0 11px}
.video-ads-heading{margin-bottom:14px}
.video-ads-heading h2{font-size:clamp(23px,6.7vw,30px);margin:10px 0 7px}
.video-ads-heading p{font-size:13.25px;line-height:1.58}
.video-ads-card{padding:11px 11px 13px}
.video-card-copy{padding-top:11px}
.video-card-title-row{grid-template-columns:40px minmax(0,1fr);gap:9px}
.video-card-service-icon{width:40px;height:40px}
.video-card-service-icon svg{width:20px;height:20px}
.video-card-copy h3{font-size:18px}
.video-card-copy p{margin-left:49px;font-size:12.5px;line-height:1.56}
.video-card-button{min-height:39px;margin-top:12px;padding:0 16px;font-size:13px}
.graphics-design-section{padding:16px 0 9px}
.graphics-separator{margin-bottom:12px}
.graphics-separator strong{font-size:12.5px}
.graphics-design-card{padding:11px;border-radius:19px}
.graphics-design-copy{padding:5px 2px}
.graphics-design-badge{min-height:30px;font-size:10.5px}
.graphics-design-copy h2{margin:10px 0 8px;font-size:clamp(22px,6.4vw,28px)}
.graphics-design-subtitle{margin-bottom:10px;font-size:13px;line-height:1.56}
.graphics-design-list{gap:8px}
.graphics-list-item{font-size:12.5px}
.graphics-list-icon{width:18px;height:18px}
.graphics-design-button{min-height:39px;margin-top:14px;padding:0 15px;font-size:13px}
.graphics-editor-shell{min-height:190px}
.graphics-canvas-text{font-size:14px}
.portfolio-showcase-section{padding:24px 0 14px}
.portfolio-showcase-mobile .portfolio-showcase-badge{min-height:34px;padding:0 14px;font-size:min(var(--pf-badge-size),12.5px)}
.portfolio-showcase-mobile .portfolio-showcase-heading h2{margin:10px 0 7px;font-size:min(var(--pf-title-size),29px)}
.portfolio-showcase-mobile .portfolio-showcase-heading p{font-size:min(var(--pf-subtitle-size),13.5px);line-height:1.58}
.portfolio-showcase-mobile .portfolio-filter-bar{gap:8px;margin:13px auto 15px}
.portfolio-showcase-mobile .portfolio-filter-bar button{min-width:105px;min-height:36px;padding:5px 12px;font-size:min(var(--pf-filter-size),12px)}
.portfolio-showcase-mobile .portfolio-project-card{gap:8px;padding:8px;border-radius:17px}
.portfolio-showcase-mobile .portfolio-project-body h3{margin:7px 0 8px;font-size:min(var(--pf-project-title-size),15px)}
.portfolio-showcase-mobile .portfolio-category-tag{min-height:26px;padding:4px 8px;font-size:min(var(--pf-category-size),10px)}
.portfolio-showcase-mobile .portfolio-project-link{font-size:min(var(--pf-link-size),11.5px)}
.portfolio-showcase-mobile .portfolio-bottom-action a{min-height:45px;font-size:min(var(--pf-bottom-size),14px)}
.client-reviews-section{padding:17px 0 22px}
.client-reviews-badge{min-height:32px;padding:0 13px;font-size:11.5px}
.client-reviews-heading h2{margin:10px 0 7px;font-size:clamp(23px,6.8vw,29px)}
.client-reviews-heading p{font-size:13px;line-height:1.58}
.client-reviews-tabs{margin-top:14px;padding:6px}
.client-reviews-tabs button{min-height:38px;font-size:13px}
.client-reviews-pane{margin-top:13px}
.client-video-featured-text{font-size:13px}
.client-screenshot-head strong{font-size:15px}
.client-screenshot-copy p{font-size:12.5px}
.client-review-stat{min-height:78px;padding:10px 6px}
.client-review-stat .icon{width:34px;height:34px;font-size:15px}
.client-review-stat strong{font-size:21px}
.client-review-stat small{font-size:10.5px}
.client-reviews-bottom-action a{min-height:46px;border-radius:16px;font-size:15px}
.our-team-section{padding:17px 0 22px}
.our-team-badge{min-height:32px;padding:0 13px;font-size:11.5px}
.our-team-heading h2{margin:10px 0 7px;font-size:clamp(23px,6.8vw,29px)}
.our-team-heading p{font-size:13px;line-height:1.58}
.our-team-grid{margin-top:15px}
.our-team-bottom-copy strong{font-size:17px}
.our-team-bottom-copy p{font-size:12.5px;line-height:1.5}
.our-team-bottom-button{min-height:42px;font-size:13px}
}
@media(max-width:430px){
.video-card-copy p{margin-left:0;margin-top:8px}
}
/* v1.13.4 - Our Team mobile 2-column stability fix */
@media(max-width:767px){
.our-team-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
grid-auto-flow:row;
grid-auto-columns:auto;
gap:12px;
overflow:visible;
scroll-snap-type:none;
padding-bottom:0;
margin-top:16px;
}
.our-team-card{
min-width:0;
width:100%;
padding:10px;
border-radius:18px;
scroll-snap-align:none;
overflow:hidden;
animation-duration:.65s,6s;
}
.our-team-photo-wrap{
width:100%;
aspect-ratio:4/4.7;
border-radius:14px;
}
.our-team-photo-placeholder span{width:62px;height:62px;font-size:27px}
.our-team-card-body{padding:10px 2px 0;min-width:0}
.our-team-card h3{
width:100%;
min-height:38px;
margin:0;
font-size:15px;
line-height:1.28;
overflow-wrap:anywhere;
}
.our-team-designation{
width:100%;
min-height:32px;
margin-top:5px;
font-size:11.5px;
line-height:1.4;
overflow-wrap:anywhere;
}
.our-team-divider{width:36px;height:2px;margin:8px auto}
.our-team-socials{gap:7px;margin-bottom:9px;min-height:28px}
.our-team-socials a{width:28px;height:28px;font-size:12px}
.our-team-button{
width:100%;
min-height:38px;
margin-top:auto;
padding:0 8px;
border-radius:12px;
font-size:12.5px;
line-height:1.2;
white-space:normal;
text-align:center;
}
}
@media(max-width:390px){
.our-team-grid{gap:9px}
.our-team-card{padding:8px}
.our-team-card h3{font-size:14px;min-height:36px}
.our-team-designation{font-size:10.5px;min-height:30px}
.our-team-button{min-height:36px;font-size:11.5px;padding:0 6px}
.our-team-socials a{width:26px;height:26px;font-size:11px}
}
/* v1.14.0 - professional footer with payment pages */
.site-footer-pro{background:linear-gradient(180deg,#fcfbff 0%,#f7f4ff 100%);padding:18px 0 28px;border-top:1px solid rgba(226,232,240,.72)}
.footer-showcase-wrap{width:min(100% - 20px,1280px)}
.footer-showcase-card{border:1px solid rgba(225,228,238,.9);border-radius:34px;background:linear-gradient(135deg,#fbfbff 0%,#f5f3fe 55%,#fff7ef 100%);box-shadow:0 18px 48px rgba(15,23,42,.07);padding:30px 30px 24px;overflow:hidden}
.footer-grid-main{display:grid;grid-template-columns:1.22fr .78fr .92fr 1.18fr;gap:26px;align-items:start}
.footer-column-divider{position:relative;padding-left:26px}.footer-column-divider:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:1px;background:linear-gradient(180deg,rgba(219,225,235,0),rgba(219,225,235,.9),rgba(219,225,235,0))}
.footer-brand{display:flex;align-items:center;gap:14px;text-decoration:none}.footer-brand-mark{display:grid;place-items:center;width:96px;height:96px;border-radius:26px;background:linear-gradient(135deg,rgba(123,80,255,.14),rgba(255,153,87,.16));box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 10px 22px rgba(105,73,225,.12)}.footer-brand-mark img{max-width:74px;max-height:74px;object-fit:contain}.footer-brand-fallback{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#7c50ff 0%,#ff9351 100%);font-size:26px;font-weight:800;color:#fff}.footer-brand-text{font-size:34px;line-height:1.05;font-weight:800;color:#112144;letter-spacing:-.02em}.footer-mini-line{display:block;width:82px;height:4px;margin:20px 0;border-radius:999px;background:linear-gradient(90deg,#7c50ff 0%,#7c50ff 62%,#ff934f 100%)}
.footer-brand-desc{max-width:340px;margin:0;color:#344256;font-size:16px;line-height:1.9}.footer-socials{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.footer-socials a{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;border:1px solid rgba(222,225,235,.95);background:#fff;text-decoration:none;color:#29415d;font-size:22px;font-weight:800;box-shadow:0 10px 18px rgba(15,23,42,.05);transition:transform .2s ease,box-shadow .2s ease}.footer-socials a:hover{transform:translateY(-3px);box-shadow:0 14px 24px rgba(15,23,42,.08)}
.footer-links-column h3,.footer-contact-column h3,.footer-payments-column h3{margin:10px 0 0;font-size:32px;line-height:1.12;font-weight:800;color:#122243;letter-spacing:-.02em}.footer-link-list{list-style:none;margin:20px 0 0;padding:0}.footer-link-list li+li{border-top:1px dashed rgba(218,224,234,.95)}.footer-link-list a{display:flex;align-items:center;gap:12px;padding:16px 0;text-decoration:none;color:#1b2740;font-size:18px;font-weight:700;line-height:1.45}.footer-link-list a span{font-size:28px;color:#7b50ff;line-height:1}
.footer-contact-list{display:grid;gap:18px;margin-top:20px}.footer-contact-item{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:flex-start}.footer-contact-item b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,rgba(122,80,255,.14),rgba(255,148,77,.14));font-size:14px;color:#7b50ff}.footer-contact-item span{color:#344256;font-size:18px;line-height:1.7;font-weight:600}
.footer-payment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.footer-payment-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:124px;padding:16px 10px;border-radius:22px;border:1px solid rgba(229,232,240,.95);background:linear-gradient(180deg,#ffffff 0%,#fdfcff 100%);box-shadow:0 12px 24px rgba(15,23,42,.05);text-decoration:none;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.footer-payment-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--payment-color) 22%, rgba(229,232,240,.95));box-shadow:0 16px 28px rgba(15,23,42,.08)}.footer-payment-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--payment-color) 12%, #ffffff),rgba(255,255,255,1));color:var(--payment-color);font-size:28px;font-weight:900}.footer-payment-card strong{margin-top:12px;text-align:center;color:#182745;font-size:17px;line-height:1.35;font-weight:800}
.footer-payment-note{display:flex;align-items:flex-start;gap:12px;margin-top:16px;padding:14px 16px;border-radius:16px;background:rgba(122,80,255,.08);color:#516079}.footer-payment-note span{color:#7b50ff;font-weight:900}.footer-payment-note p{margin:0;font-size:14px;line-height:1.65;font-weight:600}
.footer-features-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px;padding:22px 18px;border:1px solid rgba(229,232,240,.95);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,249,241,.88))}.footer-feature-item{display:grid;grid-template-columns:70px 1fr;gap:16px;align-items:center;padding:8px 10px}.footer-feature-item+.footer-feature-item{border-left:1px solid rgba(223,228,237,.95)}.footer-feature-icon{display:grid;place-items:center;width:70px;height:70px;border-radius:20px;background:linear-gradient(135deg,rgba(123,80,255,.12),rgba(255,153,87,.12));box-shadow:0 12px 24px rgba(123,80,255,.12);font-size:34px}.footer-feature-item strong{display:block;color:#5b3ef0;font-size:18px;line-height:1.35;font-weight:800}.footer-feature-item p{margin:6px 0 0;color:#4d5b73;font-size:15px;line-height:1.7;font-weight:600}
.footer-bottom-ribbon{display:grid;grid-template-columns:1.2fr 1fr .95fr;gap:18px;align-items:center;margin-top:24px;padding:22px 26px;border-radius:26px;background:linear-gradient(90deg,#05153f 0%,#04124b 46%,#0d0a47 78%,#ff914d 135%);color:#fff;box-shadow:0 18px 32px rgba(5,21,63,.22)}.footer-bottom-branding{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:center}.footer-bottom-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,rgba(124,80,255,.34),rgba(255,147,79,.18));font-size:28px}.footer-bottom-branding strong,.footer-bottom-copy p,.footer-bottom-links a{color:#fff}.footer-bottom-branding strong{display:block;font-size:19px;line-height:1.35;font-weight:800}.footer-bottom-branding p{margin:4px 0 0;font-size:15px;line-height:1.7;color:rgba(255,255,255,.88);font-weight:600}.footer-bottom-copy p{margin:0;padding:0 18px;border-left:1px solid rgba(255,255,255,.24);border-right:1px solid rgba(255,255,255,.24);text-align:center;font-size:18px;line-height:1.7;font-weight:700}.footer-bottom-links{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:16px 22px}.footer-bottom-links a{text-decoration:none;font-size:17px;font-weight:700;position:relative}.footer-bottom-links a+a:before{content:"";position:absolute;left:-12px;top:50%;width:1px;height:18px;background:rgba(255,255,255,.3);transform:translateY(-50%)}
.payment-method-page{background:linear-gradient(180deg,#f8f5ff 0%,#fff8f0 100%)}.payment-hero{padding:36px 0 56px}.payment-page-container{width:min(100% - 20px,1200px)}.payment-hero-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.payment-back-link{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;border:1px solid rgba(224,228,238,.95);background:#fff;text-decoration:none;color:#162544;font-size:16px;font-weight:700;box-shadow:0 10px 20px rgba(15,23,42,.04)}.payment-method-chip{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid color-mix(in srgb,var(--payment-color) 20%, rgba(224,228,238,.95));color:#162544;font-size:16px;font-weight:800}.payment-page-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.payment-page-main-card,.payment-page-side-card{border:1px solid rgba(226,230,239,.95);border-radius:30px;background:linear-gradient(180deg,#ffffff 0%,#fcfbff 100%);box-shadow:0 18px 48px rgba(15,23,42,.06)}.payment-page-main-card{padding:28px}.payment-page-side-card{padding:28px 24px}.payment-page-main-head{display:grid;grid-template-columns:88px 1fr;gap:20px;align-items:center}.payment-page-icon{display:grid;place-items:center;width:88px;height:88px;border-radius:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--payment-color) 14%, #ffffff),rgba(255,255,255,1));color:var(--payment-color);font-size:42px;font-weight:900;box-shadow:0 14px 30px color-mix(in srgb,var(--payment-color) 18%, rgba(15,23,42,.04))}.payment-page-main-head h1{margin:0;color:#102141;font-size:42px;line-height:1.1;font-weight:800;letter-spacing:-.03em}.payment-page-main-head p{margin:10px 0 0;color:#617089;font-size:17px;line-height:1.75;font-weight:600}.payment-detail-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}.payment-detail-box{padding:20px;border-radius:22px;background:linear-gradient(135deg,#faf8ff 0%,#fffefb 100%);border:1px solid rgba(230,234,240,.95)}.payment-detail-box small{display:block;color:#8b97aa;font-size:13px;line-height:1.5;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.payment-detail-box strong{display:block;margin-top:9px;color:#152441;font-size:22px;line-height:1.45;font-weight:800}.payment-detail-number strong{font-size:26px}.payment-extra-note{display:flex;align-items:flex-start;gap:14px;margin-top:18px;padding:18px 20px;border-radius:20px;background:rgba(122,80,255,.08)}.payment-extra-note span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;color:#7b50ff;font-weight:800;box-shadow:0 8px 16px rgba(123,80,255,.16)}.payment-extra-note p{margin:0;color:#45556d;font-size:16px;line-height:1.8;font-weight:600}.payment-page-side-card h3{margin:0 0 16px;color:#122243;font-size:28px;line-height:1.2;font-weight:800}.payment-steps-list{display:grid;gap:14px;margin:0;padding:0;list-style:none}.payment-steps-list li{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:flex-start;padding:16px;border-radius:18px;background:linear-gradient(135deg,#faf8ff 0%,#fffefb 100%);border:1px solid rgba(230,234,240,.95)}.payment-steps-list span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#7b50ff 0%,#ff934f 100%);color:#fff;font-size:18px;font-weight:800}.payment-steps-list p{margin:0;color:#4d5b73;font-size:16px;line-height:1.75;font-weight:600}.payment-support-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;margin-top:18px;padding:0 20px;border-radius:18px;background:linear-gradient(90deg,#7a4fff 0%,#9154ff 46%,#ff934f 100%);text-decoration:none;color:#fff;font-size:18px;font-weight:800;box-shadow:0 16px 28px rgba(122,79,255,.22)}
@media(max-width:1199px){.footer-grid-main{grid-template-columns:1fr 1fr}.footer-payments-column{grid-column:1 / -1}.footer-features-row{grid-template-columns:1fr}.footer-feature-item+.footer-feature-item{border-left:0;border-top:1px solid rgba(223,228,237,.95);padding-top:18px}.footer-bottom-ribbon{grid-template-columns:1fr;justify-items:start}.footer-bottom-copy p{border:0;padding:0;text-align:left}.footer-bottom-links{justify-content:flex-start}.payment-page-grid{grid-template-columns:1fr}.payment-page-main-head h1{font-size:36px}}
@media(max-width:991px){.footer-showcase-card{padding:24px 18px 18px}.footer-grid-main{grid-template-columns:1fr;gap:22px}.footer-column-divider{padding-left:0}.footer-column-divider:before{display:none}.footer-links-column h3,.footer-contact-column h3,.footer-payments-column h3{font-size:26px}.footer-brand-text{font-size:30px}.footer-payment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-features-row{padding:18px}.footer-bottom-ribbon{padding:18px 18px 20px}.payment-hero-top{flex-direction:column;align-items:flex-start}.payment-detail-panels{grid-template-columns:1fr}}
@media(max-width:767px){.site-footer-pro{padding:16px 0 20px}.footer-showcase-wrap{width:min(100% - 14px,1280px)}.footer-showcase-card{padding:18px 14px 14px;border-radius:24px}.footer-brand{gap:12px}.footer-brand-mark{width:72px;height:72px;border-radius:20px}.footer-brand-mark img{max-width:54px;max-height:54px}.footer-brand-text{font-size:22px}.footer-mini-line{width:62px;height:3px;margin:14px 0}.footer-brand-desc{font-size:14px;line-height:1.8}.footer-socials{gap:10px;margin-top:18px}.footer-socials a{width:44px;height:44px;font-size:17px}.footer-links-column h3,.footer-contact-column h3,.footer-payments-column h3{font-size:22px}.footer-link-list a{padding:12px 0;font-size:16px}.footer-link-list a span{font-size:22px}.footer-contact-list{gap:12px}.footer-contact-item{grid-template-columns:24px 1fr;gap:10px}.footer-contact-item b{width:24px;height:24px;font-size:12px}.footer-contact-item span{font-size:14px;line-height:1.65}.footer-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.footer-payment-card{min-height:102px;padding:14px 8px;border-radius:18px}.footer-payment-icon{width:46px;height:46px;border-radius:14px;font-size:22px}.footer-payment-card strong{margin-top:10px;font-size:15px}.footer-payment-note{padding:12px 14px;border-radius:14px}.footer-payment-note p{font-size:12px;line-height:1.6}.footer-features-row{gap:12px;margin-top:18px;padding:14px 10px;border-radius:20px}.footer-feature-item{grid-template-columns:52px 1fr;gap:10px;padding:4px}.footer-feature-icon{width:52px;height:52px;border-radius:16px;font-size:24px}.footer-feature-item strong{font-size:16px}.footer-feature-item p{font-size:13px;line-height:1.6}.footer-bottom-ribbon{gap:14px;margin-top:16px;padding:14px 12px;border-radius:20px}.footer-bottom-branding{grid-template-columns:44px 1fr;gap:10px}.footer-bottom-icon{width:44px;height:44px;border-radius:14px;font-size:22px}.footer-bottom-branding strong{font-size:16px}.footer-bottom-branding p,.footer-bottom-copy p,.footer-bottom-links a{font-size:13px;line-height:1.6}.footer-bottom-links{gap:10px 18px}.footer-bottom-links a+a:before{display:none}.payment-hero{padding:22px 0 30px}.payment-page-container{width:min(100% - 14px,1200px)}.payment-back-link,.payment-method-chip{font-size:14px;padding:10px 14px}.payment-page-main-card,.payment-page-side-card{padding:18px 14px;border-radius:22px}.payment-page-main-head{grid-template-columns:62px 1fr;gap:14px}.payment-page-icon{width:62px;height:62px;border-radius:20px;font-size:28px}.payment-page-main-head h1{font-size:25px;line-height:1.15}.payment-page-main-head p,.payment-extra-note p,.payment-steps-list p{font-size:14px}.payment-detail-box{padding:14px;border-radius:18px}.payment-detail-box strong{font-size:17px}.payment-detail-number strong{font-size:20px}.payment-page-side-card h3{font-size:22px}.payment-steps-list li{grid-template-columns:36px 1fr;padding:12px;border-radius:16px}.payment-steps-list span{width:36px;height:36px;border-radius:12px;font-size:16px}.payment-support-button{min-height:48px;font-size:15px;border-radius:16px}}
/* v1.14.1 - footer visual refinement */
.site-footer-pro{padding:14px 0 22px}.footer-showcase-card{padding:22px 24px 18px;border-radius:28px}.footer-grid-main{grid-template-columns:1.15fr .72fr .88fr 1.05fr;gap:20px}.footer-brand-mark{width:76px;height:76px;border-radius:20px}.footer-brand-mark img{max-width:58px;max-height:58px}.footer-brand-text{font-size:24px;line-height:1.08}.footer-mini-line{width:72px;height:3px;margin:14px 0}.footer-brand-desc{font-size:14px;line-height:1.8;max-width:300px}.footer-socials{gap:10px;margin-top:18px}.footer-socials a{width:48px;height:48px;font-size:18px}.footer-links-column h3,.footer-contact-column h3,.footer-payments-column h3{font-size:22px;line-height:1.18}.footer-link-list{margin-top:12px}.footer-link-list a{padding:12px 0;font-size:15px;line-height:1.45}.footer-link-list a span{font-size:22px}.footer-contact-list{gap:13px;margin-top:14px}.footer-contact-item span{font-size:14px;line-height:1.7}.footer-payment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.footer-payment-card{min-height:112px;padding:12px 8px;border-radius:18px}.footer-payment-icon{display:grid;place-items:center;width:50px;height:50px;margin:0 auto}.footer-payment-icon img{width:50px;height:50px;display:block;object-fit:contain}.footer-payment-card strong{margin-top:8px;font-size:14px;line-height:1.35;font-weight:800;color:#162544}.footer-payment-note{margin-top:12px;padding:12px 14px;border-radius:14px}.footer-payment-note p{font-size:12px}.footer-features-row{gap:16px;margin-top:20px;padding:16px 14px;border-radius:22px}.footer-feature-item{grid-template-columns:56px 1fr;gap:12px;padding:6px}.footer-feature-icon{width:56px;height:56px;border-radius:16px;font-size:26px}.footer-feature-item strong{font-size:15px}.footer-feature-item p{font-size:13px;line-height:1.65}.footer-bottom-ribbon{gap:14px;margin-top:18px;padding:16px 18px;border-radius:20px}.footer-bottom-branding{grid-template-columns:46px 1fr;gap:10px}.footer-bottom-icon{width:46px;height:46px;border-radius:14px;font-size:22px}.footer-bottom-branding strong{font-size:15px}.footer-bottom-branding p{font-size:12px;line-height:1.6}.footer-bottom-copy p{font-size:14px;line-height:1.6}.footer-bottom-links a{font-size:13px}.payment-method-chip{gap:8px}.payment-chip-icon{display:grid;place-items:center;width:28px;height:28px}.payment-chip-icon img{width:28px;height:28px;display:block;object-fit:contain}.payment-page-main-head{grid-template-columns:72px 1fr}.payment-page-icon{width:72px;height:72px;border-radius:22px;padding:0}.payment-page-icon-inner{display:grid;place-items:center;width:100%;height:100%}.payment-page-icon-inner img{width:54px;height:54px;display:block;object-fit:contain}.payment-page-main-head h1{font-size:32px}.payment-page-main-head p{font-size:15px;line-height:1.7}.payment-detail-box strong{font-size:19px}.payment-detail-number strong{font-size:22px}.payment-page-side-card h3{font-size:24px}.payment-steps-list p{font-size:14px}.payment-support-button{font-size:16px}
@media(max-width:1199px){.footer-grid-main{grid-template-columns:1fr 1fr;gap:18px}}
@media(max-width:991px){.footer-showcase-card{padding:20px 16px 16px}.footer-grid-main{grid-template-columns:1fr}.footer-payment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.footer-showcase-card{padding:16px 12px 14px;border-radius:22px}.footer-brand-text{font-size:20px}.footer-links-column h3,.footer-contact-column h3,.footer-payments-column h3{font-size:19px}.footer-payment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.footer-payment-card{min-height:92px;padding:10px 6px}.footer-payment-icon,.footer-payment-icon img{width:40px;height:40px}.footer-payment-card strong{font-size:12px;line-height:1.25}.footer-socials a{width:42px;height:42px;font-size:16px}.footer-feature-item{grid-template-columns:46px 1fr}.footer-feature-icon{width:46px;height:46px;font-size:22px}.footer-feature-item strong{font-size:14px}.footer-feature-item p{font-size:12px}.payment-page-main-head{grid-template-columns:58px 1fr}.payment-page-icon{width:58px;height:58px;border-radius:18px}.payment-page-icon-inner img{width:42px;height:42px}.payment-page-main-head h1{font-size:22px}.payment-method-chip{font-size:13px}.payment-chip-icon,.payment-chip-icon img{width:24px;height:24px}}
/* v1.14.2 - footer exact compact refinement + guaranteed payment details */
.site-footer-pro{background:#fbfaff!important;padding:16px 0 22px!important;border-top:1px solid #ececf4!important}
.site-footer-pro .footer-showcase-wrap{width:min(100% - 18px,1320px)!important}
.site-footer-pro .footer-showcase-card{padding:24px 28px 20px!important;border-radius:30px!important;background:linear-gradient(135deg,#fbfbff 0%,#f7f5ff 68%,#fff8f1 100%)!important;border:1px solid #e4e5ef!important;box-shadow:0 16px 42px rgba(21,30,61,.055)!important}
.site-footer-pro .footer-grid-main{grid-template-columns:1.18fr .73fr .95fr 1.18fr!important;gap:22px!important}
.site-footer-pro .footer-column-divider{padding-left:22px!important}
.site-footer-pro .footer-brand-mark{width:70px!important;height:70px!important;border-radius:20px!important}
.site-footer-pro .footer-brand-mark img{max-width:56px!important;max-height:56px!important}
.site-footer-pro .footer-brand-text{font-size:22px!important;line-height:1.08!important;letter-spacing:0!important}
.site-footer-pro .footer-mini-line{width:66px!important;height:3px!important;margin:13px 0 14px!important}
.site-footer-pro .footer-brand-desc{font-size:13px!important;line-height:1.78!important;max-width:315px!important;color:#46536b!important}
.site-footer-pro .footer-socials{gap:9px!important;margin-top:17px!important}.site-footer-pro .footer-socials a{width:43px!important;height:43px!important;font-size:16px!important}
.site-footer-pro .footer-links-column h3,.site-footer-pro .footer-contact-column h3,.site-footer-pro .footer-payments-column h3{font-size:18px!important;line-height:1.3!important;margin-top:2px!important;letter-spacing:0!important}
.site-footer-pro .footer-link-list{margin-top:7px!important}.site-footer-pro .footer-link-list a{padding:9px 0!important;font-size:13px!important;line-height:1.45!important}.site-footer-pro .footer-link-list a span{font-size:19px!important}
.site-footer-pro .footer-contact-list{gap:10px!important;margin-top:8px!important}.site-footer-pro .footer-contact-item{grid-template-columns:25px 1fr!important;gap:9px!important}.site-footer-pro .footer-contact-item b{width:25px!important;height:25px!important;font-size:11px!important}.site-footer-pro .footer-contact-item span{font-size:12.5px!important;line-height:1.62!important;font-weight:600!important}
.site-footer-pro .footer-payment-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin-top:8px!important}.site-footer-pro .footer-payment-card{min-height:96px!important;padding:10px 6px!important;border-radius:17px!important}.site-footer-pro .footer-payment-icon,.site-footer-pro .footer-payment-icon img{width:45px!important;height:45px!important}.site-footer-pro .footer-payment-card strong{margin-top:7px!important;font-size:12px!important;line-height:1.28!important}.site-footer-pro .footer-payment-note{margin-top:10px!important;padding:10px 12px!important}.site-footer-pro .footer-payment-note p{font-size:11px!important;line-height:1.55!important}
.site-footer-pro .footer-features-row{margin-top:18px!important;padding:13px 12px!important;border-radius:21px!important;gap:12px!important}.site-footer-pro .footer-feature-item{grid-template-columns:48px 1fr!important;gap:10px!important;padding:5px 8px!important}.site-footer-pro .footer-feature-icon{width:48px!important;height:48px!important;border-radius:15px!important;font-size:22px!important}.site-footer-pro .footer-feature-item strong{font-size:13px!important}.site-footer-pro .footer-feature-item p{font-size:11.5px!important;line-height:1.55!important;margin-top:3px!important}
.site-footer-pro .footer-bottom-ribbon{margin-top:16px!important;padding:13px 16px!important;border-radius:19px!important;gap:12px!important}.site-footer-pro .footer-bottom-branding{grid-template-columns:42px 1fr!important}.site-footer-pro .footer-bottom-icon{width:42px!important;height:42px!important;border-radius:13px!important;font-size:20px!important}.site-footer-pro .footer-bottom-branding strong{font-size:13px!important}.site-footer-pro .footer-bottom-branding p{font-size:11px!important}.site-footer-pro .footer-bottom-copy p{font-size:12px!important}.site-footer-pro .footer-bottom-links a{font-size:11.5px!important}
.payment-method-page{background:linear-gradient(180deg,#f8f7ff 0%,#fffaf5 100%);min-height:60vh}.payment-detail-section{padding:28px 0 42px}.payment-detail-container{width:min(100% - 20px,1120px)}.payment-detail-nav{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.payment-back-link,.payment-method-chip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid #e7e8f1;box-shadow:0 8px 20px rgba(20,31,61,.045);text-decoration:none;color:#26334b;font-size:13px;font-weight:750}.payment-chip-icon,.payment-chip-icon img{display:block;width:28px;height:28px}.payment-detail-shell{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.payment-detail-primary,.payment-detail-side{background:#fff;border:1px solid #e5e7f0;border-radius:26px;box-shadow:0 18px 42px rgba(21,30,61,.06)}.payment-detail-primary{padding:24px}.payment-detail-side{padding:22px}.payment-detail-brand{display:grid;grid-template-columns:76px 1fr;gap:16px;align-items:center}.payment-detail-logo{display:grid;place-items:center;width:76px;height:76px;border-radius:22px;background:color-mix(in srgb,var(--method-color) 8%,#fff)}.payment-detail-logo img{display:block;width:62px;height:62px}.payment-secure-kicker{display:inline-block;margin-bottom:5px;color:var(--method-color);font-size:11px;font-weight:800}.payment-detail-brand h1{margin:0;color:#14213d;font-size:29px;line-height:1.1;font-weight:850}.payment-detail-brand p{margin:7px 0 0;color:#647089;font-size:13.5px;line-height:1.65}.payment-account-highlight{margin-top:20px;padding:18px 20px;border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--method-color) 7%,#fff),#fff);border:1px solid color-mix(in srgb,var(--method-color) 13%,#e7e8f0)}.payment-account-highlight>small{display:block;color:#8390a6;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.payment-number-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:7px}.payment-number-row strong{color:#14213d;font-size:30px;line-height:1.1;letter-spacing:.02em;font-weight:850}.payment-number-row button{min-height:38px;padding:0 14px;border:0;border-radius:12px;background:var(--method-color);color:#fff;font-size:12px;font-weight:800;cursor:pointer}.payment-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.payment-account-item{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:14px;border-radius:17px;background:#fafbfe;border:1px solid #edf0f5}.payment-account-item>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:color-mix(in srgb,var(--method-color) 11%,#fff);color:var(--method-color);font-size:11px;font-weight:850}.payment-account-item small{display:block;color:#8a95a8;font-size:10px;font-weight:750}.payment-account-item strong{display:block;margin-top:3px;color:#25324a;font-size:13.5px;line-height:1.45}.payment-important-note{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:flex-start;margin-top:12px;padding:12px 14px;border-radius:15px;background:#f5f2ff}.payment-important-note>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;color:#7647f5;font-size:12px;font-weight:900}.payment-important-note p{margin:0;color:#526078;font-size:12px;line-height:1.6}.payment-side-title{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center}.payment-side-title>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#7142f5,#ff8d3c);color:#fff;font-weight:900}.payment-side-title small{display:block;color:#8b96aa;font-size:10px;font-weight:800}.payment-side-title h2{margin:2px 0 0;color:#172440;font-size:19px;line-height:1.2}.payment-step-list{display:grid;gap:9px;margin:16px 0 0;padding:0;list-style:none}.payment-step-list li{display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:flex-start;padding:11px 12px;border-radius:14px;background:#fafbfe;border:1px solid #edf0f5}.payment-step-list li>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,#7748f5,#9f65ff);color:#fff;font-size:11px;font-weight:850}.payment-step-list p{margin:0;color:#536079;font-size:11.5px;line-height:1.55}.payment-support-button{display:flex!important;min-height:46px!important;margin-top:13px!important;border-radius:14px!important;font-size:13px!important}.payment-trust-row{display:flex;justify-content:center;gap:14px;margin-top:12px;color:#748097;font-size:10.5px;font-weight:750}.payment-other-methods{margin-top:18px}.payment-other-methods h3{margin:0 0 10px;color:#25324a;font-size:15px}.payment-other-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.payment-other-grid a{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:14px;background:#fff;border:1px solid #e7e9f0;text-decoration:none;color:#28364e;font-size:11.5px;font-weight:800}.payment-other-icon,.payment-other-icon img{display:block;width:31px;height:31px;flex:0 0 auto}
@media(max-width:1024px){.site-footer-pro .footer-grid-main{grid-template-columns:1fr 1fr!important}.site-footer-pro .footer-payments-column{grid-column:1/-1!important}.payment-detail-shell{grid-template-columns:1fr}.payment-other-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.site-footer-pro .footer-showcase-card{padding:16px 13px!important;border-radius:22px!important}.site-footer-pro .footer-grid-main{grid-template-columns:1fr!important;gap:18px!important}.site-footer-pro .footer-column-divider{padding-left:0!important}.site-footer-pro .footer-column-divider:before{display:none!important}.site-footer-pro .footer-brand-text{font-size:20px!important}.site-footer-pro .footer-links-column h3,.site-footer-pro .footer-contact-column h3,.site-footer-pro .footer-payments-column h3{font-size:17px!important}.site-footer-pro .footer-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.site-footer-pro .footer-payment-card{min-height:90px!important}.site-footer-pro .footer-features-row{grid-template-columns:1fr!important}.site-footer-pro .footer-feature-item+.footer-feature-item{border-left:0!important;border-top:1px solid #eceef3!important}.site-footer-pro .footer-bottom-ribbon{grid-template-columns:1fr!important}.site-footer-pro .footer-bottom-copy p{border:0!important;padding:0!important;text-align:left!important}.site-footer-pro .footer-bottom-links{justify-content:flex-start!important}.payment-detail-section{padding:18px 0 28px}.payment-detail-container{width:min(100% - 14px,1120px)}.payment-detail-nav{align-items:flex-start;flex-direction:column}.payment-detail-primary,.payment-detail-side{padding:15px;border-radius:20px}.payment-detail-brand{grid-template-columns:58px 1fr;gap:10px}.payment-detail-logo{width:58px;height:58px;border-radius:17px}.payment-detail-logo img{width:48px;height:48px}.payment-detail-brand h1{font-size:22px}.payment-detail-brand p{font-size:12px}.payment-account-highlight{margin-top:14px;padding:14px}.payment-number-row{align-items:flex-start;flex-direction:column;gap:10px}.payment-number-row strong{font-size:25px}.payment-account-grid{grid-template-columns:1fr}.payment-side-title h2{font-size:17px}.payment-other-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* v1.14.3 - keep professional footer visible on mobile */
@media(max-width:767px){
.site-footer.site-footer-pro{display:block!important;visibility:visible!important;opacity:1!important;background:#fbfaff!important;}
.site-footer.site-footer-pro .footer-showcase-wrap{display:block!important;}
.site-footer.site-footer-pro .footer-showcase-card{display:block!important;}
}
/* v1.14.6 - professional team member profile page */
.team-profile-page{position:relative;background:linear-gradient(180deg,#fbfbff 0%,#fff 44%,#fffaf5 100%);min-height:70vh;overflow:hidden}
.team-profile-page:before,.team-profile-page:after{content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(.2px)}
.team-profile-page:before{width:440px;height:440px;left:-240px;top:80px;background:radial-gradient(circle,rgba(124,80,255,.11),rgba(124,80,255,0) 68%)}
.team-profile-page:after{width:390px;height:390px;right:-190px;top:520px;background:radial-gradient(circle,rgba(255,145,55,.09),rgba(255,145,55,0) 70%)}
.team-profile-hero-section{position:relative;z-index:1;padding:34px 0 46px}
.team-profile-container{width:min(100% - 24px,1240px)}
.team-profile-hero-card{display:grid;grid-template-columns:minmax(330px,.82fr) minmax(0,1.38fr);gap:40px;align-items:center;padding:24px;border:1px solid rgba(225,229,239,.92);border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(252,250,255,.96) 52%,rgba(255,250,244,.94));box-shadow:0 24px 60px rgba(25,31,58,.07)}
.team-profile-photo-column{min-width:0}
.team-profile-photo-frame{position:relative;aspect-ratio:1.04/1;overflow:hidden;border-radius:28px;background:linear-gradient(135deg,#f2ecff 0%,#faf8ff 56%,#fff5eb 100%);box-shadow:inset 0 0 0 1px rgba(130,91,246,.08)}
.team-profile-photo-frame:before{content:"";position:absolute;left:34px;top:38px;width:120px;height:120px;background-image:radial-gradient(circle,rgba(126,82,247,.28) 1.7px,transparent 1.8px);background-size:13px 13px;z-index:1;opacity:.7}
.team-profile-photo-frame:after{content:"";position:absolute;left:28px;right:0;bottom:0;height:4px;border-radius:999px;background:linear-gradient(90deg,#7440f5 0%,#7b4cf7 72%,#ff8b21 88%,transparent 88%);z-index:3}
.team-profile-photo{position:relative;z-index:2;width:100%;height:100%;display:block;object-fit:cover;object-position:center top}
.team-profile-photo-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#eee8ff,#fff)}
.team-profile-photo-placeholder span{display:grid;place-items:center;width:132px;height:132px;border-radius:50%;background:linear-gradient(135deg,#6f39f4,#8f58ff 65%,#ff8a22);font-size:58px;font-weight:900;color:#fff;box-shadow:0 26px 50px rgba(111,57,244,.25)}
.team-profile-photo-orb{position:absolute;z-index:1;border-radius:50%}
.team-profile-photo-orb.orb-one{right:-34px;top:88px;width:190px;height:190px;border:28px solid rgba(125,82,247,.08)}
.team-profile-photo-orb.orb-two{right:16px;bottom:-46px;width:132px;height:132px;border:18px solid rgba(255,139,33,.08)}
.team-profile-intro{padding:16px 22px 16px 4px}
.team-profile-kicker-row{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.team-profile-kicker{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:999px;background:linear-gradient(90deg,#7038f4,#8c50ff 62%,#ff8f25);color:#fff;font-size:14px;font-weight:800;box-shadow:0 14px 26px rgba(111,57,244,.18)}
.team-profile-kicker b{font-size:13px}
.team-profile-intro h1{margin:0;color:#14213e;font-size:clamp(38px,4vw,62px);line-height:1.08;font-weight:900;letter-spacing:-.035em}
.team-profile-designation{margin-top:10px;color:#7140f4;font-size:clamp(22px,2vw,31px);line-height:1.2;font-weight:800}
.team-profile-bio{max-width:720px;margin:18px 0 0;color:#596780;font-size:17px;line-height:1.82;font-weight:500}
.team-profile-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.team-profile-tags span{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:14px;border:1px solid rgba(218,223,235,.95);background:#fff;color:#47546b;font-size:14px;font-weight:700;box-shadow:0 8px 18px rgba(19,32,61,.035)}
.team-profile-tags span:before{content:"";width:9px;height:9px;margin-right:8px;border-radius:50%;background:linear-gradient(135deg,#7340f5,#ff8d22)}
.team-profile-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px}
.team-profile-stat{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:center;min-height:106px;padding:18px 20px;border:1px solid rgba(224,228,237,.95);border-radius:22px;background:rgba(255,255,255,.95);box-shadow:0 14px 30px rgba(17,25,45,.045)}
.team-profile-stat .stat-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#7440f5,#8a50ff);color:#fff;font-size:24px;font-weight:900;box-shadow:0 14px 28px rgba(115,64,245,.19)}
.team-profile-stat strong{display:block;color:#7140f4;font-size:28px;line-height:1;font-weight:900}
.team-profile-stat small{display:block;margin-top:7px;color:#68758e;font-size:14px;line-height:1.35;font-weight:700}
.team-profile-content-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px;align-items:stretch}
.team-profile-panel{min-width:0;padding:20px;border:1px solid rgba(224,228,237,.95);border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 15px 34px rgba(17,25,45,.045)}
.team-profile-panel h2{display:flex;align-items:center;gap:10px;margin:0;color:#192842;font-size:20px;line-height:1.3;font-weight:850}
.team-profile-panel h2>span{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:linear-gradient(135deg,#7440f5,#8e57ff);color:#fff;font-size:14px;box-shadow:0 9px 18px rgba(115,64,245,.16)}
.profile-panel-line{width:46px;height:3px;margin:10px 0 16px 42px;border-radius:999px;background:linear-gradient(90deg,#7340f5 0%,#7340f5 65%,#ff8d22 65%)}
.team-profile-about-panel>p{margin:0;color:#5c6980;font-size:14px;line-height:1.83}
.team-profile-panel-actions{display:grid;gap:10px;margin-top:18px}
.team-profile-primary-btn,.team-profile-secondary-btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 14px;border-radius:14px;text-decoration:none;font-size:14px;font-weight:800;transition:transform .2s ease,box-shadow .2s ease}
.team-profile-primary-btn{background:linear-gradient(90deg,#713af4 0%,#8a50ff 52%,#ff8d22 100%);color:#fff;box-shadow:0 13px 26px rgba(113,58,244,.16)}
.team-profile-secondary-btn{border:1px solid rgba(118,71,245,.45);background:#fff;color:#7040ef}
.team-profile-primary-btn:hover,.team-profile-secondary-btn:hover{transform:translateY(-2px)}
.team-profile-skill-list{display:grid;gap:16px}
.team-profile-skill-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}
.team-profile-skill-head strong{color:#303d55;font-size:12px;line-height:1.35;font-weight:800}
.team-profile-skill-head span{color:#293651;font-size:12px;font-weight:900}
.team-profile-skill-track{height:5px;border-radius:999px;background:#eceef4;overflow:hidden}
.team-profile-skill-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7240f5,#9258ff);box-shadow:0 0 10px rgba(114,64,245,.24)}
.team-profile-timeline{display:grid;gap:18px}
.team-profile-timeline-item{position:relative;display:grid;grid-template-columns:18px 1fr;gap:10px}
.team-profile-timeline-item:not(:last-child):before{content:"";position:absolute;left:7px;top:17px;bottom:-18px;width:2px;background:linear-gradient(180deg,#8b54ff,rgba(139,84,255,.12))}
.team-profile-timeline-item .timeline-dot{position:relative;z-index:1;width:14px;height:14px;margin-top:3px;border-radius:50%;background:linear-gradient(135deg,#7340f5,#965eff);box-shadow:0 0 0 5px rgba(116,64,245,.08)}
.team-profile-timeline-item strong{display:block;color:#2b3850;font-size:13px;line-height:1.4;font-weight:850}
.timeline-meta{margin-top:3px;color:#7040f3;font-size:11px;line-height:1.4;font-weight:750}
.timeline-meta span{color:#a0a8b8}
.team-profile-timeline-item p{margin:6px 0 0;color:#68758b;font-size:11px;line-height:1.65}
.team-profile-project-grid{display:grid;grid-template-columns:1fr;gap:10px}
.team-profile-project-card{display:grid;grid-template-columns:82px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:8px;border:1px solid rgba(225,229,238,.95);border-radius:15px;background:#fff;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.team-profile-project-card:hover{transform:translateY(-2px);box-shadow:0 12px 22px rgba(18,29,51,.08)}
.team-profile-project-thumb{grid-row:1/3;width:82px;height:58px;overflow:hidden;border-radius:10px;background:linear-gradient(135deg,#ece7ff,#fff6ec)}
.team-profile-project-thumb img{width:100%;height:100%;display:block;object-fit:cover}
.team-profile-project-placeholder{display:flex;flex-direction:column;justify-content:flex-end;width:100%;height:100%;padding:7px;background:linear-gradient(135deg,#18285c,#7140f5 60%,#ff8c24);color:#fff}
.team-profile-project-placeholder i{display:block;width:32px;height:5px;border-radius:999px;background:rgba(255,255,255,.8);margin-bottom:5px}
.team-profile-project-placeholder b{font-size:7px;line-height:1.2}
.team-profile-project-card>strong{align-self:end;color:#28354e;font-size:11px;line-height:1.35;font-weight:800}
.team-profile-project-card>small{align-self:start;margin-top:3px;color:#7440f5;font-size:9px;line-height:1.3;font-weight:750}
.team-profile-empty-projects{padding:18px;border-radius:14px;background:#faf9ff;color:#71809a;font-size:13px;line-height:1.6;text-align:center}
.team-profile-contact-panel{margin-top:18px;padding:20px 22px;border:1px solid rgba(224,228,237,.95);border-radius:24px;background:rgba(255,255,255,.97);box-shadow:0 15px 34px rgba(17,25,45,.045)}
.team-profile-contact-title{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.team-profile-contact-title>span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#7440f5,#8f57ff);color:#fff;font-size:17px;box-shadow:0 10px 20px rgba(115,64,245,.16)}
.team-profile-contact-title h2{margin:0;color:#192842;font-size:22px;line-height:1.3;font-weight:850}
.team-profile-contact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.team-profile-contact-grid>a{display:grid;grid-template-columns:44px 1fr;gap:11px;align-items:center;min-width:0;padding:12px;border:1px solid rgba(228,232,240,.95);border-radius:16px;background:linear-gradient(135deg,#fff,#fdfbff);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.team-profile-contact-grid>a:hover{transform:translateY(-2px);box-shadow:0 12px 22px rgba(17,25,45,.07)}
.team-profile-contact-grid>a>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#f0e9ff,#fff4e9);color:#7040f4;font-size:17px;font-weight:900}
.team-profile-contact-grid small{display:block;color:#8792a7;font-size:10px;line-height:1.3;font-weight:700}
.team-profile-contact-grid strong{display:block;overflow:hidden;margin-top:3px;color:#2a3851;font-size:11px;line-height:1.35;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1180px){.team-profile-hero-card{grid-template-columns:minmax(300px,.88fr) minmax(0,1.12fr);gap:26px}.team-profile-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-profile-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-profile-intro h1{font-size:clamp(34px,4.4vw,52px)}}
@media(max-width:900px){.team-profile-hero-section{padding:24px 0 34px}.team-profile-hero-card{grid-template-columns:1fr;padding:18px}.team-profile-photo-frame{aspect-ratio:16/10;max-height:420px}.team-profile-photo{object-position:center 16%}.team-profile-intro{padding:4px 6px 10px}.team-profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.team-profile-stat{min-height:92px}.team-profile-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.team-profile-page:before{width:280px;height:280px;left:-170px}.team-profile-hero-section{padding:16px 0 28px}.team-profile-container{width:min(100% - 14px,1240px)}.team-profile-hero-card{gap:14px;padding:10px;border-radius:24px}.team-profile-photo-frame{aspect-ratio:1/1.03;border-radius:20px;max-height:none}.team-profile-photo-frame:before{left:18px;top:22px;width:86px;height:86px;background-size:10px 10px}.team-profile-photo-placeholder span{width:92px;height:92px;font-size:40px}.team-profile-intro{padding:6px 4px 10px}.team-profile-kicker{min-height:34px;padding:0 12px;font-size:12px}.team-profile-intro h1{font-size:clamp(29px,9vw,40px)}.team-profile-designation{margin-top:7px;font-size:20px}.team-profile-bio{margin-top:12px;font-size:14px;line-height:1.75}.team-profile-tags{gap:7px;margin-top:16px}.team-profile-tags span{min-height:34px;padding:0 11px;border-radius:11px;font-size:11px}.team-profile-tags span:before{width:7px;height:7px;margin-right:6px}.team-profile-stats{gap:8px;margin-top:10px}.team-profile-stat{grid-template-columns:42px 1fr;gap:9px;min-height:78px;padding:10px;border-radius:17px}.team-profile-stat .stat-icon{width:42px;height:42px;border-radius:14px;font-size:18px}.team-profile-stat strong{font-size:21px}.team-profile-stat small{margin-top:4px;font-size:10px}.team-profile-content-grid{grid-template-columns:1fr;gap:10px;margin-top:10px}.team-profile-panel{padding:15px;border-radius:19px}.team-profile-panel h2{font-size:17px}.team-profile-panel h2>span{width:29px;height:29px;border-radius:10px;font-size:12px}.profile-panel-line{margin:8px 0 13px 39px}.team-profile-about-panel>p{font-size:13px;line-height:1.75}.team-profile-panel-actions{grid-template-columns:1fr 1fr;gap:8px}.team-profile-primary-btn,.team-profile-secondary-btn{min-height:42px;padding:0 8px;border-radius:12px;font-size:12px}.team-profile-project-card{grid-template-columns:92px 1fr}.team-profile-project-thumb{width:92px;height:64px}.team-profile-project-card>strong{font-size:12px}.team-profile-contact-panel{margin-top:10px;padding:15px;border-radius:19px}.team-profile-contact-title{margin-bottom:12px}.team-profile-contact-title>span{width:34px;height:34px;border-radius:11px;font-size:14px}.team-profile-contact-title h2{font-size:18px}.team-profile-contact-grid{grid-template-columns:1fr;gap:8px}.team-profile-contact-grid>a{grid-template-columns:40px 1fr;padding:10px;border-radius:14px}.team-profile-contact-grid>a>span{width:40px;height:40px;border-radius:12px;font-size:15px}.team-profile-contact-grid strong{font-size:11px;white-space:normal;word-break:break-word}}
@media(max-width:420px){.team-profile-stats{grid-template-columns:1fr 1fr}.team-profile-stat{grid-template-columns:38px 1fr}.team-profile-stat .stat-icon{width:38px;height:38px}.team-profile-panel-actions{grid-template-columns:1fr}.team-profile-photo-frame{aspect-ratio:.98/1.02}}
@media(prefers-reduced-motion:no-preference){.team-profile-hero-card,.team-profile-stat,.team-profile-panel,.team-profile-contact-panel{animation:teamProfileRise .55s ease both}.team-profile-stat:nth-child(2){animation-delay:.05s}.team-profile-stat:nth-child(3){animation-delay:.1s}.team-profile-stat:nth-child(4){animation-delay:.15s}.team-profile-panel:nth-child(2){animation-delay:.05s}.team-profile-panel:nth-child(3){animation-delay:.1s}.team-profile-panel:nth-child(4){animation-delay:.15s}@keyframes teamProfileRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}}
/* v1.14.7 - team profile without selected projects */
.team-profile-content-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1180px){.team-profile-content-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.team-profile-content-grid{grid-template-columns:1fr}}
@media(max-width:767px){.team-profile-content-grid{grid-template-columns:1fr}}
/* v1.15.0 - Web Development Solution Demo Gallery */
.wds-demo-page{background:linear-gradient(180deg,#faf9ff 0%,#ffffff 52%,#fbf9ff 100%);min-height:70vh}.wds-demo-hero{position:relative;padding:38px 0 42px;overflow:hidden}.wds-demo-hero:before,.wds-demo-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.wds-demo-hero:before{width:360px;height:360px;left:-190px;top:20px;background:radial-gradient(circle,rgba(124,80,255,.11),rgba(124,80,255,0) 70%)}.wds-demo-hero:after{width:300px;height:300px;right:-120px;top:-40px;background:radial-gradient(circle,rgba(255,145,45,.09),rgba(255,145,45,0) 72%)}.wds-demo-container{width:min(100% - 24px,1240px);position:relative;z-index:1}.wds-demo-heading{text-align:center;max-width:900px;margin:0 auto 30px}.wds-demo-badge{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 18px;border-radius:999px;background:#f5f0ff;border:1px solid rgba(123,80,255,.16);color:#6e3ef2;font-size:14px;font-weight:800;box-shadow:0 10px 22px rgba(41,45,112,.05)}.wds-demo-badge span{font-size:18px}.wds-demo-heading h1{margin:16px 0 10px;color:#101d39;font-size:clamp(38px,4vw,62px);line-height:1.08;font-weight:900;letter-spacing:-.035em}.wds-demo-heading p{max-width:840px;margin:0 auto;color:#65718a;font-size:18px;line-height:1.72}.wds-demo-heading-line{display:block;width:108px;height:4px;margin:16px auto 0;border-radius:999px;background:linear-gradient(90deg,#7440f5 0%,#7d4cff 42%,#ff8d20 100%)}.wds-demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.wds-demo-card{overflow:hidden;border:1px solid rgba(221,226,235,.95);border-radius:22px;background:#fff;box-shadow:0 16px 36px rgba(17,25,45,.07);transition:transform .22s ease,box-shadow .22s ease}.wds-demo-card:hover{transform:translateY(-4px);box-shadow:0 22px 42px rgba(17,25,45,.11)}.wds-demo-preview{display:block;aspect-ratio:16/8.8;margin:10px 10px 0;border-radius:15px;overflow:hidden;background:#f4f6fb;text-decoration:none}.wds-demo-preview>img{display:block;width:100%;height:100%;object-fit:cover}.wds-demo-browser{width:100%;height:100%;background:#f7f9fd;display:flex;flex-direction:column}.wds-demo-browser-top{height:24px;display:flex;align-items:center;gap:5px;padding:0 9px;border-bottom:1px solid rgba(215,221,231,.9);background:rgba(255,255,255,.9)}.wds-demo-browser-top i{display:block;width:5px;height:5px;border-radius:50%;background:#d8dce5}.wds-demo-browser-top span{display:block;height:6px;flex:1;margin-left:7px;border-radius:999px;background:#eef1f6}.wds-demo-browser-body{display:grid;grid-template-columns:24% 1fr;flex:1;min-height:0}.wds-demo-browser-body aside{display:flex;flex-direction:column;gap:8px;padding:13px 9px;background:linear-gradient(180deg,#202447,#2d275f)}.wds-demo-browser-body aside b{display:block;height:7px;border-radius:999px;background:rgba(255,255,255,.34)}.wds-demo-browser-content{padding:12px;overflow:hidden}.mock-title{width:58%;height:10px;border-radius:999px;background:#2f6ecf}.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.mock-stats span{height:30px;border-radius:8px;background:#fff;box-shadow:0 3px 12px rgba(31,42,71,.08)}.mock-chart{height:52px;margin-top:9px;border-radius:10px;background:linear-gradient(180deg,#f6f2ff,#fff);position:relative;overflow:hidden}.mock-chart:before{content:"";position:absolute;left:8%;right:8%;bottom:12px;height:2px;background:linear-gradient(90deg,#7440f5,#8e67ff,#38bdf8,#7440f5);transform:skewY(-7deg);box-shadow:22px -9px 0 -1px rgba(116,64,245,.12)}.mock-chart i{position:absolute;right:12px;top:9px;width:34px;height:34px;border:7px solid #7850f6;border-right-color:#dcd3ff;border-radius:50%}.mock-card-row{display:grid;grid-template-columns:1fr .7fr;gap:8px;margin-top:8px}.mock-card-row span{height:22px;border-radius:7px;background:#eef2f8}.variant-2 .wds-demo-browser-body aside{background:linear-gradient(180deg,#eef7ff,#d8eaff)}.variant-2 .wds-demo-browser-content{background:linear-gradient(135deg,#ffffff,#eff8ff)}.variant-2 .mock-title{background:#1681e8}.variant-2 .mock-chart:before{background:linear-gradient(90deg,#1681e8,#63b3ff,#28c79b)}.variant-2 .mock-chart i{border-color:#1681e8;border-right-color:#c7e5ff}.variant-3 .wds-demo-browser-body aside{background:linear-gradient(180deg,#fff3e8,#ffe2c7)}.variant-3 .wds-demo-browser-content{background:linear-gradient(135deg,#fff,#fff6ed)}.variant-3 .mock-title{background:#ff7d13}.variant-3 .mock-chart:before{background:linear-gradient(90deg,#ff7d13,#ffaf55,#f25757)}.variant-3 .mock-chart i{border-color:#ff7d13;border-right-color:#ffe0bf}.variant-4 .wds-demo-browser-body aside{background:linear-gradient(180deg,#092d4e,#0b416b)}.variant-4 .wds-demo-browser-content{background:linear-gradient(135deg,#102f50,#16486e)}.variant-4 .mock-title{background:#58c3ff}.variant-4 .mock-stats span,.variant-4 .mock-card-row span{background:rgba(255,255,255,.15)}.variant-4 .mock-chart{background:rgba(255,255,255,.08)}.variant-4 .mock-chart:before{background:linear-gradient(90deg,#38bdf8,#22d3ee,#7dd3fc)}.variant-4 .mock-chart i{border-color:#38bdf8;border-right-color:rgba(255,255,255,.15)}.variant-5 .wds-demo-browser-body aside{background:linear-gradient(180deg,#3a2413,#7a461a)}.variant-5 .wds-demo-browser-content{background:linear-gradient(135deg,#44250e,#80501e)}.variant-5 .mock-title{background:#ffb84f}.variant-5 .mock-stats span,.variant-5 .mock-card-row span{background:rgba(255,255,255,.14)}.variant-5 .mock-chart{background:rgba(255,255,255,.07)}.variant-5 .mock-chart:before{background:linear-gradient(90deg,#ffb84f,#ffd38c,#ff8e20)}.variant-5 .mock-chart i{border-color:#ffb84f;border-right-color:rgba(255,255,255,.14)}.variant-6 .wds-demo-browser-body aside{background:linear-gradient(180deg,#075850,#0d766b)}.variant-6 .wds-demo-browser-content{background:linear-gradient(135deg,#ecfffb,#fff)}.variant-6 .mock-title{background:#16a394}.variant-6 .mock-chart:before{background:linear-gradient(90deg,#16a394,#31c9b7,#4cb8e9)}.variant-6 .mock-chart i{border-color:#16a394;border-right-color:#c9f5ef}.wds-demo-card-body{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 14px 15px}.wds-demo-card-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#7040f5,#975dff);color:#fff;box-shadow:0 10px 20px rgba(112,64,245,.18);font-size:20px;font-weight:900}.wds-demo-card-icon img{width:28px;height:28px;object-fit:contain}.wds-demo-card-copy{min-width:0}.wds-demo-card-copy small{display:block;color:#7350e9;font-size:11px;line-height:1.35;font-weight:800}.wds-demo-card-copy h2{margin:3px 0 3px;color:#17233f;font-size:17px;line-height:1.25;font-weight:800}.wds-demo-card-copy p{margin:0;color:#748099;font-size:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wds-demo-details{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 16px;border-radius:12px;background:linear-gradient(135deg,#6f38f3,#8d53ff);color:#fff;text-decoration:none;font-size:13px;font-weight:800;box-shadow:0 10px 20px rgba(111,56,243,.18);white-space:nowrap}.wds-demo-admin-note{display:grid;grid-template-columns:1fr auto;gap:4px 18px;align-items:center;margin-top:18px;padding:16px 18px;border:1px dashed rgba(116,64,245,.25);border-radius:18px;background:#faf8ff}.wds-demo-admin-note strong{color:#17233f;font-size:15px}.wds-demo-admin-note p{margin:0;color:#67738c;font-size:13px}.wds-demo-admin-note a{grid-row:1/3;grid-column:2;display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:12px;background:#7440f5;color:#fff;text-decoration:none;font-size:13px;font-weight:800}.wds-demo-cta{display:grid;grid-template-columns:56px 1fr auto;gap:15px;align-items:center;margin-top:24px;padding:18px 22px;border:1px solid rgba(225,228,238,.96);border-radius:20px;background:linear-gradient(90deg,#fbf9ff,#fff9f2);box-shadow:0 14px 28px rgba(17,25,45,.05)}.wds-demo-cta-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#f1e9ff;color:#7040f5;font-size:28px;font-weight:900}.wds-demo-cta-copy strong{display:block;color:#17233f;font-size:18px;line-height:1.35}.wds-demo-cta-copy p{margin:4px 0 0;color:#748099;font-size:14px;line-height:1.55}.wds-demo-cta>a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 24px;border-radius:14px;background:linear-gradient(135deg,#6f38f3 0%,#8c4fff 60%,#ff8d20 135%);color:#fff;text-decoration:none;font-size:15px;font-weight:800;box-shadow:0 14px 26px rgba(111,56,243,.18)}
@media(max-width:1024px){.wds-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wds-demo-card-body{grid-template-columns:44px minmax(0,1fr) auto}.wds-demo-card-icon{width:44px;height:44px}.wds-demo-heading h1{font-size:clamp(34px,5vw,52px)}}
@media(max-width:767px){.wds-demo-hero{padding:24px 0 28px}.wds-demo-container{width:min(100% - 14px,1240px)}.wds-demo-heading{margin-bottom:20px}.wds-demo-badge{min-height:34px;padding:0 14px;font-size:12px}.wds-demo-heading h1{margin:12px 0 8px;font-size:clamp(28px,8.6vw,38px)}.wds-demo-heading p{font-size:14px;line-height:1.7}.wds-demo-heading-line{width:84px;height:3px;margin-top:12px}.wds-demo-grid{grid-template-columns:1fr;gap:12px}.wds-demo-card{border-radius:18px}.wds-demo-preview{margin:8px 8px 0;border-radius:13px;aspect-ratio:16/8.5}.wds-demo-card-body{grid-template-columns:42px minmax(0,1fr) auto;gap:9px;padding:10px 10px 12px}.wds-demo-card-icon{width:42px;height:42px;border-radius:12px;font-size:17px}.wds-demo-card-icon img{width:24px;height:24px}.wds-demo-card-copy small{font-size:10px}.wds-demo-card-copy h2{font-size:15px;margin:2px 0}.wds-demo-card-copy p{font-size:11px;line-height:1.45;-webkit-line-clamp:1}.wds-demo-details{min-height:34px;padding:0 12px;border-radius:10px;font-size:11px}.wds-demo-admin-note{grid-template-columns:1fr;padding:14px}.wds-demo-admin-note a{grid-row:auto;grid-column:auto;margin-top:6px;justify-content:center}.wds-demo-cta{grid-template-columns:46px 1fr;gap:10px;margin-top:16px;padding:14px;border-radius:17px}.wds-demo-cta-icon{width:46px;height:46px;font-size:22px}.wds-demo-cta-copy strong{font-size:15px}.wds-demo-cta-copy p{font-size:12px}.wds-demo-cta>a{grid-column:1/-1;min-height:44px;padding:0 16px;border-radius:12px;font-size:13px}}
@media(max-width:430px){.wds-demo-card-body{grid-template-columns:38px minmax(0,1fr) auto}.wds-demo-card-icon{width:38px;height:38px}.wds-demo-card-copy h2{font-size:14px}.wds-demo-details{padding:0 10px}.wds-demo-browser-top{height:20px}.wds-demo-browser-content{padding:9px}.mock-stats span{height:24px}.mock-chart{height:42px}}
.wdsd-page{background:linear-gradient(180deg,#faf9ff 0%,#ffffff 54%,#fbf9ff 100%);min-height:70vh;padding-top:18px}.wdsd-hero{padding:108px 0 52px;position:relative;overflow:hidden}.wdsd-hero:before,.wdsd-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.wdsd-hero:before{width:380px;height:380px;left:-180px;top:30px;background:radial-gradient(circle,rgba(124,80,255,.10),rgba(124,80,255,0) 72%)}.wdsd-hero:after{width:300px;height:300px;right:-130px;top:-40px;background:radial-gradient(circle,rgba(255,145,45,.10),rgba(255,145,45,0) 74%)}.wdsd-container{width:min(100% - 24px,1260px);position:relative;z-index:1}.wdsd-header{text-align:center;max-width:980px;margin:0 auto 30px;padding:28px 32px 24px;border:1px solid rgba(226,230,239,.95);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(248,244,255,.98) 100%);box-shadow:0 18px 40px rgba(17,25,45,.06)}.wdsd-badge{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 18px;border-radius:999px;background:#f5f0ff;border:1px solid rgba(123,80,255,.16);color:#6e3ef2;font-size:14px;font-weight:800;box-shadow:0 8px 20px rgba(123,80,255,.08)}.wdsd-header h1{margin:18px 0 12px;color:#101d39;font-size:clamp(34px,4vw,56px);line-height:1.12;font-weight:900;letter-spacing:-.03em}.wdsd-header p{margin:0 auto;color:#66748d;max-width:850px;font-size:18px;line-height:1.78}.wdsd-line{display:block;width:108px;height:4px;margin:18px auto 0;border-radius:999px;background:linear-gradient(90deg,#7440f5 0%,#8657ff 52%,#ff8d20 100%)}.wdsd-top-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:20px;align-items:start}.wdsd-shot-card,.wdsd-details-card,.wdsd-featured-video,.wdsd-guide-videos,.wdsd-tags-section{border:1px solid rgba(223,228,236,.96);border-radius:24px;background:#fff;box-shadow:0 18px 34px rgba(17,25,45,.06)}.wdsd-shot-head,.wdsd-details-head,.wdsd-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px 14px}.wdsd-shot-head strong,.wdsd-details-head strong,.wdsd-section-head h2{display:block;color:#16223e;font-size:22px;line-height:1.25;font-weight:800}.wdsd-shot-head span,.wdsd-details-head span,.wdsd-section-head span{display:block;color:#7b51ee;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.wdsd-shot-window{height:min(76vh,720px);margin:0 18px 18px;border-radius:18px;overflow:hidden;background:#f4f7fb;border:1px solid rgba(224,228,236,.96);position:relative}.wdsd-shot-window img{display:block;width:100%;height:auto;transform:translateY(0)}.wdsd-shot-window img.is-animated{animation:wdsdPageShot var(--wdsd-duration,22s) linear infinite}.wdsd-shot-placeholder{display:grid;place-items:center;height:100%;padding:20px;color:#7d879c;font-size:16px}.wdsd-live-demo{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:12px;background:linear-gradient(135deg,#6f38f3,#8d53ff);color:#fff;text-decoration:none;font-size:13px;font-weight:800;white-space:nowrap}.wdsd-details-scroll{height:min(76vh,720px);overflow:auto;padding:0 18px 18px}.wdsd-detail-row{display:grid;grid-template-columns:170px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid rgba(232,235,241,.92)}.wdsd-detail-row:last-child{border-bottom:0}.wdsd-detail-row span{color:#6f43ea;font-size:14px;font-weight:800;line-height:1.5}.wdsd-detail-row p{margin:0;color:#4f5d78;font-size:15px;line-height:1.65}.wdsd-detail-description{padding-top:10px;color:#5a6681;font-size:15px;line-height:1.7}.wdsd-video-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:20px;margin-top:20px}.wdsd-featured-video.card-span-2{grid-column:1/2}.wdsd-guide-videos{grid-column:2/3}.wdsd-video-frame{position:relative;aspect-ratio:16/9;margin:0 18px 18px;border-radius:18px;overflow:hidden;background:#0b1730;box-shadow:0 14px 28px rgba(17,25,45,.10)}.wdsd-video-frame iframe,.wdsd-video-frame video{display:block;width:100%;height:100%;border:0;background:#0b1730}.wdsd-guide-list{display:grid;gap:14px;padding:0 18px 18px}.wdsd-guide-item{border:1px solid rgba(229,233,240,.95);border-radius:18px;background:#fff8f2;overflow:hidden}.wdsd-guide-item .wdsd-video-frame{margin:0;border-radius:0;aspect-ratio:16/9;box-shadow:none}.wdsd-guide-item h3{margin:0;padding:12px 14px;color:#17233f;font-size:16px;line-height:1.45;font-weight:800}.wdsd-empty-note{padding:0 18px 18px;color:#76839a;font-size:14px}.wdsd-tags-section{margin-top:20px;padding-bottom:18px}.wdsd-tag-wrap{display:flex;flex-wrap:wrap;gap:12px;padding:0 20px}.wdsd-tag{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:999px;background:#f7f3ff;border:1px solid rgba(125,85,255,.16);color:#6435e6;font-size:14px;font-weight:700}.wdsd-tags-note{margin:14px 20px 0;color:#7a869e;font-size:13px;line-height:1.65}@keyframes wdsdPageShot{0%,8%{transform:translateY(var(--wdsd-startY,0px))}90%,100%{transform:translateY(var(--wdsd-endY,0px))}}@media(max-width:1100px){.wdsd-top-grid,.wdsd-video-grid{grid-template-columns:1fr}.wdsd-guide-videos,.wdsd-featured-video.card-span-2{grid-column:auto}.wdsd-shot-window,.wdsd-details-scroll{height:560px}}@media(max-width:767px){.wdsd-page{padding-top:10px}.wdsd-hero{padding:82px 0 34px}.wdsd-container{width:min(100% - 14px,1260px)}.wdsd-header{margin-bottom:18px;padding:20px 16px 18px;border-radius:20px}.wdsd-badge{min-height:34px;padding:0 14px;font-size:12px}.wdsd-header h1{margin:12px 0 8px;font-size:clamp(28px,8.5vw,38px)}.wdsd-header p{font-size:14px;line-height:1.7}.wdsd-line{width:86px;height:3px;margin-top:12px}.wdsd-top-grid,.wdsd-video-grid{gap:14px}.wdsd-shot-card,.wdsd-details-card,.wdsd-featured-video,.wdsd-guide-videos,.wdsd-tags-section{border-radius:18px}.wdsd-shot-head,.wdsd-details-head,.wdsd-section-head{padding:14px 14px 10px}.wdsd-shot-head strong,.wdsd-details-head strong,.wdsd-section-head h2{font-size:18px}.wdsd-shot-window{margin:0 12px 12px;height:330px;border-radius:14px}.wdsd-details-head{align-items:flex-start;flex-direction:column}.wdsd-details-scroll{height:340px;padding:0 12px 12px}.wdsd-detail-row{grid-template-columns:1fr;gap:4px;padding:10px 0}.wdsd-detail-row span{font-size:13px}.wdsd-detail-row p,.wdsd-detail-description{font-size:13px}.wdsd-video-frame{margin:0 12px 12px;border-radius:14px}.wdsd-guide-list{padding:0 12px 12px}.wdsd-guide-item h3{font-size:14px;padding:10px 12px}.wdsd-tag-wrap{gap:8px;padding:0 12px}.wdsd-tag{min-height:34px;padding:0 12px;font-size:12px}.wdsd-tags-note{margin:12px 12px 0;font-size:12px}}
/* v1.15.3 demo details verified layout */
.wdsd-featured-video,.wdsd-guide-videos{margin-top:20px}.wdsd-featured-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:20px;align-items:center;padding:0 18px 18px}.wdsd-featured-inner .wdsd-video-frame{margin:0}.wdsd-featured-player{min-width:0}.wdsd-featured-copy{padding:10px 6px}.wdsd-featured-copy h3{margin:0;color:#17233f;font-size:24px;line-height:1.35;font-weight:850}.wdsd-featured-copy p{margin:10px 0 14px;color:#66748d;font-size:15px;line-height:1.75}.wdsd-featured-copy ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}.wdsd-featured-copy li{position:relative;padding-left:24px;color:#4e5b75;font-size:14px;line-height:1.55;font-weight:650}.wdsd-featured-copy li:before{content:"✓";position:absolute;left:0;top:0;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#eaf9ef;color:#25ae61;font-size:11px;font-weight:900}.wdsd-empty-video{display:grid;place-items:center;align-content:center;gap:8px;aspect-ratio:16/9;border-radius:18px;background:linear-gradient(135deg,#251859,#6e38ec 55%,#ff8c24);color:#fff;text-align:center}.wdsd-empty-video>span{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:rgba(255,255,255,.92);color:#6f38f3;font-size:28px;box-shadow:0 14px 28px rgba(0,0,0,.16)}.wdsd-empty-video strong{font-size:18px}.wdsd-empty-video small{opacity:.9;font-size:13px}.wdsd-guide-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.wdsd-guide-placeholder{display:grid;place-items:center;align-content:center;gap:7px;aspect-ratio:16/9;background:linear-gradient(135deg,#18234d,#4730a2 70%,#ff8d20);color:#fff}.wdsd-guide-placeholder span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;color:#6f38f3}.wdsd-guide-placeholder small{font-size:11px}.wdsd-shot-placeholder{display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;padding:18px}.wdsd-shot-placeholder>strong{color:#6d7890;font-size:14px}.wdsd-faux-page{width:min(92%,620px);height:86%;min-height:260px;border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(24,31,55,.1);padding:14px;overflow:hidden}.wdsd-faux-nav{height:24px;border-radius:8px;background:linear-gradient(90deg,#eef1f6,#f8f9fc)}.wdsd-faux-hero{position:relative;height:36%;margin-top:12px;border-radius:14px;background:linear-gradient(135deg,#ece5ff,#dff4ff)}.wdsd-faux-hero b,.wdsd-faux-hero span{position:absolute;left:8%;height:13px;border-radius:999px;background:#6f38f3}.wdsd-faux-hero b{top:26%;width:40%}.wdsd-faux-hero span{top:42%;width:28%;opacity:.55}.wdsd-faux-hero i{position:absolute;right:9%;top:18%;width:28%;aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,#7d50ff,#50c8ff)}.wdsd-faux-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.wdsd-faux-cards span{height:72px;border-radius:12px;background:#f1f3f8}.wdsd-faux-block{height:110px;margin-top:12px;border-radius:14px;background:linear-gradient(135deg,#f7f4ff,#fff6ed)}@media(max-width:1100px){.wdsd-featured-inner{grid-template-columns:1fr}.wdsd-guide-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.wdsd-featured-inner{gap:12px;padding:0 12px 12px}.wdsd-featured-copy h3{font-size:19px}.wdsd-featured-copy p{font-size:13px}.wdsd-featured-copy li{font-size:12px}.wdsd-guide-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wdsd-guide-list{padding:0 12px 12px}.wdsd-empty-video{border-radius:14px}.wdsd-empty-video>span{width:58px;height:58px;font-size:22px}.wdsd-faux-page{min-height:220px}}