/* Motion, light and navigation — ZiyaTech 1.3. */
.site-header{border:0;background:linear-gradient(#ffffffee,#ffffffad);box-shadow:none;backdrop-filter:blur(14px);padding:10px 0;transition:padding .35s,background .35s}
.site-header .header-inner{position:relative;height:78px;padding:0 22px;gap:22px;border:1px solid #e9e3f1;border-radius:18px;background:linear-gradient(110deg,#fff 25%,#fffaf6 72%,#faf5ff);box-shadow:0 9px 34px #3d285811,0 1px 0 #fff inset;transition:height .35s,box-shadow .35s,border-color .35s}
.site-header .header-inner::before{content:'';position:absolute;top:-1px;left:10%;height:2px;width:34%;background:linear-gradient(90deg,transparent,#ff973d,#d9b8ff,transparent);border-radius:3px;pointer-events:none}
body.motion-enabled .site-header .header-inner::before{animation:header-light-sweep 8s ease-in-out infinite}
.site-header.is-scrolled{padding:6px 0;background:#ffffffb5}
.site-header.is-scrolled .header-inner{height:68px;box-shadow:0 12px 35px #3d28581c;border-color:#e2d7ec}
.site-header .brand{position:relative;overflow:hidden;width:187px}
.site-header .brand::after{content:'';position:absolute;inset:0;transform:translateX(-120%) skewX(-20deg);background:linear-gradient(90deg,transparent,#ffffffb0,transparent);pointer-events:none}
.site-header .brand:hover::after{animation:brand-shine .7s ease}
.site-header .primary-menu{gap:9px}
.site-header .primary-menu>li>a,.site-header .nav-services>summary{position:relative;display:flex;align-items:center;gap:6px;min-height:40px;font-size:12px;font-weight:650;padding:10px 13px;border-radius:10px;transition:color .25s,background .25s,box-shadow .25s}
.site-header .primary-menu>li>a::after{content:'';position:absolute;bottom:5px;left:50%;width:4px;height:4px;border-radius:50%;background:var(--accent);opacity:0;transform:translateY(3px);transition:opacity .25s,transform .25s}
.site-header .primary-menu>li>a:hover,.site-header .nav-services>summary:hover{background:#f1ebfc;color:#64449a}
.site-header .primary-menu>li>a:hover::after{opacity:1;transform:translateY(0)}
.site-header .primary-menu>li>a[aria-current=page],.site-header .primary-menu>.current-menu-item>a{color:#a94410;background:linear-gradient(115deg,#fff0de,#ffe9da);box-shadow:inset 0 0 0 1px #ffd2ac,0 3px 10px #ff9f2b11}
.site-header .primary-menu>li>a[aria-current=page]::after{display:none}
.site-header .header-actions{margin-left:5px}
.site-header .header-actions>.button{position:relative;isolation:isolate;overflow:hidden;min-height:45px;padding:12px 18px;font-size:12px;border-radius:11px;background:linear-gradient(125deg,#ff8a2f,#ff681c);border-color:#ff8c35;box-shadow:0 5px 13px #f77b292a;transition:box-shadow .25s,background .25s}
.site-header .header-actions>.button::before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff65,transparent 70%);transform:translateX(-150%);z-index:-1}
.site-header .header-actions>.button:hover::before{animation:brand-shine .7s ease}
.site-header .header-actions>.button:hover{box-shadow:0 7px 22px #ed751a45}
.site-header .nav-services[open]>summary{background:#f1e9fc;color:#65438d}
.site-header .service-dropdown{margin-top:12px;border-radius:18px;border-color:#e9ddf4;padding:19px;box-shadow:0 24px 60px #39204424;transform-origin:top center}
body.motion-enabled .site-header .nav-services[open] .service-dropdown{animation:dropdown-arrive .32s cubic-bezier(.2,.8,.3,1) both}
.site-header .service-dropdown>a{transition:transform .2s,background .2s}.site-header .service-dropdown>a:hover{transform:translateX(3px)}
.site-header .service-dropdown>.all-services-link{background:linear-gradient(110deg,#fff3e3,#f7f0ff);border:0;border-radius:10px;margin-bottom:6px;padding:15px}
.page-pointer-light{display:none;position:fixed;left:0;top:0;width:500px;height:500px;margin:-250px;pointer-events:none;z-index:94;border-radius:50%;background:radial-gradient(circle,#ffb46e24,#d4b4ff08 38%,transparent 65%);opacity:0;will-change:transform;transition:opacity .4s}
body.pointer-light-active .page-pointer-light{opacity:1}
body.pointer-light-active a,body.pointer-light-active button{cursor:pointer}
#ambient-particles{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:4;opacity:.65;contain:strict}
.section-aura{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;border-radius:inherit}
.section-aura::before,.section-aura::after{content:'';position:absolute;width:min(700px,90%);height:580px;border-radius:50%;background:radial-gradient(ellipse,#ffd8aa70,transparent 68%);left:-260px;top:3%;will-change:transform}
.section-aura::after{left:auto;right:-250px;top:25%;background:radial-gradient(ellipse,#c7b5fb50,transparent 68%)}
.hero .section-aura::before{left:-340px;top:10%;opacity:.65}.hero .section-aura::after{right:-350px;top:-170px;opacity:.5}
.pricing-section .section-aura::before,.why-section .section-aura::before{background:radial-gradient(ellipse,#fa873c35,transparent 70%);left:-180px}
.pricing-section .section-aura::after,.why-section .section-aura::after{background:radial-gradient(ellipse,#a777f545,transparent 70%)}
.fx-spotlight{position:relative;isolation:isolate}
.fx-spotlight::after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(340px circle at var(--spot-x,50%) var(--spot-y,50%),#ffc26e38,transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none;z-index:3}
.fx-spotlight.is-spotlit::after{opacity:1}
.project-visual.fx-spotlight::after{background:radial-gradient(340px circle at var(--spot-x,50%) var(--spot-y,50%),#fff9d95c,transparent 70%)}
.header-inner.fx-spotlight::after{background:radial-gradient(260px circle at var(--spot-x,50%) var(--spot-y,50%),#ffcf841a,transparent 70%)}
.metrics-section{position:relative;padding:30px 0 48px;background:#fff;isolation:isolate}
.metrics-panel{position:relative;overflow:hidden;padding:35px 34px 30px;background:#28213e;border:1px solid #574567;border-radius:25px;box-shadow:0 20px 55px #39244d16;isolation:isolate;color:#fff}
.metrics-panel::before{content:'';position:absolute;width:600px;height:400px;top:-275px;left:20%;background:radial-gradient(ellipse,#bd7dff70,transparent 68%);z-index:-1}
.metrics-panel::after{content:'';position:absolute;width:500px;height:350px;bottom:-280px;right:-50px;background:radial-gradient(ellipse,#ffae5670,transparent 68%);z-index:-1}
.metrics-intro{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 4px 25px;border-bottom:1px solid #ffffff1c;margin-bottom:24px}
.metrics-intro .eyebrow{font-size:10px;color:#d0b6f3;margin:0;max-width:220px;line-height:1.8}
.metrics-intro h2{font-size:29px;letter-spacing:-.04em;margin:0;font-weight:500;color:#faf5ff}
.metrics-spark{display:grid;place-items:center;color:#ffbd75;width:36px;height:36px}
.metrics-spark .icon{height:29px;width:29px;stroke-width:1.3}
.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.metric-card{position:relative;overflow:hidden;min-width:0;padding:21px 23px 25px;border:1px solid #ffffff1c;border-radius:16px;background:linear-gradient(135deg,#ffffff0b,#ffffff02);transition:border-color .3s,box-shadow .3s}
.metric-card:hover{border-color:#d9b4f36b;box-shadow:0 0 30px #b483f510}
.metric-symbol{display:grid;place-items:center;position:absolute;top:22px;right:20px;width:35px;height:35px;border-radius:11px;background:#ffac5e16;color:#ffb575}
.metric-symbol .icon{height:20px;width:20px;stroke-width:1.4}
.metric-value{display:flex;align-items:baseline;gap:13px;margin:4px 0 7px;font-family:var(--heading);font-size:71px;letter-spacing:-4px;line-height:1.12;font-weight:650;font-variant-numeric:tabular-nums;color:#ffc28d}
.metric-accent{font-size:23px;font-weight:400;letter-spacing:0;color:#d3966e}
.metric-label{font-size:12px;color:#cabcd7;margin:0;line-height:1.7;max-width:180px}
.metric-line{position:absolute;bottom:0;left:24px;right:24px;height:2px;background:linear-gradient(90deg,transparent,#f9a96899,transparent)}
.metric-violet .metric-value{color:#c5b4ff}.metric-violet .metric-symbol{background:#c3a5fa15;color:#d1bdf9}.metric-violet .metric-accent{color:#ab92da}.metric-violet .metric-line{background:linear-gradient(90deg,transparent,#c3a2ff99,transparent)}
.metric-mint .metric-value{color:#a9e0cf}.metric-mint .metric-symbol{background:#8eeac515;color:#a1e8ce}.metric-mint .metric-accent{color:#87bdab}.metric-mint .metric-line{background:linear-gradient(90deg,transparent,#a5e7d299,transparent)}
.metric-world{background:linear-gradient(140deg,#ffbb7020,#ffffff04);display:flex;flex-direction:column;align-items:flex-start}
.metric-world .metric-symbol{position:static;margin-bottom:16px;background:#ffe0a422;color:#ffd296}
.metric-world-title{font-size:26px;line-height:1.1;letter-spacing:-1px;font-weight:600;margin-bottom:10px;color:#ffe7bd;max-width:140px}
.metric-world .metric-label{font-size:10px;max-width:180px;color:#c9b8c7}
.metric-world-dots{position:absolute;right:15px;bottom:21px;display:grid;grid-template-columns:repeat(3,3px);gap:5px;transform:rotate(-18deg)}
.metric-world-dots i{width:3px;height:3px;background:#e8c78c;border-radius:50%;opacity:.5}
.collaborations-section{position:relative;padding:30px 0 65px;background:#fff;overflow:hidden;isolation:isolate;text-align:left}
.collab-heading{display:flex;gap:25px;align-items:center;justify-content:space-between;margin-bottom:21px}
.collab-heading .eyebrow{font-size:9px;margin-bottom:14px;color:#8a68a4}
.collab-heading h2{font-size:31px;letter-spacing:-1.1px;line-height:1.15;margin-bottom:12px;font-weight:550}
.collab-description{color:#81738e;font-size:12px;margin:0;line-height:1.8}
.collab-motion-toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid #e4dbea;border-radius:30px;min-height:39px;padding:9px 14px;white-space:nowrap;background:#faf7ff;color:#7c638d;font-size:10px}
.collab-motion-toggle:hover{background:#f0e7fa}
.slider-pause-icon{font-size:14px;line-height:1;font-weight:700;letter-spacing:-2px;width:12px}
.collab-demo-note{display:flex;align-items:baseline;gap:8px;font-size:10px;color:#97869e;margin:0 0 23px}
.collab-demo-note>span{height:5px;width:5px;border-radius:50%;background:#ba99d2;flex-shrink:0}
.collab-slider{overflow:hidden;width:100%;padding-block:10px;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.collab-track{display:flex;width:max-content;will-change:transform;animation:collaboration-flow 38s linear infinite}
.collab-group{display:flex;align-items:stretch;gap:18px;padding-right:18px}
.brand-slide{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:235px;min-height:142px;border:1px solid #e6dcec;border-radius:16px;background:linear-gradient(125deg,#fff,#fbf8ff);padding:22px 20px 17px;transition:border-color .3s,box-shadow .3s}
.brand-slide:hover{border-color:#cbb4e3;box-shadow:0 6px 24px #9f79b014}
.brand-slide>a{display:block;width:100%;min-width:0}.brand-slide img{height:62px;width:100%;object-fit:contain;filter:none}
.brand-slide img.brand-source-logo{height:90px;width:150px;max-width:100%;object-fit:contain}
.brand-wordmark{display:grid;place-items:center;min-height:62px;font-size:24px;font-weight:600;letter-spacing:-1px;text-align:center;line-height:1.2;color:#746280}
.brand-relationship{font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:#a596af;line-height:1.8;display:block;text-align:center}
.collab-slider:hover .collab-track,.collab-slider:focus-within .collab-track,.collab-track.is-paused{animation-play-state:paused}
body:not(.motion-enabled) .collab-track{animation:none;transform:none}
.collab-motion-toggle[disabled]{opacity:.55;cursor:default}
@keyframes header-light-sweep{0%,100%{left:8%;opacity:.35}50%{left:58%;opacity:1}}
@keyframes brand-shine{to{transform:translateX(170%) skewX(-20deg)}}
@keyframes dropdown-arrive{from{opacity:0;translate:0 10px;scale:.98}to{opacity:1;translate:0 0;scale:1}}
@keyframes collaboration-flow{to{transform:translateX(-50%)}}
@media(hover:hover) and (pointer:fine){.page-pointer-light{display:block}}
@media(min-width:901px) and (max-width:1190px){
 .site-header .header-inner{width:calc(100% - 40px);padding:0 16px;gap:15px;height:73px}.site-header .brand{width:156px}
 .site-header .primary-menu{gap:2px}.site-header .primary-menu>li>a,.site-header .nav-services>summary{font-size:11px;padding:10px}
 .site-header .header-actions{margin-left:0}.site-header .header-actions>.button{font-size:11px;padding:11px 13px;gap:12px}
 .metrics-panel{padding:30px 26px 26px}.metrics-grid{gap:13px}.metric-card{padding:20px 18px}.metric-symbol{right:15px;top:18px;width:30px;height:30px}.metric-value{font-size:64px}.metric-label{font-size:11px}.metric-world-title{font-size:25px}
}
@media(max-width:900px){
 .site-header{padding:8px 0}.site-header .header-inner{height:66px;padding:0 16px;border-radius:14px;gap:16px;width:calc(100% - 32px)}.site-header .brand{width:170px}
 .site-header.is-scrolled .header-inner{height:60px}.site-header.is-scrolled{padding:5px 0}
 .site-header .site-navigation{top:calc(100% + 9px);left:-1px;right:-1px;padding:13px 18px 20px;border:1px solid #e4d9ed;border-radius:15px;box-shadow:0 20px 40px #35204424;max-height:calc(100dvh - 100px)}
 .site-header .primary-menu{gap:6px 14px}.site-header .primary-menu>li>a,.site-header .nav-services>summary{padding:13px 10px;min-height:46px;border-bottom:0;font-size:13px;line-height:1.6}
 .site-header .primary-menu>li>a{background:#f9f7fc}.site-header .primary-menu>li.nav-home{grid-column:auto}.site-header .primary-menu>.services-menu-item{grid-column:1/-1;grid-row:2}
 .site-header .service-dropdown{margin-top:6px;padding:5px 0 12px;border-radius:0;box-shadow:none;border:0}
 .site-header .nav-services>summary{background:#fff3e8}
 .site-header .header-actions>.button{min-height:40px;font-size:11px;padding:10px 14px;gap:12px}.site-header .mobile-menu-toggle{background:#faf4ff;border-color:#e1d4ec;color:#755584}
 .metrics-section{padding:25px 0 40px}.metrics-panel{padding:29px 23px 24px;border-radius:20px}
 .metrics-intro{gap:20px;align-items:flex-start}.metrics-intro .eyebrow{font-size:9px;max-width:185px}.metrics-intro h2{font-size:25px;max-width:260px}.metrics-spark{width:29px;height:29px}
 .metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.metric-card{padding:23px 25px;min-height:179px}.metric-value{font-size:74px}.metric-label{font-size:13px}.metric-world-title{max-width:none;font-size:30px}.metric-world .metric-label{font-size:11px;max-width:230px}.metric-world .metric-symbol{margin-bottom:14px}.metric-symbol{right:20px;top:22px}
 .collaborations-section{padding:25px 0 55px}.collab-heading h2{font-size:29px}.collab-heading .eyebrow{font-size:8px}.brand-slide{width:220px;min-height:133px}.collab-group{gap:14px;padding-right:14px}.collab-description{font-size:12px}
}
@media(max-width:760px){
 .metrics-intro{display:grid;grid-template-columns:1fr auto;gap:11px}.metrics-intro .eyebrow{grid-column:1;max-width:none;font-size:8px;letter-spacing:1.2px}.metrics-intro h2{grid-column:1;max-width:none;font-size:29px}.metrics-spark{grid-column:2;grid-row:1/3;align-self:center}
 .collab-heading{align-items:flex-start}.collab-motion-toggle{font-size:9px;padding:9px 11px}.collab-heading h2{font-size:28px}
}
@media(max-width:500px){
 .site-header .header-inner{height:62px;padding:0 12px;width:calc(100% - 22px);gap:9px;border-radius:13px}.site-header .brand{width:144px}
 .site-header .header-actions{gap:7px}.site-header .header-actions>.button{font-size:10px;min-height:37px;padding:9px 10px;gap:7px;border-radius:9px}.site-header .mobile-menu-toggle{height:36px;width:36px;border-radius:9px}
 .site-header.is-scrolled .header-inner{height:58px}.site-header .site-navigation{padding:13px 12px 18px;top:calc(100% + 8px);max-height:calc(100dvh - 94px)}
 .site-header .primary-menu{gap:7px 9px}.site-header .primary-menu>li>a,.site-header .nav-services>summary{font-size:12px;padding:12px 10px;min-height:44px;border-radius:8px}
 .site-header .service-dropdown{gap:7px}.site-header .service-dropdown>a{font-size:11px;padding:12px 10px}.site-header .service-dropdown>.all-services-link{padding:13px 10px}
 .metrics-section{padding:23px 0 30px}.metrics-panel{padding:25px 16px 19px;border-radius:19px}.metrics-intro{padding:0 5px 20px;margin-bottom:18px;gap:11px}
 .metrics-intro h2{font-size:27px;max-width:240px;line-height:1.12}.metrics-intro .eyebrow{font-size:7px;letter-spacing:1px}.metrics-spark .icon{height:24px;width:24px}
 .metrics-grid{gap:11px}.metric-card{padding:20px 16px 22px;min-height:174px;border-radius:12px}.metric-value{font-size:62px;letter-spacing:-3.5px;gap:10px;margin-top:7px;margin-bottom:9px}.metric-accent{font-size:17px}
 .metric-symbol{top:15px;right:13px;width:26px;height:26px;border-radius:8px}.metric-symbol .icon{height:16px;width:16px}.metric-label{font-size:11px;line-height:1.8;max-width:130px}.metric-line{left:16px;right:16px}
 .metric-world .metric-symbol{margin-bottom:16px}.metric-world-title{font-size:26px;max-width:130px;line-height:1.05;letter-spacing:-.9px;margin-bottom:10px}.metric-world .metric-label{font-size:10px;line-height:1.8;max-width:135px}.metric-world-dots{right:12px;bottom:12px;opacity:.6}
 .collaborations-section{padding:26px 0 43px}.collab-heading{display:block;margin-bottom:19px}.collab-heading .eyebrow{font-size:8px;letter-spacing:1.2px}.collab-heading h2{font-size:29px;max-width:330px;line-height:1.14}.collab-description{font-size:12px;max-width:320px}
 .collab-motion-toggle{margin-top:16px;font-size:10px;min-height:38px;padding:9px 12px}.collab-demo-note{font-size:9px;line-height:1.8;gap:7px;margin-bottom:18px}
 .brand-slide{width:194px;min-height:124px;padding:19px 18px 16px;border-radius:12px}.brand-slide img{height:54px}.brand-relationship{font-size:7px}.collab-group{gap:12px;padding-right:12px}
 .collab-slider{mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
}
@media(max-width:360px){
 .site-header .header-inner{padding:0 10px;gap:6px;width:calc(100% - 16px)}.site-header .brand{width:124px}.site-header .header-actions{gap:6px}.site-header .header-actions>.button{font-size:9px;padding:9px 8px;gap:5px}.site-header .mobile-menu-toggle{width:32px;height:35px}
 .metrics-panel{padding:23px 12px 17px}.metrics-intro h2{font-size:24px}.metrics-intro .eyebrow{font-size:6.3px}.metric-card{padding:20px 13px;min-height:175px}.metric-value{font-size:56px}.metric-label{font-size:10px}.metric-symbol{height:23px;width:23px;right:11px}.metric-world-title{font-size:24px}.metric-world .metric-label{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
 .site-header .header-inner::before,.brand-slide,.collab-track{animation:none!important}.page-pointer-light,#ambient-particles{display:none!important}.fx-spotlight::after{display:none}.section-aura::before,.section-aura::after{will-change:auto}.site-header,.site-header .header-inner{transition:none}
}