:root{--sw-ink:#071b24;--sw-teal:#268a9e;--sw-green:#479b84;--sw-bg:#f6fafa;--sw-line:rgba(45,83,94,.14)}
.sw-page,.sw-detail{min-height:100vh;background:var(--sw-bg);color:var(--sw-ink);font-family:'Manrope',system-ui,sans-serif;overflow-x:hidden}.sw-page[dir="rtl"],.sw-detail[dir="rtl"]{font-family:'Tajawal',system-ui,sans-serif}
.sw-shell{width:min(1320px,calc(100% - 40px));margin-inline:auto}.sw-eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--sw-teal);font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.sw-eyebrow:before{content:"";width:28px;height:1px;background:linear-gradient(90deg,var(--sw-teal),var(--sw-green))}[dir="rtl"] .sw-eyebrow{font-size:14px;letter-spacing:0;text-transform:none}
.sw-hero{position:relative;padding:clamp(150px,16vw,205px) 0 clamp(70px,8vw,112px);overflow:hidden;background:radial-gradient(70% 100% at 82% 0,rgba(38,138,158,.24),transparent 65%),linear-gradient(145deg,#071b24,#0b303e);color:#f6fafa}.sw-hero:after{content:"";position:absolute;inset:0;opacity:.38;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(#000,transparent)}.sw-hero__inner{position:relative;z-index:1}.sw-hero .sw-eyebrow{color:#7ed6ce}.sw-hero h1{max-width:900px;margin:22px 0 0;font-size:clamp(42px,6vw,74px);line-height:1.02;letter-spacing:-.045em;text-wrap:balance}.sw-hero h1 span{display:block}.sw-hero h1 span:last-child{color:transparent;background:linear-gradient(100deg,#65d2bd,#59b8d0);-webkit-background-clip:text;background-clip:text}.sw-hero p{max-width:780px;margin:24px 0 0;color:rgba(246,250,250,.72);font-size:clamp(16px,1.5vw,19px);line-height:1.7;text-wrap:pretty}[dir="rtl"] .sw-hero h1{letter-spacing:0;line-height:1.15}
.sw-filter-section{padding:34px 0 14px}.sw-filters{display:flex;gap:8px;overflow:auto;padding:3px 2px 12px;scrollbar-width:none}.sw-filters::-webkit-scrollbar{display:none}.sw-filter{flex:none;min-height:44px;padding:10px 17px;border:1px solid var(--sw-line);border-radius:999px;background:#fff;color:#60737a;font:700 13px inherit;white-space:nowrap}.sw-filter:hover,.sw-filter[aria-pressed="true"]{color:#165a66;border-color:rgba(38,138,158,.35);background:#e9f5f3}.sw-filter:focus-visible,.sw-card__link:focus-visible,.sw-button:focus-visible,.sw-tabs button:focus-visible{outline:3px solid rgba(38,138,158,.28);outline-offset:3px}
.sw-grid-section{padding:22px 0 clamp(80px,9vw,130px)}.sw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.sw-card{--accent:var(--sw-teal);min-width:0;display:flex;flex-direction:column;padding:20px;border:1px solid var(--sw-line);border-radius:22px;background:#fff;box-shadow:0 16px 46px rgba(7,27,36,.055);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.sw-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 35%,transparent);box-shadow:0 22px 55px rgba(7,27,36,.09)}.sw-card__head{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:14px}.sw-card__category{max-width:160px;color:#6b7d83;font-size:10px;font-weight:800;line-height:1.35;letter-spacing:.09em;text-align:end;text-transform:uppercase}[dir="rtl"] .sw-card__category{letter-spacing:0;text-transform:none}.sw-card__media{position:relative;display:grid;place-items:center;aspect-ratio:16/10;overflow:hidden;margin:17px 0 20px;border:1px solid rgba(72,105,115,.13);border-radius:16px;background:linear-gradient(145deg,#edf4f3,#e5eeee)}.sw-card__media img{width:100%;height:100%;object-fit:contain}.sw-card__media--mobile img{width:90%;height:90%}.sw-card__name{margin:0;font-size:23px;font-weight:800;line-height:1.15;letter-spacing:-.025em}.sw-card__desc{margin:12px 0 0;color:#586b72;font-size:13.5px;line-height:1.65;text-wrap:pretty}.sw-card__tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.sw-card__tag{padding:6px 9px;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:999px;background:color-mix(in srgb,var(--accent) 6%,white);color:#35535b;font-size:10.5px;font-weight:700}.sw-card__foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:auto;padding-top:20px}
.sw-card__link{display:inline-flex;align-items:center;gap:8px;width:max-content;color:#1b6875;font-size:13px;font-weight:800}.sw-card__link:hover{color:var(--accent)}
.sw-card__official{display:inline-flex;align-items:center;color:#5d7077;font-size:12px;font-weight:700}.sw-card__official:hover{color:var(--accent)}[dir="rtl"] .sw-card__name{letter-spacing:0}
.sw-logo{--logo-w:66px;--logo-h:66px;--logo-scale:1;display:grid;place-items:center;width:var(--logo-w);height:var(--logo-h);flex:none;overflow:hidden}.sw-logo img{width:100%;height:100%;object-fit:contain;transform:scale(var(--logo-scale))}.sw-logo--wide{width:var(--logo-w);height:var(--logo-h)}
/* Square raster logos with their own visible background → rounded tile, proportional corners */
.sw-logo--square{border-radius:clamp(7px,18%,22px);border:1px solid rgba(11,38,50,.12);background:#fff}.sw-logo--square img{object-fit:cover}
.sw-logo--square.sw-logo--dark{border-color:rgba(255,255,255,.16);background:transparent}
.sw-detail__brand .sw-logo--square img[src*="/hr.jpg"]{transform:translateY(-4px) scale(var(--logo-scale))}
/* Horizontal wordmark on a solid tile (e.g. TRAVIX) → rounded rectangle keeping its own background */
.sw-logo--wide.sw-logo--tile{border-radius:clamp(8px,13%,16px);border:1px solid rgba(11,38,50,.12);background:#fff;padding:5px}
.sw-logo--wide.sw-logo--dark{border-radius:clamp(8px,13%,16px);border:1px solid rgba(255,255,255,.16);padding:5px}
.sw-banner{padding:clamp(70px,8vw,112px) 0;background:linear-gradient(135deg,#0d3540,#071b24);color:#f5fbfa}.sw-banner__grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:50px}.sw-banner h2{margin:14px 0 0;font-size:clamp(31px,4vw,52px);line-height:1.08;letter-spacing:-.035em}.sw-banner p{max-width:760px;margin:17px 0 0;color:rgba(246,250,250,.7);font-size:16px;line-height:1.7}.sw-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 19px;border-radius:11px;font-size:13px;font-weight:800}.sw-button--light{color:#06202a;background:linear-gradient(135deg,#68c3a8,#4aa7b6)}.sw-button--outline{color:#e9f8f5;border:1px solid rgba(255,255,255,.2)}
.sw-consult{padding:clamp(76px,8vw,120px) 0;text-align:center}.sw-consult h2{max-width:850px;margin:0 auto;font-size:clamp(32px,4.2vw,56px);line-height:1.08;letter-spacing:-.04em}.sw-consult p{max-width:660px;margin:20px auto 0;color:#5d7077;font-size:16px;line-height:1.7}.sw-consult .sw-button{margin-top:28px;color:#fff;background:linear-gradient(135deg,#237f91,#45977f)}
.sw-detail__hero{padding:clamp(145px,15vw,190px) 0 clamp(65px,7vw,96px);background:radial-gradient(65% 80% at 85% 5%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 66%),linear-gradient(145deg,#071b24,#0b303e);color:#f5fbfa}.sw-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;color:rgba(246,250,250,.56);font-size:12px;font-weight:700}.sw-breadcrumb a{color:rgba(246,250,250,.72)}.sw-detail__hero-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);align-items:center;gap:clamp(45px,6vw,90px);margin-top:42px}.sw-detail__brand{display:flex;align-items:center;gap:20px}.sw-detail__brand h1{margin:0;font-size:clamp(36px,5vw,66px);line-height:1.03;letter-spacing:-.045em}.sw-detail__statement{margin:25px 0 0;font-size:clamp(22px,2.4vw,32px);font-weight:800;line-height:1.25;text-wrap:balance}.sw-detail__desc{margin:16px 0 0;color:rgba(246,250,250,.7);font-size:15.5px;line-height:1.72}.sw-detail__actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:27px}.sw-detail__visual{position:relative;display:grid;place-items:center;min-height:440px;padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(255,255,255,.045);box-shadow:0 30px 80px rgba(0,0,0,.2)}
.sw-media{position:relative;width:100%;height:100%;display:grid;place-items:center}.sw-media__dashboard{width:100%;max-height:430px;object-fit:contain;border-radius:12px;box-shadow:0 20px 48px rgba(0,0,0,.23)}.sw-media--combo{padding-inline-end:16%}.sw-media--combo .sw-media__dashboard{width:88%;justify-self:start}.sw-media__phone{position:absolute;inset-inline-end:0;bottom:1%;width:24%;max-height:82%;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(0,0,0,.28));transform:rotate(1.2deg)}.sw-media--app .sw-media__dashboard{max-height:470px;box-shadow:none}.sw-media__label{position:absolute;inset-inline-end:0;bottom:-6px;padding:6px 10px;border-radius:999px;background:rgba(7,27,36,.83);color:#b8ebe2;font-size:10px;font-weight:800}
.sw-section{padding:clamp(72px,8vw,112px) 0}.sw-section--tint{background:#eaf4f3}.sw-section--dark{background:#071b24;color:#f5fbfa}.sw-section__head{max-width:760px}.sw-section h2{margin:14px 0 0;font-size:clamp(30px,3.6vw,48px);line-height:1.1;letter-spacing:-.035em}.sw-section__lead{margin:17px 0 0;color:#5d7077;font-size:15.5px;line-height:1.7}.sw-section--dark .sw-section__lead{color:rgba(246,250,250,.65)}.sw-list-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:34px}.sw-list-card{min-height:145px;padding:22px;border:1px solid var(--sw-line);border-radius:16px;background:#fff}.sw-list-card__n{color:var(--accent);font-size:11px;font-weight:800}.sw-list-card h3{margin:16px 0 0;font-size:16px;line-height:1.35}.sw-list-card--aud{min-height:0}.sw-list-card--aud p{margin:9px 0 0;color:#586b72;font-size:13.5px;line-height:1.55;text-wrap:pretty}.sw-group__desc{margin:0 0 15px;color:#5a6f76;font-size:13px;line-height:1.5;text-wrap:pretty}.sw-section--dark .sw-list-card{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.045)}.sw-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:36px}.sw-gallery figure{margin:0;padding:18px;border:1px solid var(--sw-line);border-radius:18px;background:#fff}.sw-gallery img{width:100%;aspect-ratio:16/10;object-fit:contain;border-radius:10px;background:#eef3f3}.sw-gallery figcaption{margin-top:11px;color:#60737a;font-size:12px;font-weight:700}.sw-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}.sw-related a{display:flex;align-items:center;gap:14px;padding:17px;border:1px solid var(--sw-line);border-radius:15px;background:#fff;color:var(--sw-ink);font-weight:800}
@media(max-width:1000px){.sw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sw-banner__grid,.sw-detail__hero-grid{grid-template-columns:1fr}.sw-detail__visual{min-height:390px}.sw-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.sw-shell{width:min(100% - 32px,1320px)}.sw-hero{padding-top:138px}.sw-hero h1{font-size:clamp(38px,12vw,50px)}.sw-grid{grid-template-columns:1fr}.sw-card{padding:17px}.sw-banner__grid{gap:28px}.sw-banner .sw-button{width:100%}.sw-detail__hero{padding-top:130px}.sw-detail__hero-grid{margin-top:30px}.sw-detail__brand{align-items:flex-start;flex-direction:column}.sw-detail__visual{min-height:290px;padding:14px}.sw-detail__actions{flex-direction:column}.sw-detail__actions .sw-button{width:100%}.sw-media--combo{padding-inline-end:10%}.sw-media__phone{width:28%}.sw-list-grid,.sw-gallery,.sw-related{grid-template-columns:1fr}.sw-list-card{min-height:110px}.sw-card__category{max-width:130px}}
@media(prefers-reduced-motion:reduce){.sw-card{transition:none}.sw-card:hover{transform:none}}

/* Homepage portfolio preview: reuse the same real-product media rules. */
.is-platforms__tab-logo{width:var(--tab-logo-w,46px);height:var(--tab-logo-h,46px);padding:2px;border-radius:12px;overflow:hidden;background:#fff;border:1px solid rgba(11,38,50,.10);box-shadow:0 1px 2px rgba(7,27,36,.05)}
.is-platforms__logo{width:var(--feature-logo-w,66px);height:var(--feature-logo-h,66px);padding:3px;border-radius:16px;overflow:hidden;background:#fff;border:1px solid rgba(11,38,50,.10);box-shadow:0 2px 6px rgba(7,27,36,.06)}
.is-platforms__tab-logo .sw-logo,.is-platforms__logo .sw-logo{width:100%!important;height:100%!important;border:0!important;background:transparent!important;border-radius:0!important;overflow:visible!important}
.is-platforms__tab-logo .sw-logo img,.is-platforms__logo .sw-logo img{width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important;border-radius:10px}
.is-platforms__counter{display:block;width:max-content;margin-top:auto;padding-top:28px}
.is-platforms__primary-picture{position:absolute;inset:0;display:grid;place-items:center;padding:0}
.is-platforms__primary-picture .is-platforms__screenshot{width:100%;height:100%;object-fit:contain!important}
.is-platforms__media--dashboardMobile .is-platforms__primary-picture{inset:0;padding:0}
/* Frame conforms to each screenshot's own aspect ratio (set at runtime) */
.is-platforms__frame[style*="--shot-ar"]{aspect-ratio:auto!important;height:auto!important}
.is-platforms__frame[style*="--shot-ar"] .is-platforms__media{aspect-ratio:var(--shot-ar)!important;height:auto!important}
.is-platforms__secondary-media{position:absolute;z-index:2;inset-inline-end:2.5%;bottom:2%;width:23%;height:82%;display:grid;place-items:end center;margin:0;filter:drop-shadow(0 18px 20px rgba(7,27,36,.25))}
.is-platforms__secondary-media img{width:100%;height:100%;object-fit:contain}
.is-platforms__secondary-media figcaption{position:absolute;inset-inline-end:0;bottom:0;padding:5px 8px;border-radius:999px;background:rgba(7,27,36,.86);color:#dff8f2;font-size:9px;font-weight:800;white-space:nowrap}
.is-platforms__media--appOnly .is-platforms__primary-picture{inset:3%;padding:0}
.is-platforms__media--appOnly .is-platforms__primary-picture .is-platforms__screenshot{filter:drop-shadow(0 18px 26px rgba(7,27,36,.19))}
.is-platforms__frame[style*="--shot-ar"] .is-platforms__media--appOnly .is-platforms__primary-picture{inset:0!important;padding:0!important}
.is-platforms__frame[style*="--shot-ar"] .is-platforms__media--appOnly .is-platforms__primary-picture .is-platforms__screenshot{filter:none!important;object-fit:cover!important}
.sw-tabs{position:absolute;z-index:4;top:15px;inset-inline-start:15px;display:flex;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(7,27,36,.82);backdrop-filter:blur(12px)}
.sw-tabs button{min-height:34px;padding:7px 12px;border:0;border-radius:8px;background:transparent;color:rgba(246,250,250,.68);font-size:12px;font-weight:800}
.sw-tabs button[aria-pressed="true"]{background:#fff;color:#133943}
@media(max-width:650px){.is-platforms__media--dashboardMobile .is-platforms__primary-picture{inset:4%}.is-platforms__secondary-media{width:25%;height:78%}}

/* Premium liquid-glass actions shared by the homepage and software pages. */
.sw-liquid-action{
  --liquid-x:50%;--liquid-y:50%;--liquid-dx:0px;--liquid-dy:0px;--liquid-lift:0px;--liquid-press:1;
  --liquid-color:rgba(66,210,190,.22);--liquid-edge:rgba(255,255,255,.32);
  position:relative;isolation:isolate;overflow:hidden;backface-visibility:hidden;transform-origin:center;
  transform:translate3d(var(--liquid-dx),calc(var(--liquid-dy) - var(--liquid-lift)),0) scale(var(--liquid-press))!important;
  transition:transform .46s cubic-bezier(.16,1,.3,1),box-shadow .38s ease,border-color .3s ease,filter .3s ease;
  will-change:transform;touch-action:manipulation
}
.sw-liquid-action:before{
  content:"";position:absolute;z-index:-1;left:var(--liquid-x);top:var(--liquid-y);width:185%;aspect-ratio:1;
  border-radius:42% 58% 63% 37%/54% 42% 58% 46%;pointer-events:none;
  background:radial-gradient(circle at 42% 36%,rgba(255,255,255,.42),var(--liquid-color) 38%,rgba(54,184,174,.06) 68%,transparent 72%);
  opacity:0;transform:translate(-50%,-50%) scale(.05) rotate(-8deg);
  transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .32s ease
}
.sw-liquid-action:after{
  content:"";position:absolute;z-index:1;inset:-70% -35%;pointer-events:none;
  background:linear-gradient(108deg,transparent 38%,var(--liquid-edge) 48%,rgba(255,255,255,.08) 54%,transparent 64%);
  opacity:0;transform:translateX(-48%) rotate(5deg);transition:transform .85s cubic-bezier(.16,1,.3,1),opacity .35s ease
}
.sw-liquid-action:hover{--liquid-lift:3px}
.sw-liquid-action:hover:before,.sw-liquid-action:focus-visible:before{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0);animation:swLiquidMorph 3.6s ease-in-out infinite alternate}
.sw-liquid-action:hover:after,.sw-liquid-action:focus-visible:after{opacity:.68;transform:translateX(48%) rotate(5deg)}
.sw-liquid-action:active{--liquid-lift:1px;--liquid-press:.975;transition-duration:.12s}
.sw-liquid-action>span[aria-hidden="true"]{position:relative;z-index:2;transition:transform .42s cubic-bezier(.16,1,.3,1)}
.sw-liquid-action:hover>span[aria-hidden="true"]{transform:translateX(4px)}
[dir="rtl"] .sw-liquid-action:hover>.is-platforms__arrow{transform:rotate(180deg) translateX(4px)}
.sw-liquid-action--accent{--liquid-color:rgba(255,255,255,.25);--liquid-edge:rgba(255,255,255,.48)}
.sw-liquid-action--accent:hover{box-shadow:0 17px 38px rgba(17,104,117,.24),inset 0 1px 0 rgba(255,255,255,.32)}
.sw-liquid-action--compact{padding:7px 10px;margin:-7px -10px;border-radius:999px;--liquid-color:rgba(63,174,164,.17);--liquid-edge:rgba(255,255,255,.72)}
.sw-liquid-action--compact:hover{box-shadow:0 9px 24px rgba(7,27,36,.09)}
.sw-liquid-action--ready{cursor:pointer}
@keyframes swLiquidMorph{
  0%{border-radius:42% 58% 63% 37%/54% 42% 58% 46%;filter:hue-rotate(0deg)}
  55%{border-radius:61% 39% 43% 57%/38% 62% 44% 56%}
  100%{border-radius:48% 52% 35% 65%/61% 39% 58% 42%;filter:hue-rotate(7deg)}
}
@media(pointer:coarse){.sw-liquid-action:hover{--liquid-lift:0px}.sw-liquid-action:before{width:210%}}
@media(prefers-reduced-motion:reduce){
  .sw-liquid-action{transform:none!important;transition:background-color .2s ease,border-color .2s ease!important;will-change:auto}
  .sw-liquid-action:before,.sw-liquid-action:after{animation:none!important;transition:none!important;display:none}
  .sw-liquid-action>span[aria-hidden="true"]{transform:none!important;transition:none!important}
}

/* HEMI actions: connected-hardware signal for the primary CTA and a live consultation cue. */
.is-hemi__actions .is-hemi-action.sw-liquid-action{
  --liquid-color:rgba(93,217,209,.24);--liquid-edge:rgba(255,255,255,.5);
  position:relative;isolation:isolate;overflow:hidden;border-radius:14px;
  transform:translate3d(var(--liquid-dx),calc(var(--liquid-dy) - var(--liquid-lift)),0) scale(var(--liquid-press));
  transition:transform .46s cubic-bezier(.16,1,.3,1),box-shadow .38s ease,border-color .3s ease,background-color .3s ease,filter .3s ease
}
.is-hemi__actions .is-hemi-action>*{position:relative;z-index:2}
.is-hemi-action__label{display:inline-block;position:relative}
.is-hemi-action__label:after{content:"";position:absolute;inset-inline-start:0;bottom:-5px;width:100%;height:1px;border-radius:2px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:0;transform:scaleX(.18);transition:opacity .34s ease,transform .52s cubic-bezier(.16,1,.3,1)}
.is-hemi-action:hover .is-hemi-action__label:after,.is-hemi-action:focus-visible .is-hemi-action__label:after{opacity:.42;transform:scaleX(1)}
.is-hemi__actions .is-hemi-action--primary{padding-inline:18px 14px;border:1px solid rgba(255,255,255,.2);box-shadow:0 16px 36px rgba(37,126,217,.24),inset 0 1px 0 rgba(255,255,255,.22)}
.is-hemi__actions .is-hemi-action--primary:hover{color:#fff;box-shadow:0 22px 48px rgba(37,126,217,.34),0 0 0 1px rgba(52,164,190,.12),inset 0 1px 0 rgba(255,255,255,.34);filter:saturate(1.06)}
.is-hemi-action__arrow{position:relative;display:grid!important;place-items:center;width:29px;height:29px;flex:none;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.16);font-size:0;line-height:1;transition:transform .46s cubic-bezier(.16,1,.3,1),background-color .3s ease,box-shadow .3s ease!important}
.is-hemi-action__arrow:before{content:""!important;position:absolute;left:50%;top:50%;display:block;width:12px;height:8px;margin:0;background:currentColor;clip-path:polygon(0 42%,68% 42%,68% 8%,100% 50%,68% 92%,68% 58%,0 58%);-webkit-clip-path:polygon(0 42%,68% 42%,68% 8%,100% 50%,68% 92%,68% 58%,0 58%);transform:translate(-50%,-50%)!important}
.is-hemi-action__arrow:after{content:"";position:absolute;inset:-1px;border:1px solid rgba(157,241,230,.46);border-radius:50%;animation:isHemiActionPulse 3s ease-out infinite}
.is-hemi__actions .is-hemi-action--primary:hover>.is-hemi-action__arrow{transform:translateX(4px)!important;background:rgba(255,255,255,.18);box-shadow:0 0 20px rgba(103,224,213,.26),inset 0 1px 0 rgba(255,255,255,.22)}
[dir="rtl"] .is-hemi__actions .is-hemi-action--primary>.is-hemi-action__arrow{transform:none!important}
[dir="rtl"] .is-hemi-action__arrow:before{content:""!important;transform:translate(-50%,-50%) scaleX(-1)!important}
[dir="rtl"] .is-hemi__actions .is-hemi-action--primary:hover>.is-hemi-action__arrow{transform:translateX(-4px)!important}
.is-hemi__actions .is-hemi-action--secondary{--liquid-color:rgba(37,126,217,.12);--liquid-edge:rgba(255,255,255,.78);padding-inline:13px 19px;border-color:rgba(33,101,123,.2);background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(239,248,249,.52));box-shadow:0 12px 30px rgba(17,73,91,.06),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.is-hemi__actions .is-hemi-action--secondary:hover{color:#0c3443;border-color:rgba(37,126,217,.38);background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(233,247,248,.8));box-shadow:0 18px 40px rgba(17,73,91,.13),0 0 0 1px rgba(37,126,217,.05),inset 0 1px 0 #fff}
.is-hemi-action__chat{position:relative;display:grid!important;place-items:center;width:28px;height:28px;flex:none;border:1px solid rgba(37,126,217,.18);border-radius:10px;background:rgba(37,126,217,.065);transition:transform .46s cubic-bezier(.16,1,.3,1),background-color .3s ease,border-color .3s ease!important}
.is-hemi-action__chat i{position:relative;display:block;width:14px;height:11px;border:1.5px solid #218da7;border-radius:4px;font-style:normal;transition:transform .38s cubic-bezier(.16,1,.3,1)}
.is-hemi-action__chat i:before{content:"";position:absolute;left:3px;top:4px;width:2px;height:2px;border-radius:50%;background:#257ed9;box-shadow:4px 0 0 #268a9e;animation:isHemiChatDots 2.4s ease-in-out infinite}
.is-hemi-action__chat i:after{content:"";position:absolute;inset-inline-start:2px;bottom:-4px;width:5px;height:5px;border-inline-start:1.5px solid #218da7;transform:skewY(-35deg)}
.is-hemi__actions .is-hemi-action--secondary:hover>.is-hemi-action__chat{transform:translateY(-1px) rotate(-2deg)!important;border-color:rgba(37,126,217,.34);background:rgba(37,126,217,.1)}
.is-hemi__actions .is-hemi-action--secondary:hover .is-hemi-action__chat i{transform:scale(1.07)}
.is-hemi--entered .is-hemi-action{animation:isHemiActionIn .58s .34s cubic-bezier(.16,1,.3,1) both}
.is-hemi--entered .is-hemi-action:nth-child(2){animation-delay:.45s}
@keyframes isHemiActionPulse{0%{opacity:.62;transform:scale(.82)}72%,100%{opacity:0;transform:scale(1.52)}}
@keyframes isHemiChatDots{0%,100%{opacity:.38;transform:translateY(0)}48%{opacity:1;transform:translateY(-1px)}}
@keyframes isHemiActionIn{from{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur(0)}}
@media(prefers-reduced-motion:reduce){
  .is-hemi-action,.is-hemi-action__arrow:after,.is-hemi-action__chat i:before{animation:none!important}
  .is-hemi__actions .is-hemi-action.sw-liquid-action,.is-hemi__actions .is-hemi-action__arrow,.is-hemi__actions .is-hemi-action__chat{transform:none!important}
  .is-hemi-action__arrow,.is-hemi-action__chat,.is-hemi-action__chat i,.is-hemi-action__label:after{transition:none!important}
}

/* Homepage explore CTAs inherit the HEMI signal-ring interaction without changing section identity. */
.is-explore-action.sw-liquid-action{
  --liquid-color:rgba(93,217,209,.24);--liquid-edge:rgba(255,255,255,.5);
  position:relative;isolation:isolate;overflow:hidden;border-radius:14px!important;
  padding-inline:18px 14px!important;gap:10px!important
}
.is-explore-action>*{position:relative;z-index:2}
.is-explore-action__label{display:inline-block;position:relative}
.is-explore-action__label:after{content:"";position:absolute;inset-inline-start:0;bottom:-5px;width:100%;height:1px;border-radius:2px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:0;transform:scaleX(.18);transition:opacity .34s ease,transform .52s cubic-bezier(.16,1,.3,1)}
.is-explore-action:hover .is-explore-action__label:after,.is-explore-action:focus-visible .is-explore-action__label:after{opacity:.42;transform:scaleX(1)}
.is-explore-action__arrow{position:relative;display:grid!important;place-items:center;width:29px;height:29px;flex:none;border:1px solid color-mix(in srgb,currentColor 28%,transparent);border-radius:50%;background:color-mix(in srgb,currentColor 10%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,currentColor 16%,transparent);font-size:0!important;line-height:1;transform:none!important;transition:transform .46s cubic-bezier(.16,1,.3,1),background-color .3s ease,box-shadow .3s ease!important}
.is-explore-action__arrow:before{content:""!important;position:absolute;left:50%;top:50%;display:block;width:12px;height:8px;margin:0;background:currentColor;clip-path:polygon(0 42%,68% 42%,68% 8%,100% 50%,68% 92%,68% 58%,0 58%);-webkit-clip-path:polygon(0 42%,68% 42%,68% 8%,100% 50%,68% 92%,68% 58%,0 58%);transform:translate(-50%,-50%)!important}
.is-explore-action__arrow:after{content:"";position:absolute;inset:-1px;border:1px solid color-mix(in srgb,currentColor 42%,transparent);border-radius:50%;animation:isHemiActionPulse 3s ease-out infinite}
.is-explore-action:hover>.is-explore-action__arrow{transform:translateX(4px)!important;background:color-mix(in srgb,currentColor 17%,transparent);box-shadow:0 0 20px color-mix(in srgb,currentColor 24%,transparent),inset 0 1px 0 color-mix(in srgb,currentColor 22%,transparent)}
[dir="rtl"] .is-explore-action>.is-explore-action__arrow{transform:none!important}
[dir="rtl"] .is-explore-action__arrow:before{content:""!important;transform:translate(-50%,-50%) scaleX(-1)!important}
[dir="rtl"] .is-explore-action:hover>.is-explore-action__arrow{transform:translateX(-4px)!important}
@media(prefers-reduced-motion:reduce){
  .is-explore-action__arrow:after{animation:none!important}
  .is-explore-action.sw-liquid-action,.is-explore-action__arrow{transform:none!important}
  .is-explore-action__arrow,.is-explore-action__label:after{transition:none!important}
}

/* Digital Studio: sliding crystal selector and coordinated panel transition. */
.is-digital-tabs{
  --digital-glow-x:50%;--digital-glow-y:50%;position:relative;isolation:isolate;width:max-content;max-width:100%;
  padding:5px;border:1px solid rgba(41,92,102,.15);border-radius:999px;
  background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(235,246,244,.6));
  box-shadow:0 12px 34px rgba(7,27,36,.07),inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)
}
.is-digital-tab{
  position:relative;z-index:2;min-height:42px;padding:9px 16px;border:0;border-radius:999px;
  color:#40545b;background:transparent;font-size:13px;font-weight:750;line-height:1.2;white-space:nowrap;
  transition:color .38s ease,transform .42s cubic-bezier(.16,1,.3,1),background-color .28s ease,text-shadow .28s ease
}
.is-digital-tab span{position:relative;z-index:2;display:block}
.is-digital-tab:hover{color:#176875;background:rgba(255,255,255,.54);transform:translateY(-1px)}
.is-digital-tab[aria-selected="true"]{color:#fff;background:linear-gradient(135deg,#479b84,#268a9e);box-shadow:0 10px 24px rgba(38,138,158,.24);text-shadow:0 1px 12px rgba(4,33,39,.2)}
.is-digital-tabs--ready .is-digital-tab[aria-selected="true"]{background:transparent;box-shadow:none}
.is-digital-tabs__liquid{
  position:absolute;z-index:1;left:0;top:0;width:0;height:0;overflow:hidden;pointer-events:none;opacity:0;
  border:1px solid rgba(255,255,255,.44);border-radius:46% 54% 57% 43%/55% 42% 58% 45%;
  background:linear-gradient(132deg,#55ae8f 0%,#359c9a 48%,#268a9e 100%);
  box-shadow:0 12px 28px rgba(38,138,158,.28),inset 0 1px 1px rgba(255,255,255,.44);
  transition:transform .58s cubic-bezier(.16,1,.3,1),width .58s cubic-bezier(.16,1,.3,1),height .48s cubic-bezier(.16,1,.3,1),opacity .24s ease,border-radius .7s ease
}
.is-digital-tabs__liquid:before{
  content:"";position:absolute;left:var(--digital-glow-x);top:var(--digital-glow-y);width:150%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.48),rgba(126,231,211,.18) 34%,transparent 68%);
  transform:translate(-50%,-50%);transition:left .2s ease-out,top .2s ease-out
}
.is-digital-tabs__liquid:after{
  content:"";position:absolute;inset:-55% -30%;background:linear-gradient(108deg,transparent 36%,rgba(255,255,255,.48) 49%,transparent 62%);
  animation:isDigitalTabSheen 4.8s ease-in-out infinite
}
.is-digital-tabs--ready .is-digital-tabs__liquid{opacity:1}
.is-digital-tabs--moving .is-digital-tabs__liquid{border-radius:58% 42% 46% 54%/42% 58% 44% 56%;filter:saturate(1.08) brightness(1.035)}
.is-digital-tab:focus-visible{outline:3px solid rgba(38,138,158,.26);outline-offset:3px}
.is-digital-panel__copy{animation:isDigitalCopyIn .52s cubic-bezier(.16,1,.3,1) both}
.is-digital-panel__visual{isolation:isolate;animation:isDigitalVisualIn .62s cubic-bezier(.16,1,.3,1) both}
.is-digital-panel__visual:after{content:"";position:absolute;z-index:4;inset:-50%;pointer-events:none;background:linear-gradient(110deg,transparent 40%,rgba(111,225,208,.12) 49%,transparent 58%);transform:translateX(-35%);animation:isDigitalPanelSheen .95s cubic-bezier(.16,1,.3,1) both}
.is-digital-studio__cta--secondary:hover{border-color:rgba(38,138,158,.3)!important;box-shadow:0 14px 34px rgba(7,27,36,.1),inset 0 1px 0 #fff}
@keyframes isDigitalTabSheen{0%,72%{transform:translateX(-58%);opacity:0}82%{opacity:.66}100%{transform:translateX(58%);opacity:0}}
@keyframes isDigitalCopyIn{from{opacity:0;transform:translate3d(14px,8px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes isDigitalVisualIn{from{opacity:.42;transform:scale(.975) translate3d(-10px,0,0);filter:saturate(.72)}to{opacity:1;transform:scale(1) translate3d(0,0,0);filter:saturate(1)}}
@keyframes isDigitalPanelSheen{from{opacity:0;transform:translateX(-36%) rotate(2deg)}35%{opacity:1}to{opacity:0;transform:translateX(36%) rotate(2deg)}}
@media(max-width:720px){.is-digital-tabs{width:100%;border-radius:22px}.is-digital-tab{flex:1 1 calc(50% - 4px);padding-inline:11px}}
@media(prefers-reduced-motion:reduce){
  .is-digital-tabs__liquid,.is-digital-tabs__liquid:before,.is-digital-tabs__liquid:after{animation:none!important;transition:none!important}
  .is-digital-tab,.is-digital-panel__copy,.is-digital-panel__visual,.is-digital-panel__visual:after{animation:none!important;transition:none!important;transform:none!important}
}

/* Domains & Hosting: an interactive digital-identity card, not a static panel. */
.is-domain-card{
  --domain-x:76%;--domain-y:12%;--domain-rx:0deg;--domain-ry:0deg;--domain-tx:0px;--domain-ty:0px;
  isolation:isolate;transform-style:preserve-3d;backface-visibility:hidden;
  transform:perspective(1200px) translate3d(var(--domain-tx),var(--domain-ty),0) rotateX(var(--domain-rx)) rotateY(var(--domain-ry));
  transition:transform .62s cubic-bezier(.16,1,.3,1),box-shadow .48s ease,border-color .42s ease;will-change:transform
}
.is-domain-card:before{
  content:"";position:absolute;z-index:0;inset:0;pointer-events:none;opacity:.34;
  background-image:linear-gradient(rgba(127,224,207,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(127,224,207,.055) 1px,transparent 1px);
  background-size:46px 46px;mask-image:radial-gradient(circle at var(--domain-x) var(--domain-y),#000 0,rgba(0,0,0,.78) 30%,transparent 76%);
  transition:mask-position .25s ease-out
}
.is-domain-card:after{
  content:"";position:absolute;z-index:1;inset:0;pointer-events:none;
  background:radial-gradient(circle 260px at var(--domain-x) var(--domain-y),rgba(143,240,222,.22),rgba(67,185,201,.08) 36%,transparent 72%);
  opacity:.64;transition:opacity .38s ease
}
.is-domain-card:hover{border-color:rgba(127,224,207,.46)!important;box-shadow:0 38px 88px rgba(7,27,36,.34),0 0 0 1px rgba(127,224,207,.08),inset 0 1px 0 rgba(255,255,255,.08)!important}
.is-domain-card__aurora{z-index:0;transform:scale(1.18);transform-origin:var(--domain-x) var(--domain-y);animation:isDomainAurora 9s ease-in-out infinite alternate}
.is-domain-card__aurora:after{content:"";position:absolute;inset:-25%;background:conic-gradient(from 120deg at 50% 50%,transparent,rgba(73,191,198,.12),transparent 38%,rgba(86,196,157,.1),transparent 72%);filter:blur(20px);animation:isDomainOrbit 18s linear infinite}
.is-domain-card__content{z-index:3;transform:translateZ(24px)}
.is-domain-card__eyebrow,.is-domain-card__authority,.is-domain-card__mark,.is-domain-card__chips,.is-domain-card__cta,.is-domain-card__logo{position:relative;z-index:3}
.is-domain-card--motion .is-domain-card__eyebrow,.is-domain-card--motion .is-domain-card__authority,.is-domain-card--motion .is-domain-card__mark,.is-domain-card--motion .is-domain-card__chips,.is-domain-card--motion .is-domain-card__cta,.is-domain-card--motion .is-domain-card__logo{opacity:0}
.is-domain-card--in .is-domain-card__eyebrow{animation:isDomainRise .58s .04s cubic-bezier(.16,1,.3,1) forwards}
.is-domain-card--in .is-domain-card__logo{animation:isDomainRise .72s .12s cubic-bezier(.16,1,.3,1) forwards,isDomainLogoFloat 5.6s 1.1s ease-in-out infinite}
.is-domain-card--in .is-domain-card__authority{animation:isDomainRise .64s .25s cubic-bezier(.16,1,.3,1) forwards}
.is-domain-card--in .is-domain-card__mark{animation:isDomainRise .68s .34s cubic-bezier(.16,1,.3,1) forwards}
.is-domain-card--in .is-domain-card__chips{animation:isDomainRise .68s .43s cubic-bezier(.16,1,.3,1) forwards}
.is-domain-card--in .is-domain-card__cta{animation:isDomainRise .7s .52s cubic-bezier(.16,1,.3,1) forwards}
.is-domain-card__logo:before{content:"";position:absolute;inset:-7px;border:1px solid rgba(127,224,207,.18);border-radius:28px;box-shadow:0 0 34px rgba(71,196,180,.1);opacity:0;transform:scale(.9);transition:opacity .42s ease,transform .55s cubic-bezier(.16,1,.3,1)}
.is-domain-card:hover .is-domain-card__logo:before{opacity:1;transform:scale(1)}
.is-domain-card__logo img{transition:transform .65s cubic-bezier(.16,1,.3,1),filter .5s ease}
.is-domain-card:hover .is-domain-card__logo img{transform:scale(1.045) rotate(.8deg);filter:saturate(1.08)}
.is-domain-card__mark{width:max-content;filter:drop-shadow(0 0 18px rgba(92,221,199,.14))}
.is-domain-card__mark:before,.is-domain-card__mark:after{content:"";position:absolute;inset:50% auto auto 50%;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%)}
.is-domain-card__mark:before{width:116%;aspect-ratio:2.2;border:1px solid rgba(127,224,207,.2);animation:isDomainMarkPulse 3.4s ease-in-out infinite}
.is-domain-card__mark:after{width:145%;aspect-ratio:2.6;background:radial-gradient(ellipse,rgba(83,209,189,.12),transparent 70%);filter:blur(7px);animation:isDomainMarkGlow 4.2s ease-in-out infinite alternate}
.is-domain-card__chips span{position:relative;overflow:hidden;transition:transform .44s cubic-bezier(.16,1,.3,1),background-color .32s ease,border-color .32s ease,box-shadow .32s ease}
.is-domain-card__chips span:after{content:"";position:absolute;inset:-80% -35%;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.34) 50%,transparent 62%);transform:translateX(-70%);transition:transform .72s cubic-bezier(.16,1,.3,1)}
.is-domain-card:hover .is-domain-card__chips span{background:rgba(127,224,207,.14)!important;border-color:rgba(127,224,207,.38)!important;box-shadow:0 7px 18px rgba(0,0,0,.12)}
.is-domain-card:hover .is-domain-card__chips span:nth-child(1){transform:translateY(-2px) rotate(-.5deg)}
.is-domain-card:hover .is-domain-card__chips span:nth-child(2){transform:translateY(1px)}
.is-domain-card:hover .is-domain-card__chips span:nth-child(3){transform:translateY(-2px) rotate(.5deg)}
.is-domain-card:hover .is-domain-card__chips span:after{transform:translateX(70%)}
.is-domain-capability{margin:-6px;padding:6px;border-radius:12px;transition:transform .4s cubic-bezier(.16,1,.3,1),background-color .3s ease,box-shadow .3s ease}
.is-domain-capability:hover{transform:translateY(-2px);background:rgba(255,255,255,.58);box-shadow:0 10px 25px rgba(7,27,36,.055)}
.is-domain-capability__dot{position:relative;box-shadow:0 0 0 0 rgba(38,138,158,.2);transition:transform .35s ease}
.is-domain-capability:hover .is-domain-capability__dot{transform:scale(1.18);animation:isDomainDot 1.45s ease-out infinite}
.is-domain-studio__cta--secondary:hover{border-color:rgba(38,138,158,.3)!important;box-shadow:0 14px 34px rgba(7,27,36,.1),inset 0 1px 0 #fff}
@keyframes isDomainRise{from{opacity:0;transform:translate3d(0,18px,0) scale(.975);filter:blur(5px)}to{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}}
@keyframes isDomainLogoFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-5px,0)}}
@keyframes isDomainAurora{from{transform:scale(1.12) translate3d(-2%,1%,0);opacity:.72}to{transform:scale(1.25) translate3d(3%,-2%,0);opacity:1}}
@keyframes isDomainOrbit{to{transform:rotate(360deg)}}
@keyframes isDomainMarkPulse{0%,100%{opacity:.28;transform:translate(-50%,-50%) scale(.9)}50%{opacity:.72;transform:translate(-50%,-50%) scale(1.05)}}
@keyframes isDomainMarkGlow{from{opacity:.35;transform:translate(-50%,-50%) scale(.86)}to{opacity:.78;transform:translate(-50%,-50%) scale(1.08)}}
@keyframes isDomainDot{0%{box-shadow:0 0 0 0 rgba(38,138,158,.32)}100%{box-shadow:0 0 0 8px rgba(38,138,158,0)}}
@media(pointer:coarse){.is-domain-card{transform:none!important}.is-domain-card__content{transform:none}}
@media(prefers-reduced-motion:reduce){
  .is-domain-card,.is-domain-card *{animation:none!important;transition:none!important;transform:none!important}
  .is-domain-card--motion .is-domain-card__eyebrow,.is-domain-card--motion .is-domain-card__authority,.is-domain-card--motion .is-domain-card__mark,.is-domain-card--motion .is-domain-card__chips,.is-domain-card--motion .is-domain-card__cta,.is-domain-card--motion .is-domain-card__logo{opacity:1!important}
  .is-domain-capability{transform:none!important;transition:none!important}
}

/* ============ Internal product-detail additions ============ */
.sw-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sw-back{display:inline-flex;align-items:center;gap:9px;min-height:40px;color:rgba(246,250,250,.82);font-size:13px;font-weight:800}.sw-back:hover{color:#fff}.sw-back span{font-size:15px}
/* Official / gateway / ghost buttons */
.sw-button--official{color:#06202a;background:color-mix(in srgb,var(--accent) 78%,#fff);box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 34%,transparent)}.sw-button--official:hover{background:color-mix(in srgb,var(--accent) 92%,#fff)}
.sw-button--gateway{min-height:56px;padding:15px 26px;font-size:14.5px;color:#06202a;background:#f6fafa;box-shadow:0 18px 44px rgba(0,0,0,.24)}.sw-button--gateway:hover{background:#fff}
.sw-button--ghost{min-height:46px;color:#1b6875;border:1px solid var(--sw-line);background:#fff}.sw-button--ghost:hover{border-color:color-mix(in srgb,var(--sw-teal) 40%,transparent);background:#eaf4f3}
/* Device frames on the hero visual */
.sw-media__device{position:absolute;z-index:2;display:grid;place-items:center;background:linear-gradient(155deg,#12151b,#05070a);box-shadow:0 22px 42px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.05)}
.sw-media__device img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.sw-device__cam{position:absolute;z-index:3;background:#05070a;pointer-events:none}
.sw-media__device--phone{inset-inline-end:1%;bottom:2%;width:23%;aspect-ratio:196/400;padding:5px;border-radius:26px;transform:rotate(1.4deg)}
.sw-media__device--phone img{border-radius:21px}
.sw-media__device--phone .sw-device__cam{top:9px;left:50%;transform:translateX(-50%);width:34%;height:8px;border-radius:0 0 9px 9px}
.sw-media__device--tablet{inset-inline-end:0;bottom:3%;width:27%;aspect-ratio:1800/2880;padding:7px;border-radius:24px;transform:rotate(-1.4deg)}
.sw-media__device--tablet img{border-radius:17px}
.sw-media__device--tablet .sw-device__cam{top:11px;left:50%;transform:translateX(-50%);width:5px;height:5px;border-radius:50%}
.sw-media--combo .sw-media__dashboard,.sw-media--combo-tablet .sw-media__dashboard{width:86%;justify-self:start}
.sw-media--combo{padding-inline-end:15%}.sw-media--combo-tablet{padding-inline-end:29%;padding-block-end:0}
.sw-media--labeled .sw-media__device--phone{bottom:10%}
.sw-media--labeled .sw-media__label{inset-inline-end:1%;bottom:0}
.sw-media--combo-tablet .sw-media__dashboard{width:100%;justify-self:start;align-self:center}
/* Sticky section navigation */
.sw-subnav{position:sticky;top:66px;z-index:50;background:rgba(246,250,250,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--sw-line)}
.sw-subnav__inner{display:flex;gap:6px;overflow:auto;padding:11px 0;scrollbar-width:none}.sw-subnav__inner::-webkit-scrollbar{display:none}
.sw-subnav a{flex:none;min-height:40px;display:inline-flex;align-items:center;padding:9px 15px;border-radius:999px;color:#4c6169;font-size:13px;font-weight:800;white-space:nowrap}.sw-subnav a:hover{color:#165a66;background:#e9f5f3}
/* Overview */
.sw-overview{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(30px,4vw,64px);align-items:start;margin-top:36px}
.sw-overview__text p{margin:0 0 18px;color:#3f545c;font-size:clamp(16px,1.5vw,18.5px);line-height:1.78;text-wrap:pretty}.sw-overview__text p:last-child{margin-bottom:0}
.sw-proof{padding:26px;border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);border-radius:20px;background:color-mix(in srgb,var(--accent) 6%,#fff)}
.sw-proof__eyebrow{color:color-mix(in srgb,var(--accent) 62%,#1b3138);font-size:11px;font-weight:800;letter-spacing:.12em}.sw-proof ul{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:14px}
.sw-proof li{position:relative;padding-inline-start:22px;color:#25424b;font-size:16px;font-weight:700;line-height:1.35}.sw-proof li:before{content:"";position:absolute;inset-inline-start:0;top:8px;width:9px;height:9px;border-radius:50%;background:var(--accent)}
[dir="rtl"] .sw-proof__eyebrow{letter-spacing:0}
/* Capability groups */
.sw-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px}
.sw-group{padding:24px;border:1px solid var(--sw-line);border-radius:18px;background:#fff}
.sw-group h3{margin:0 0 15px;padding-bottom:14px;border-bottom:1px solid var(--sw-line);font-size:17.5px;font-weight:800;letter-spacing:-.01em}
.sw-group ul{margin:0;padding:0;list-style:none;display:grid;gap:11px}
.sw-group li{position:relative;padding-inline-start:20px;color:#4a5f66;font-size:14.5px;line-height:1.5}
.sw-group li:before{content:"";position:absolute;inset-inline-start:0;top:8px;width:6px;height:6px;border-radius:2px;background:color-mix(in srgb,var(--accent) 70%,transparent)}
/* Workflow */
.sw-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:38px 0 0;padding:0;list-style:none}
.sw-flow__step{display:flex;flex-direction:column;gap:11px;padding:22px 20px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.05)}
.sw-flow__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sw-flow__n{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--accent) 26%,#0b303e);color:#eafcf7;font-size:13px;font-weight:800}
.sw-flow__mod{padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 20%,transparent);color:#eafcf7;font-size:11px;font-weight:800;white-space:nowrap}
.sw-flow__t{color:#f6fafa;font-size:16px;font-weight:800;line-height:1.3}
.sw-flow__d{color:rgba(246,250,250,.66);font-size:13.5px;line-height:1.5;text-wrap:pretty}
/* Interface gallery frames */
.sw-shot{margin:0;display:flex;flex-direction:column;gap:13px}
.sw-shot__stage{position:relative;display:grid;place-items:center;overflow:hidden}
.sw-shot--flat .sw-shot__stage{aspect-ratio:16/10;padding:16px;border:1px solid var(--sw-line);border-radius:18px;background:#fff}
.sw-shot--flat .sw-shot__stage img{width:100%;height:100%;object-fit:contain;border-radius:8px;background:#eef3f3}
.sw-shot--flat .sw-shot__stage .sw-device__cam{display:none}
.sw-shot--phone,.sw-shot--tablet{align-items:center}
.sw-shot--phone .sw-shot__stage{width:min(260px,72%);aspect-ratio:196/400;padding:7px;border-radius:34px;background:linear-gradient(155deg,#12151b,#05070a);box-shadow:0 26px 50px rgba(7,27,36,.28),inset 0 0 0 1px rgba(255,255,255,.05)}
.sw-shot--phone .sw-shot__stage img{width:100%;height:100%;object-fit:cover;border-radius:27px}
.sw-shot--phone .sw-device__cam{position:absolute;z-index:2;top:12px;left:50%;transform:translateX(-50%);width:32%;height:9px;border-radius:0 0 9px 9px;background:#05070a}
.sw-shot--tablet .sw-shot__stage{width:min(360px,84%);aspect-ratio:1800/2880;padding:11px;border-radius:28px;background:linear-gradient(155deg,#12151b,#05070a);box-shadow:0 26px 50px rgba(7,27,36,.26),inset 0 0 0 1px rgba(255,255,255,.05)}
.sw-shot--tablet .sw-shot__stage img{width:100%;height:100%;object-fit:cover;border-radius:18px}
.sw-shot--tablet .sw-device__cam{position:absolute;z-index:2;top:13px;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:50%;background:#05070a}
.sw-shot figcaption{color:#54686f;font-size:13px;font-weight:700;text-align:center;text-wrap:pretty}
/* Gateway */
.sw-gateway{padding:clamp(64px,7vw,96px) 0;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 90%,#04141b),color-mix(in srgb,var(--accent) 52%,#04141b));color:#f7fdfc}
.sw-gateway__inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:44px}
.sw-gateway .sw-eyebrow{color:rgba(255,255,255,.82)}.sw-gateway .sw-eyebrow:before{background:rgba(255,255,255,.75)}
.sw-gateway h2{margin:14px 0 0;font-size:clamp(28px,3.6vw,46px);line-height:1.1;letter-spacing:-.03em;text-wrap:balance}
.sw-gateway p{max-width:640px;margin:15px 0 0;color:rgba(255,255,255,.86);font-size:15.5px;line-height:1.65}
/* Section head row + related all-products */
.sw-section__head--row{max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.sw-related--all{grid-template-columns:repeat(5,minmax(0,1fr))}
.sw-list-card--stage{position:relative}
@media(max-width:1000px){.sw-overview{grid-template-columns:1fr}.sw-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.sw-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.sw-related--all{grid-template-columns:repeat(3,minmax(0,1fr))}.sw-media__device--tablet{width:33%}.sw-gateway__inner{grid-template-columns:1fr}}
@media(max-width:650px){.sw-subnav{top:62px}.sw-groups{grid-template-columns:1fr}.sw-flow{grid-template-columns:1fr}.sw-related--all{grid-template-columns:repeat(2,minmax(0,1fr))}.sw-media__device--phone{width:30%}.sw-media__device--tablet{width:42%}.sw-shot--tablet .sw-shot__stage{width:min(300px,82%)}.sw-section__head--row .sw-button{width:auto}}
@media(prefers-reduced-motion:reduce){.sw-media__device{transform:none!important}}
/* Tajamae — video CTAs, video gallery, connected-access link and modal */
.sw-button--video{color:#f6fafa;background:color-mix(in srgb,var(--accent) 30%,#0b303e);border:1px solid color-mix(in srgb,var(--accent) 46%,transparent)}
.sw-button--video:hover{background:color-mix(in srgb,var(--accent) 42%,#0b303e)}
.sw-play{width:0;height:0;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent currentColor}
[dir="rtl"] .sw-play{transform:scaleX(-1)}
.sw-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:36px}
.sw-video-card{display:flex;flex-direction:column;gap:16px}
.sw-video-thumb{position:relative;display:block;width:100%;aspect-ratio:4/5;padding:0;border:1px solid var(--sw-line);border-radius:20px;overflow:hidden;background:#0b1418;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}
.sw-video-thumb:hover{transform:translateY(-4px);box-shadow:0 24px 52px rgba(6,32,42,.22)}
.sw-video-thumb:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 70%,#fff);outline-offset:3px}
.sw-video-thumb img{width:100%;height:100%;object-fit:cover;object-position:50% 42%}
.sw-video-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,12,16,.05),rgba(4,12,16,.42))}
.sw-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:rgba(246,250,250,.94);box-shadow:0 12px 30px rgba(0,0,0,.32);transition:transform .25s ease}
.sw-video-thumb:hover .sw-video-play{transform:translate(-50%,-50%) scale(1.07)}
.sw-video-play:before{content:"";width:0;height:0;margin-inline-start:5px;border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent color-mix(in srgb,var(--accent) 92%,#04141b)}
.sw-video-duration{position:absolute;z-index:2;bottom:12px;inset-inline-end:12px;padding:5px 11px;border-radius:999px;background:rgba(4,12,16,.7);color:#f6fafa;font-size:12.5px;font-weight:800;letter-spacing:.02em}
.sw-video-meta h3{margin:0;color:#0b2632;font-size:19px;font-weight:800;line-height:1.25}
.sw-video-meta p{margin:8px 0 0;color:#4a5f66;font-size:14.5px;line-height:1.6;text-wrap:pretty}
.sw-connected-actions{margin-top:34px}
.sw-video-modal{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:clamp(16px,4vw,40px);background:rgba(4,12,16,.72);backdrop-filter:blur(8px);animation:sw-fade .2s ease}
@keyframes sw-fade{from{opacity:0}to{opacity:1}}
.sw-video-modal__dialog{width:min(440px,100%);max-height:92vh;overflow-y:auto;display:flex;flex-direction:column;gap:14px;background:#0b1418;border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:18px;box-shadow:0 40px 90px rgba(0,0,0,.5)}
.sw-video-modal__head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.sw-video-modal__head h3{margin:0;color:#f6fafa;font-size:17px;font-weight:800;line-height:1.3}
.sw-video-modal__close{width:40px;height:40px;flex:none;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(255,255,255,.06);color:#f6fafa;font-size:22px;line-height:1;cursor:pointer}
.sw-video-modal__close:hover{background:rgba(255,255,255,.14)}
.sw-video-modal__close:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 72%,#fff);outline-offset:2px}
.sw-video-modal__media{border-radius:14px;overflow:hidden;background:#000}
.sw-video-modal__media video{display:block;width:100%;height:auto;max-height:62vh;object-fit:contain;background:#000}
.sw-video-modal__desc{margin:0;color:rgba(246,250,250,.72);font-size:13.5px;line-height:1.6;text-wrap:pretty}
@media(max-width:650px){.sw-videos{grid-template-columns:1fr;gap:26px}.sw-video-thumb{aspect-ratio:16/11}.sw-video-thumb img{object-position:50% 38%}}
@media(prefers-reduced-motion:reduce){.sw-video-thumb,.sw-video-play{transition:none}.sw-video-thumb:hover{transform:none}.sw-video-modal{animation:none}}
/* ============ Tajamae featured homepage section ============ */
.is-tjm{--tjm-teal:#2AA7C4;--tjm-green:#57B58C;position:relative;overflow:hidden;padding:clamp(72px,9vw,124px) clamp(20px,4vw,40px);background:linear-gradient(160deg,#0a2734,#06191f 58%,#04131a);color:#eef7f6;font-family:'Manrope',system-ui,sans-serif}
.is-tjm__glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(46% 60% at 84% 8%,rgba(42,167,196,.26),transparent 62%),radial-gradient(40% 55% at 6% 92%,rgba(87,181,140,.2),transparent 60%)}
.is-tjm__shell{position:relative;z-index:1;max-width:1320px;margin:0 auto}
.is-tjm__grid{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:clamp(30px,4.4vw,66px);align-items:center}
.is-tjm__copy{display:flex;flex-direction:column;align-items:flex-start;gap:20px;min-width:0}
.is-tjm__eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--tjm-teal);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.is-tjm__eyebrow:before{content:"";width:26px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--tjm-teal),var(--tjm-green))}
[dir="rtl"] .is-tjm__eyebrow{letter-spacing:0}
.is-tjm__logo{display:inline-flex;width:clamp(184px,20vw,232px);border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 16px 40px rgba(2,10,14,.4)}
.is-tjm__logo img{width:100%;height:auto;object-fit:contain;display:block}
.is-tjm__title{margin:0;font-size:clamp(33px,4.4vw,56px);line-height:1.06;letter-spacing:-.03em;font-weight:800;display:flex;flex-direction:column}
.is-tjm__title span:last-child{color:transparent;background:linear-gradient(92deg,var(--tjm-teal),var(--tjm-green));-webkit-background-clip:text;background-clip:text}
.is-tjm__desc{margin:0;max-width:44ch;color:rgba(233,244,242,.76);font-size:clamp(15.5px,1.4vw,18px);line-height:1.72;text-wrap:pretty}
.is-tjm__context{color:rgba(233,244,242,.6);font-size:12.5px;font-weight:700;letter-spacing:.08em}
[dir="rtl"] .is-tjm__context{letter-spacing:0}
.is-tjm__journey{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:12px 10px;width:100%;margin:2px 0}
.is-tjm__journey:before{content:"";position:absolute;top:50%;inset-inline:6px;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.28),rgba(255,255,255,.05));z-index:0}
.is-tjm__step{position:relative;z-index:1;display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border-radius:999px;background:rgba(10,32,42,.82);border:1px solid rgba(255,255,255,.14)}
.is-tjm__step i{display:grid;place-items:center;width:21px;height:21px;flex:none;border-radius:50%;background:color-mix(in srgb,var(--tjm-teal) 42%,#0b303e);color:#eafcf7;font-size:11px;font-weight:800;font-style:normal}
.is-tjm__step b{font-size:13px;font-weight:700;color:#dbeceb}
.is-tjm__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.is-tjm__primary,.is-tjm__video{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:12px;font-size:14px;font-weight:800;cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.is-tjm__primary{color:#04141b;background:linear-gradient(120deg,var(--tjm-teal),var(--tjm-green));box-shadow:0 16px 36px rgba(42,167,196,.32)}
.is-tjm__primary:hover{transform:translateY(-2px);color:#04141b;box-shadow:0 20px 44px rgba(42,167,196,.4)}
.is-tjm__video{color:#eef7f6;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.2)}
.is-tjm__video:hover{background:rgba(255,255,255,.13);color:#fff}
.is-tjm__play{width:0;height:0;border-style:solid;border-width:5px 0 5px 9px;border-color:transparent transparent transparent currentColor}
[dir="rtl"] .is-tjm__play{transform:scaleX(-1)}
.is-tjm__visual{position:relative;min-width:0}
.is-tjm__visual:before{content:"";position:absolute;inset:-12% -8% -14% -8%;background:radial-gradient(60% 60% at 50% 40%,rgba(42,167,196,.28),transparent 70%);filter:blur(8px);pointer-events:none}
.is-tjm__picture{position:relative;display:block;border-radius:22px;overflow:hidden;box-shadow:0 34px 80px rgba(2,10,14,.55);border:1px solid rgba(255,255,255,.12)}
.is-tjm__picture img{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;display:block}
/* Tajamae motion language: a live visitor journey from registration to entry. */
.is-tjm__glow:before,.is-tjm__glow:after{content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(1px)}
.is-tjm__glow:before{width:clamp(240px,30vw,460px);aspect-ratio:1;inset-inline-end:-8%;top:-24%;border:1px solid rgba(68,197,206,.13);box-shadow:0 0 90px rgba(42,167,196,.08);animation:isTjmOrbit 17s linear infinite}
.is-tjm__glow:after{width:clamp(170px,20vw,300px);aspect-ratio:1;inset-inline-start:-4%;bottom:-20%;background:radial-gradient(circle,rgba(87,181,140,.16),transparent 68%);animation:isTjmBreathe 7s ease-in-out infinite alternate}
.is-tjm__logo{position:relative;transform-origin:center;transition:border-color .38s ease,box-shadow .38s ease}
.is-tjm__logo:after{content:"";position:absolute;inset:-45%;pointer-events:none;background:linear-gradient(108deg,transparent 42%,rgba(255,255,255,.22) 50%,transparent 58%);transform:translateX(-65%);animation:isTjmLogoSheen 6.8s ease-in-out infinite}
.is-tjm--in .is-tjm__logo{animation:isTjmLogoFloat 5.2s 1s ease-in-out infinite}
.is-tjm__logo:hover{border-color:rgba(100,216,203,.4);box-shadow:0 22px 52px rgba(2,10,14,.48),0 0 34px rgba(42,167,196,.12)}
.is-tjm__journey{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,1.12fr) repeat(2,minmax(0,1fr));gap:7px;isolation:isolate;overflow:visible}
.is-tjm__journey:before{top:50%;inset-inline:3%;background:linear-gradient(90deg,rgba(87,181,140,.08),rgba(42,167,196,.5),rgba(87,181,140,.08))}
.is-tjm__journey:after{content:"";position:absolute;z-index:0;top:calc(50% - 1px);inset-inline-start:3%;width:18%;height:3px;border-radius:99px;background:linear-gradient(90deg,transparent,#7ee4d7 55%,transparent);filter:drop-shadow(0 0 7px rgba(83,217,208,.9));opacity:0}
.is-tjm--active .is-tjm__journey:after{opacity:1;animation:isTjmJourneySignal 6.25s linear infinite}
.is-tjm__step{min-width:0;justify-content:center;gap:5px;padding:7px 5px;overflow:hidden;transition:transform .46s cubic-bezier(.16,1,.3,1),border-color .34s ease,background-color .34s ease,box-shadow .34s ease,opacity .34s ease}
.is-tjm__step:after{content:"";position:absolute;inset:-55% -32%;pointer-events:none;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.22) 50%,transparent 62%);opacity:0;transform:translateX(-56%);transition:transform .72s cubic-bezier(.16,1,.3,1),opacity .3s ease}
.is-tjm__step b{min-width:0;font-size:clamp(10.5px,.88vw,12.5px);white-space:nowrap}
.is-tjm__step i{transition:transform .42s cubic-bezier(.16,1,.3,1),background-color .3s ease,box-shadow .3s ease}
.is-tjm__step.is-active,.is-tjm__step:hover{z-index:2;transform:translateY(-3px);border-color:rgba(99,222,207,.52);background:linear-gradient(145deg,rgba(41,134,151,.48),rgba(42,78,79,.76));box-shadow:0 12px 28px rgba(1,12,17,.3),inset 0 1px 0 rgba(255,255,255,.12)}
.is-tjm__step.is-active:after,.is-tjm__step:hover:after{opacity:.72;transform:translateX(56%)}
.is-tjm__step.is-active i,.is-tjm__step:hover i{transform:scale(1.1);background:linear-gradient(135deg,var(--tjm-teal),var(--tjm-green));box-shadow:0 0 0 5px rgba(74,196,187,.1),0 0 18px rgba(74,196,187,.32)}
.is-tjm--in .is-tjm__step{animation:isTjmStepIn .64s cubic-bezier(.16,1,.3,1) both}
.is-tjm--in .is-tjm__step:nth-child(2){animation-delay:.08s}.is-tjm--in .is-tjm__step:nth-child(3){animation-delay:.16s}.is-tjm--in .is-tjm__step:nth-child(4){animation-delay:.24s}.is-tjm--in .is-tjm__step:nth-child(5){animation-delay:.32s}
.is-tjm__primary,.is-tjm__video{isolation:isolate;overflow:hidden;transition:transform .46s cubic-bezier(.16,1,.3,1),background .3s ease,box-shadow .38s ease,border-color .3s ease}
.is-tjm__primary:hover{color:#04141b;box-shadow:0 21px 48px rgba(42,167,196,.42),inset 0 1px 0 rgba(255,255,255,.38)}
.is-tjm__video{--liquid-color:rgba(65,190,191,.19);--liquid-edge:rgba(151,244,229,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.is-tjm__video:hover{background:rgba(35,104,113,.34);border-color:rgba(104,223,208,.43);color:#fff;box-shadow:0 17px 36px rgba(1,12,17,.28),inset 0 1px 0 rgba(255,255,255,.11)}
.is-tjm__play{position:relative;z-index:2;display:grid!important;place-items:center;width:28px;height:28px;flex:none;border:1px solid rgba(138,238,223,.34)!important;border-radius:50%;background:rgba(64,180,183,.12);transition:transform .42s cubic-bezier(.16,1,.3,1),background-color .3s ease,box-shadow .3s ease!important}
.is-tjm__play:before{content:"";width:0;height:0;margin-inline-start:2px;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent currentColor}
.is-tjm__play:after{content:"";position:absolute;inset:-1px;border:1px solid rgba(109,229,213,.42);border-radius:50%;animation:isTjmPlayPulse 2.8s ease-out infinite}
[dir="rtl"] .is-tjm__play{transform:none}.is-tjm__video:hover>.is-tjm__play,[dir="rtl"] .is-tjm__video:hover>.is-tjm__play{transform:scale(1.08);background:rgba(65,191,191,.28);box-shadow:0 0 22px rgba(70,205,197,.28)}
[dir="rtl"] .is-tjm__play:before{transform:scaleX(-1);margin-inline-start:0;margin-inline-end:2px}
[dir="rtl"] .is-tjm__primary:hover>span[aria-hidden="true"]{transform:translateX(-4px)}
.is-tjm__visual{--tjm-x:50%;--tjm-y:50%;--tjm-rx:0deg;--tjm-ry:0deg;perspective:1200px}
.is-tjm__picture{isolation:isolate;transform:rotateX(var(--tjm-rx)) rotateY(var(--tjm-ry)) scale(1.002);transform-style:preserve-3d;transition:transform .62s cubic-bezier(.16,1,.3,1),border-color .4s ease,box-shadow .48s ease;will-change:transform}
.is-tjm__picture:after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:radial-gradient(circle at var(--tjm-x) var(--tjm-y),rgba(132,241,224,.22),transparent 25%),linear-gradient(180deg,transparent 62%,rgba(3,17,23,.16));mix-blend-mode:screen;opacity:.42;transition:opacity .38s ease}
.is-tjm__visual:hover .is-tjm__picture{border-color:rgba(108,225,210,.34);box-shadow:0 42px 96px rgba(2,10,14,.62),0 0 0 1px rgba(86,201,193,.08)}
.is-tjm__picture img{transition:transform 1.1s cubic-bezier(.16,1,.3,1),filter .55s ease}
.is-tjm__visual:hover .is-tjm__picture img{transform:scale(1.018);filter:saturate(1.04) contrast(1.02)}
.is-tjm__scan{position:absolute;z-index:3;top:0;bottom:0;width:14%;left:-18%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(102,232,216,.06) 30%,rgba(195,255,245,.42) 50%,rgba(102,232,216,.06) 70%,transparent);filter:blur(.3px);transform:skewX(-9deg);opacity:0}
.is-tjm--active .is-tjm__scan{animation:isTjmScan 6.8s 1s cubic-bezier(.42,0,.2,1) infinite}
.is-tjm__hotspot{position:absolute;z-index:4;width:10px;height:10px;border:2px solid rgba(216,255,248,.92);border-radius:50%;background:#2aa7c4;box-shadow:0 0 0 5px rgba(42,167,196,.13),0 0 22px rgba(79,221,207,.75);opacity:0;pointer-events:none}
.is-tjm__hotspot:after{content:"";position:absolute;inset:-8px;border:1px solid rgba(127,235,220,.46);border-radius:50%;animation:isTjmHotspot 2.5s ease-out infinite}
.is-tjm__hotspot--qr{left:31%;top:48%;animation-delay:1.35s}.is-tjm__hotspot--print{left:49%;top:63%;animation-delay:1.7s}.is-tjm__hotspot--gate{left:78%;top:57%;animation-delay:2.05s}
.is-tjm--in .is-tjm__hotspot{animation-name:isTjmHotspotIn;animation-duration:.55s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards}
@keyframes isTjmOrbit{to{transform:rotate(360deg)}}
@keyframes isTjmBreathe{from{transform:scale(.88);opacity:.45}to{transform:scale(1.16);opacity:1}}
@keyframes isTjmLogoSheen{0%,68%{opacity:0;transform:translateX(-65%)}77%{opacity:.8}90%,100%{opacity:0;transform:translateX(65%)}}
@keyframes isTjmLogoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes isTjmJourneySignal{from{transform:translateX(-12%)}to{transform:translateX(465%)}}
@keyframes isTjmJourneySignalRtl{from{transform:translateX(12%)}to{transform:translateX(-465%)}}
[dir="rtl"] .is-tjm--active .is-tjm__journey:after{animation-name:isTjmJourneySignalRtl}
@keyframes isTjmStepIn{from{opacity:0;transform:translateY(13px) scale(.96);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes isTjmPlayPulse{0%{opacity:.58;transform:scale(.82)}70%,100%{opacity:0;transform:scale(1.55)}}
@keyframes isTjmScan{0%,12%{left:-18%;opacity:0}20%{opacity:.72}48%{opacity:.35}62%,100%{left:108%;opacity:0}}
@keyframes isTjmHotspotIn{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}
@keyframes isTjmHotspot{0%{opacity:.7;transform:scale(.55)}75%,100%{opacity:0;transform:scale(1.45)}}
.is-tjm-modal{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:clamp(16px,4vw,40px);background:rgba(3,10,14,.82);isolation:isolate;animation:sw-fade .2s ease}
.is-tjm-modal::before{content:"";position:absolute;inset:0;z-index:0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none}
.is-tjm-modal__dialog{position:relative;z-index:1;width:min(440px,100%);max-height:92vh;overflow-y:auto;display:flex;flex-direction:column;gap:14px;background:#0b1418;border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:18px;box-shadow:0 40px 90px rgba(0,0,0,.5)}
.is-tjm-modal__head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.is-tjm-modal__head h3{margin:0;color:#f6fafa;font-size:16.5px;font-weight:800;line-height:1.3}
.is-tjm-modal__close{width:40px;height:40px;flex:none;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(255,255,255,.06);color:#f6fafa;font-size:22px;line-height:1;cursor:pointer}
.is-tjm-modal__close:hover{background:rgba(255,255,255,.14)}
.is-tjm-modal__close:focus-visible{outline:3px solid rgba(42,167,196,.8);outline-offset:2px}
.is-tjm-modal__media{border-radius:14px;overflow:hidden;background:#000}
.is-tjm-modal__media video{display:block;width:100%;height:auto;max-height:62vh;object-fit:contain;background:#000}
.is-tjm-modal__desc{margin:0;color:rgba(246,250,250,.72);font-size:13.5px;line-height:1.6;text-wrap:pretty}
@media(max-width:1000px){.is-tjm__grid{grid-template-columns:1fr;gap:34px}.is-tjm__visual{order:3}.is-tjm__desc{max-width:none}}
@media(max-width:680px){.is-tjm__journey{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.is-tjm__journey:before,.is-tjm__journey:after{display:none}.is-tjm__step:last-child{grid-column:1/-1}.is-tjm__step b{font-size:12px}}
@media(max-width:560px){.is-tjm__actions{width:100%}.is-tjm__primary,.is-tjm__video{flex:1 1 100%}.is-tjm__picture img{aspect-ratio:4/3}}
@media(pointer:coarse){.is-tjm__picture{transform:none!important}.is-tjm__picture:after{display:none}}
@media(prefers-reduced-motion:reduce){.is-tjm__glow:before,.is-tjm__glow:after,.is-tjm__logo,.is-tjm__logo:after,.is-tjm__journey:after,.is-tjm__step,.is-tjm__play:after,.is-tjm__scan,.is-tjm__hotspot,.is-tjm__hotspot:after{animation:none!important}.is-tjm__primary,.is-tjm__video,.is-tjm__picture,.is-tjm__picture img{transition:none;transform:none!important}.is-tjm__hotspot{opacity:1}.is-tjm-modal{animation:none}}

@media(max-width:650px){
  .sw-card__link,.sw-subnav a,.sw-tabs button{min-height:44px}
  .sw-card__link{padding-block:8px}
  .sw-video-modal,.is-tjm-modal{padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))}
  .sw-video-modal__dialog,.is-tjm-modal__dialog{max-height:calc(100dvh - 20px)}
  .sw-video-modal__close,.is-tjm-modal__close{width:44px;height:44px}
  .sw-video-modal__media video,.is-tjm-modal__media video{max-height:58dvh}
}