/* ServiceDash How It Works, approved landing-section implementation v0.9.8.6.
   All selectors scoped to homepage and .hiw-section to protect Modules and Lab. */
.sd-hiw-home{font-family:"Cairo",Arial,sans-serif;min-width:0}
.sd-hiw-home .sd-transform h2,.sd-hiw-home .sd-portfolio h2,.sd-hiw-home .sd-modal h2,.sd-hiw-home .sd-modal-brand{font-family:"Cairo",Arial,sans-serif;letter-spacing:-.025em;font-weight:750}
.sd-hiw-home .sd-transform{padding-block:24px 20px}
.sd-hiw-home .sd-portfolio{padding-top:38px;padding-bottom:0}
.sd-hiw-home .sd-portfolio:before{height:58px}
.sd-hiw-home .sd-portfolio .sd-spark,.sd-hiw-home .sd-outcomes{display:none!important}
.sd-hiw-home .sd-portfolio-subtitle{margin:6px 16px 5px}
.sd-hiw-home .sd-final-cta{padding:19px 18px 21px}
.sd-hiw-home .sd-portfolio .sd-primary{min-height:57px}
.sd-hiw-home .sd-transform h2{font-size:clamp(34px,7vw,50px)}
.sd-hiw-home .sd-portfolio h2{font-size:clamp(36px,7.5vw,52px)}
.sd-hiw-home button,.sd-hiw-home a{font-family:inherit}

.hiw-section{--hiw-orange:#ff5409;--hiw-navy:#0b2d5b;--hiw-muted:#4c6079;--hiw-card:rgba(255,255,255,.94);position:relative;isolation:isolate;overflow:hidden;padding:22px clamp(14px,3.7vw,38px) 31px;min-width:0;direction:ltr;color:var(--hiw-navy);font-family:"Cairo",Arial,sans-serif;background:linear-gradient(180deg,#fffdfa 0%,#fffaf4 22%,#f3f6f8 57%,#e4eef6 100%)}
.hiw-world{position:absolute;inset:190px 0 0 0;z-index:-1;pointer-events:none;overflow:hidden;mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.25) 8%,#000 22%)}
.hiw-tech-wash{position:absolute;inset:-3% -4% -6% 12%;background:radial-gradient(ellipse 65% 52% at 103% 52%,rgba(56,133,211,.26),transparent 89%),radial-gradient(ellipse 70% 80% at 110% 96%,rgba(7,36,75,.92),transparent 84%),linear-gradient(138deg,rgba(255,255,255,0) 19%,rgba(141,175,208,.18) 56%,rgba(5,30,64,.65));mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.04) 31%,rgba(0,0,0,.22) 52%,#000 97%)}
.hiw-hex-layer{position:absolute;top:-2%;bottom:0;right:-6%;width:43%;opacity:.34;background-image:url('/assets/modules/background/honeycomb-graphic.svg');background-position:right top;background-size:200px auto;mask-image:linear-gradient(90deg,transparent 0%,#000 62%),linear-gradient(180deg,transparent 0%,#000 18%);mask-composite:intersect}
.hiw-tech-lines{position:absolute;right:-8%;bottom:-2%;width:60%;height:47%;opacity:.52;transform:skewY(-9deg);background:linear-gradient(132deg,transparent 36%,rgba(48,178,255,.4) 36.15%,transparent 36.4%,transparent 50%,rgba(255,104,29,.32) 50.15%,transparent 50.4%,transparent 78%,rgba(49,175,247,.5) 78.15%,transparent 78.4%);mask-image:linear-gradient(90deg,transparent,#000 65%)}
.hiw-inner{width:min(100%,1030px);margin-inline:auto;position:relative;z-index:1;min-width:0}
.hiw-heading{text-align:center;max-width:820px;margin:0 auto 18px;position:relative}
.hiw-sparkle{display:block;width:40px;height:40px;margin:0 auto 5px}
.hiw-heading h2{margin:0;font-size:clamp(38px,7vw,65px);line-height:1.11;letter-spacing:-.035em;font-weight:900;color:#103365}
.hiw-heading h2 span,.hiw-heading h2 strong{display:block;font-weight:900}
.hiw-heading h2 strong{color:#f25316}
.hiw-heading p{font-size:clamp(15px,2.1vw,19px);line-height:1.45;color:#536985;margin:6px auto 8px;max-width:680px}
.hiw-divider{display:block;width:132px;height:18px;margin:0 auto 0}
.hiw-steps{display:flex;flex-direction:column;gap:0;position:relative}
.hiw-step{display:grid;grid-template-columns:minmax(0,38%) minmax(0,62%);position:relative;align-items:center;min-width:0;min-height:230px;overflow:hidden;border-radius:26px;border:1px solid rgba(255,255,255,.95);background:linear-gradient(115deg,rgba(255,255,255,.97),rgba(255,255,255,.86) 68%,rgba(232,242,251,.88));box-shadow:0 12px 33px rgba(22,57,93,.07),inset 0 1px 0 rgba(255,255,255,.97)}
.hiw-step:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;border:1px solid rgba(73,145,202,.08)}
.hiw-step-copy{padding:18px 5px 18px 22px;min-width:0;z-index:2;align-self:center}
.hiw-number{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:linear-gradient(145deg,#ff7900,#fc3d15);color:#fff;font-weight:900;font-size:27px;line-height:1;margin-bottom:9px;box-shadow:0 5px 15px rgba(255,94,14,.19)}
.hiw-step h3{font-size:clamp(19px,2.5vw,29px);line-height:1.16;letter-spacing:-.025em;margin:0 0 7px;color:#142f53;font-weight:900}
.hiw-step p{margin:0;font-size:clamp(14px,1.8vw,17px);line-height:1.36;color:#4c607b;font-weight:500}
.hiw-step-copy[dir="rtl"]{padding-inline:12px 18px;text-align:right}
.hiw-art{min-width:0;position:relative;overflow:visible;align-self:stretch;min-height:230px}
.hiw-art-phones{height:244px;min-height:244px}
.hiw-phone{position:absolute;top:5%;height:91%;width:auto;max-width:none;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(5,15,33,.21))}
.hiw-phone-left{left:7%;transform:rotate(-7deg);z-index:1}
.hiw-phone-front{left:34%;z-index:3;height:96%;top:2%}
.hiw-phone-sushi{left:61%;transform:rotate(6deg);z-index:2}
.hiw-art-cubes{height:242px;min-height:242px;display:flex;align-items:center;justify-content:center}
.hiw-cubes-base{display:block;width:115%;max-width:none;height:100%;object-fit:contain;filter:drop-shadow(0 12px 10px rgba(23,41,64,.14))}
/* Engineered connector cues: intentionally unobtrusive and separate from the approved grouped raster. */
.hiw-pin{position:absolute;pointer-events:none;opacity:.92;z-index:1}
.hiw-pin-top{left:37%;top:5%;width:11px;height:13px;border-radius:4px 4px 2px 2px;background:linear-gradient(90deg,#707a86,#f3f7fa 45%,#818c98);box-shadow:13px 2px 0 -1px #b4c1cd,0 2px 0 2px #1a7bd5}
.hiw-pin-side{left:13%;bottom:32%;width:8px;height:6px;border-radius:50%;background:linear-gradient(#fff,#aeb8c1);box-shadow:0 12px 0 #b7c0c8,1px 1px 3px rgba(0,0,0,.3)}
.hiw-pin-port{right:10%;bottom:31%;width:16px;height:24px;border-radius:7px;background:linear-gradient(145deg,#232c38,#677381);border:2px solid #99a5ab;box-shadow:inset 0 0 0 3px #364150}
.hiw-pin-port:after{content:"";display:block;width:3px;height:3px;border-radius:50%;background:#d4a937;position:absolute;left:4px;top:4px;box-shadow:5px 0 #d4a937,2px 7px #d4a937}
.hiw-art-launch{height:242px;min-height:242px}
.hiw-omar{position:absolute;height:96%;width:auto;left:10%;bottom:0;max-width:none;object-fit:contain;filter:drop-shadow(0 8px 13px rgba(9,24,47,.2))}
.hiw-preview{position:absolute;width:48%;height:auto;object-fit:contain;right:4%;bottom:5%;transform:rotate(3deg);filter:drop-shadow(0 7px 9px rgba(7,28,57,.24));z-index:3}
.hiw-live{position:absolute;right:4%;top:6%;z-index:4;display:flex;align-items:center;gap:8px;width:max-content;max-width:53%;padding:8px 13px;border-radius:14px;background:rgba(255,255,255,.98);box-shadow:0 8px 20px rgba(9,36,65,.13);font-size:clamp(12px,1.6vw,16px);font-weight:900;color:#102f56;line-height:1.12;transform:rotate(-4deg)}
.hiw-live-check{display:grid;place-items:center;border-radius:50%;width:27px;height:27px;flex:0 0 27px;background:#35bb5b;color:white;font-size:19px;font-family:Arial,sans-serif}
.hiw-connector{height:14px;position:relative;z-index:5;pointer-events:none}
.hiw-connector-icon{display:block;width:65px;height:67px;object-fit:contain;position:absolute;left:36%;top:-25px;transform:rotate(-3deg);filter:drop-shadow(0 1px 0 rgba(255,255,255,.55))}
.hiw-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:13px 1px 13px;min-width:0}
.hiw-benefit{cursor:pointer;appearance:none;display:flex;align-items:center;text-align:start;gap:10px;min-width:0;min-height:65px;border:1px solid rgba(248,250,255,.96);border-radius:17px;background:linear-gradient(135deg,#fff 0%,rgba(255,255,255,.95) 56%,rgba(239,246,254,.96));box-shadow:0 5px 15px rgba(13,43,70,.09),inset 0 0 0 1px rgba(28,71,115,.035);padding:7px 11px;color:#112c52;transition:transform .2s ease,box-shadow .2s ease}
.hiw-benefit:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(12,40,69,.14)}
.hiw-benefit-icon{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#fff,#ffede4);box-shadow:0 1px 8px rgba(255,103,23,.05)}
.hiw-benefit-icon img{width:26px;height:26px;object-fit:contain}
.hiw-benefit-label{font-size:clamp(14px,1.7vw,17px);line-height:1.18;font-weight:850;flex:1;min-width:0;overflow-wrap:break-word}
.hiw-benefit-chevron{font:400 30px/1 Arial,sans-serif;color:#17365e;flex:0 0 auto;transition:transform .2s}
.hiw-benefit:hover .hiw-benefit-chevron{transform:translateX(2px)}
.hiw-actions{width:min(100%,800px);margin:0 auto;display:grid;gap:9px}
.hiw-cta-primary{cursor:pointer;appearance:none;min-height:64px;display:flex;gap:16px;align-items:center;justify-content:center;width:100%;padding:10px 20px;border:1px solid rgba(255,255,255,.92);border-radius:21px;background:linear-gradient(100deg,#ff7212,#ff480b);color:#fff;font-size:clamp(17px,2.5vw,23px);font-weight:900;box-shadow:0 13px 25px rgba(255,91,11,.2);transition:transform .18s ease,box-shadow .18s ease}
.hiw-cta-primary:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(255,91,11,.26)}
.hiw-cta-arrow{font:400 26px/1 Arial,sans-serif;flex:0 0 auto}
.hiw-actions-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.hiw-cta-secondary{position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:65px;display:flex;align-items:center;justify-content:center;gap:11px;padding:10px 15px;border-radius:18px;border:1px solid rgba(255,255,255,.5);text-decoration:none;color:white;font-size:clamp(14px,2vw,19px);font-weight:850;box-shadow:0 6px 16px rgba(7,22,40,.2),inset 0 0 0 1px rgba(135,181,200,.17);transition:transform .18s ease,box-shadow .18s ease}
.hiw-cta-secondary:before{content:"";position:absolute;inset:0;z-index:-1;background-repeat:no-repeat;background-position:right bottom;background-size:100% 100%;opacity:1}
.hiw-cta-secondary:hover{transform:translateY(-2px)}
.hiw-cta-modules{background:linear-gradient(110deg,#18242e,#061414);outline:1px solid rgba(31,234,124,.32);outline-offset:-3px}
.hiw-cta-modules:before{background-image:url('/assets/hiw/overlay-modules.svg')}
.hiw-cta-modules:hover{box-shadow:0 6px 25px rgba(35,220,110,.3)}
.hiw-cta-lab{background:linear-gradient(110deg,#14243c,#081b34);outline:1px solid rgba(37,157,246,.42);outline-offset:-3px}
.hiw-cta-lab:before{background-image:url('/assets/hiw/overlay-lab.svg')}
.hiw-cta-lab:hover{box-shadow:0 6px 25px rgba(35,160,246,.3)}
.hiw-cta-symbol{width:30px;height:30px;object-fit:contain;flex:0 0 auto}
.hiw-footer-line{text-align:center;margin:14px 3px 0;color:#3d6288;letter-spacing:.19em;font-size:11px;line-height:1.5;font-weight:850;max-width:100%;overflow-wrap:break-word}
.hiw-dialog{font-family:"Cairo",Arial,sans-serif;border:1px solid rgba(214,229,240,.82);border-radius:25px;padding:30px 27px 26px;color:#132d54;background:radial-gradient(circle at 100% 0%,#eaf5fe,#fff 66%);box-shadow:0 30px 95px rgba(5,21,39,.3);width:min(450px,calc(100vw - 28px));max-height:min(84dvh,620px);overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;text-align:start}
.hiw-dialog::backdrop{background:rgba(7,26,47,.62);backdrop-filter:blur(5px)}
.hiw-dialog form{margin:0}
.hiw-dialog-close{position:absolute;right:13px;top:11px;display:grid;place-items:center;border:1px solid #d3dfec;background:#fff;width:44px;height:44px;border-radius:14px;font-size:26px;cursor:pointer;color:#233e65}
.hiw-dialog[dir="rtl"] .hiw-dialog-close{right:auto;left:13px}
.hiw-dialog-figure{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:#ffefe6;margin-bottom:14px}
.hiw-dialog-figure img{width:36px;height:36px}
.hiw-dialog h2{font-size:clamp(22px,5vw,29px);line-height:1.22;margin:0 0 7px;font-weight:900;color:#10345f;padding-inline-end:27px}
.hiw-dialog p{font-size:clamp(16px,3vw,18px);line-height:1.62;color:#435c74;margin:0 0 20px}
.hiw-dialog-done{cursor:pointer;display:block;width:100%;min-height:47px;background:#12395f;color:#fff;font-weight:800;border:0;border-radius:13px}
.hiw-section :is(button,a):focus-visible,.hiw-dialog :is(button,a):focus-visible{outline:3px solid #ff650c;outline-offset:3px}
/* Tablet: maximize image real estate while retaining comfortable copy. */
@media(min-width:700px){.hiw-section{padding-inline:clamp(36px,6vw,62px)}.hiw-inner{max-width:1020px}.hiw-heading{margin-bottom:20px}.hiw-step{grid-template-columns:minmax(0,37%) minmax(0,63%);min-height:258px}.hiw-step-copy{padding:23px 7px 23px 30px}.hiw-art,.hiw-art-phones,.hiw-art-cubes,.hiw-art-launch{min-height:258px;height:258px}.hiw-phone{height:95%}.hiw-phone-front{height:99%}.hiw-cubes-base{height:102%}.hiw-omar{height:98%;left:15%}.hiw-connector{height:16px}.hiw-connector-icon{width:72px;height:74px;top:-29px}.hiw-benefits{gap:12px;margin:16px 0}.hiw-benefit{min-height:68px}}
/* Typical phone widths, designed to keep the approved split-card composition. */
@media(max-width:699px){.hiw-section{padding:19px 12px 23px}.hiw-world{top:168px}.hiw-heading h2{font-size:clamp(34px,8.7vw,47px)}.hiw-heading p{font-size:clamp(14px,3.7vw,17px);max-width:95%}.hiw-step{grid-template-columns:minmax(0,43%) minmax(0,57%);border-radius:19px;min-height:214px}.hiw-step-copy{padding:13px 0 13px 12px}.hiw-step-copy[dir="rtl"]{padding:13px 9px 13px 0}.hiw-number{width:40px;height:40px;font-size:23px;margin-bottom:7px}.hiw-step h3{font-size:clamp(17px,4.7vw,23px);line-height:1.14;margin-bottom:7px}.hiw-step p{font-size:clamp(12.3px,3.55vw,16px);line-height:1.29}.hiw-art,.hiw-art-phones,.hiw-art-cubes,.hiw-art-launch{height:214px;min-height:214px}.hiw-phone{height:88%;top:8%}.hiw-phone-front{height:95%;top:4%}.hiw-phone-left{left:0}.hiw-phone-front{left:28%}.hiw-phone-sushi{left:50%}.hiw-omar{left:2%;height:94%}.hiw-preview{width:59%;right:0;bottom:4%}.hiw-live{max-width:60%;font-size:11px;top:6%;right:1%;padding:5px 6px;gap:5px}.hiw-live-check{width:22px;height:22px;flex-basis:22px;font-size:15px}.hiw-connector{height:15px}.hiw-connector-icon{left:39%;top:-19px;width:48px;height:53px}.hiw-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-block:11px 12px}.hiw-benefit{padding:5px 7px;gap:5px;min-height:61px;border-radius:15px}.hiw-benefit-icon{width:35px;height:35px;flex-basis:35px}.hiw-benefit-icon img{width:23px;height:23px}.hiw-benefit-label{font-size:clamp(12.7px,3.55vw,16px)}.hiw-benefit-chevron{font-size:22px}.hiw-cta-primary{min-height:58px;border-radius:16px}.hiw-cta-secondary{min-height:58px;padding:8px 6px;gap:6px;font-size:clamp(12.5px,3.4vw,17px)}.hiw-cta-symbol{width:26px;height:26px}.hiw-cta-arrow{font-size:21px}.hiw-footer-line{font-size:10px;letter-spacing:.10em}}
@media(max-width:360px){.hiw-step{grid-template-columns:minmax(0,45%) minmax(0,55%)}.hiw-step-copy{padding-left:9px}.hiw-step h3{font-size:16px}.hiw-step p{font-size:12.3px;line-height:1.25}.hiw-number{width:36px;height:36px;font-size:21px}.hiw-art,.hiw-art-phones,.hiw-art-cubes,.hiw-art-launch{min-height:205px;height:205px}.hiw-cta-secondary{font-size:12px;gap:4px}.hiw-cta-symbol{width:23px;height:23px}.hiw-benefit-label{font-size:12.2px}.hiw-benefit-icon{width:31px;height:31px;flex-basis:31px}.hiw-benefit-icon img{width:21px;height:21px}}
@media(min-width:950px){.hiw-step{min-height:285px}.hiw-art,.hiw-art-phones,.hiw-art-cubes,.hiw-art-launch{min-height:285px;height:285px}.hiw-art-phones{max-width:600px}.hiw-step h3{font-size:28px}.hiw-step p{font-size:18px}}
@media(prefers-reduced-motion:reduce){.hiw-section *,.hiw-dialog *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


/* v0.9.8.4 visual fidelity pass: use the newly approved original-resolution
   photographic tech background. Do not rasterize or stretch the source;
   preserve its intrinsic aspect ratio, blue/orange luminous detail and 3D racks.
   It begins BELOW the main heading, never behind the gallery or Get Started. */
.hiw-section{background:linear-gradient(180deg,#fffdfa 0%,#fffaf6 24%,#edf3f8 70%,#e5eff8 100%)}
.hiw-world{
  inset:170px 0 0 0;
  background-image:url('/assets/hiw/background-reveal-v0984.png');
  background-repeat:no-repeat;
  background-position:right top;
  background-size:auto 100%;
  mask-image:none;
  -webkit-mask-image:none;
}
/* Remove the former generic CSS wash and honeycomb: they obscured the correct
   luminous artwork, introduced mismatched motifs, and weakened depth. */
.hiw-tech-wash,.hiw-hex-layer,.hiw-tech-lines{display:none!important}
/* Keep the approved step artwork, copy and arrows untouched. Reveal a real
   slice of the world at the right edge and let it read through the glass cards. */
.hiw-step{
  width:calc(100% - clamp(28px,7vw,76px));
  margin-inline:0 auto;
  background:linear-gradient(108deg,rgba(255,255,255,.965) 0%,rgba(255,255,255,.955) 39%,rgba(249,252,255,.90) 68%,rgba(237,246,254,.82) 100%);
  border-color:rgba(255,255,255,.90);
  box-shadow:0 10px 27px rgba(20,54,85,.085),inset 0 1px rgba(255,255,255,.93);
}
/* A modest trim, not a redesign: benefit cards should be premium compact tiles. */
.hiw-benefit{min-height:59px;padding:5px 9px;gap:8px}
.hiw-benefit-icon{width:38px;height:38px;flex-basis:38px}
.hiw-benefit-icon img{width:24px;height:24px}
@media(min-width:700px){
  .hiw-world{top:190px;background-size:auto 100%;}
  .hiw-step{width:calc(100% - clamp(48px,6vw,76px));}
  .hiw-benefit{min-height:62px}
}
@media(max-width:699px){
  .hiw-world{top:151px;background-size:auto 100%;}
  .hiw-step{width:calc(100% - 27px);}
  .hiw-benefit{min-height:55px;padding:4px 6px;gap:5px;border-radius:14px}
  .hiw-benefit-icon{width:31px;height:31px;flex-basis:31px}
  .hiw-benefit-icon img{width:21px;height:21px}
  .hiw-benefit-label{font-size:clamp(12px,3.35vw,15px);line-height:1.15}
  .hiw-benefit-chevron{font-size:20px}
}
@media(max-width:360px){
  .hiw-step{width:calc(100% - 21px);}
  .hiw-benefit-label{font-size:11.7px}
  .hiw-benefit-icon{width:29px;height:29px;flex-basis:29px}
  .hiw-benefit-icon img{width:20px;height:20px}
}


/* v0.9.8.5: viewport-responsive alpha reveal. No new artwork or changed content.
   A feathered top removes the hard cut at the headline; a horizontal fade
   holds the server world in the right half behind cards; a progressive lower
   reveal keeps the full-width server floor the client explicitly approved. */
.hiw-world{
  top:170px;
  -webkit-mask-image:url('/assets/hiw/reveal-alpha-v0985.png');
  mask-image:url('/assets/hiw/reveal-alpha-v0985.png');
  -webkit-mask-mode:alpha;
  mask-mode:alpha;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
}
@media(max-width:699px){.hiw-world{top:151px}}
@media(min-width:700px){.hiw-world{top:190px}}
/* Premium engineering-inspired benefit sheet. Keep semantics and translations. */
.hiw-dialog{
  position:relative;
  overflow:hidden;
  padding:0 26px 25px;
  width:min(450px,calc(100vw - 30px));
  max-height:min(86dvh,620px);
  background:linear-gradient(145deg,#fffdfb,#f4f8fc 65%,#e8f2fb);
  border:1px solid rgba(178,212,233,.9);
  border-radius:25px;
  box-shadow:0 30px 90px rgba(2,18,38,.37),0 0 0 1px rgba(255,255,255,.38),inset 0 1px rgba(255,255,255,.8);
}
.hiw-dialog::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:112px;
  pointer-events:none;
  border-radius:23px 23px 0 0;
  background:
    linear-gradient(144deg,transparent 0 72%,rgba(255,101,26,.96) 72.25%,transparent 72.7%),
    linear-gradient(153deg,transparent 0 58%,rgba(32,171,253,.78) 58.2%,transparent 58.55%),
    radial-gradient(ellipse 75% 100% at 90% 100%,rgba(26,105,165,.6),transparent 86%),
    linear-gradient(112deg,#0e2338,#183c59 75%,#13314d);
}
.hiw-dialog::after{
  content:"";
  pointer-events:none;
  position:absolute;
  top:0;right:0;
  width:62%;height:110px;
  background:url('/assets/modules/background/honeycomb-graphic.svg') right top/155px auto repeat;
  opacity:.19;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000);
  mask-image:linear-gradient(90deg,transparent,#000);
}
.hiw-dialog::backdrop{background:rgba(6,22,41,.68);backdrop-filter:blur(7px)}
.hiw-dialog form{position:relative;z-index:4;height:0;margin:0}
.hiw-dialog-close{
  right:12px;top:12px;width:41px;height:41px;border-radius:13px;
  border:1px solid rgba(210,233,249,.48);
  color:white;
  background:rgba(230,246,255,.12);
  backdrop-filter:blur(7px);
  box-shadow:inset 0 1px rgba(255,255,255,.2);
}
.hiw-dialog-close:hover{background:rgba(230,246,255,.25)}
.hiw-dialog[dir="rtl"] .hiw-dialog-close{right:auto;left:12px}
.hiw-dialog-figure{
  position:relative;z-index:3;
  margin:69px 0 17px;
  display:grid;place-items:center;
  width:69px;height:69px;
  border-radius:19px;
  border:2px solid white;
  background:linear-gradient(145deg,#fff,#fff1e8);
  box-shadow:0 11px 20px rgba(12,48,82,.15),0 0 0 1px rgba(251,125,67,.09);
}
.hiw-dialog-figure img{width:41px;height:41px}
.hiw-dialog h2{
  font-size:clamp(23px,5.5vw,29px);line-height:1.23;
  color:#0f2c4b;font-weight:900;
  padding-inline-end:8px;margin:0 0 12px;
}
.hiw-dialog p{
  position:relative;
  margin:0 0 22px;
  padding:16px 0 0;
  border-top:1px solid rgba(23,89,145,.15);
  font-size:clamp(15px,3.7vw,17px);
  line-height:1.65;color:#415b73;
}
.hiw-dialog p::before{
  content:"";position:absolute;top:-2px;inset-inline-start:0;
  height:3px;width:38px;border-radius:99px;
  background:linear-gradient(90deg,#ff7e1d,#ed4b11);
}
.hiw-dialog-done{
  display:flex;align-items:center;justify-content:center;gap:10px;
  min-height:51px;width:100%;border-radius:14px;
  border:1px solid rgba(255,255,255,.62);
  background:linear-gradient(108deg,#ff7818,#f34e0d);
  color:#fff;font:900 16px/1.3 "Cairo",Arial,sans-serif;
  box-shadow:0 9px 20px rgba(237,79,17,.22),inset 0 1px 0 rgba(255,255,255,.33);
  transition:transform .17s ease,box-shadow .17s ease;
}
.hiw-dialog-done::after{content:"✓";display:grid;place-items:center;width:22px;height:22px;border:1px solid rgba(255,255,255,.6);border-radius:50%;font:800 14px/1 Arial,sans-serif}
.hiw-dialog-done:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(237,79,17,.28)}
@media(max-width:699px){
  .hiw-dialog{padding-inline:22px;padding-bottom:23px}
  .hiw-dialog-figure{margin-top:69px}
}
@media(prefers-reduced-motion:reduce){.hiw-dialog-done{transition:none}}


/* v0.9.8.6 | targeted mobile and modal finishing pass. */
/* The previously approved artwork/reveal/step and benefit order remain unchanged. */
.hiw-section .hiw-sparkle{display:none!important}
.hiw-cta-primary .hiw-cta-arrow{display:grid;place-items:center;width:37px;height:37px;flex:0 0 37px;font-size:0}
.hiw-cta-primary .hiw-cta-arrow img{display:block;width:36px;height:36px;object-fit:contain;transition:transform .2s ease}
.hiw-cta-primary:hover .hiw-cta-arrow img{transform:translateX(2px)}
/* Native top-layer dialogs must be viewport-centred, not document-flow relative. */
.hiw-dialog{position:fixed;inset:0;margin:auto;overflow-y:auto;overscroll-behavior:contain}
.hiw-dialog-close{display:grid;place-items:center;font-size:0;padding:0}
.hiw-dialog-close svg{width:23px;height:23px;display:block}
/* Step 3 launch chip moves below the portrait's face, above the independent preview. */
@media(max-width:699px){
 .hiw-step-3 .hiw-live{top:43%;bottom:auto;right:0;max-width:47%;padding:5px 6px;font-size:10px;gap:5px;transform:rotate(-2deg)}
 .hiw-step-3 .hiw-live-check{width:21px;height:21px;flex:0 0 21px}
 .hiw-section[data-hiw-locale="ar"] .hiw-step-2 .hiw-step-copy[dir="rtl"]{padding-inline-start:13px;padding-inline-end:10px}
 .hiw-section[data-hiw-locale="ar"] .hiw-step-2 .hiw-cubes-base{width:106%;transform:translateX(6px)}
 /* Standalone top connector was floating as a square above the cubes on mobile. */
 .hiw-pin-top{display:none!important}
}
/* A deliberate transition threshold: a luminous technical seam followed by a short
   blue-to-cream bridge, not a blunt server-floor-to-white cut. Other pages unaffected. */
.sd-hiw-home .sd-client-gateway{
  isolation:isolate;
  background:linear-gradient(180deg,#142c42 0%,#345570 15%,#b7cbd9 45%,#eaf0f3 71%,#fbf8f1 100%)!important;
  border-top:1px solid rgba(46,157,228,.6);
  padding-top:30px!important;
}
.sd-hiw-home .sd-client-gateway::before{
  content:"";position:absolute;top:-2px;left:0;right:0;height:3px;pointer-events:none;
  background:linear-gradient(90deg,transparent 2%,rgba(53,178,248,.8) 26%,rgba(255,133,45,.9) 69%,transparent 98%);
  box-shadow:0 0 11px rgba(50,165,241,.52),0 0 19px rgba(255,129,31,.20);
}
.sd-hiw-home .sd-client-gateway::after{
  content:"";position:absolute;top:5px;right:0;width:48%;height:55px;pointer-events:none;
  background:url('/assets/modules/background/honeycomb-graphic.svg') right top/165px auto repeat;
  opacity:.12;mask-image:linear-gradient(90deg,transparent,#000);
}
.sd-hiw-home .sd-client-gateway-card{z-index:1}
@media(max-width:620px){.sd-hiw-home .sd-client-gateway{padding-top:25px!important}}
/* Dedicated contact sheet for mockup orders; independent from all generic contact flows. */
.hiw-mockup-dialog{
  position:fixed;inset:0;margin:auto;padding:0;overflow:hidden;
  width:min(452px,calc(100vw - 30px));max-height:min(88dvh,690px);
  border:1px solid rgba(155,199,227,.7);border-radius:27px;
  background:linear-gradient(145deg,#fffdf9 0%,#f8fbfe 58%,#e9f3fc 100%);
  box-shadow:0 29px 90px rgba(3,20,40,.42),0 0 0 1px rgba(255,255,255,.5);
  color:#132f54;text-align:start;font-family:"Cairo",Arial,sans-serif;
  overscroll-behavior:contain;
}
.hiw-mockup-dialog::backdrop{background:rgba(5,24,45,.7);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.hiw-mockup-hero{position:absolute;inset:0 0 auto;height:155px;overflow:hidden;pointer-events:none;
 background:radial-gradient(ellipse at 95% 100%,rgba(40,125,194,.9),transparent 68%),linear-gradient(132deg,#12273c,#102e4e 71%,#1c4264)}
.hiw-mockup-hero::before,.hiw-mockup-hero::after{content:"";position:absolute;width:155%;height:2px;left:-18%;transform:rotate(-20deg);transform-origin:center;background:linear-gradient(90deg,transparent,rgba(71,191,255,.75),transparent);top:68%;box-shadow:0 0 16px rgba(69,169,245,.45)}
.hiw-mockup-hero::after{top:80%;transform:rotate(-27deg);background:linear-gradient(90deg,transparent,rgba(255,117,36,.96),transparent);box-shadow:0 0 12px rgba(255,110,30,.48)}
.hiw-mockup-hero-honeycomb{position:absolute;inset:0 0 0 20%;background:url('/assets/modules/background/honeycomb-graphic.svg') right top/150px auto repeat;opacity:.2;mask-image:linear-gradient(90deg,transparent,#000)}
.hiw-mockup-hero-glow{position:absolute;right:0;bottom:0;width:65%;height:70%;background:radial-gradient(ellipse at bottom right,rgba(20,170,244,.3),transparent 73%)}
.hiw-mockup-content{position:relative;z-index:2;padding:27px 25px 25px;max-height:min(88dvh,690px);overflow:auto;overscroll-behavior:contain}
.hiw-mockup-logo{display:block;width:174px;height:auto;object-fit:contain;object-position:left center;background:rgba(255,255,255,.95);border-radius:14px;padding:8px 10px;box-shadow:0 7px 22px rgba(5,32,60,.18);margin-bottom:27px}
.hiw-mockup-dialog[dir="rtl"] .hiw-mockup-logo{margin-inline-start:auto;object-position:right center}
.hiw-mockup-chip{display:grid;place-items:center;width:66px;height:66px;border-radius:19px;border:2px solid white;
 background:linear-gradient(145deg,#fff,#ffece1);color:#fb5b0b;box-shadow:0 7px 20px rgba(12,40,70,.14);margin:0 0 15px}
.hiw-mockup-chip svg{width:36px;height:36px}
.hiw-mockup-dialog h2{font:900 clamp(23px,5.6vw,30px)/1.23 "Cairo",Arial,sans-serif;color:#122e50;letter-spacing:-.025em;margin:0 0 11px}
.hiw-mockup-dialog p{font-size:clamp(15px,3.9vw,17px);font-weight:600;line-height:1.65;color:#425d74;margin:0 0 19px;max-width:38ch}
.hiw-mockup-channels{display:grid;gap:10px;border-top:1px solid #dae6ef;padding-top:17px}
.hiw-mockup-channel{display:grid;grid-template-columns:40px minmax(0,1fr) 24px;align-items:center;gap:11px;min-height:64px;padding:10px 13px;border-radius:15px;
 text-decoration:none;font:900 17px/1.2 "Cairo",Arial,sans-serif;color:#153450;border:1px solid rgba(137,172,202,.36);background:linear-gradient(115deg,#fff,#f2f8fc);box-shadow:0 6px 16px rgba(22,53,79,.06);transition:transform .15s ease,box-shadow .15s ease}
.hiw-mockup-channel:hover{transform:translateY(-2px);box-shadow:0 8px 19px rgba(24,69,109,.14)}
.hiw-mockup-whatsapp{border-color:rgba(43,173,94,.33);background:linear-gradient(115deg,#fff,#f0fff4)}
.hiw-mockup-telegram{border-color:rgba(34,158,217,.3);background:linear-gradient(115deg,#fff,#eef9ff)}
.hiw-mockup-channel-icon,.hiw-mockup-channel-icon svg{display:block;width:39px;height:39px}
.hiw-mockup-channel-name{min-width:0}
.hiw-mockup-channel-arrow{font:800 23px/1 Arial,sans-serif;color:#426a88}
.hiw-mockup-dialog[dir="rtl"] .hiw-mockup-channel{grid-template-columns:40px minmax(0,1fr) 24px}
.hiw-mockup-dialog[dir="rtl"] .hiw-mockup-channel-arrow{transform:scaleX(-1)}
.hiw-mockup-close{cursor:pointer;position:absolute;z-index:5;top:14px;right:14px;display:grid;place-items:center;width:42px;height:42px;padding:0;border-radius:13px;
 background:rgba(242,250,255,.17);color:white;border:1px solid rgba(228,245,255,.47);box-shadow:inset 0 1px rgba(255,255,255,.2);backdrop-filter:blur(5px)}
.hiw-mockup-close:hover{background:rgba(242,250,255,.3)}
.hiw-mockup-close svg{width:23px;height:23px;display:block}
.hiw-mockup-dialog[dir="rtl"] .hiw-mockup-close{right:auto;left:14px}
.hiw-mockup-dialog :is(button,a):focus-visible{outline:3px solid #ff701e;outline-offset:3px}
@media(max-width:390px){.hiw-mockup-content{padding-inline:20px}.hiw-mockup-logo{width:160px}.hiw-mockup-channel{min-height:58px}}
@media(prefers-reduced-motion:reduce){.hiw-mockup-channel{transition:none}}

/* v0.9.8.6 QA touch-ups: separate Arabic close from brand, add real cube/text air. */
.hiw-mockup-dialog[dir="rtl"] .hiw-mockup-logo{margin-left:auto;margin-right:0;margin-inline-start:0;margin-inline-end:auto;object-position:right center}
@media(max-width:699px){.hiw-section[data-hiw-locale="ar"] .hiw-step-2 .hiw-cubes-base{width:96%;transform:translateX(5px)}}


/* v0.9.8.7 | APPROVED HOMEPAGE FINISH | Scoped changes only. */
/* From Scattered to Clear: cover the legacy embedded wordmark with a native brand mark,
   without changing the approved illustration or the rotating site-screen overlay. */
.sd-hiw-home .sd-transform-visual-wrap{isolation:isolate}
.sd-hiw-home .sd-transform-brand-refresh{position:absolute;left:40%;top:37%;width:25%;height:30%;z-index:2;pointer-events:none;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 50%,rgba(255,249,240,1) 0 45%,rgba(255,249,240,.97) 54%,rgba(255,249,240,.70) 66%,transparent 77%)}
.sd-hiw-home .sd-transform-brand-refresh img{display:block;width:44%;max-width:128px;height:auto;object-fit:contain;filter:drop-shadow(0 5px 6px rgba(242,96,34,.06))}
/* Eliminate excess space around the Sample of Our Work header, keep a readable gap to carousel. */
.sd-hiw-home .sd-transform{padding-bottom:10px}
.sd-hiw-home .sd-portfolio{padding-top:19px;padding-bottom:0}
.sd-hiw-home .sd-portfolio:before{height:37px}
.sd-hiw-home .sd-portfolio h2{margin-top:0;line-height:1.10}
.sd-hiw-home .sd-portfolio-subtitle{margin:4px 13px 0}
.sd-hiw-home .sd-portfolio .sd-title-rule{height:15px}
.sd-hiw-home .sd-portfolio .sd-carousel-shell{margin-top:3px}
/* Gallery CTA and following title have a continuous warm-to-white transition. */
.sd-hiw-home .sd-final-cta{position:relative;z-index:0;padding:12px 18px 17px;background:linear-gradient(180deg,#fbf6ee 0%,#fff9f3 58%,#fffdfa 100%)}
.sd-hiw-home .hiw-section{padding-top:17px;background:linear-gradient(180deg,#fffdfa 0%,#fffaf6 24%,#edf3f8 70%,#e5eff8 100%)}
.sd-hiw-home .hiw-section::before{content:"";position:absolute;z-index:0;pointer-events:none;inset:0 0 auto;height:105px;background:linear-gradient(180deg,rgba(255,253,250,1) 0%,rgba(255,253,250,.90) 40%,transparent 100%)}
/* Make the secondary phone bright Top Vets and the foreground the real user-supplied red-car Apex phone. */
.hiw-phone-left{left:7%;z-index:1;transform:rotate(-7deg)}
.hiw-phone-front{left:34%;z-index:3;height:96%;top:2%;filter:drop-shadow(0 10px 13px rgba(4,18,34,.27))}
/* Benefit sheet: actual server-world dimensional imagery with orange/blue light accents.
   Keep copy, focus management and the approved CTA function unchanged. */
.hiw-dialog{background:linear-gradient(130deg,#fffdfa 0%,#f7fbff 65%,#edf6fc 100%)}
.hiw-dialog::before{height:142px;background:linear-gradient(90deg,rgba(6,23,41,.95) 0%,rgba(7,38,70,.68) 43%,rgba(5,26,47,.22) 100%),url('/assets/hiw/hiw-modal-server-v0987.webp') right 52%/cover no-repeat;border-bottom:1px solid rgba(119,195,255,.45)}
.hiw-dialog::after{height:142px;opacity:.31;background:url('/assets/modules/background/honeycomb-graphic.svg') right center/155px auto repeat;mask-image:linear-gradient(90deg,transparent,#000)}
.hiw-dialog-figure{margin-top:99px;width:71px;height:71px;border-radius:20px;box-shadow:0 10px 25px rgba(12,50,85,.22),0 0 0 1px rgba(255,123,55,.08)}
.hiw-dialog-mark{position:absolute;top:27px;left:28px;width:39px;height:39px;z-index:4;display:grid;place-items:center;border:1px solid rgba(209,234,255,.4);border-radius:12px;background:rgba(5,20,37,.42);box-shadow:0 5px 15px rgba(0,0,0,.16);pointer-events:none}
.hiw-dialog-mark img{width:27px;height:27px;display:block;object-fit:contain}
.hiw-dialog[dir="rtl"] .hiw-dialog-mark{left:auto;right:28px}
.hiw-dialog-header-glow{position:absolute;top:123px;right:0;left:0;height:3px;z-index:3;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(42,180,249,.8) 48%,rgba(255,115,24,.92) 86%,transparent);box-shadow:0 0 15px rgba(30,147,243,.45)}
.hiw-dialog-close{z-index:6}
.hiw-dialog p{border-top-color:rgba(34,98,153,.20)}
.hiw-dialog-done{min-height:54px;background:linear-gradient(110deg,#ff7a1b,#fc4d13);box-shadow:0 9px 23px rgba(254,87,22,.23),inset 0 1px 0 rgba(255,255,255,.4)}
/* Free mockup request sheet: deeper 3-D technical scene, controlled blue-to-cream reveal. */
.hiw-mockup-hero{height:169px;background:linear-gradient(90deg,rgba(8,29,48,.93) 0%,rgba(8,40,71,.74) 46%,rgba(4,26,49,.14) 100%),url('/assets/hiw/hiw-modal-server-v0987.webp') right 52%/cover no-repeat;border-bottom:1px solid rgba(76,180,245,.55)}
.hiw-mockup-hero-honeycomb{opacity:.17}
.hiw-mockup-hero-glow{opacity:.7}
.hiw-mockup-content{padding-top:26px}
.hiw-mockup-logo{border:1px solid rgba(219,238,249,.95);box-shadow:0 8px 23px rgba(5,26,51,.20)}
.hiw-mockup-channel{grid-template-columns:40px minmax(0,1fr) 38px;min-height:68px;gap:12px;padding:9px 13px;box-shadow:0 7px 19px rgba(17,53,82,.085),inset 0 1px rgba(255,255,255,.9)}
.hiw-mockup-channel-arrow{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(77,132,173,.2);border-radius:12px;background:rgba(255,255,255,.7);color:#163554;line-height:1;font-size:0;transition:transform .2s ease}
.hiw-mockup-channel-arrow svg{width:21px;height:21px;display:block}
.hiw-mockup-channel:hover .hiw-mockup-channel-arrow{transform:translate(2px,-2px);border-color:rgba(47,157,229,.44)}
.hiw-mockup-dialog[dir="rtl"] .hiw-mockup-channel{grid-template-columns:40px minmax(0,1fr) 38px}
.hiw-mockup-dialog[dir="rtl"] .hiw-mockup-channel-arrow{transform:none}
.hiw-mockup-dialog[dir="rtl"] .hiw-mockup-channel:hover .hiw-mockup-channel-arrow{transform:translate(-2px,-2px)}
@media(max-width:699px){
  .sd-hiw-home .sd-transform{padding-bottom:7px}
  .sd-hiw-home .sd-portfolio{padding-top:15px}
  .sd-hiw-home .sd-portfolio-subtitle{margin-top:4px}
  .sd-hiw-home .sd-final-cta{padding-top:10px;padding-bottom:14px}
  .sd-hiw-home .hiw-section{padding-top:13px}
  .hiw-phone-left{left:0}
  .hiw-phone-front{left:28%}
  .hiw-dialog-figure{margin-top:100px}
  .hiw-mockup-channel{min-height:62px}
}
@media(max-width:390px){
  .sd-hiw-home .sd-transform-brand-refresh img{width:42%}
  .hiw-mockup-channel{gap:8px}
}
@media(prefers-reduced-motion:reduce){.hiw-mockup-channel-arrow{transition:none}}


/* v0.9.8.8: approved graphite S-service icons on quiet, white premium benefit cards.
   Keep the existing layout, established server-world background and six-card order. */
.hiw-benefit-icon{
  background:linear-gradient(140deg,#fff 0%,#f3f6fa 100%);
  border:1px solid rgba(58,81,107,.095);
  box-shadow:0 2px 9px rgba(14,40,70,.045),inset 0 1px 0 #fff;
}
.hiw-benefit-icon img{width:34px;height:34px;display:block;object-fit:contain}
.hiw-benefit:hover .hiw-benefit-icon{box-shadow:0 3px 11px rgba(14,40,70,.12)}
.hiw-dialog-figure{background:linear-gradient(145deg,#fff,#edf3f8);border-color:#fff}
.hiw-dialog-figure img{width:57px;height:57px;object-fit:contain}
@media(max-width:699px){
  .hiw-benefit-icon{width:34px;height:34px;flex-basis:34px}
  .hiw-benefit-icon img{width:31px;height:31px}
}
@media(max-width:360px){
  .hiw-benefit-icon{width:31px;height:31px;flex-basis:31px}
  .hiw-benefit-icon img{width:29px;height:29px}
}
/* ServiceDash secondary CTAs: purposeful breathing cube and animated flask micro-bubbles. */
.hiw-cta-symbol-wrap{
  position:relative;flex:0 0 32px;width:32px;height:34px;
  display:grid;place-items:center;isolation:isolate;
}
.hiw-cta-symbol-wrap .hiw-cta-symbol{position:relative;z-index:2;width:30px;height:30px;display:block}
.hiw-cta-modules .hiw-cta-symbol-wrap::before{
  content:"";position:absolute;z-index:0;inset:-4px;border-radius:50%;
  background:rgba(53,247,139,.42);filter:blur(9px);opacity:.45;
  animation:hiw-cube-halo 3s ease-in-out infinite;
}
.hiw-cta-modules .hiw-cta-symbol{
  filter:drop-shadow(0 0 4px rgba(72,255,153,.74));
  animation:hiw-cube-breathe 3s ease-in-out infinite;
}
.hiw-cta-lab .hiw-cta-symbol-wrap::before,
.hiw-cta-lab .hiw-cta-symbol-wrap::after{
  content:"";position:absolute;z-index:3;border-radius:50%;pointer-events:none;
  width:4px;height:4px;background:#b1efff;
  box-shadow:0 0 7px 2px rgba(39,193,255,.6),7px 6px 0 -1px rgba(155,232,255,.9);
  bottom:7px;left:12px;
  animation:hiw-lab-bubbles 2.7s ease-in infinite;
}
.hiw-cta-lab .hiw-cta-symbol-wrap::after{
  width:3px;height:3px;left:18px;bottom:9px;
  box-shadow:0 0 6px rgba(75,200,255,.7);
  animation-delay:-1.35s;
}
.hiw-cta-lab .hiw-cta-symbol{filter:drop-shadow(0 0 6px rgba(47,184,255,.7));animation:hiw-lab-glow 3.2s ease-in-out infinite}
@keyframes hiw-cube-halo{0%,100%{opacity:.26;transform:scale(.78)}50%{opacity:1;transform:scale(1.27)}}
@keyframes hiw-cube-breathe{0%,100%{filter:drop-shadow(0 0 2px rgba(72,255,153,.34));transform:scale(.98)}50%{filter:drop-shadow(0 0 9px rgba(73,255,149,1));transform:scale(1.08)}}
@keyframes hiw-lab-glow{0%,100%{filter:drop-shadow(0 0 3px rgba(47,184,255,.3))}50%{filter:drop-shadow(0 0 10px rgba(49,188,255,.95))}}
@keyframes hiw-lab-bubbles{0%{opacity:0;transform:translateY(1px) scale(.4)}23%{opacity:1}85%{opacity:.75}100%{opacity:0;transform:translate(3px,-16px) scale(1.1)}}
@media(max-width:699px){.hiw-cta-symbol-wrap{width:28px;height:30px;flex-basis:28px}.hiw-cta-symbol-wrap .hiw-cta-symbol{width:26px;height:26px}}
@media(max-width:360px){.hiw-cta-symbol-wrap{width:25px;flex-basis:25px}.hiw-cta-symbol-wrap .hiw-cta-symbol{width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){
  .hiw-cta-symbol-wrap::before,.hiw-cta-symbol-wrap::after,.hiw-cta-symbol-wrap .hiw-cta-symbol{animation:none!important;transform:none!important}
  .hiw-cta-lab .hiw-cta-symbol-wrap::before,.hiw-cta-lab .hiw-cta-symbol-wrap::after{display:none}
}


/* v0.9.8.9 | Small inline Step 2 module CTA, mobile-first and locale-safe.
   Keep the already-approved primary/secondary actions, images and animations unchanged. */
.hiw-step-module-link{
  display:inline-flex;align-items:center;gap:5px;max-width:100%;
  margin-top:10px;padding:3px 1px 4px;
  color:#0872ba;font-size:clamp(13px,1.65vw,16px);line-height:1.26;font-weight:900;
  text-decoration:none;border-bottom:2px solid rgba(18,126,192,.42);
  text-underline-offset:4px;white-space:normal;
  transition:color .17s ease,border-color .17s ease;
}
.hiw-step-module-link span{min-width:0}
.hiw-step-module-link svg{width:16px;height:16px;flex:0 0 16px;display:block}
.hiw-step-module-link:hover{color:#f15c15;border-bottom-color:#f15c15}
.hiw-step-module-link:focus-visible{outline:3px solid #ff6c22;outline-offset:4px;border-radius:3px}
.hiw-step-module-link[dir="rtl"]{text-align:right}
.hiw-step-module-link[dir="rtl"] svg{transform:scaleX(-1)}
@media(max-width:699px){
  .hiw-step-2 .hiw-step-module-link{margin-top:7px;font-size:clamp(12.5px,3.45vw,14px);gap:3px;padding-bottom:2px;border-bottom-width:1px}
  .hiw-step-2 .hiw-step-module-link svg{width:13px;height:13px;flex-basis:13px}
  .hiw-section[data-hiw-locale="ar"] .hiw-step-2 .hiw-step-copy[dir="rtl"]{padding-inline-start:13px;padding-inline-end:11px}
}
@media(max-width:360px){.hiw-step-2 .hiw-step-module-link{font-size:12.1px;margin-top:5px}}
/* Restore the tiny upper-right frame highlight on the source-limited Apex phone.
   Retains the approved screen raster and phone position without redrawing its contents. */
.hiw-phone-front-shell{position:absolute;z-index:3;left:34%;top:2%;height:96%;aspect-ratio:532/908;max-width:none;
  filter:drop-shadow(0 10px 13px rgba(4,18,34,.27));pointer-events:none}
.hiw-phone-front-shell .hiw-phone-front{display:block;position:static;width:100%;height:100%;max-width:none;object-fit:contain;filter:none}
.hiw-apex-bezel-detail{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
@media(max-width:699px){.hiw-phone-front-shell{left:28%;top:4%;height:95%}}
@media(min-width:700px){.hiw-phone-front-shell{left:34%;top:2%;height:99%}}
@media(prefers-reduced-motion:reduce){.hiw-step-module-link{transition:none}}


/* v0.9.8.10 | FINAL THREE-POINT REAL-DEVICE POLISH
   1. Three recognizable mockups in Step 1 mobile portrait, with original images and order.
   2. Discreet rack-status blink + ambient blue/orange light pulse in the technical world.
   3. Legible final brand statement over the server-floor background.
   The approved glass, card dimensions, step text, copy and CTA interactions remain unchanged. */
.hiw-world{
  background-image:url('/assets/hiw/background-reveal-v09810.webp');
}
/* v0.9.8.13: refined rack-status overlay.
   Remove the upper-half floating dots. Keep the animated indicators confined to
   the LOWER server-rack field, where the artwork already contains embedded LEDs.
   Orange is now quicker than a slow breath but no longer fast-flickering.
   Extra tiny blue LEDs on the far-right lower nine racks pulse on a separate interval. */
.hiw-world::before,.hiw-world::after,.hiw-section::after{
  content:"";
  position:absolute;
  pointer-events:none;
  background-repeat:no-repeat;
  background-position:right top;
  background-size:auto 100%;
  will-change:opacity,filter;
  mix-blend-mode:screen;
}
.hiw-world::before,.hiw-world::after{inset:0}
.hiw-section::after{right:0;left:0;bottom:0;top:170px;z-index:0}
.hiw-world::before{
  background-image:url('/assets/hiw/rack-led-blue-v09813.svg'),url('/assets/hiw/rack-led-green-v09813.svg');
  background-repeat:no-repeat,no-repeat;
  background-position:right top,right top;
  background-size:auto 100%,auto 100%;
  animation:hiw-rack-blue-v09813 3.8s ease-in-out infinite;
  opacity:.82;
}
.hiw-world::after{
  background-image:url('/assets/hiw/rack-led-orange-v09813.svg');
  animation:hiw-rack-orange-v09813 3.0s cubic-bezier(.35,.09,.36,.98) infinite;
  animation-delay:-.4s;
  opacity:.72;
}
.hiw-section::after{
  background-image:url('/assets/hiw/rack-led-rightblue-v09813.svg');
  animation:hiw-rack-rightblue-v09813 4.9s ease-in-out infinite;
  opacity:.76;
}
@keyframes hiw-rack-blue-v09813{
  0%,100%{opacity:.48;filter:brightness(.96) saturate(1.02)}
  18%{opacity:.76;filter:brightness(1.1) saturate(1.09)}
  39%{opacity:.58;filter:brightness(1.01) saturate(1.04)}
  62%{opacity:.9;filter:brightness(1.2) saturate(1.14)}
  82%{opacity:.63;filter:brightness(1.04) saturate(1.07)}
}
@keyframes hiw-rack-orange-v09813{
  0%,100%{opacity:.36;filter:brightness(.95) saturate(1.02)}
  14%{opacity:.61;filter:brightness(1.07) saturate(1.07)}
  27%{opacity:.46;filter:brightness(1.0) saturate(1.03)}
  44%{opacity:.82;filter:brightness(1.18) saturate(1.13)}
  58%{opacity:.51;filter:brightness(1.02) saturate(1.04)}
  73%{opacity:.74;filter:brightness(1.13) saturate(1.09)}
  88%{opacity:.48;filter:brightness(1.01) saturate(1.03)}
}
@keyframes hiw-rack-rightblue-v09813{
  0%,100%{opacity:.28;filter:brightness(.95) saturate(1.01)}
  11%{opacity:.66;filter:brightness(1.14) saturate(1.1)}
  19%{opacity:.36;filter:brightness(1) saturate(1.03)}
  33%{opacity:.58;filter:brightness(1.08) saturate(1.07)}
  47%{opacity:.3;filter:brightness(.97) saturate(1.02)}
  61%{opacity:.74;filter:brightness(1.18) saturate(1.12)}
  76%{opacity:.34;filter:brightness(1) saturate(1.03)}
  89%{opacity:.62;filter:brightness(1.11) saturate(1.08)}
}
@media(max-width:699px){.hiw-section::after{top:151px}}
@media(min-width:700px){.hiw-section::after{top:190px}}
/* Preserve the approved two-column card and all three real phone assets.
   The original mobile image positions clipped Kaze entirely behind the Apex
   frame. Three-device fan: modestly smaller, spread to fit inside card. */
@media(max-width:699px){
  .hiw-step-1 .hiw-art-phones{isolation:isolate}
  .hiw-step-1 .hiw-phone-left{
    left:0;top:13%;height:78%;transform:rotate(-8deg);z-index:1;
  }
  .hiw-step-1 .hiw-phone-front-shell{
    left:18%;top:6%;height:85%;z-index:3;
  }
  .hiw-step-1 .hiw-phone-sushi{
    left:48%;top:15%;height:75%;transform:rotate(7deg);z-index:2;
  }
}
/* Small devices need a slightly tighter fan, not a missing right-hand phone. */
@media(max-width:360px){
  .hiw-step-1 .hiw-phone-front-shell{left:15%;height:80%;top:8%}
  .hiw-step-1 .hiw-phone-left{height:76%;top:14%;left:-1%}
  .hiw-step-1 .hiw-phone-sushi{left:43%;height:65%;top:19%}
}
/* A deliberate, readable label rather than faint gray type on blue server floor. */
.hiw-section .hiw-footer-line{
  color:#f8fcff;
  background:linear-gradient(90deg,rgba(8,31,57,.12),rgba(8,31,57,.80) 15%,rgba(8,31,57,.85) 85%,rgba(8,31,57,.12));
  width:max-content;max-width:100%;padding:8px 10px 7px;
  border-radius:15px;margin:13px auto 0;
  font-size:clamp(10px,2.8vw,13px);font-weight:900;letter-spacing:.12em;
  text-shadow:0 1px 4px rgba(1,18,38,.6);
}
@media(max-width:360px){.hiw-section .hiw-footer-line{font-size:9.7px;letter-spacing:.07em;padding-inline:5px}}
@media(prefers-reduced-motion:reduce){
  .hiw-world::before,.hiw-world::after,.hiw-section::after{animation:none!important;will-change:auto;filter:none;mix-blend-mode:screen}.hiw-world::before{opacity:.76}.hiw-world::after{opacity:.66}.hiw-section::after{opacity:.6}
}


/* v0.9.8.21 | CTA micro-polish pass: secondary actions first, slimmer orange CTA,
   footer strap removed, occasional reflective sweep, and slightly livelier lab bubbling. */
.hiw-actions-secondary{order:1}
.hiw-cta-primary{order:2;min-height:56px;padding-block:8px;border-radius:19px}
.hiw-footer-line{display:none!important}
.hiw-cta-secondary{position:relative}
.hiw-cta-secondary>*{position:relative;z-index:2}
.hiw-cta-secondary::after{
  content:"";position:absolute;inset:-26% auto -26% -42%;width:34%;
  background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.04) 24%,rgba(255,255,255,.28) 50%,rgba(255,255,255,.06) 76%,rgba(255,255,255,0));
  transform:translateX(-185%) skewX(-20deg);opacity:0;pointer-events:none;z-index:1;
  animation:hiw-cta-shimmer 7.2s ease-in-out infinite;
}
.hiw-cta-lab::after{animation-delay:1.8s}
.hiw-cta-secondary:hover::after{animation-duration:5.4s}
.hiw-cta-lab .hiw-cta-symbol-wrap::before,
.hiw-cta-lab .hiw-cta-symbol-wrap::after{
  width:5px;height:5px;bottom:7px;left:11px;
  box-shadow:0 0 8px 2px rgba(39,193,255,.62),8px 7px 0 -1px rgba(155,232,255,.95),-4px 3px 0 -1px rgba(111,221,255,.72);
  animation-duration:2.15s;
}
.hiw-cta-lab .hiw-cta-symbol-wrap::after{
  width:3.5px;height:3.5px;left:18px;bottom:8px;
  box-shadow:0 0 7px rgba(75,200,255,.78),-6px 4px 0 -1px rgba(186,242,255,.85);
  animation-duration:1.75s;animation-delay:-.95s;
}
.hiw-cta-lab .hiw-cta-symbol{animation-duration:2.5s}
@keyframes hiw-cta-shimmer{
  0%,12%,100%{opacity:0;transform:translateX(-185%) skewX(-20deg)}
  16%{opacity:.08}
  24%{opacity:.42}
  34%{opacity:0;transform:translateX(355%) skewX(-20deg)}
  35%,76%{opacity:0;transform:translateX(355%) skewX(-20deg)}
  80%{opacity:.06}
  88%{opacity:.32}
  97%{opacity:0;transform:translateX(355%) skewX(-20deg)}
}
@media(max-width:699px){
  .hiw-cta-primary{min-height:50px;padding-block:6px;border-radius:15px}
}
@media(prefers-reduced-motion:reduce){
  .hiw-cta-secondary::after{animation:none!important;opacity:0}
}