/* InitSky V3: five distinct hero compositions + inset sticky site navigation.
   Preserves the approved V2 content, typography and service page layouts. */
.site-canvas { overflow: clip; }
.site-header {position:sticky; top:0; z-index:110; background:rgba(251,254,255,.86); backdrop-filter:blur(20px) saturate(1.3); -webkit-backdrop-filter:blur(20px) saturate(1.3); border-bottom:1px solid rgba(14,114,200,.07); transition:background .25s,box-shadow .25s,border-color .25s;}
.site-header.is-scrolled {background:rgba(255,255,255,.95);box-shadow:0 12px 35px rgba(7,58,112,.12);border-color:rgba(18,121,200,.12);}
.site-header .header-inner {transition:height .32s,min-height .32s;}
.site-header.is-scrolled .header-inner {height:72px;min-height:72px;}
.site-header .brand {transition:font-size .3s,transform .3s;}
.site-header.is-scrolled .brand {font-size:30px;}
.site-header .nav-link {transition:color .2s;}
.site-header.is-scrolled .btn-header {box-shadow:0 7px 20px #008df535;}
.site-header .search-panel {z-index:5;}
html {scroll-padding-top:100px;}
.hero-slide {overflow:visible;}
.hero-stage {z-index:1;}
.hero-motif {position:absolute;inset:0;pointer-events:none;z-index:1;}
.hero-motif i {display:block;position:absolute;opacity:.7;animation:motif-float 7s ease-in-out infinite alternate;filter:drop-shadow(0 8px 18px rgba(2,134,229,.06));}
.hero-motif i:nth-child(2){animation-delay:-2.5s;animation-duration:9s;}
.hero-motif i:nth-child(3){animation-delay:-4s;animation-duration:11s;}
@keyframes motif-float {0%{translate:0 0;rotate:-5deg;}100%{translate:7px -15px;rotate:10deg;}}
.hero-stage .hero-svg-art {z-index:2;inset:0;width:100%;height:100%;}
.hero-svg-art .art-orbit-ring {fill:none;stroke:#06a6ed;stroke-opacity:.48;stroke-width:1.5;stroke-dasharray:6 13;transform-origin:center;transform-box:view-box;}
.hero-svg-art .ring-inner {stroke:#5dc7f8;stroke-opacity:.6;stroke-dasharray:2 11;}
.hero-slide.is-active .art-orbit-ring {animation:ring-turn 42s linear infinite;}
.hero-slide.is-active .art-orbit-ring.ring-inner{animation-duration:55s;animation-direction:reverse;}
.hero-svg-art .art-outline {fill:none;stroke:#31aff7;stroke-width:2.2;stroke-opacity:.7;}
.hero-svg-art .art-node {fill:#0599ee;stroke:#fff;stroke-width:3;transform-box:fill-box;transform-origin:center;animation:motif-pulse 4.2s ease-in-out infinite;}
.hero-svg-art .art-bubble {fill:#afeaff;opacity:.8;animation:motif-pulse 3.3s -1s ease-in-out infinite;transform-box:fill-box;transform-origin:center;}
.hero-svg-art .art-cross {fill:none;stroke:#2eaff2;stroke-width:2.6;stroke-linecap:round;}
.hero-svg-art .outline-tilt {animation:outline-wobble 11s ease-in-out infinite;transform-box:fill-box;transform-origin:center;}
@keyframes ring-turn{to{rotate:360deg;}}
@keyframes motif-pulse{50%{opacity:.45;scale:1.22;}}
@keyframes outline-wobble{50%{rotate:13deg;}}
/* 1: signature asymmetrical crystal graphic */
.hero-theme-growth .hero-glow {clip-path:polygon(10% 12%,47% 0,80% 15%,100% 38%,95% 77%,65% 98%,30% 90%,0 70%,8% 40%);border-radius:0;background:linear-gradient(125deg,#dff6ff,#c0e7ff 62%,#effaff);}
.hero-theme-growth .hero-image-wrap {clip-path:polygon(10% 13%,45% 0,77% 13%,100% 29%,96% 65%,73% 88%,47% 100%,10% 89%,0 58%,8% 35%);}
.hero-theme-growth .hero-motif i:nth-child(1){width:38px;height:38px;top:3%;left:10%;background:#87ddff;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);}
.hero-theme-growth .hero-motif i:nth-child(2){width:30px;height:30px;right:7%;top:7%;border-radius:50% 20% 50% 20%;background:#69caff;}
.hero-theme-growth .hero-motif i:nth-child(3){width:18px;height:18px;right:19%;bottom:5%;border:2px solid #75cff8;border-radius:50%;}
/* 2: marketing changes the editorial layout: photography on LEFT, copy on RIGHT. */
.hero-theme-marketing .hero-grid {grid-template-columns:54% 46%;}
.hero-theme-marketing .hero-copy {grid-column:2;grid-row:1;padding-left:47px;max-width:none;}
.hero-theme-marketing .hero-copy h1 {font-size:clamp(37px,3.65vw,56px);}
.hero-theme-marketing .hero-copy .body-lead {max-width:500px;}
.hero-theme-marketing .hero-stage {grid-column:1;grid-row:1;margin:0 -15px 0 -18px;}
.hero-theme-marketing .hero-glow {inset:6% 7% 4% 1%;clip-path:none;border-radius:50% 48% 39% 50%;background:radial-gradient(ellipse at 46% 52%,#d4f5ff 0,#c1e5ff 56%,#f1faff 80%);}
.hero-theme-marketing .hero-image-wrap {left:8%;right:12%;top:8%;bottom:8%;clip-path:ellipse(47% 47% at 50% 50%);}
.hero-theme-marketing .hero-image-wrap img {object-position:48% 43%;}
.hero-theme-marketing .stage-card-top {right:2%;top:11%;}
.hero-theme-marketing .stage-card-bottom {left:0;bottom:7%;}
.hero-theme-marketing .hero-side-note {left:auto;right:0;top:66%;transform:rotate(7deg);max-width:145px;}
.hero-theme-marketing .hero-motif i:nth-child(1){left:4%;top:13%;width:80px;height:80px;border-radius:50%;border:2px dashed #62caff;}
.hero-theme-marketing .hero-motif i:nth-child(2){right:12%;bottom:3%;width:27px;height:27px;border-radius:50%;background:#35b9ed;}
.hero-theme-marketing .hero-motif i:nth-child(3){left:31%;bottom:2%;width:12px;height:12px;border-radius:50%;background:#00aafa;}
/* 3: precision technology, slab-shaped image + circuitry and diamond tiles */
.hero-theme-technology .hero-glow {inset:7% 4% 8% 3%;clip-path:polygon(15% 2%,82% 4%,100% 27%,91% 95%,18% 97%,0 74%,5% 25%);border-radius:0;background:linear-gradient(145deg,#edfaff,#c2e9ff,#e4f4ff);}
.hero-theme-technology .hero-image-wrap {left:10%;right:7%;top:13%;bottom:17%;clip-path:polygon(13% 0,93% 0,100% 12%,95% 92%,84% 100%,0 100%,4% 18%);border-radius:0;}
.hero-theme-technology .stage-card-top {right:0;top:9%;}
.hero-theme-technology .stage-card-bottom {left:1%;bottom:4%;}
.hero-theme-technology .hero-side-note {left:5%;top:3%;font-size:18px;}
.hero-theme-technology .hero-motif i:nth-child(1){right:15%;top:1%;width:47px;height:47px;border:2px solid #3ab6fa;border-radius:9px;}
.hero-theme-technology .hero-motif i:nth-child(2){left:0;bottom:16%;width:28px;height:28px;background:#b8e8ff;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);}
.hero-theme-technology .hero-motif i:nth-child(3){left:36%;top:2%;width:14px;height:14px;border:2px solid #059ef5;border-radius:4px;}
/* 4: cloud infrastructure, atmospheric layers and multiple orbit rings */
.hero-theme-cloud .hero-glow {inset:5% 0 4% 0;clip-path:none;border-radius:53% 37% 46% 37%;background:radial-gradient(ellipse at 51% 45%,#a3dbff,#c3e9ff 49%,#eaf9ff 76%);}
.hero-theme-cloud .hero-image-wrap {left:11%;right:10%;top:12%;bottom:16%;clip-path:ellipse(49% 47% at 51% 51%);border-radius:0;}
.hero-theme-cloud .hero-svg-art {z-index:4;}
.hero-theme-cloud .stage-card-top {right:0;top:13%;z-index:6;}
.hero-theme-cloud .stage-card-bottom {left:0;bottom:0;z-index:6;}
.hero-theme-cloud .hero-side-note {left:auto;right:0;top:67%;font-size:17px;z-index:6;}
.hero-theme-cloud .hero-motif i:nth-child(1){left:3%;top:11%;width:27px;height:27px;border-radius:50%;background:#6cd4ff;}
.hero-theme-cloud .hero-motif i:nth-child(2){right:8%;top:9%;width:20px;height:20px;background:#1facf0;border-radius:50%;}
.hero-theme-cloud .hero-motif i:nth-child(3){right:13%;bottom:5%;width:12px;height:12px;background:#5ac4f4;border-radius:50%;}
/* 5: future is soft, overlapping organic layers with radiant faceted accents */
.hero-theme-future .hero-glow {inset:2% 2% 4% 0;clip-path:polygon(13% 17%,38% 0,68% 7%,94% 20%,99% 45%,85% 87%,55% 100%,25% 85%,1% 71%,6% 40%);border-radius:0;background:linear-gradient(155deg,#e2faff 5%,#aee4ff 50%,#e6f2ff 90%);}
.hero-theme-future .hero-image-wrap {left:11%;right:8%;top:9%;bottom:14%;clip-path:polygon(16% 3%,79% 0,99% 20%,100% 74%,82% 97%,17% 100%,0 79%,4% 24%);border-radius:28px;}
.hero-theme-future .hero-image-wrap img {object-position:37% 49%;}
.hero-theme-future .stage-card-top {right:0;top:12%;}
.hero-theme-future .stage-card-bottom {left:1%;bottom:3%;}
.hero-theme-future .hero-side-note {top:5%;left:1%;}
.hero-theme-future .hero-motif i:nth-child(1){left:6%;top:7%;width:42px;height:42px;border:3px solid #6ac8ff;clip-path:polygon(50% 0,100% 100%,0 100%);}
.hero-theme-future .hero-motif i:nth-child(2){right:9%;bottom:9%;width:42px;height:42px;background:#88d9fc;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);}
.hero-theme-future .hero-motif i:nth-child(3){right:7%;top:15%;width:13px;height:13px;border:2px solid #239cf0;border-radius:50%;}
@media(max-width:1270px){
 .hero-theme-marketing .hero-copy {padding-left:28px;}
 .hero-theme-marketing .hero-copy h1{font-size:clamp(32px,3.5vw,47px);}
 .hero-theme-marketing .hero-side-note{font-size:14px;}
}
@media(max-width:990px){
 .hero-theme-marketing .hero-grid{grid-template-columns:51% 49%;}
 .hero-theme-marketing .hero-copy {padding-left:16px;}
 .hero-theme-marketing .hero-copy h1{font-size:clamp(29px,3.6vw,40px);}
 .hero-theme-marketing .hero-stage{margin-left:0;margin-right:0;}
 .hero-theme-marketing .stage-card-top{min-width:145px;}
 .hero-theme-marketing .stage-card-bottom{min-width:174px;}
 .hero-theme-technology .hero-side-note{font-size:14px;}
 .hero-theme-cloud .hero-side-note{font-size:13px;}
}
@media(max-width:700px){
 html{scroll-padding-top:80px;}
 .site-header.is-scrolled .header-inner{height:64px;min-height:64px;}
 .site-header.is-scrolled .brand{font-size:28px;}
 /* Preserve mobile reading order: text first, visuals second, for all five slides. */
 .hero-theme-marketing .hero-grid {display:flex;flex-direction:column;gap:7px;}
 .hero-theme-marketing .hero-copy {order:0;padding:17px 0 0;max-width:100%;}
 .hero-theme-marketing .hero-copy h1 {font-size:clamp(34px,7.6vw,48px);}
 .hero-theme-marketing .hero-stage {order:1;margin:5px 0 0;}
 .hero-theme-marketing .hero-side-note {right:0;top:70%;max-width:110px;font-size:12px;}
 .hero-theme-marketing .stage-card-top {top:9%;right:0;}
 .hero-theme-marketing .stage-card-bottom {bottom:2%;left:0;}
 .hero-theme-technology .hero-side-note,.hero-theme-cloud .hero-side-note,.hero-theme-future .hero-side-note {font-size:12px;}
 .hero-theme-cloud .hero-svg-art {z-index:3;}
 .hero-theme-cloud .hero-side-note {top:72%;}
 .hero-svg-art .art-orbit-ring {stroke-width:2;}
}
@media(max-width:410px){
 .hero-theme-marketing .hero-copy h1 {font-size:34px;}
 .hero-theme-marketing .hero-side-note {font-size:10px;}
 .hero-theme-marketing .stage-card-top {right:-1%;top:12%;}
 .hero-theme-technology .hero-motif i:nth-child(1){right:4%;}
}
@media(prefers-reduced-motion:reduce){
 .site-header,.site-header .header-inner,.site-header .brand {transition:none;}
 .hero-motif i,.hero-svg-art .art-orbit-ring,.hero-svg-art .art-node,.hero-svg-art .art-bubble,.hero-svg-art .outline-tilt {animation:none!important;}
}

/* Even the pale, page-level background pieces change when slides change. */
.page-decoration .s1,.page-decoration .s2,.page-decoration .s3,.page-decoration .s4 {transition:clip-path 1s ease,border-radius 1s ease,transform 1s ease,opacity .75s ease,background .75s ease;}
.site-canvas[data-hero="2"] .page-decoration .s1 {border-radius:50%;clip-path:none;transform:rotate(15deg) scale(.8);}
.site-canvas[data-hero="2"] .page-decoration .s2 {border-radius:50%;clip-path:none;transform:rotate(0) scale(1.08);}
.site-canvas[data-hero="2"] .page-decoration .s3 {border-radius:50%;clip-path:none;transform:rotate(0) scale(.76);}
.site-canvas[data-hero="3"] .page-decoration .s1 {clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);border-radius:5px;transform:rotate(0);}
.site-canvas[data-hero="3"] .page-decoration .s2 {clip-path:polygon(20% 0,100% 0,80% 100%,0 100%);border-radius:4%;transform:rotate(0) scale(1.15);}
.site-canvas[data-hero="3"] .page-decoration .s4 {clip-path:polygon(0 0,75% 0,100% 25%,100% 100%,25% 100%,0 75%);border-radius:0;}
.site-canvas[data-hero="4"] .page-decoration .s1 {border-radius:50%;clip-path:none;transform:rotate(0) scale(.75);}
.site-canvas[data-hero="4"] .page-decoration .s2 {border-radius:50%;clip-path:none;transform:rotate(0) scale(1.2);background:linear-gradient(135deg,rgba(10,161,247,.12),rgba(62,199,255,.06));}
.site-canvas[data-hero="4"] .page-decoration .s4 {border-radius:50%;clip-path:none;}
.site-canvas[data-hero="5"] .page-decoration .s1 {clip-path:polygon(50% 0,100% 90%,0 90%);border-radius:0;transform:rotate(-20deg);}
.site-canvas[data-hero="5"] .page-decoration .s2 {clip-path:polygon(4% 22%,55% 0,100% 18%,85% 89%,43% 100%,0 75%);border-radius:0;transform:rotate(15deg);}
.site-canvas[data-hero="5"] .page-decoration .s3 {clip-path:polygon(25% 0,80% 0,100% 30%,80% 100%,15% 100%,0 65%);border-radius:0;}