*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18384e;background:#fff}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.shell{width:min(1240px,calc(100% - 40px));margin:auto}.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:blur(20px);border-bottom:1px solid rgba(70,145,180,.15)}.navrow{height:84px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;flex:0 0 auto}.brand img{width:170px;height:58px;object-fit:contain;object-position:left}.nav{display:flex;align-items:center;gap:4px;min-width:0}.nav.primary{margin-left:8px;margin-right:auto}.nav.utility{margin-left:auto}.navitem{position:relative}.navlink{display:flex;align-items:center;gap:5px;padding:15px 9px;border-radius:12px;font-weight:700;font-size:13px;color:#315a72;white-space:nowrap}.navlink:hover,.navitem:focus-within>.navlink{color:#1685b9;background:#f1faff}.chev{font-size:10px;opacity:.75}.dropdown{display:none;position:absolute;top:calc(100% + 7px);left:0;min-width:290px;padding:10px;border-radius:18px;background:rgba(255,255,255,.98);border:1px solid rgba(80,160,200,.18);box-shadow:0 24px 65px rgba(30,90,120,.18);backdrop-filter:blur(20px)}.navitem:hover>.dropdown,.navitem:focus-within>.dropdown,.navitem.open>.dropdown{display:block}.dropdown a{display:block;padding:12px 13px;border-radius:11px;color:#345f76;font-weight:650;font-size:14px}.dropdown a small{display:block;margin-top:3px;color:#82a0b0;font-weight:500}.dropdown a:hover{background:#edf9fe;color:#1685b9}.glass{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 17px;border:1px solid rgba(255,255,255,.9);border-radius:15px;background:linear-gradient(135deg,rgba(91,193,235,.78),rgba(134,223,255,.70));color:#fff;font-weight:800;box-shadow:0 12px 32px rgba(62,163,209,.19),inset 0 1px 0 rgba(255,255,255,.75);backdrop-filter:blur(14px)}.glass:hover{transform:translateY(-1px);box-shadow:0 16px 38px rgba(62,163,209,.25)}.hero{padding:80px 0 90px;background:radial-gradient(circle at 78% 18%,rgba(134,223,255,.32),transparent 31%),linear-gradient(180deg,#fff,#edf9fe)}.heroGrid{display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:center}.k{margin:0 0 10px;color:#35a4d5;font-weight:850;text-transform:uppercase;letter-spacing:.11em;font-size:12px}.hero h1,.pageHero h1{font-size:clamp(52px,7vw,92px);line-height:.94;letter-spacing:-.055em;margin:12px 0;color:#173b55}.hero h1 span{background:linear-gradient(90deg,#4177a7,#55b8e4,#86dfff);-webkit-background-clip:text;color:transparent}.lead,.pageHero p{font-size:19px;line-height:1.7;color:#688497;max-width:710px}.heroActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.ghost{display:inline-flex;align-items:center;padding:0 17px;min-height:44px;border:1px solid rgba(65,145,185,.18);border-radius:15px;background:rgba(255,255,255,.72);color:#337496;font-weight:750}.heroVisual{position:relative;min-height:470px;border-radius:32px;overflow:hidden;box-shadow:0 30px 85px rgba(47,119,153,.18);background:#dff4fc}.heroVisual img{width:100%;height:470px;object-fit:cover}.heroVisual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(14,55,78,.7))}.heroVisualText{position:absolute;z-index:2;bottom:28px;left:30px;color:white}.heroVisualText strong{font-size:30px}.section{padding:88px 0}.soft{background:linear-gradient(180deg,#eefaff,#fbfeff 50%,#edf9fe)}.center{max-width:850px;margin:0 auto 42px;text-align:center}.center h2,.sectionTitle{font-size:clamp(38px,5vw,64px);line-height:1.02;letter-spacing:-.045em;margin:0 0 15px;color:#173b55}.center p{font-size:18px;line-height:1.65;color:#6d8798}.worldGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.worldCard,.serviceCard{position:relative;overflow:hidden;border-radius:28px;border:1px solid rgba(70,148,187,.16);background:#fff;box-shadow:0 18px 54px rgba(62,125,155,.10);transition:.35s}.worldCard{min-height:410px}.worldCard:hover,.serviceCard:hover{transform:translateY(-6px);box-shadow:0 24px 62px rgba(62,125,155,.15)}.worldCard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.7s}.worldCard:hover img,.serviceCard:hover img{transform:scale(1.04)}.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,53,74,.02),rgba(15,53,74,.84))}.worldText{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:30px;color:#fff}.worldText h3{font-size:36px;margin:6px 0 8px}.worldText p{margin:0 0 12px;color:#e8f8ff;line-height:1.55}.worldText b{color:#d7f6ff}.serviceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.serviceGrid.two{grid-template-columns:repeat(2,1fr)}.serviceCard img{width:100%;height:220px;object-fit:cover;transition:.7s}.serviceBody{padding:24px}.serviceBody h3{font-size:27px;margin:0 0 9px}.serviceBody p{color:#6d8798;line-height:1.6;margin:0 0 14px}.serviceBody b{color:#218dc0}.pageHero{padding:72px 0;background:radial-gradient(circle at 80% 20%,rgba(134,223,255,.35),transparent 31%),linear-gradient(180deg,#fff,#eaf8fe)}.pageHero h1{font-size:clamp(50px,7vw,82px)}.crumbs{font-size:13px;color:#5c91aa;margin-bottom:24px}.featureGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{padding:26px;border-radius:22px;border:1px solid rgba(70,148,187,.16);background:#fff;box-shadow:0 12px 36px rgba(62,125,155,.08)}.feature span{display:block;color:#4faed8;font-weight:850;font-size:12px;letter-spacing:.09em}.feature h3{margin:10px 0 0;font-size:22px}.ctaBand{padding:38px;border-radius:30px;background:linear-gradient(135deg,rgba(206,242,255,.88),rgba(241,251,255,.94));border:1px solid rgba(77,162,203,.18);display:flex;align-items:center;justify-content:space-between;gap:24px}.ctaBand h2{font-size:36px;margin:0 0 8px}.ctaBand p{margin:0;color:#668397}.formGrid{display:grid;grid-template-columns:1.35fr .65fr;gap:24px}.formCard,.contactCard,.loginCard{padding:30px;border-radius:28px;border:1px solid rgba(72,157,199,.16);background:rgba(255,255,255,.82);box-shadow:0 24px 70px rgba(68,132,163,.11)}form{display:grid;gap:17px}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:grid;gap:7px;color:#385c72;font-size:13px;font-weight:750}input,select,textarea{width:100%;border:1px solid rgba(75,148,186,.20);border-radius:14px;background:#fbfeff;padding:13px 14px;color:#23485f}textarea{resize:vertical}.contactCard img{width:190px;max-width:100%}.contactCard a{display:block;color:#218dc0;font-weight:750;margin-top:10px}.loginGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.loginCard h2{font-size:28px}.loginCard p{color:#688497;line-height:1.6}.footer{background:linear-gradient(180deg,#dff5ff,#cceeff);padding:62px 0 24px;border-top:1px solid rgba(56,150,193,.15)}.footGrid{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:34px}.footLogo{width:190px}.footer h4{margin:8px 0 14px}.footer a{display:block;color:#496f84;margin:8px 0;font-size:14px}.footer p{color:#5f8092;line-height:1.6}.copy{margin-top:40px;padding-top:20px;border-top:1px solid rgba(56,150,193,.17);display:flex;justify-content:space-between;color:#628397;font-size:13px}.connectArt{position:absolute;inset:0;width:100%;height:100%;display:block;transition:.7s}
.connectCard:hover .connectArt{transform:scale(1.04)}
.connectArt circle[r="6"],.connectArt circle[r="7"],.connectArt circle[r="8"],.connectArt circle[r="9"],.connectArt circle[r="5"]{animation:connectPulse 2.6s ease-in-out infinite}
.connectArt circle:nth-of-type(2n){animation-delay:-1.1s}
.connectArt circle:nth-of-type(3n){animation-delay:-1.8s}
@keyframes connectPulse{0%,100%{opacity:.75;r:6}50%{opacity:1;r:8}}
.gradTitle{background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;display:inline-block}
.gradTealNavy{background-image:linear-gradient(90deg,#173b55,#1f8fa8,#3fd6b4)}
.gradSilverBlue{background-image:linear-gradient(90deg,#5b6b7a,#8fa8b8,#55b8e4)}
.gradOrangeGreen{background-image:linear-gradient(90deg,#ff9a3d,#ffb84f,#5bc46a)}
.gradVioletBlue{background-image:linear-gradient(90deg,#7c6cff,#5e86ff,#55b8e4)}
.mobileToggle{display:none;border:0;background:transparent;font-size:26px;color:#315a72}.fade{animation:fade .5s ease both}@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:1180px){.nav.primary,.nav.utility{display:none}.mobileToggle{display:block;margin-left:auto}.navrow.mobile-open{height:auto;min-height:84px;align-items:flex-start;flex-wrap:wrap;padding:12px 0 18px}.navrow.mobile-open .nav{display:flex;width:100%;flex-direction:column;align-items:stretch}.navrow.mobile-open .navitem{width:100%}.navrow.mobile-open .dropdown{position:static;box-shadow:none;margin:0 0 8px 14px}.navrow.mobile-open .navlink{justify-content:space-between}.heroGrid{grid-template-columns:1fr}.heroVisual{min-height:380px}.serviceGrid,.featureGrid{grid-template-columns:repeat(2,1fr)}.footGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.shell{width:min(100% - 26px,1240px)}.brand img{width:145px}.hero{padding-top:54px}.hero h1,.pageHero h1{font-size:48px}.worldGrid,.serviceGrid,.serviceGrid.two,.featureGrid,.formGrid,.loginGrid,.row{grid-template-columns:1fr}.worldCard{min-height:360px}.heroVisual,.heroVisual img{height:330px;min-height:330px}.ctaBand{align-items:flex-start;flex-direction:column}.footGrid{grid-template-columns:1fr}.copy{flex-direction:column;gap:8px}.section{padding:66px 0}}

/* V11 navigation + mega menus */
.nav.primary{gap:2px}.navlink{padding:15px 12px;font-size:14px}.chev{font-size:14px;transition:transform .2s}.navitem:hover>.navlink .chev,.navitem:focus-within>.navlink .chev,.navitem.open>.navlink .chev{transform:rotate(180deg)}
.megaItem{position:relative}.megaItem:after{content:"";position:absolute;left:0;right:0;top:100%;height:18px}.dropdown.mega{display:block;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(9px);top:calc(100% + 10px);left:-120px;width:720px;min-width:720px;padding:16px;grid-template-columns:230px 1fr;gap:14px;border-radius:24px;transition:opacity .18s ease,transform .18s ease,visibility .18s;background:rgba(255,255,255,.96)}
.megaItem.open>.mega{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0);display:grid}.mega.megaRight{left:auto;right:-140px}.megaIntro{padding:20px;border-radius:18px;background:linear-gradient(145deg,#e8f8ff,#f8fdff);border:1px solid rgba(79,174,216,.14)}.megaIntro span{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.1em;color:#42a7d4}.megaIntro strong{display:block;font-size:27px;letter-spacing:-.03em;color:#173b55;margin:7px 0}.megaIntro p{font-size:13px;line-height:1.55;color:#6c899a;margin:0 0 16px}.megaOverview{font-size:13px!important;font-weight:800!important;color:#218dc0!important;padding:0!important}.megaLinks{display:grid;grid-template-columns:1fr 1fr;gap:7px}.megaLinks a{padding:16px!important;border:1px solid transparent}.megaLinks a:hover{border-color:rgba(73,166,209,.13);background:#f1faff}.megaLinks b{display:block;font-size:15px;color:#2e5c74}.megaLinks small{font-size:12px!important;line-height:1.4}
/* Hero prepared for a future local background video */
.hero.videoReady{position:relative;isolation:isolate;overflow:hidden;padding:92px 0 104px;background:#eefaff}.heroMedia{position:absolute;z-index:-2;inset:0}.heroMedia video,.heroFallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.heroFallback{display:none}.heroMedia video{z-index:-1}.heroWash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(250,254,255,.96) 0%,rgba(244,252,255,.88) 48%,rgba(225,247,255,.64) 100%),radial-gradient(circle at 80% 25%,rgba(134,223,255,.34),transparent 34%)}.hero.videoReady .heroGrid{grid-template-columns:1.08fr .62fr;min-height:480px}.heroCopy{align-self:center}.heroGlassNote{align-self:end;margin-bottom:10px;padding:22px;border:1px solid rgba(255,255,255,.78);background:rgba(255,255,255,.42);border-radius:22px;backdrop-filter:blur(18px);box-shadow:0 18px 52px rgba(68,132,163,.11)}.heroGlassNote span{display:block;color:#35a4d5;font-weight:850;font-size:11px;letter-spacing:.12em}.heroGlassNote strong{display:block;font-size:22px;color:#244f67;margin:7px 0}.heroGlassNote p{margin:0;color:#6b8798;font-size:13px;line-height:1.55}.heroGlassNote code{font-size:11px}
/* Home contact */
.contactHome{background:linear-gradient(180deg,#fbfeff,#eaf8fe)}.contactIntro{max-width:760px;margin-bottom:34px}.contactIntro p:not(.k){font-size:18px;line-height:1.65;color:#6d8798}.glassPanel{background:rgba(255,255,255,.7);backdrop-filter:blur(18px)}.formActions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.formActions span{font-size:12px;color:#7893a2}.contactAside{background:linear-gradient(145deg,rgba(220,246,255,.9),rgba(255,255,255,.92));align-self:start;position:sticky;top:112px}.contactAside h3{font-size:26px;margin:18px 0 8px;color:#214d65}.miniGlass{display:inline-flex!important;margin-top:20px!important;padding:12px 15px;border-radius:14px;background:rgba(111,207,242,.18);border:1px solid rgba(90,184,224,.22)}
@media(max-width:1180px){.dropdown.mega{position:static;width:100%;min-width:0;display:none!important;visibility:visible;opacity:1;pointer-events:auto;transform:none;margin:0 0 8px 0;grid-template-columns:1fr}.navitem.open>.dropdown.mega{display:grid!important}.megaLinks{grid-template-columns:1fr 1fr}.megaItem:after{display:none}.hero.videoReady .heroGrid{grid-template-columns:1fr}.heroGlassNote{max-width:520px}}
@media(max-width:760px){.megaLinks{grid-template-columns:1fr}.hero.videoReady{padding-top:60px}.hero.videoReady .heroGrid{min-height:520px}.contactAside{position:static}}
/* V12: neutraler Glass-CTA statt kräftigem Blau */
.glass{
  color:#244c63;
  border:1px solid rgba(255,255,255,.9);
  background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(232,246,251,.66));
  box-shadow:0 12px 32px rgba(43,94,119,.11),inset 0 1px 0 rgba(255,255,255,.92);
  backdrop-filter:blur(18px) saturate(125%);
  -webkit-backdrop-filter:blur(18px) saturate(125%);
}
.glass:hover{
  color:#173f56;
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(221,242,250,.78));
  box-shadow:0 16px 38px rgba(43,94,119,.16),inset 0 1px 0 rgba(255,255,255,.95);
}
/* Video bewusst weich halten, damit Typografie im Vordergrund bleibt */
.heroMedia video{filter:saturate(.78) brightness(1.08) contrast(.93);transform:scale(1.02)}
.heroWash{background:linear-gradient(90deg,rgba(252,254,255,.95) 0%,rgba(247,252,254,.88) 44%,rgba(234,247,251,.63) 100%),radial-gradient(circle at 82% 22%,rgba(170,228,246,.24),transparent 36%)}

/* V13 refinements */
.firstTalk, .firstTalk:visited, a.firstTalk, .ctaBand .glass, .heroActions .glass { color:#090d14 !important; }
.firstTalk, .ctaBand .glass, .heroActions .glass { background:rgba(255,255,255,.72)!important; border:1px solid rgba(9,13,20,.16)!important; box-shadow:0 12px 34px rgba(25,50,70,.09)!important; backdrop-filter:blur(18px) saturate(125%); -webkit-backdrop-filter:blur(18px) saturate(125%); }
.firstTalk:hover, .ctaBand .glass:hover, .heroActions .glass:hover { background:rgba(255,255,255,.92)!important; color:#000!important; transform:translateY(-1px); }
.heroMedia video{opacity:.94!important;filter:saturate(.86) contrast(.95) brightness(1.02);object-fit:cover;width:100%;height:100%;}
.heroWash{background:linear-gradient(90deg,rgba(244,251,255,.6) 0%,rgba(244,251,255,.32) 42%,rgba(210,240,255,.1) 100%),radial-gradient(circle at 84% 20%,rgba(134,223,255,.22),transparent 40%)!important;}
.worldGrid{grid-template-columns:repeat(2,minmax(0,1fr));}
.worldGrid .worldCard:last-child{grid-column:1/-1;max-width:none;}
@media(max-width:900px){.worldGrid{grid-template-columns:1fr}.worldGrid .worldCard:last-child{grid-column:auto}.nav.primary{gap:2px}.navlink{padding-inline:7px;font-size:13px}}


/* V15 Business Platform / Shop */
.shopHero{padding:74px 0 58px;background:radial-gradient(circle at 82% 10%,rgba(134,223,255,.34),transparent 30%),linear-gradient(180deg,#fff,#eefaff)}
.shopHeroGrid{display:grid;grid-template-columns:1fr .72fr;gap:42px;align-items:center}.shopHero h1{font-size:64px;line-height:.98;letter-spacing:-.055em;margin:8px 0 20px;color:#153c55}.shopHero p.lead{font-size:19px;line-height:1.65;color:#688698;max-width:720px}.shopHeroCard{padding:28px;border-radius:28px;background:rgba(255,255,255,.72);border:1px solid rgba(72,157,199,.15);box-shadow:0 28px 80px rgba(68,132,163,.12);backdrop-filter:blur(18px)}.shopHeroStats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.shopHeroStats div{padding:18px;border-radius:18px;background:#f7fcff}.shopHeroStats strong{display:block;font-size:24px;color:#214d65}.shopHeroStats span{font-size:12px;color:#7893a2}
.shopActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.shopPrimary,.shopSecondary,.shopAdd{border:0;cursor:pointer;border-radius:15px;min-height:46px;padding:0 18px;font-weight:850}.shopPrimary,.shopAdd{background:#173c53;color:#fff;box-shadow:0 10px 26px rgba(23,60,83,.16)}.shopPrimary:hover,.shopAdd:hover{background:#0f3147;transform:translateY(-1px)}.shopSecondary{display:inline-flex;align-items:center;background:rgba(255,255,255,.78);color:#234f67;border:1px solid rgba(57,129,166,.16)}
.shopSection{padding:78px 0}.shopSection.soft{background:linear-gradient(180deg,#f8fdff,#edf9fe)}.shopHead{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:30px}.shopHead h2{font-size:43px;letter-spacing:-.04em;margin:5px 0 0;color:#173c55}.shopHead p{color:#6b8798;max-width:620px;line-height:1.6}.packageGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.packageCard{position:relative;padding:30px;border-radius:28px;background:#fff;border:1px solid rgba(72,157,199,.16);box-shadow:0 20px 60px rgba(68,132,163,.09)}.packageCard.recommended{border-color:rgba(66,167,212,.45);box-shadow:0 28px 80px rgba(53,151,195,.16);transform:translateY(-6px)}.packageBadge,.productBadge{display:inline-flex;padding:7px 10px;border-radius:999px;background:#e2f6ff;color:#197ca9;font-size:10px;font-weight:900;letter-spacing:.09em}.packageCard h3{font-size:28px;margin:16px 0 7px;color:#214d65}.packageCard .price{font-size:34px;font-weight:900;color:#173c55}.packageCard .price small{font-size:13px;font-weight:650;color:#7893a2}.packageCard ul,.shopProduct ul{padding:0;list-style:none;margin:22px 0}.packageCard li,.shopProduct li{position:relative;padding:7px 0 7px 22px;color:#5d7b8d;font-size:14px}.packageCard li:before,.shopProduct li:before{content:'✓';position:absolute;left:0;color:#2fa5d5;font-weight:900}.packageCard button{width:100%}
.filterBar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.filterBar button{cursor:pointer;border:1px solid rgba(57,129,166,.14);background:#fff;color:#52758a;border-radius:999px;padding:10px 14px;font-weight:760;font-size:12px}.filterBar button.active,.filterBar button:hover{background:#173c53;color:#fff}.productGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.shopProduct{position:relative;display:flex;flex-direction:column;min-height:450px;padding:24px;border-radius:24px;background:#fff;border:1px solid rgba(72,157,199,.14);box-shadow:0 18px 54px rgba(68,132,163,.08);transition:.2s}.shopProduct:hover{transform:translateY(-3px);box-shadow:0 24px 68px rgba(68,132,163,.13)}.shopProduct.featured{border-color:rgba(54,161,209,.35)}.shopProduct .productTop p{font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#42a7d4}.shopProduct h3{font-size:24px;margin:8px 0;color:#214d65}.shopProduct .productTop span{display:block;color:#6f8999;line-height:1.55;font-size:14px}.productPrice{margin:20px 0 4px}.productPrice strong{display:block;font-size:30px;color:#173c55}.productPrice small{display:block;color:#7893a2;margin-top:3px}.shopProduct ul{margin:16px 0 18px}.contractMini{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;margin-bottom:14px}.contractMini span{font-size:10px;font-weight:780;background:#f1f9fd;color:#638195;padding:6px 8px;border-radius:999px}.shopProduct .shopAdd{width:100%}
.platformStrip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.platformMini{padding:22px;border-radius:22px;background:rgba(255,255,255,.74);border:1px solid rgba(72,157,199,.15)}.platformMini span{font-size:11px;color:#42a7d4;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.platformMini strong{display:block;font-size:24px;color:#214d65;margin:8px 0}.platformMini p{font-size:13px;color:#6d8798;line-height:1.55;margin:0}
.portalPreview{display:grid;grid-template-columns:260px 1fr;gap:16px;padding:14px;background:#eaf7fd;border:1px solid rgba(72,157,199,.15);border-radius:30px;box-shadow:0 26px 80px rgba(68,132,163,.1)}.portalSide{padding:24px;border-radius:21px;background:#173c53;color:#fff}.portalSide img{width:130px;filter:brightness(0) invert(1);margin-bottom:24px}.portalSide a{display:block;padding:9px 0;color:rgba(255,255,255,.76);font-size:13px}.portalSide a:first-of-type{color:#fff;font-weight:850}.portalMain{padding:25px}.portalMain h3{font-size:30px;margin:0 0 18px;color:#214d65}.portalStats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.portalStats div{padding:20px;border-radius:18px;background:#fff}.portalStats span{display:block;color:#7893a2;font-size:11px}.portalStats strong{display:block;font-size:24px;color:#173c55;margin-top:5px}.portalTable{margin-top:15px;background:#fff;border-radius:18px;overflow:hidden}.portalRow{display:grid;grid-template-columns:1.4fr .8fr .7fr;padding:14px 17px;border-bottom:1px solid #edf4f7;font-size:13px;color:#58778a}.portalRow:last-child{border-bottom:0}.portalRow.head{font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:#8aa0ad}
.securityPreview{display:grid;grid-template-columns:1fr 1fr;gap:22px}.securityCard{padding:28px;border-radius:26px;background:#fff;border:1px solid rgba(72,157,199,.15)}.securityCard h3{font-size:25px;color:#214d65;margin-top:0}.securityCard ol,.securityCard ul{color:#648194;line-height:1.8;padding-left:20px}
.cartFloating{position:fixed;right:24px;bottom:24px;z-index:85;border:0;background:#173c53;color:#fff;border-radius:18px;padding:14px 17px;font-weight:850;box-shadow:0 18px 46px rgba(20,54,75,.24);cursor:pointer}.cartFloating b{display:inline-grid;place-items:center;min-width:23px;height:23px;margin-left:8px;border-radius:999px;background:#86dfff;color:#173c53}.cartBackdrop{display:none;position:fixed;inset:0;background:rgba(14,37,52,.28);z-index:89;backdrop-filter:blur(3px)}.cartBackdrop.open{display:block}.cartDrawer{position:fixed;top:0;right:0;z-index:90;width:min(470px,100%);height:100vh;background:#fff;transform:translateX(102%);transition:.25s;box-shadow:-20px 0 70px rgba(20,54,75,.18);display:flex;flex-direction:column}.cartDrawer.open{transform:none}.cartHeader{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid #eaf2f6}.cartHeader h2{margin:0;color:#214d65}.cartHeader button{border:0;background:#eef7fb;border-radius:12px;width:38px;height:38px;cursor:pointer;font-size:21px}.cartItems{padding:10px 24px;overflow:auto;flex:1}.cartEmpty{padding:35px 0;color:#7992a0;text-align:center}.cartLine{display:flex;justify-content:space-between;gap:15px;padding:17px 0;border-bottom:1px solid #edf3f6}.cartLine strong{display:block;color:#214d65;font-size:14px}.cartLine span,.cartLine small{display:block;color:#7893a2;font-size:12px;margin-top:4px}.qty{display:flex;align-items:center;gap:6px}.qty button{width:28px;height:28px;border:1px solid #dcebf2;background:#f8fcfe;border-radius:9px;cursor:pointer}.qty .trash{margin-left:4px;color:#9b4d4d}.cartTotals{padding:20px 24px;background:#f5fbfe;border-top:1px solid #e4f0f5}.totalRow{display:flex;justify-content:space-between;gap:10px;padding:7px 0;color:#58778a}.totalRow.big{font-size:18px;font-weight:900;color:#173c55}.cartTotals small{display:block;color:#7a94a3;line-height:1.5;margin:8px 0 16px}.cartTotals button{width:100%}
.cloudCommerce{display:grid;grid-template-columns:1.05fr .95fr;gap:22px}.cloudOffer{padding:28px;border-radius:26px;background:#fff;border:1px solid rgba(72,157,199,.15);box-shadow:0 18px 54px rgba(68,132,163,.08)}.cloudOffer h3{font-size:27px;color:#214d65;margin:8px 0}.cloudOffer p{color:#6c8798;line-height:1.6}.cloudOffer .price{font-size:29px;font-weight:900;color:#173c55;margin:17px 0}.cloudOffer .shopAdd{width:100%}
@media(max-width:1000px){.shopHeroGrid,.cloudCommerce,.securityPreview{grid-template-columns:1fr}.packageGrid,.productGrid{grid-template-columns:repeat(2,1fr)}.platformStrip,.portalStats{grid-template-columns:repeat(2,1fr)}.portalPreview{grid-template-columns:1fr}.portalSide{display:none}}
@media(max-width:680px){.shopHero h1{font-size:48px}.shopHead{align-items:flex-start;flex-direction:column}.packageGrid,.productGrid,.platformStrip,.portalStats{grid-template-columns:1fr}.portalRow{grid-template-columns:1fr;gap:5px}.cartFloating{right:14px;bottom:14px}}

/* V17 adjustments */
.overviewGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.overviewCard{padding:28px;border-radius:24px;background:#fff;border:1px solid rgba(72,157,199,.16);box-shadow:0 18px 54px rgba(68,132,163,.08)}
body.overviewPage .pageHero h1,body.overviewPage .center h2,body.overviewPage .detailHero h1{
  background-image:linear-gradient(90deg,#173b55 0%,#173b55 18%,var(--themeA) 62%,var(--themeB) 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
}
.overviewCard{position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}
.overviewCard:hover{transform:translateY(-6px);box-shadow:0 26px 56px rgba(42,96,126,.14)}
.overviewCard:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--themeA),var(--themeB))}
.overviewIcon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;color:#fff;margin-bottom:14px;background:linear-gradient(135deg,var(--themeA),var(--themeB));box-shadow:0 8px 18px rgba(42,96,126,.18);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.overviewCard:hover .overviewIcon{transform:scale(1.1) rotate(-6deg)}
.overviewIcon svg{width:23px;height:23px}
.overviewCard ul{list-style:none;padding:0;margin:14px 0 18px;display:grid;gap:8px}
.overviewCard ul li{padding-left:24px;position:relative;color:#41647a;font-size:13.5px}
.overviewCard ul li:before{content:"✓";position:absolute;left:0;color:var(--themeA);font-weight:900}
.overviewCard h3{margin:0 0 10px;font-size:28px;color:#214d65}
.overviewCard p{margin:0 0 14px;color:#6c8798;line-height:1.65}
.overviewCard ul{margin:0 0 16px;padding-left:18px;color:#58788d;line-height:1.7}
.overviewCard .ghost,.overviewCard .glass{margin-top:6px}
.pricingGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.pricingCard{padding:30px;border-radius:26px;background:#fff;border:1px solid rgba(72,157,199,.16);box-shadow:0 18px 54px rgba(68,132,163,.08);display:flex;flex-direction:column}
.pricingCard.featuredOffer{border-color:rgba(63,171,217,.35);box-shadow:0 22px 62px rgba(68,132,163,.12)}
.productBadge{display:inline-flex;align-self:flex-start;padding:7px 10px;border-radius:999px;background:#eefaff;color:#2f98c7;font-size:11px;font-weight:850;letter-spacing:.08em}
.pricingCard h3{margin:12px 0 10px;font-size:28px;color:#214d65}
.pricingCard p{margin:0 0 12px;color:#6c8798;line-height:1.65}
.pricingCard .price{font-size:30px;font-weight:900;color:#173c55;margin:14px 0 10px}
.pricingCard ul{margin:0 0 16px;padding-left:18px;color:#58788d;line-height:1.7}
.pricingCard .shopPrimary{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 17px;border-radius:15px;background:#173c55;color:#fff;font-weight:800}
.pricingCard .shopPrimary:hover{background:#1d4f6d}
@media(max-width:1000px){.overviewGrid,.pricingGrid{grid-template-columns:1fr}}


/* =========================
   V18 – Header & Hero polish
   ========================= */
.nav.utility .navlink{
  color:#111!important;
  font-weight:760;
}
.nav.utility .navlink:hover{
  color:#111!important;
  background:rgba(0,0,0,.035)!important;
}
.nav.utility .glass{
  position:relative;
  min-height:44px;
  padding:0 17px 0 42px;
  background:rgba(255,255,255,.92)!important;
  color:#111!important;
  border:1.5px solid #4bbbe9!important;
  box-shadow:0 10px 28px rgba(45,164,214,.12),inset 0 1px 0 rgba(255,255,255,.95)!important;
  backdrop-filter:blur(16px);
}
.nav.utility .glass:before{
  content:"";
  position:absolute;
  left:15px;
  width:15px;
  height:15px;
  border:2px solid #4bbbe9;
  border-radius:50%;
  box-shadow:inset 0 0 0 3px rgba(134,223,255,.16);
}
.nav.utility .glass:after{
  content:"";
  position:absolute;
  left:25px;
  top:24px;
  width:6px;
  height:6px;
  border-left:2px solid #4bbbe9;
  border-bottom:2px solid #4bbbe9;
  transform:rotate(-18deg);
  border-radius:1px;
}
.nav.utility .glass:hover{
  background:#fff!important;
  transform:translateY(-1px);
  box-shadow:0 14px 34px rgba(45,164,214,.18),inset 0 1px 0 rgba(255,255,255,.95)!important;
}

.hero.videoReady{
  background:#e9f8ff!important;
}
.heroMedia video{
  opacity:1!important;
  filter:saturate(1.15) contrast(1.03) brightness(.94)!important;
  transform:scale(1.025);
}
.heroWash{
  background:
    linear-gradient(90deg,rgba(248,253,255,.86) 0%,rgba(238,249,255,.70) 43%,rgba(134,223,255,.24) 72%,rgba(54,163,214,.12) 100%),
    radial-gradient(circle at 78% 24%,rgba(49,165,218,.24),transparent 30%),
    radial-gradient(circle at 62% 78%,rgba(134,223,255,.22),transparent 34%)!important;
}
.hero.videoReady:before,
.hero.videoReady:after{
  content:"";
  position:absolute;
  pointer-events:none;
  border-radius:50%;
  filter:blur(2px);
  z-index:-1;
}
.hero.videoReady:before{
  width:340px;height:340px;
  right:8%;top:10%;
  background:radial-gradient(circle,rgba(74,184,229,.18),rgba(134,223,255,.04) 58%,transparent 72%);
  animation:heroFloat 8s ease-in-out infinite alternate;
}
.hero.videoReady:after{
  width:260px;height:260px;
  right:28%;bottom:-4%;
  background:radial-gradient(circle,rgba(17,87,135,.12),rgba(134,223,255,.02) 60%,transparent 72%);
  animation:heroFloat2 10s ease-in-out infinite alternate;
}
@keyframes heroFloat{
  from{transform:translate3d(0,0,0) scale(1)}
  to{transform:translate3d(-28px,18px,0) scale(1.08)}
}
@keyframes heroFloat2{
  from{transform:translate3d(0,0,0) scale(.96)}
  to{transform:translate3d(30px,-18px,0) scale(1.08)}
}
.hero h1{
  color:#123c5a!important;
}
.hero h1 span{
  background:linear-gradient(100deg,#153f5d 0%,#286f9e 25%,#45aee0 55%,#86dfff 78%,#4ab9e7 100%)!important;
  background-size:180% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  animation:logoGradientShift 7s ease-in-out infinite alternate;
}
@keyframes logoGradientShift{
  from{background-position:0% 50%}
  to{background-position:100% 50%}
}
.heroGlassNote{
  background:rgba(255,255,255,.34)!important;
  border-color:rgba(255,255,255,.68)!important;
  box-shadow:0 20px 55px rgba(33,118,160,.12)!important;
}
.heroActions .glass{
  background:rgba(255,255,255,.88)!important;
  color:#122f42!important;
  border:1.5px solid rgba(65,176,225,.72)!important;
  box-shadow:0 12px 30px rgba(47,158,207,.12),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.heroActions .glass:hover{
  background:#fff!important;
}
.heroActionStrip{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:20px;
}
.heroActionStrip span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 11px;
  border-radius:999px;
  border:1px solid rgba(78,171,215,.16);
  background:rgba(255,255,255,.46);
  backdrop-filter:blur(12px);
  color:#41677c;
  font-size:11px;
  font-weight:800;
  letter-spacing:.02em;
  box-shadow:0 8px 22px rgba(43,125,164,.07);
  animation:chipLift 5.5s ease-in-out infinite alternate;
}
.heroActionStrip span:nth-child(2){animation-delay:.8s}
.heroActionStrip span:nth-child(3){animation-delay:1.6s}
.heroActionStrip span:nth-child(4){animation-delay:2.4s}
.heroActionStrip i{
  width:7px;height:7px;border-radius:50%;
  background:linear-gradient(135deg,#2f8dc0,#86dfff);
  box-shadow:0 0 0 4px rgba(134,223,255,.14);
}
@keyframes chipLift{
  from{transform:translateY(0)}
  to{transform:translateY(-4px)}
}
@media(max-width:760px){
  .heroActionStrip{gap:7px}
  .heroActionStrip span{font-size:10px;padding:7px 9px}
}
@media(prefers-reduced-motion:reduce){
  .hero.videoReady:before,.hero.videoReady:after,.hero h1 span,.heroActionStrip span{animation:none!important}
}

/* =========================
   V19 – Headline & First-talk CTA refinement
   ========================= */
/* Die komplette Hero-Headline läuft jetzt von einem weicheren Dunkelblau
   in die helle Wolkenfarbe des SU-IT Logos. */
.hero h1{
  background:linear-gradient(96deg,
    #315f79 0%,
    #3f7899 26%,
    #529cc4 50%,
    #69b9e5 72%,
    #87d7fa 100%)!important;
  background-size:100% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  animation:none!important;
}
.hero h1 span{
  background:none!important;
  color:inherit!important;
  -webkit-text-fill-color:transparent!important;
  animation:none!important;
}

/* Erstgespräch bewusst ruhig: kein Icon, kein kräftiges Blau. */
a.glass[href*="erstgespraech"]{
  min-height:44px;
  padding:0 18px!important;
  background:rgba(255,255,255,.93)!important;
  color:#26343d!important;
  border:1px solid rgba(79,135,164,.25)!important;
  box-shadow:0 10px 26px rgba(33,78,104,.08),inset 0 1px 0 rgba(255,255,255,.98)!important;
  backdrop-filter:blur(16px) saturate(112%);
  -webkit-backdrop-filter:blur(16px) saturate(112%);
}
a.glass[href*="erstgespraech"]:before,
a.glass[href*="erstgespraech"]:after{
  display:none!important;
  content:none!important;
}
a.glass[href*="erstgespraech"]:hover{
  background:#f7fbfd!important;
  color:#111820!important;
  border-color:rgba(79,135,164,.36)!important;
  transform:translateY(-1px);
  box-shadow:0 14px 32px rgba(33,78,104,.11)!important;
}


/* V20 hero word tones + Cisco/ocean-blue CTAs */
.heroTitle{display:block;color:inherit}
.heroTitle .heroLine{background-image:linear-gradient(90deg,#1c4a68,#2e86b8,#55b8e4,#86dfff);-webkit-background-clip:text;background-clip:text;color:transparent}
.heroTitle .tone1,.heroTitle .tone2,.heroTitle .tone3,.heroTitle .tone4{background:none!important;-webkit-background-clip:initial!important;color:inherit;display:inline}
.heroChips,.heroTags,.heroPills{display:none!important}
.topbar .utility .glass,
.heroActions .glass,
.ctaBand .glass,
.formActions .glass,
.contactAside .miniGlass,
a.glass[href*="erstgespraech"],
button.glass{
  color:#fff!important;
  background:linear-gradient(135deg,#126f9f 0%,#168bbd 45%,#2da9cf 100%)!important;
  border:1px solid rgba(8,88,129,.28)!important;
  box-shadow:0 12px 28px rgba(18,111,159,.22),inset 0 1px 0 rgba(255,255,255,.22)!important;
}
.topbar .utility .glass:hover,
.heroActions .glass:hover,
.ctaBand .glass:hover,
.formActions .glass:hover,
.contactAside .miniGlass:hover,
a.glass[href*="erstgespraech"]:hover,
button.glass:hover{
  background:linear-gradient(135deg,#0d648f 0%,#117eae 48%,#249bc2 100%)!important;
  color:#fff!important;
  transform:translateY(-1px);
  box-shadow:0 16px 34px rgba(18,111,159,.28),inset 0 1px 0 rgba(255,255,255,.18)!important;
}

.heroActionStrip{display:none!important}

/* =========================
   V21 – Logo-matched CTAs + richer detail pages
   ========================= */
.topbar .utility .glass,
.heroActions .glass,
.ctaBand .glass,
.formActions .glass,
.contactAside .miniGlass,
a.glass[href*="erstgespraech"],
button.glass{
  color:#fff!important;
  background:linear-gradient(135deg,#a4dff6 0%,#7ecdef 48%,#5fb8e0 100%)!important;
  border:1px solid rgba(255,255,255,.75)!important;
  box-shadow:0 12px 30px rgba(95,184,224,.24),inset 0 1px 0 rgba(255,255,255,.4)!important;
  font-family:Aptos,"Aptos Body",Calibri,"Segoe UI",Inter,sans-serif!important;
  font-size:16px!important;
}
.topbar .utility .glass:hover,
.heroActions .glass:hover,
.ctaBand .glass:hover,
.formActions .glass:hover,
.contactAside .miniGlass:hover,
a.glass[href*="erstgespraech"]:hover,
button.glass:hover{
  background:linear-gradient(135deg,#8fd3f4 0%,#6ec3ec 48%,#4fabd8 100%)!important;
  color:#fff!important;
  transform:translateY(-1px);
  box-shadow:0 16px 36px rgba(95,184,224,.3),inset 0 1px 0 rgba(255,255,255,.35)!important;
}
.detailLead{max-width:860px;margin:0 auto 38px;text-align:center;color:#688497;font-size:18px;line-height:1.7}
.infoGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.infoCard{padding:26px;border-radius:22px;border:1px solid rgba(70,148,187,.16);background:#fff;box-shadow:0 12px 36px rgba(62,125,155,.08)}
.audienceToggle{display:inline-flex;gap:4px;padding:5px;background:#eefaff;border-radius:16px;margin:0 auto 34px;position:relative;left:50%;transform:translateX(-50%)}
.audienceToggle{isolation:isolate}
.audienceToggle:before{content:"";position:absolute;top:5px;left:0;width:var(--pill-w,80px);height:calc(100% - 10px);background:linear-gradient(135deg,#45bdeb,#86dfff);border-radius:12px;box-shadow:0 10px 24px rgba(69,189,235,.4);transition:transform .35s cubic-bezier(.3,.9,.3,1),width .35s cubic-bezier(.3,.9,.3,1);transform:translateX(var(--pill-x,0px));z-index:0}
.audienceToggle.pillGlow:before{animation:pillGlowPulse .6s ease-out}
@keyframes pillGlowPulse{0%{box-shadow:0 10px 24px rgba(69,189,235,.4),0 0 0 0 rgba(134,223,255,.7)}70%{box-shadow:0 10px 24px rgba(69,189,235,.4),0 0 0 14px rgba(134,223,255,0)}100%{box-shadow:0 10px 24px rgba(69,189,235,.4),0 0 0 0 rgba(134,223,255,0)}}
.audienceBtn{position:relative;z-index:1;border:0;background:transparent;padding:11px 26px;border-radius:12px;font-weight:800;color:#4a7690;cursor:pointer;font-size:14px;transition:color .3s}
.audienceBtn.active{background:transparent;color:#fff}
.tariffGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.tariffCard{position:relative;padding:23px 20px;border-radius:22px;border:1px solid rgba(70,148,187,.16);background:#fff;box-shadow:0 14px 38px rgba(62,125,155,.09);display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}
.tariffCard:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(62,125,155,.16)}
.tariffCard.featured{border-color:rgba(69,189,235,.5);box-shadow:0 20px 50px rgba(62,150,195,.18);background:linear-gradient(180deg,#fff,#f3fcff)}
.tariffBadge{position:absolute;top:-12px;left:20px;background:linear-gradient(135deg,#45bdeb,#86dfff);color:#fff;font-size:10px;font-weight:900;letter-spacing:.05em;padding:5px 12px;border-radius:999px;box-shadow:0 8px 16px rgba(69,189,235,.35)}
.tariffCard h3{margin:9px 0 4px;font-size:20px;color:#173b55}
.tariffDesc{margin:0 0 12px;color:#6d8798;font-size:12.5px}
.tariffPrice{display:flex;align-items:baseline;gap:7px;margin-bottom:2px}
.tariffPrice strong{font-size:29px;color:#173b55;letter-spacing:-.02em}
.tariffPrice small{color:#6d8798;font-size:11px}
.tariffVatNote{color:#93a9b6;font-size:11px;margin-bottom:14px}
.tariffFeatures{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:7px;flex:1}
.tariffFeatures li{padding-left:20px;position:relative;color:#41647a;font-size:12.5px}
.tariffFeatures li:before{content:"✓";position:absolute;left:0;color:#2fb3a3;font-weight:900}
.tariffSetup{font-size:11px;color:#8098a8;margin-bottom:9px}
.tariffAdd{width:100%;border:0;border-radius:13px;padding:12px;background:linear-gradient(135deg,#a4dff6,#7ecdef,#5fb8e0);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 10px 22px rgba(95,184,224,.3);font-size:14px;font-family:'Josefin Sans','Century Gothic',Futura,sans-serif;letter-spacing:.02em}
.tariffAdd:hover{filter:brightness(1.03)}
.tariffCard h3,.tariffCard .tariffDesc,.tariffCard .tariffFeatures,.quoteCard h3,.quoteCard p{font-family:'Josefin Sans','Century Gothic',Futura,sans-serif}
.edgeScrollGrid{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x proximity;padding:6px 4px 20px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.edgeScrollGrid::-webkit-scrollbar{display:none}
.edgeScrollGrid .tariffCard{scroll-snap-align:start;flex:0 0 250px}
.tariffCard .tariffAdd{margin-top:auto}
.tariffCard .tariffFeatures{flex:0 0 auto}
.quoteCard{background:linear-gradient(180deg,#fff,#f6fdff)}
.quoteCard .tariffFeatures{margin-bottom:20px}
.tariffFootnote{max-width:900px;margin:22px auto 0;color:#8098a8;font-size:12.5px;line-height:1.6;text-align:center}
.activationNote{max-width:620px;margin:20px auto 0;display:flex;gap:14px;align-items:baseline;justify-content:center;flex-wrap:wrap;padding:16px 22px;border-radius:16px;background:#fff;border:1px solid rgba(70,148,187,.16);text-align:center}
.activationNote strong{color:#173b55}
.activationNote span{color:#6d8798;font-size:13.5px}
.comboTeaser{max-width:900px;margin:26px auto 0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;border-radius:20px;background:linear-gradient(135deg,rgba(206,242,255,.7),rgba(241,251,255,.85));border:1px solid rgba(77,162,203,.18);flex-wrap:wrap}
.comboTeaser strong{display:block;font-size:18px;color:#173b55;margin:4px 0}
.comboTeaser p{margin:0;color:#6d8798;font-size:14px}
.deviceGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.voiceForWhoPanel{max-width:640px;margin:0 auto}
.wireScene{position:relative;width:100%;min-width:900px;aspect-ratio:1400/460;margin-top:20px}
.wireArt{position:absolute;inset:0;width:100%;height:100%;display:block;border-radius:26px;box-shadow:0 20px 50px rgba(90,110,170,.14)}
.fiberLine{animation:fiberPulse 2.6s ease-in-out infinite}
@keyframes fiberPulse{0%,100%{opacity:.65}50%{opacity:1}}
.wirePoint{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;width:210px}
.wireNum{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#6c8cf5,#a06ef0);color:#fff;font-weight:900;font-size:14px;box-shadow:0 8px 16px rgba(108,140,245,.4);margin-bottom:8px}
.wireLabel{background:radial-gradient(ellipse at center,rgba(255,255,255,.94) 55%,rgba(255,255,255,0) 100%);border-radius:14px;padding:6px 10px 10px;text-align:center}
.wireLabel strong{display:block;color:#2c3a63;font-size:14.5px;margin-bottom:3px}
.wireLabel p{margin:0;color:#5c6b8a;font-size:11.5px;line-height:1.4}
@media(max-width:900px){.wireScene{overflow-x:auto}.wireArt,.wirePoint{min-width:900px}}
.deviceTile{position:relative;aspect-ratio:1/1;border-radius:20px;overflow:hidden;box-shadow:0 14px 34px rgba(62,125,155,.14);transition:transform .35s,box-shadow .35s}
.deviceTile:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 44px rgba(62,125,155,.22)}
.deviceArt{position:absolute;inset:0;width:100%;height:100%;display:block;transition:transform .6s}
.deviceTile:hover .deviceArt{transform:scale(1.06)}
.deviceTile .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,53,74,0) 55%,rgba(10,30,45,.72))}
.deviceLabel{position:absolute;left:0;right:0;bottom:0;padding:16px 14px;color:#fff;font-weight:800;font-size:14.5px;line-height:1.25;text-shadow:0 2px 8px rgba(0,0,0,.25)}
@media(max-width:900px){.deviceGrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.deviceGrid{grid-template-columns:1fr 1fr}.deviceLabel{font-size:13px}}
.checkoutEmpty{max-width:480px;margin:0 auto;text-align:center;padding:50px 30px;background:#fff;border-radius:24px;border:1px solid rgba(70,148,187,.16)}
.checkoutEmpty strong{display:block;font-size:20px;color:#173b55;margin-bottom:8px}
.checkoutEmpty p{color:#6d8798;margin-bottom:20px}
.checkoutEmpty a{margin:0 6px}
.checkoutSteps{display:flex;justify-content:center;gap:6px;list-style:none;padding:0;margin:0 0 36px;flex-wrap:wrap}
.checkoutSteps li{display:flex;align-items:center;gap:8px;padding:9px 16px 9px 9px;border-radius:999px;background:#fff;border:1px solid rgba(70,148,187,.16);color:#8098a8;font-weight:700;font-size:13px}
.checkoutSteps li span{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#eefaff;color:#6d8798;font-size:12px;font-weight:900}
.checkoutSteps li.active{background:linear-gradient(135deg,#a4dff6,#5fb8e0);color:#fff;border-color:transparent}
.checkoutSteps li.active span{background:rgba(255,255,255,.3);color:#fff}
.checkoutSteps li.done{color:#2fb3a3}
.checkoutSteps li.done span{background:#2fb3a3;color:#fff}
.checkoutBody{display:grid;grid-template-columns:1fr 320px;gap:28px;align-items:start}
.checkoutPanel{background:#fff;border-radius:26px;border:1px solid rgba(70,148,187,.16);box-shadow:0 20px 50px rgba(62,125,155,.09);padding:36px}
.checkoutPanel h2{margin:0 0 20px;color:#173b55;font-size:24px}
.ckHint{color:#6d8798;font-size:14px;margin:-10px 0 20px}
.checkoutFields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.checkoutFields[hidden]{display:none}
.ckField{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:#41647a}
.ckField[hidden]{display:none}
.ckField.wide{grid-column:1/-1}
.ckField input,.ckField select{padding:12px 14px;border-radius:12px;border:1px solid rgba(70,148,187,.24);font-size:14px;font-family:inherit;color:#173b55}
.ckField input:focus{outline:2px solid #5fb8e0;outline-offset:1px}
.ckError{color:#e0554f;font-size:13px;font-weight:700;margin-top:14px}
.ckChoice{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:6px}
.ckChoiceCard{position:relative;display:block;padding:18px 18px 18px 44px;border-radius:16px;border:1.5px solid rgba(70,148,187,.2);cursor:pointer;transition:border-color .2s,background .2s}
.ckChoiceCard input{position:absolute;left:16px;top:20px;width:16px!important;height:16px}
.ckChoiceCard strong{display:block;color:#173b55;font-size:14.5px;margin-bottom:4px}
.ckChoiceCard span{color:#6d8798;font-size:12.5px;line-height:1.4}
.ckChoiceCard:has(input:checked){border-color:#5fb8e0;background:linear-gradient(135deg,rgba(206,242,255,.35),rgba(241,251,255,.6))}
.ckCheckbox{display:flex!important;align-items:flex-start;gap:10px;font-size:14px;color:#41647a;margin-bottom:14px;cursor:pointer}
.ckCheckbox input{margin-top:3px;flex:0 0 auto;width:16px!important;height:16px;min-width:16px}
.ckCheckbox span{flex:1;min-width:0;display:inline}
.ckCheckbox a{color:#3aa9d0;font-weight:700}
.ckHonestNote{margin-top:20px;padding:14px 16px;border-radius:14px;background:#f6fbff;border:1px solid rgba(70,148,187,.16);font-size:12.5px;color:#5c7185;line-height:1.5}
.checkoutSummaryItems .cartLine{border:1px solid rgba(70,148,187,.16);border-radius:14px;padding:14px 16px;margin-bottom:10px}
.checkoutAside{position:sticky;top:100px}
.checkoutMiniSummary{background:#f6fbff;border-radius:22px;border:1px solid rgba(70,148,187,.16);padding:22px}
.checkoutMiniSummary .k{color:#3aa9d0;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.ckMiniList{margin:14px 0;display:grid;gap:10px}
.ckMiniLine{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:#41647a}
.ckMiniLine b{color:#173b55}
.ckMiniTotals{border-top:1px solid rgba(70,148,187,.2);padding-top:12px;display:grid;gap:6px}
.ckMiniTotals div{display:flex;justify-content:space-between;font-size:13px;font-weight:800;color:#173b55}
.checkoutNav{display:flex;justify-content:space-between;margin-top:24px}
.checkoutDone{text-align:center;padding:50px 20px}
.ckDoneIcon{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#2fb3a3,#3fd6b4);color:#fff;font-size:28px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px}
@media(max-width:900px){.checkoutBody{grid-template-columns:1fr}.checkoutAside{position:static}.checkoutFields,.ckChoice{grid-template-columns:1fr}.checkoutPanel{padding:24px}}
.comboSuggestIcon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#2fb3a3,#3fd6b4);color:#fff;font-weight:900;font-size:13px}
.comboSuggestBox strong{display:block;color:#173b55;font-size:13.5px;margin-bottom:2px}
.comboSuggestBox p{margin:0;color:#5c7185;font-size:12px;line-height:1.4}
.comboSuggestBox button{flex:0 0 auto;border:0;border-radius:10px;padding:9px 14px;background:linear-gradient(135deg,#a4dff6,#5fb8e0);color:#fff;font-weight:800;font-size:12.5px;cursor:pointer;white-space:nowrap}
.connectPhotoGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.connectPhotoGrid .worldCard{min-height:340px}
.connectGlowSection{position:relative;overflow:hidden;isolation:isolate}
.connectGlowSection:before,.connectGlowSection:after{content:"";position:absolute;border-radius:50%;filter:blur(60px);z-index:-1;pointer-events:none}
.connectGlowSection:before{width:420px;height:420px;left:-120px;top:-80px;background:radial-gradient(circle,rgba(104,211,187,.28),transparent 70%);animation:connectGlowDriftA 12s ease-in-out infinite alternate}
.connectGlowSection:after{width:380px;height:380px;right:-100px;bottom:-100px;background:radial-gradient(circle,rgba(94,165,255,.26),transparent 70%);animation:connectGlowDriftB 15s ease-in-out infinite alternate}
@keyframes connectGlowDriftA{0%{transform:translate(0,0) scale(1)}100%{transform:translate(60px,40px) scale(1.15)}}
@keyframes connectGlowDriftB{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-50px,-30px) scale(1.1)}}
@media(max-width:900px){.connectPhotoGrid{grid-template-columns:1fr}}
.internetFeatureRow{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px}
.internetFeatureRow span{padding:9px 16px;border-radius:999px;background:#fff;border:1px solid rgba(70,148,187,.16);color:#3a6278;font-size:13px;font-weight:700}
.uspBand{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center;padding:44px;border-radius:30px;background:linear-gradient(135deg,rgba(206,242,255,.55),rgba(241,251,255,.85));border:1px solid rgba(77,162,203,.18)}
.uspIntro h2{margin:6px 0 10px}
.uspIntro p{color:#6d8798}
.uspList{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}
.uspList li{padding-left:26px;position:relative;font-weight:700;color:#1c4a63;font-size:14.5px}
.uspList li:before{content:"✓";position:absolute;left:0;color:#2fb3a3;font-weight:900}
.comboGrid{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x proximity;padding:6px 4px 20px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.comboGrid .comboCard{scroll-snap-align:start;flex:0 0 270px}
.comboGrid::-webkit-scrollbar{display:none}
.comboCard{position:relative;padding:24px 22px;border-radius:22px;border:1px solid rgba(70,148,187,.16);background:#fff;box-shadow:0 12px 34px rgba(62,125,155,.08);display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}
.comboCard .comboParts{flex:0 0 auto;min-height:78px}
.comboCard .tariffAdd{margin-top:auto}
.comboCard:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(62,125,155,.14)}
.comboCard.featured{border-color:rgba(69,189,235,.5);background:linear-gradient(180deg,#fff,#f3fcff)}
.comboAudience{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.08em;color:#3aa9d0;text-transform:uppercase;margin-bottom:6px}
.comboCard h3{margin:0 0 10px;font-size:19px;color:#173b55;min-height:48px}
.comboParts{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:6px}
.comboParts li{padding-left:20px;position:relative;color:#41647a;font-size:13px}
.comboParts li:before{content:"+";position:absolute;left:0;color:#3aa9d0;font-weight:900}
@media(max-width:900px){.uspBand{grid-template-columns:1fr}.uspList{grid-template-columns:1fr}.tariffGrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.tariffGrid{grid-template-columns:1fr}}
.internetTariffGrid{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.internetTariffGrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.internetTariffGrid{grid-template-columns:1fr}}
.tvTariffGrid{grid-template-columns:repeat(3,1fr);max-width:900px;margin-left:auto;margin-right:auto}
@media(max-width:900px){.tvTariffGrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.tvTariffGrid{grid-template-columns:1fr}}
.infoCard .eyebrow{display:block;color:#3aa9d0;font-weight:850;font-size:11px;letter-spacing:.09em;text-transform:uppercase;margin-bottom:8px}
.infoCard h3{margin:0 0 9px;font-size:23px;color:#214d65}
.infoCard p{margin:0;color:#6d8798;line-height:1.65}
.processGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.processStep{padding:26px;border-radius:22px;background:linear-gradient(180deg,#f7fcff,#eef9fd);border:1px solid rgba(72,157,199,.14)}
.processStep span{display:inline-flex;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;background:linear-gradient(135deg,#69bdf6,#8ce4f9);color:#163d55;font-weight:900;font-size:12px;margin-bottom:14px}
.processStep h3{margin:0 0 8px;color:#214d65;font-size:22px}.processStep p{margin:0;color:#6d8798;line-height:1.65}
.detailSplit{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.detailPanel{padding:30px;border-radius:26px;background:#fff;border:1px solid rgba(72,157,199,.16);box-shadow:0 18px 52px rgba(68,132,163,.08)}
.detailPanel h2,.detailPanel h3{color:#214d65;margin-top:0}.detailPanel p,.detailPanel li{color:#667f90;line-height:1.7}.detailPanel ul{padding-left:20px}
.priceNote{display:inline-flex;margin-top:8px;padding:7px 10px;border-radius:999px;background:#eefaff;color:#2e91bb;font-size:11px;font-weight:850;letter-spacing:.04em}
@media(max-width:1000px){.infoGrid,.processGrid,.detailSplit{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.infoGrid,.processGrid,.detailSplit{grid-template-columns:1fr}}


/* V22 Desktop compact tuning: 100% browser zoom should feel closer to former 80–90% view */
@media (min-width:1181px){
  .shell{width:min(1140px,calc(100% - 56px));}
  .navrow{height:76px;gap:14px;}
  .brand img{width:150px;height:52px;}
  .nav.primary{margin-left:4px;}
  .navlink{padding:13px 8px;font-size:12px;}
  .glass{min-height:40px;padding:0 15px;border-radius:14px;font-size:13px;}
  .hero.videoReady{padding:76px 0 84px;}
  .hero.videoReady .heroGrid{min-height:420px;grid-template-columns:1.06fr .58fr;gap:44px;}
  .hero h1,.pageHero h1{font-size:clamp(46px,5.7vw,76px);}
  .lead,.pageHero p{font-size:17px;line-height:1.62;}
  .heroGlassNote{padding:18px;border-radius:20px;}
  .heroGlassNote strong{font-size:20px;}
  .section{padding:70px 0;}
  .center{max-width:780px;margin-bottom:34px;}
  .center h2,.sectionTitle{font-size:clamp(34px,4vw,54px);}
  .center p{font-size:16px;}
  .worldGrid{gap:20px;}
  .worldCard{min-height:340px;border-radius:25px;}
  .worldText{padding:25px;}
  .worldText h3{font-size:30px;}
  .worldText p{font-size:14px;line-height:1.5;}
  .serviceGrid{gap:18px;}
  .serviceCard{border-radius:24px;}
  .serviceCard img{height:190px;}
  .serviceBody{padding:21px;}
  .serviceBody h3{font-size:24px;}
  .featureGrid{gap:16px;}
  .feature{padding:22px;}
  .feature h3{font-size:20px;}
  .pageHero{padding:60px 0;}
  .ctaBand{padding:32px;border-radius:26px;}
  .ctaBand h2{font-size:32px;}
  .formCard,.contactCard,.loginCard{padding:26px;border-radius:25px;}
  .footer{padding-top:52px;}
  .footGrid{gap:28px;}
  .footLogo{width:170px;}
}

@media (min-width:1500px){
  .shell{width:min(1180px,calc(100% - 72px));}
}


/* V23 — ruhige Navigation mit breiten Mega-Menüs */
.nav.primary{gap:10px}
.nav.primary .navlink{
  position:relative;
  padding:15px 8px 17px;
  border-radius:0;
  background:transparent!important;
  color:#315a72;
}
.nav.primary .navlink::after{
  content:"";
  position:absolute;
  left:8px;
  right:8px;
  bottom:8px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,#49aaf0,#78dff4);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .2s ease;
}
.nav.primary .navitem:hover>.navlink,
.nav.primary .navitem:focus-within>.navlink,
.nav.primary .navitem.open>.navlink{color:#173b55;background:transparent!important}
.nav.primary .navitem:hover>.navlink::after,
.nav.primary .navitem:focus-within>.navlink::after,
.nav.primary .navitem.open>.navlink::after{transform:scaleX(1)}
.chev{display:none!important}

/* Grössere, ruhigere Mega-Menüs – Apple-inspirierte Ordnung, SU-IT-Stil */
.dropdown.mega{
  width:min(940px,calc(100vw - 48px));
  min-width:min(940px,calc(100vw - 48px));
  left:-145px;
  top:calc(100% + 12px);
  padding:26px 28px 28px;
  grid-template-columns:255px 1fr;
  gap:34px;
  border-radius:0 0 24px 24px;
  border:1px solid rgba(80,160,200,.12);
  border-top:0;
  background:rgba(255,255,255,.985);
  box-shadow:0 26px 70px rgba(27,77,105,.13);
  backdrop-filter:blur(24px);
}
.dropdown.mega.megaRight{left:auto;right:-120px}
.megaIntro{
  padding:6px 22px 6px 4px;
  border-radius:0;
  background:transparent;
  border:0;
  border-right:1px solid rgba(52,116,151,.12);
}
.megaIntro span{font-size:10px;letter-spacing:.13em;color:#58a9cb}
.megaIntro strong{font-size:29px;margin:8px 0 10px;color:#173b55}
.megaIntro p{font-size:13px;line-height:1.65;color:#718a99;max-width:220px;margin:0 0 18px}
.megaOverview{display:inline-block!important;color:#278bb8!important;font-size:12px!important}
.megaLinks{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:34px;
  row-gap:2px;
  align-content:start;
}
.megaLinks a{
  padding:13px 4px!important;
  border:0!important;
  border-bottom:1px solid rgba(55,116,149,.08)!important;
  border-radius:0!important;
  background:transparent!important;
  transition:transform .18s ease,color .18s ease;
}
.megaLinks a:hover{transform:translateX(3px);color:#1685b9;background:transparent!important}
.megaLinks b{font-size:16px;color:#214d65;line-height:1.25}
.megaLinks small{margin-top:5px!important;font-size:12px!important;color:#8199a7!important;line-height:1.45}

@media(min-width:1181px) and (max-width:1320px){
  .dropdown.mega{width:min(860px,calc(100vw - 36px));min-width:min(860px,calc(100vw - 36px));left:-115px}
  .dropdown.mega.megaRight{right:-90px}
  .megaLinks{column-gap:24px}
}
@media(max-width:1180px){
  .nav.primary{gap:2px}
  .nav.primary .navlink{padding:13px 10px;border-radius:10px}
  .nav.primary .navlink::after{display:none}
  .dropdown.mega{border:1px solid rgba(80,160,200,.12);border-radius:18px;padding:16px;grid-template-columns:1fr;gap:12px}
  .megaIntro{border-right:0;border-bottom:1px solid rgba(52,116,151,.10);padding:8px 8px 16px}
}


/* V24 — nur Responsive-Fixes für Header, Mega-Menü und Hero-Zeilen */
.heroTitle .heroLine{display:block;white-space:nowrap}

/* Mega-Menüs bleiben sauber mittig unter dem Header statt vom jeweiligen Link aus nach links zu springen. */
@media (min-width:761px){
  .dropdown.mega,
  .dropdown.mega.megaRight{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:84px!important;
    width:min(980px,calc(100vw - 36px))!important;
    min-width:0!important;
    transform:translate(-50%,8px)!important;
  }
  .megaItem:hover>.dropdown.mega,
  .megaItem:focus-within>.dropdown.mega,
  .megaItem.open>.dropdown.mega{
    transform:translate(-50%,0)!important;
  }
}

/* Zwischen Tablet und normalem Desktop bleibt die Hauptnavigation sichtbar.
   Sie bekommt bei Bedarf eine zweite Zeile statt vorschnell zum Hamburger zu wechseln. */
@media (min-width:761px) and (max-width:1180px){
  .navrow{
    height:auto!important;
    min-height:104px;
    display:grid!important;
    grid-template-columns:auto 1fr auto;
    grid-template-rows:58px 44px;
    column-gap:14px;
    row-gap:0;
    padding:4px 0 6px;
    align-items:center;
  }
  .brand{grid-column:1;grid-row:1}
  .brand img{width:142px!important;height:50px!important}
  .nav.primary{
    display:flex!important;
    grid-column:1 / -1;
    grid-row:2;
    width:100%;
    justify-content:center;
    gap:20px!important;
    margin:0!important;
    overflow:visible;
  }
  .nav.utility{
    display:flex!important;
    grid-column:3;
    grid-row:1;
    margin-left:auto!important;
    gap:5px;
  }
  .nav.primary .navlink{font-size:12px!important;padding:11px 4px 13px!important}
  .nav.utility .navlink{font-size:12px!important;padding:10px 7px!important}
  .nav.utility .glass{min-height:38px!important;padding:0 13px!important;font-size:12px!important}
  .mobileToggle{display:none!important}
  .dropdown.mega,
  .dropdown.mega.megaRight{top:106px!important}
}

/* Erst auf wirklich kleinen Ansichten Mobile-Menü verwenden. */
@media (max-width:760px){
  .nav.primary,.nav.utility{display:none!important}
  .mobileToggle{display:block!important;margin-left:auto}
  .navrow.mobile-open .nav{display:flex!important}
  .dropdown.mega,
  .dropdown.mega.megaRight{
    position:static!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    width:100%!important;
    transform:none!important;
  }
  .heroTitle .heroLine{white-space:normal}
}

/* Headline darf nicht mehr je nach Browserbreite in zufällige Wortgruppen umbrechen. */
.hero.videoReady .heroCopy{min-width:0}
.hero.videoReady .heroTitle{max-width:none!important}
@media (min-width:761px) and (max-width:1050px){
  .hero.videoReady .heroTitle{font-size:clamp(54px,7.2vw,72px)!important}
}

/* V25 — stabiler Hover-Korridor für Mega-Menüs, sonst keine Designänderung */
@media (min-width:761px){
  .megaItem::after{
    content:"";
    position:absolute;
    left:-18px;
    right:-18px;
    top:100%;
    height:34px;
    background:transparent;
    pointer-events:auto;
  }
  .megaItem.open>.dropdown.mega{
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    display:grid!important;
    transform:translate(-50%,0)!important;
  }
}

/* V26 Connect Internet + homepage trust sections */
.suProcess{background:#fff}.processRail{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative}.processRail article{padding:24px;border-top:2px solid rgba(90,188,229,.32);background:linear-gradient(180deg,#fbfeff,#f4fbfe);border-radius:18px;transition:transform .35s,box-shadow .35s}.processRail article:hover{transform:translateY(-6px)}.processRail span{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;font-size:13px;font-weight:900;letter-spacing:0;color:#fff;box-shadow:0 10px 20px rgba(42,96,126,.16);transition:transform .35s}.processRail article:hover span{transform:scale(1.12) rotate(-6deg)}.processRail article:nth-child(1) span{background:linear-gradient(135deg,#3fa9f5,#3f7cf5)}.processRail article:nth-child(2) span{background:linear-gradient(135deg,#7c6cff,#a978ff)}.processRail article:nth-child(3) span{background:linear-gradient(135deg,#3fd6b4,#5bc46a)}.processRail article:nth-child(4) span{background:linear-gradient(135deg,#ff9a3d,#ff6f61)}.processRail strong{display:block;font-size:23px;color:#173b55;margin:9px 0}.processRail p{margin:0;color:#6d8798;line-height:1.55}.partnerSection{background:linear-gradient(180deg,#f7fcff,#eaf8fe)}.partnerHead{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px}.partnerHead>div{max-width:780px}.partnerHead h2{font-size:clamp(34px,4.2vw,54px);letter-spacing:-.04em;margin:0 0 12px;color:#173b55}.partnerHead p:not(.k){color:#6d8798;line-height:1.65;margin:0}.partnerHint{font-size:12px;color:#6f8999;border:1px solid rgba(75,158,197,.18);background:#fff;padding:10px 13px;border-radius:999px}.partnerLogos{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.partnerSlot{height:92px;border-radius:18px;border:1px solid rgba(74,160,202,.16);background:rgba(255,255,255,.78);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:850;letter-spacing:.08em;color:#8aa3b2}.internetHero{background:radial-gradient(circle at 78% 18%,rgba(140,228,249,.28),transparent 28%),linear-gradient(180deg,#fff,#edfaff)}.internetIntroGrid{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:start}.internetLead{font-size:18px;line-height:1.7;color:#6d8798}.availabilityCard{padding:28px;border-radius:26px;background:rgba(255,255,255,.82);border:1px solid rgba(72,157,199,.16);box-shadow:0 20px 60px rgba(68,132,163,.10);display:grid;gap:14px}.availabilityCard>span{font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:#42a7d4}.availabilityCard>strong{font-size:28px;color:#173b55}.availabilityCard small{color:#829aaa;line-height:1.45}.termControl{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin:0 auto 30px}.termControl>span{font-weight:850;color:#315a72}.termButtons{display:inline-flex;padding:5px;border-radius:16px;background:#eef8fc;border:1px solid rgba(72,157,199,.14)}.termButtons button{border:0;background:transparent;color:#58798e;padding:10px 15px;border-radius:12px;font-weight:800;cursor:pointer}.termButtons button.active{background:#fff;color:#179abf;box-shadow:0 5px 18px rgba(57,137,171,.12)}.termControl small{width:100%;text-align:center;color:#8aa0ad}.internetPackages{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.internetPlan{position:relative;padding:29px;border-radius:27px;border:1px solid rgba(72,157,199,.16);background:#fff;box-shadow:0 18px 54px rgba(68,132,163,.08);display:flex;flex-direction:column}.internetPlan.featured{border-color:rgba(56,184,215,.42);box-shadow:0 24px 70px rgba(51,151,190,.14)}.planBadge{position:absolute;right:22px;top:22px;padding:6px 9px;border-radius:999px;background:#e8fbff;color:#1498b8;font-size:10px;font-weight:900;letter-spacing:.08em}.planEyebrow{font-size:10px;font-weight:900;letter-spacing:.1em;color:#55aacb}.internetPlan h3{font-size:29px;color:#173b55;margin:9px 0 4px}.speed{font-size:18px;font-weight:850;color:#42a7d4;margin-bottom:12px}.internetPlan p{color:#6d8798;line-height:1.6}.internetPlan ul{padding-left:18px;color:#57778c;line-height:1.7;margin-bottom:20px}.internetPrice{margin-top:auto;margin-bottom:17px}.internetPrice strong{font-size:31px;color:#173b55}.internetPrice span{color:#7c96a5;margin-left:6px}.prototypeNote{text-align:center;color:#8aa0ad;font-size:12px;margin-top:18px}.internetStack{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.internetStack article{padding:26px;border-radius:23px;background:#fff;border:1px solid rgba(72,157,199,.14)}.internetStack span{font-size:11px;font-weight:900;color:#42a7d4}.internetStack h3{font-size:23px;color:#214d65;margin:8px 0}.internetStack p{color:#6d8798;line-height:1.6;margin:0}
@media(max-width:1000px){.processRail{grid-template-columns:repeat(2,1fr)}.partnerLogos{grid-template-columns:repeat(3,1fr)}.internetIntroGrid,.internetPackages{grid-template-columns:1fr}.internetStack{grid-template-columns:1fr}}
@media(max-width:680px){.processRail{grid-template-columns:1fr}.partnerHead{align-items:flex-start;flex-direction:column}.partnerLogos{grid-template-columns:repeat(2,1fr)}}


/* V27 – Header search/cart + search overlay */
.nav.utility{gap:10px}
.nav.utility .glass{display:none!important}
.iconAction{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid rgba(72,157,199,.18);border-radius:14px;background:rgba(255,255,255,.92);cursor:pointer;box-shadow:0 8px 22px rgba(44,121,158,.08);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;position:relative}
.iconAction:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(44,121,158,.12);border-color:rgba(62,171,217,.34)}
.iconAction img{width:21px;height:21px;display:block}
.iconCart b{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:#173c55;color:#fff;font-size:11px;font-weight:900;box-shadow:0 8px 18px rgba(23,60,85,.18)}
.searchBackdrop{display:none;position:fixed;inset:0;background:rgba(12,33,47,.28);z-index:88;backdrop-filter:blur(4px)}
.searchBackdrop.open{display:block}
.searchOverlay{position:fixed;top:102px;left:50%;transform:translateX(-50%) translateY(-10px);width:min(760px,calc(100% - 28px));z-index:91;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
.searchOverlay.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.searchPanel{background:rgba(255,255,255,.98);border:1px solid rgba(62,171,217,.18);border-radius:28px;box-shadow:0 30px 70px rgba(35,93,125,.16);overflow:hidden}
.searchHead{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #edf4f7}.searchHead strong{font-size:22px;color:#173c55}.searchHead button{width:38px;height:38px;border:0;border-radius:12px;background:#eef8fc;color:#315a72;font-size:22px;cursor:pointer}
.searchField{display:flex;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid #edf4f7}.searchField img{width:22px;height:22px;opacity:.9}.searchField input{border:0;background:transparent;padding:0;font-size:18px;color:#173b55}.searchField input:focus{outline:none}.searchResults{padding:8px 12px 14px;max-height:min(62vh,520px);overflow:auto}.searchHint{padding:14px 12px 18px;color:#6e8798;line-height:1.6}.searchHit{display:block;padding:14px 12px;border-radius:18px;margin:3px 0;transition:background .16s ease,transform .16s ease}.searchHit:hover{background:#f4fbfe;transform:translateX(2px)}.searchHit span{display:block;color:#37a4d4;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}.searchHit strong{display:block;color:#173b55;font-size:18px;margin-bottom:3px}.searchHit small{display:block;color:#7993a1;line-height:1.45}.searchEmpty{padding:20px 12px;color:#708998}.shopPrimary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 17px;border:0;border-radius:15px;background:#173c55;color:#fff;font-weight:800;cursor:pointer}
@media(max-width:1180px){.navrow.mobile-open .nav.utility{display:flex;width:100%;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:10px;padding-top:10px;border-top:1px solid #edf4f7;margin-top:4px}.navrow.mobile-open .nav.utility .navlink{width:auto}.searchOverlay{top:86px}}
@media(max-width:760px){.iconAction{width:42px;height:42px}.searchOverlay{top:74px;width:min(calc(100% - 18px),760px)}.searchHead strong{font-size:20px}.searchField{padding:14px 16px}.searchResults{padding:8px 10px 12px}}

/* V28 – cleaner search, modern cart, visible input caret */
.searchPanel{border-radius:24px;box-shadow:0 30px 80px rgba(29,82,111,.18);border-color:rgba(76,181,220,.22)}
.searchHead{padding:18px 22px}.searchHead strong{font-size:20px;letter-spacing:-.02em}
.searchField{padding:18px 22px;background:#fff}.searchField input{font-weight:520!important;font-size:18px!important;color:#18384e!important;caret-color:#19b9d6!important;letter-spacing:0!important}.searchField input::placeholder{font-weight:500;color:#9aaab4;opacity:1}.searchField:focus-within{box-shadow:inset 0 0 0 2px rgba(25,185,214,.2)}
.searchResults:empty{display:none}.searchResults{padding:8px 12px 14px}
.searchHit{border-bottom:1px solid #edf4f7;border-radius:14px}.searchHit:last-child{border-bottom:0}
.cartDrawer{width:min(500px,100%);background:linear-gradient(180deg,#fff 0%,#fbfeff 65%,#f2fbfe 100%);box-shadow:-26px 0 80px rgba(18,64,91,.2)}
.cartHeader{padding:24px 26px;background:rgba(255,255,255,.9);backdrop-filter:blur(16px)}.cartEyebrow{display:block;margin-bottom:4px;color:#32a9d5;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.cartHeader h2{font-size:30px;letter-spacing:-.035em}.cartHeader button{background:#eef9fd;color:#315a72;transition:.16s}.cartHeader button:hover{background:#dff4fb;transform:rotate(3deg)}
.cartItems{padding:16px 22px 22px}.cartLine{align-items:center;margin-bottom:12px;padding:18px;border:1px solid rgba(68,153,194,.13);border-radius:20px;background:rgba(255,255,255,.92);box-shadow:0 10px 28px rgba(52,122,157,.06)}.cartLine:last-child{border-bottom:1px solid rgba(68,153,194,.13)}.cartProduct{min-width:0}.cartCategory{display:block;color:#39a6d2!important;font-size:10px!important;font-weight:900!important;letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px!important}.cartProduct strong{font-size:15px;color:#173c55}.cartPrice{font-size:13px!important;color:#668496!important;margin-top:6px!important}.cartSetup{display:inline-flex!important;margin-top:7px!important;padding:5px 8px;border-radius:999px;background:#eff9fd;color:#58798b!important;font-size:10px!important;font-weight:750}.qty{flex:0 0 auto}.qty button{width:32px;height:32px;border-radius:11px;border-color:#d9eaf1;background:#fff;color:#173c55}.qty button:hover{background:#eef9fd}.qty b{min-width:18px;text-align:center}.qty .trash{margin-left:8px;color:#b15b5b;background:#fff8f8;border-color:#f0dada}
.cartTotals{padding:20px 24px 24px;background:linear-gradient(180deg,#f6fcff,#eaf8fd);border-top:1px solid #dceff6}.cartSummaryBlock{padding:14px 16px;border:1px solid rgba(67,159,201,.13);border-radius:18px;background:rgba(255,255,255,.72);margin-bottom:10px}.cartSummaryBlock.recurring{background:rgba(233,249,255,.8)}.totalRow{padding:5px 0;font-size:13px}.totalRow strong{color:#173c55}.totalRow.vat{color:#728c9b}.totalRow.totalPrimary{margin-top:6px;padding-top:10px;border-top:1px solid #e1eef4;font-size:16px;font-weight:900;color:#173c55}.totalRow.totalPrimary strong{font-size:18px}.cartTaxNote{margin:12px 2px 16px;color:#718a99;font-size:11px;line-height:1.55}.cartTotals .shopPrimary{width:100%;min-height:50px;border-radius:16px;background:linear-gradient(135deg,#23a8c4,#54a4f2);box-shadow:0 14px 30px rgba(36,151,196,.18)}
.cartEmpty{display:grid;justify-items:center;padding:58px 20px;color:#718b9b}.cartEmptyIcon{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#e5f8ff,#f6fdff);color:#2aa8d2;font-size:28px;margin-bottom:14px}.cartEmpty strong{font-size:18px;color:#214d65}.cartEmpty p{margin:7px 0 14px;text-align:center}.cartEmpty a{color:#249ac7;font-weight:800}


/* =========================
   V29 – Search geometry + unified SU-IT service/platform palette
   ========================= */
:root{
  --suit-navy:#173b55;
  --suit-blue:#4e93f4;
  --suit-sky:#69bdf6;
  --suit-cyan:#8ce4f9;
  --suit-turq:#23b7cf;
  --suit-pale:#eefaff;
  --suit-pale2:#f8fdff;
  --suit-border:rgba(57,157,199,.16);
  --suit-shadow:0 18px 54px rgba(56,129,164,.09);
}

/* Search: prevent the first character/caret from being visually clipped. */
.searchField{
  display:grid!important;
  grid-template-columns:26px minmax(0,1fr);
  align-items:center;
  column-gap:15px!important;
  padding:15px 22px 15px 24px!important;
  min-height:72px;
}
.searchField img{width:22px!important;height:22px!important;justify-self:center}
.searchField input{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  line-height:42px!important;
  padding:0 8px 0 3px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:18px!important;
  font-weight:450!important;
  color:#244b62!important;
  caret-color:#16bad3!important;
  text-indent:0!important;
  overflow:visible!important;
}
.searchField input::placeholder{font-weight:450!important;color:#9aaab4!important;opacity:1}
.searchField input:focus{outline:none!important}
.searchField:focus-within{box-shadow:inset 0 0 0 2px rgba(35,183,207,.16)!important}

/* Individual service pages: same bright SU-IT language as the current homepage. */
.servicePage{background:#fff;color:#244b62}
.servicePage .pageHero{
  background:
    radial-gradient(circle at 84% 18%,rgba(140,228,249,.30),transparent 29%),
    radial-gradient(circle at 68% 74%,rgba(78,147,244,.10),transparent 32%),
    linear-gradient(180deg,#ffffff 0%,#f4fcff 55%,#edfaff 100%)!important;
  border-bottom:1px solid rgba(76,171,211,.10);
}
.servicePage .pageHero .k,.servicePage .k{color:#23a9c8!important}
.servicePage .pageHero h1,
.servicePage .center h2,
.servicePage .sectionTitle,
.servicePage .detailPanel h2,
.servicePage .detailPanel h3,
.servicePage .overviewCard h3,
.servicePage .pricingCard h3,
.servicePage .feature h3,
.servicePage .internetPlan h3,
.servicePage .internetStack h3{
  color:#285b77!important;
}
.servicePage .pageHero p,.servicePage .center p,.servicePage .detailPanel p,.servicePage .detailPanel li,
.servicePage .overviewCard p,.servicePage .pricingCard p,.servicePage .internetPlan p,.servicePage .internetPlan li,
.servicePage .internetStack p{color:#66879a!important}
.servicePage .soft{
  background:linear-gradient(180deg,#f7fdff 0%,#eefaff 52%,#fbfeff 100%)!important;
}
.servicePage .feature,
.servicePage .overviewCard,
.servicePage .pricingCard,
.servicePage .detailPanel,
.servicePage .internetPlan,
.servicePage .internetStack article,
.servicePage .cloudOffer{
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,253,255,.98))!important;
  border:1px solid var(--suit-border)!important;
  box-shadow:var(--suit-shadow)!important;
}
.servicePage .feature:hover,
.servicePage .overviewCard:hover,
.servicePage .pricingCard:hover,
.servicePage .internetPlan:hover{
  transform:translateY(-3px);
  box-shadow:0 24px 66px rgba(55,135,171,.13)!important;
  border-color:rgba(35,183,207,.28)!important;
}
.servicePage .feature span,
.servicePage .speed,
.servicePage .planEyebrow,
.servicePage .productBadge{color:#20a9c8!important}
.servicePage .productBadge,.servicePage .planBadge{
  background:linear-gradient(135deg,#e7fbff,#eef6ff)!important;
  border:1px solid rgba(35,183,207,.12);
  color:#178aa8!important;
}
.servicePage .price,.servicePage .internetPrice strong{color:#2e6685!important}
.servicePage .glass,
.servicePage .shopPrimary,
.servicePage .shopAdd{
  background:linear-gradient(135deg,#23b7cf 0%,#55b8e4 52%,#4e93f4 100%)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 13px 30px rgba(45,163,209,.17)!important;
}
.servicePage .glass:hover,
.servicePage .shopPrimary:hover,
.servicePage .shopAdd:hover{
  background:linear-gradient(135deg,#1da9c1 0%,#4aaedc 52%,#4389e8 100%)!important;
  transform:translateY(-1px);
}
.servicePage .ghost{
  background:rgba(255,255,255,.84)!important;
  border:1px solid rgba(52,164,206,.20)!important;
  color:#2d789a!important;
}
.servicePage .ctaBand{
  background:linear-gradient(135deg,rgba(226,248,255,.94),rgba(247,252,255,.98))!important;
  border-color:rgba(35,183,207,.16)!important;
  box-shadow:0 16px 44px rgba(56,129,164,.07);
}

/* Business platform: remove the old dark-shop look and match current SU-IT site. */
.platformPage{
  background:#fff;
  color:#244b62;
}
.platformPage .shopHero,
.platformPage .shopSection.soft{
  background:
    radial-gradient(circle at 82% 12%,rgba(140,228,249,.22),transparent 30%),
    linear-gradient(180deg,#fff,#f2fbff 58%,#f8fdff)!important;
}
.platformPage .shopHero h1,
.platformPage .shopHead h2,
.platformPage .packageCard h3,
.platformPage .shopProduct h3,
.platformPage .platformMini strong,
.platformPage .portalMain h3,
.platformPage .securityCard h3{
  color:#285b77!important;
}
.platformPage .shopHero p.lead,
.platformPage .shopHead p,
.platformPage .packageCard li,
.platformPage .shopProduct .productTop span,
.platformPage .platformMini p,
.platformPage .portalRow,
.platformPage .securityCard ol,
.platformPage .securityCard ul{
  color:#68879a!important;
}
.platformPage .shopHeroCard,
.platformPage .packageCard,
.platformPage .shopProduct,
.platformPage .platformMini,
.platformPage .portalStats div,
.platformPage .securityCard{
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,253,255,.98))!important;
  border:1px solid var(--suit-border)!important;
  box-shadow:var(--suit-shadow)!important;
}
.platformPage .packageCard.recommended,
.platformPage .shopProduct.featured{
  border-color:rgba(35,183,207,.32)!important;
  box-shadow:0 22px 66px rgba(45,151,193,.13)!important;
}
.platformPage .packageBadge,
.platformPage .productBadge,
.platformPage .contractMini span{
  background:linear-gradient(135deg,#e6faff,#eef6ff)!important;
  color:#218dab!important;
  border:1px solid rgba(35,183,207,.10);
}
.platformPage .packageCard .price,
.platformPage .productPrice strong,
.platformPage .shopHeroStats strong,
.platformPage .portalStats strong{
  color:#2e6685!important;
}
.platformPage .packageCard li:before,
.platformPage .shopProduct li:before{color:#23b7cf!important}
.platformPage .shopPrimary,
.platformPage .shopAdd,
.platformPage .filterBar button.active,
.platformPage .filterBar button:hover{
  background:linear-gradient(135deg,#23b7cf 0%,#55b8e4 52%,#4e93f4 100%)!important;
  color:#fff!important;
  box-shadow:0 13px 30px rgba(45,163,209,.16)!important;
}
.platformPage .shopPrimary:hover,
.platformPage .shopAdd:hover{
  background:linear-gradient(135deg,#1da9c1 0%,#4aaedc 52%,#4389e8 100%)!important;
}
.platformPage .shopSecondary,
.platformPage .filterBar button{
  background:#fff!important;
  color:#397690!important;
  border:1px solid rgba(52,164,206,.18)!important;
}
.platformPage .portalPreview{
  background:linear-gradient(145deg,#eafaff,#f8fdff)!important;
  border-color:rgba(35,183,207,.14)!important;
}
.platformPage .portalSide{
  background:linear-gradient(155deg,#dff8ff,#eef6ff)!important;
  color:#285b77!important;
  border:1px solid rgba(35,183,207,.15);
}
.platformPage .portalSide img{filter:none!important}
.platformPage .portalSide a{color:#5c8094!important}
.platformPage .portalSide a:first-of-type{color:#209ab8!important;font-weight:850}
.platformPage .portalTable{border:1px solid rgba(57,157,199,.10)}

/* Overview pages get the same lighter treatment without changing their layout. */
.overviewPage .pageHero{
  background:radial-gradient(circle at 80% 18%,rgba(140,228,249,.26),transparent 30%),linear-gradient(180deg,#fff,#eefaff)!important;
}
.overviewPage .pageHero h1,.overviewPage .center h2{color:#285b77!important}
.overviewPage .serviceCard,.overviewPage .overviewCard{
  border-color:var(--suit-border)!important;
  box-shadow:var(--suit-shadow)!important;
}
.overviewPage .glass{
  background:linear-gradient(135deg,#23b7cf,#55b8e4 58%,#4e93f4)!important;
  color:#fff!important;
  border:0!important;
}

@media(max-width:680px){
  .searchField{grid-template-columns:24px minmax(0,1fr);column-gap:12px!important;padding-left:16px!important;padding-right:16px!important}
  .searchField input{font-size:17px!important;padding-left:2px!important}
}


/* V30 – public-launch cleanup */
.confidenceSection{padding:34px 0 22px;background:#fff;position:relative;overflow:hidden}
.confidenceSection:before,.confidenceSection:after{content:"";position:absolute;top:18%;width:320px;height:110px;background:radial-gradient(ellipse at center,rgba(150,205,235,.4),rgba(150,205,235,0) 70%);filter:blur(6px);animation:cloudDrift 34s linear infinite}
.confidenceSection:after{top:52%;width:220px;height:80px;background:radial-gradient(ellipse at center,rgba(180,190,255,.32),rgba(180,190,255,0) 70%);animation-duration:46s;animation-delay:-14s}
@keyframes cloudDrift{from{transform:translateX(-30%)}to{transform:translateX(130vw)}}
.confidenceBand{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid rgba(77,162,203,.16);border-radius:26px;background:linear-gradient(135deg,rgba(244,252,255,.96),rgba(232,248,255,.82));box-shadow:0 18px 46px rgba(68,132,163,.07);overflow:hidden}
.confidenceBand>div{padding:25px 28px;min-width:0}
.confidenceBand>div+div{border-left:1px solid rgba(77,162,203,.13)}
.confidenceBand span{display:block;color:#39a6d5;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;margin-bottom:7px}
.confidenceBand strong{display:block;color:#173c55;font-size:20px;letter-spacing:-.02em;margin-bottom:5px}
.confidenceBand p{margin:0;color:#6f8998;line-height:1.55;font-size:13px}
.partnerPending{display:none!important}
@media(max-width:760px){.confidenceBand{grid-template-columns:1fr}.confidenceBand>div+div{border-left:0;border-top:1px solid rgba(77,162,203,.13)}}




/* V32 – footer payment methods */
.paymentMethods{margin-top:26px;padding-top:18px;border-top:1px solid rgba(56,150,193,.16);display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.paymentMethodsLabel{display:flex;flex-direction:column;gap:2px;color:#5f8092;font-size:12px}.paymentMethodsLabel strong{color:#315a72;font-size:13px}.paymentBadges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.payBadge{height:30px;min-width:58px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(255,255,255,.72);border:1px solid rgba(72,157,199,.15);color:#274d63;font-size:11px;font-weight:850;letter-spacing:.01em;box-shadow:0 5px 14px rgba(68,132,163,.05)}
.payBadge.visa{font-style:italic;letter-spacing:.05em}.payBadge.mastercard:before{content:"";width:13px;height:13px;border-radius:50%;background:rgba(45,120,166,.22);box-shadow:8px 0 0 rgba(70,194,226,.34);margin-right:12px}.payBadge.amex{font-size:10px}.payBadge.wallet{font-weight:750}.payBadge.twint{letter-spacing:.08em}.payBadge.link{font-style:italic}
@media(max-width:760px){.paymentMethods{align-items:flex-start;flex-direction:column}.paymentBadges{gap:6px}.payBadge{height:28px;min-width:54px;padding:0 9px;font-size:10px}}

/* =========================
   V33 – Apple Business page
   Apple-specific, all other pages untouched
   ========================= */
.appleBusinessPage{background:#fff;color:#142d3d}.appleBusinessMain{overflow:hidden}.appleBusinessMain .section{padding:110px 0}.abEyebrow{margin:0 0 14px;color:#55c9ed;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.abHero{position:relative;background:radial-gradient(circle at 82% 20%,rgba(98,224,250,.19),transparent 28%),linear-gradient(145deg,#07111a 0%,#0a1b28 53%,#0d2b3b 100%);color:#fff;padding:92px 0 82px;overflow:hidden}.abHero:after{content:"";position:absolute;width:620px;height:620px;border-radius:50%;right:-220px;bottom:-360px;background:radial-gradient(circle,rgba(65,191,232,.22),transparent 68%);filter:blur(4px)}.abHeroGrid{display:grid;grid-template-columns:.88fr 1.12fr;gap:56px;align-items:center;position:relative;z-index:1}.abHeroCopy h1{font-size:clamp(54px,6.2vw,94px);line-height:.94;letter-spacing:-.06em;margin:0 0 26px;max-width:760px}.abHeroCopy h1 span{color:#8ee7fb}.abLead{font-size:19px;line-height:1.72;color:rgba(235,248,255,.74);max-width:690px}.abHeroActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.abPrimary,.abSecondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:15px;font-weight:850;transition:.2s}.abPrimary{background:linear-gradient(135deg,#28b9dc,#4f9cf6);color:#fff;box-shadow:0 16px 38px rgba(40,185,220,.18)}.abPrimary:hover{transform:translateY(-2px);box-shadow:0 20px 44px rgba(40,185,220,.24)}.abSecondary{border:1px solid rgba(102,201,234,.25);background:rgba(255,255,255,.88);color:#173e56}.abHero .abSecondary{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.2);backdrop-filter:blur(18px)}.abTrust{margin:22px 0 0;color:rgba(225,244,252,.48);font-size:12px;line-height:1.5;max-width:620px}.abHeroVisual{position:relative;min-height:520px;border-radius:34px;overflow:hidden;background:#080d12;border:1px solid rgba(255,255,255,.1);box-shadow:0 35px 90px rgba(0,0,0,.3)}.abHeroScene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.9}.abHeroVisual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 46%,rgba(3,14,23,.72))}.abHeroGlass{position:absolute;z-index:2;left:24px;bottom:24px;padding:18px 20px;border-radius:20px;background:rgba(5,27,40,.58);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(18px)}.abHeroGlass span{display:block;color:#76dcf5;font-size:11px;font-weight:900;letter-spacing:.1em}.abHeroGlass strong{display:block;margin-top:6px;font-size:18px}.abStatement{background:#fff}.abStatementInner{max-width:980px;text-align:center}.abStatement h2,.abSectionHead h2,.abCopy h2,.abSecurity h2,.abExpertise h2,.abContact h2,.abProcurement h2{font-size:clamp(40px,5vw,70px);line-height:1.03;letter-spacing:-.05em;margin:0;color:#153b55}.abStatement h2 span{color:#48acd8}.abStatement p:last-child{max-width:800px;margin:22px auto 0;color:#6a8596;font-size:18px;line-height:1.7}.abDevices{background:linear-gradient(180deg,#f7fcfe,#eaf8fe)}.abSectionHead{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:48px}.abSectionHead>p{max-width:430px;color:#6f8999;line-height:1.7}.abDeviceMosaic{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.abDeviceCard{overflow:hidden;border-radius:30px;background:#fff;border:1px solid rgba(66,160,201,.15);box-shadow:0 24px 65px rgba(42,115,150,.09)}.abMac{grid-row:span 2;display:grid;grid-template-rows:auto 1fr;min-height:780px}.abIpad,.abIphone{min-height:376px}
.abIpad>*,.abIphone>*{min-width:0}.abIpad{display:grid;grid-template-columns:.48fr .52fr}.abIphone{display:grid;grid-template-columns:.55fr .45fr}.abDeviceCopy{padding:34px}.abDeviceCopy>span{color:#43abd7;font-size:11px;font-weight:900;letter-spacing:.14em}.abDeviceCopy h3{font-size:clamp(30px,3vw,46px);line-height:1.03;letter-spacing:-.04em;margin:10px 0 14px;color:#163d56}.abDeviceCopy p{color:#6e8999;line-height:1.65}.abPills{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.abPills b{padding:7px 9px;border-radius:999px;background:#eef9fd;color:#4c788e;font-size:10px}.abPills.big b{font-size:11px;padding:8px 10px}.abDeviceImage{min-height:280px;background:#f2f4f7;overflow:hidden}.abDeviceImage img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.abDeviceCard:hover img{transform:scale(1.025)}.abMac .abDeviceImage img{object-fit:cover}.abTall img{object-position:center}.abManager{background:#fff}.abSplit{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}.abCopy>p{color:#6d8798;line-height:1.7;font-size:17px}.abTextLink{display:inline-block;margin-top:12px;color:#2399c9;font-weight:850}.abFlowCard{padding:32px;border-radius:30px;background:linear-gradient(145deg,#f3fbfe,#fff);border:1px solid rgba(72,157,199,.17);box-shadow:0 26px 70px rgba(41,112,147,.1)}.abFlowStep{display:flex;align-items:center;gap:16px;padding:17px 18px;border-radius:18px;background:#fff;border:1px solid #e7f1f5}.abFlowStep small{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#edf9fd;color:#3ba5d3;font-weight:900}.abFlowStep strong{color:#244e65}.abFlowStep.focus{background:#0e2737;border-color:#0e2737}.abFlowStep.focus strong{color:#fff}.abFlowStep.focus small{background:#53c8ed;color:#082232}.abFlowStep.ready{background:linear-gradient(135deg,#dff8ff,#ecfbff);border-color:#a9e8f8}
.abFlowStep[data-step]{transition:background .5s ease,border-color .5s ease,box-shadow .5s ease}
.abFlowStep[data-step] strong{transition:color .5s ease}
.abFlowStep[data-step] small{transition:background .5s ease,color .5s ease}
.abFlowStep[data-step="1"]{--flow-color:#34c77a;--flow-glow:rgba(52,199,122,.38)}
.abFlowStep[data-step="2"]{--flow-color:#f2c94c;--flow-glow:rgba(242,201,76,.4)}
.abFlowStep[data-step="3"]{--flow-color:#ff9f43;--flow-glow:rgba(255,159,67,.38)}
.abFlowStep[data-step="4"]{--flow-color:#ff6b6b;--flow-glow:rgba(255,107,107,.38)}
.abFlowStep[data-step="5"]{--flow-color:#9b6cff;--flow-glow:rgba(155,108,255,.38)}
.abFlowCard .abFlowStep[data-step="1"]{animation:abFlowChaseBg 10s ease-in-out infinite;animation-delay:0s}
.abFlowCard .abFlowStep[data-step="2"]{animation:abFlowChaseBg 10s ease-in-out infinite;animation-delay:2s}
.abFlowCard .abFlowStep[data-step="3"]{animation:abFlowChaseBg 10s ease-in-out infinite;animation-delay:4s}
.abFlowCard .abFlowStep[data-step="4"]{animation:abFlowChaseBg 10s ease-in-out infinite;animation-delay:6s}
.abFlowCard .abFlowStep[data-step="5"]{animation:abFlowChaseBg 10s ease-in-out infinite;animation-delay:8s}
.abFlowStep[data-step="1"] strong{animation:abFlowChaseText 10s ease-in-out infinite;animation-delay:0s}
.abFlowStep[data-step="2"] strong{animation:abFlowChaseText 10s ease-in-out infinite;animation-delay:2s}
.abFlowStep[data-step="3"] strong{animation:abFlowChaseText 10s ease-in-out infinite;animation-delay:4s}
.abFlowStep[data-step="4"] strong{animation:abFlowChaseText 10s ease-in-out infinite;animation-delay:6s}
.abFlowStep[data-step="5"] strong{animation:abFlowChaseText 10s ease-in-out infinite;animation-delay:8s}
.abFlowStep[data-step="1"] small{animation:abFlowChaseBadge 10s ease-in-out infinite;animation-delay:0s}
.abFlowStep[data-step="2"] small{animation:abFlowChaseBadge 10s ease-in-out infinite;animation-delay:2s}
.abFlowStep[data-step="3"] small{animation:abFlowChaseBadge 10s ease-in-out infinite;animation-delay:4s}
.abFlowStep[data-step="4"] small{animation:abFlowChaseBadge 10s ease-in-out infinite;animation-delay:6s}
.abFlowStep[data-step="5"] small{animation:abFlowChaseBadge 10s ease-in-out infinite;animation-delay:8s}
@keyframes abFlowChaseBg{
  0%,16%,100%{background:#fff;border-color:#e7f1f5;box-shadow:none}
  4%,12%{background:var(--flow-color);border-color:var(--flow-color);box-shadow:0 14px 30px var(--flow-glow)}
}
@keyframes abFlowChaseText{
  0%,16%,100%{color:#244e65}
  4%,12%{color:#fff}
}
@keyframes abFlowChaseBadge{
  0%,16%,100%{background:#edf9fd;color:#3ba5d3}
  4%,12%{background:rgba(255,255,255,.92);color:var(--flow-color)}
}.abFlowCard i{display:block;width:2px;height:20px;background:linear-gradient(#bae7f3,#d8f4fa);margin:auto}.abZeroTouch{background:#081722;color:#fff}.abZeroHead{display:grid;grid-template-columns:1fr .75fr;gap:48px;align-items:end}.abZeroHead h2{font-size:clamp(44px,5.2vw,74px);letter-spacing:-.05em;margin:0}.abZeroHead>p{color:rgba(232,246,252,.68);line-height:1.7}.abTimeline{display:flex;align-items:center;gap:10px;margin-top:44px;padding:24px;border-radius:24px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);overflow:auto}.abTimeline span{white-space:nowrap;padding:11px 13px;border-radius:12px;background:rgba(255,255,255,.07);font-size:12px;font-weight:800;color:#d7edf5}.abTimeline span.active{background:#55c9ed;color:#092131}.abTimeline b{color:#53c6e9}.abMdm{background:#f4fbfe}.abMdmGrid{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center}.abMdmVisual{position:relative;min-height:640px;border-radius:34px;overflow:hidden;box-shadow:0 30px 75px rgba(30,98,132,.16)}.abMdmVisual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.abMdmVisual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(6,24,35,.72))}.abMdmOverlay{position:absolute;z-index:2;left:28px;bottom:28px;color:#fff}.abMdmOverlay span{font-size:11px;font-weight:900;letter-spacing:.12em;color:#76dff6}.abMdmOverlay strong{display:block;font-size:26px;margin-top:7px}.abMdmCopy h2{font-size:clamp(40px,4.4vw,64px);line-height:1.03;letter-spacing:-.05em;color:#173d56}.abFeatureColumns{display:grid;gap:12px;margin-top:28px}.abFeatureColumns>div{padding:18px 20px;border-radius:18px;background:#fff;border:1px solid #e5f1f5}.abFeatureColumns h3{margin:0 0 6px;color:#1e5069}.abFeatureColumns p{margin:0;color:#718d9c;line-height:1.55}.abTechOpen{font-size:12px!important;color:#88a0ad!important}.abMicrosoft{background:linear-gradient(145deg,#07131d,#0d2b3c);color:#fff}.abSectionHead.light h2{color:#fff}.abSectionHead.light>p{color:rgba(230,246,252,.65)}.abMsCanvas{display:grid;grid-template-columns:.75fr 90px 1.25fr;align-items:center;gap:22px;padding:38px;border-radius:30px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09)}.abMsDevice{padding:34px;border-radius:24px;background:linear-gradient(145deg,#effbff,#cfeffd);color:#123a53}.abMsDevice strong{display:block;font-size:26px}.abMsDevice small{display:block;margin-top:7px;color:#6d8998}.abMsLine{height:2px;background:linear-gradient(90deg,#56c9ed,#91e8fb);position:relative}.abMsLine:after{content:"";position:absolute;right:-2px;top:-4px;width:10px;height:10px;border-radius:50%;background:#8ae6fa}.abMsStack{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.abMsStack span{padding:15px 17px;border-radius:14px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.09);color:#e9f8fc;font-weight:750}.abMsStatement{text-align:center;margin:28px 0 0;color:#8edff5;font-size:20px;font-weight:800}.abSecurity{background:#0b1b26;color:#fff}.abSecurityGrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:54px}.abSecurity h2{color:#fff}.abSecurityGrid>div:first-child>p:last-child{color:rgba(229,246,251,.64);line-height:1.7}.abSecurityGroups{display:grid;gap:14px}.abSecurityGroups article{padding:24px;border-radius:22px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.abSecurityGroups span{color:#5dcbea;font-size:11px;font-weight:900;letter-spacing:.1em}.abSecurityGroups h3{font-size:27px;margin:8px 0;color:#fff}.abSecurityGroups p{margin:0;color:rgba(230,246,252,.62);line-height:1.6}.abSupport{background:#fff}.abSupportGrid{display:grid;grid-template-columns:1.06fr .94fr;gap:54px;align-items:center}.abSupportImage{height:520px;border-radius:32px;overflow:hidden;background:#07131d}.abSupportImage img{width:100%;height:100%;object-fit:cover}.abLifecycle{background:#eff9fd}.abLifecycleRail{display:flex;gap:9px;overflow:auto;padding:18px 0 8px}.abLifecycleRail span{flex:0 0 auto;padding:13px 16px;border-radius:999px;background:#fff;border:1px solid #dcecf3;color:#4f778c;font-size:12px;font-weight:850}.abLifecycleRail span:after{content:" →";color:#56badf}.abLifecycleRail span:last-child:after{display:none}.abOffers{background:#fff}.abOfferLayout{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.abOfferMain,.abOfferSmall,.abOfferWide{border-radius:28px;border:1px solid #dfeef4;background:#f9fdff;box-shadow:0 20px 52px rgba(52,119,151,.07)}.abOfferMain{grid-row:span 2;padding:38px;background:linear-gradient(145deg,#0a1b28,#0f3346);color:#fff}.abOfferMain span,.abOfferSmall span,.abOfferWide span{color:#59c9ed;font-size:11px;font-weight:900;letter-spacing:.1em}.abOfferMain h3{font-size:52px;margin:16px 0 0}.abOfferMain small{color:#9bc5d6}.abOfferMain p{line-height:1.7;color:#d0e6ef}.abOfferSmall{padding:32px}.abOfferSmall h3,.abOfferWide h3{font-size:34px;margin:12px 0 4px;color:#183f57}.abOfferSmall p,.abOfferWide p{color:#6e8999;line-height:1.6}.abOfferWide{grid-column:1/-1;padding:28px 32px;display:grid;grid-template-columns:.7fr 1.3fr;gap:30px;align-items:center}.abOfferWide h3{font-size:27px}.abProcurement{background:linear-gradient(145deg,#eefbff,#fff)}.abProcurementGrid{display:grid;grid-template-columns:.95fr 1.05fr;gap:40px;align-items:center}.abProcurementGrid>div>p{color:#6d8798;line-height:1.7}.abProcurementDevices{height:440px;position:relative;border-radius:34px;background:radial-gradient(circle at 65% 40%,#d9f5fd,#f5fbfd 68%);overflow:hidden}.abProcurementDevices img{position:absolute;object-fit:contain}.abProcurementDevices img:first-child{height:95%;left:7%;bottom:-9%}.abProcurementDevices img:last-child{width:52%;right:2%;bottom:0;border-radius:24px;box-shadow:0 20px 50px rgba(33,85,111,.15)}.abExpertise{background:#07131d;color:#fff}.abExpertiseInner{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.abExpertise h2{color:#fff}.abExpertiseInner>div:first-child>p:last-child{color:rgba(230,246,252,.64);line-height:1.7}.abCertPrep{padding:28px;border-radius:24px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09)}.abCertPrep span{display:block;color:#5ccdef;font-size:10px;font-weight:900;letter-spacing:.12em;margin-bottom:13px}.abCertPrep strong{display:block;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:17px}.abCertPrep small{display:block;margin-top:14px;color:#8faebb}.abContact{background:#f1fbfe}.abContactInner{display:flex;align-items:center;justify-content:space-between;gap:42px}.abContactInner>div{max-width:820px}.abContactInner p:last-child{color:#6f8999;line-height:1.7}.abLegal{padding:18px 0 30px;background:#f1fbfe}.abLegal p{margin:0;color:#91a4ae;font-size:10px;line-height:1.55}.appleHomeFeature{padding:70px 0;background:linear-gradient(145deg,#07131d,#0f3143);color:#fff}.appleHomeFeatureInner{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center}.appleHomeCopy h2{font-size:clamp(38px,4vw,58px);line-height:1.03;letter-spacing:-.05em;margin:0 0 18px}.appleHomeCopy h2 span{color:#88e4fa}.appleHomeCopy p{color:rgba(231,247,252,.68);line-height:1.7;max-width:620px}.appleHomeCopy .ghost{margin-top:10px;color:#fff;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.07)}.appleHomeVisual{height:330px;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.appleHomeVisual img{width:100%;height:100%;object-fit:cover}
@media(max-width:1040px){.abHeroGrid,.abSplit,.abMdmGrid,.abSecurityGrid,.abSupportGrid,.abProcurementGrid,.abExpertiseInner{grid-template-columns:1fr}.abDeviceMosaic{grid-template-columns:1fr}.abMac{grid-row:auto;min-height:620px}.abIpad,.abIphone{min-height:360px}.abZeroHead{grid-template-columns:1fr}.abMsCanvas{grid-template-columns:1fr}.abMsLine{height:50px;width:2px;margin:auto}.abMsStack{grid-template-columns:repeat(2,1fr)}.abOfferLayout{grid-template-columns:1fr}.abOfferMain{grid-row:auto}.abOfferWide{grid-column:auto}.appleHomeFeatureInner{grid-template-columns:1fr}}
@media(max-width:760px){.appleBusinessMain .section{padding:76px 0}.abHero{padding:60px 0}.abHeroVisual{min-height:390px}.abHeroCopy h1{font-size:48px}.abSectionHead,.abContactInner{align-items:flex-start;flex-direction:column}.abDeviceMosaic{display:block}.abDeviceCard{margin-bottom:16px}.abMac{display:block;min-height:0}.abIpad,.abIphone{display:flex;flex-direction:column;min-height:0}.abIpad .abDeviceImage{order:2}.abDeviceImage{height:300px}.abDeviceCopy{padding:26px}.abMsStack{grid-template-columns:1fr}.abOfferWide{grid-template-columns:1fr}.abProcurementDevices{height:360px}.abLifecycleRail{padding-bottom:14px}.abTimeline{padding:18px}.appleHomeVisual{height:250px}}

/* --- V34 Apple refinement overrides --- */
.appleBusinessMain .section{padding:88px 0}
.appleBusinessPage{background:#f7fcff;color:#15384f}
.abEyebrow{color:#39b9e4}
.abPrimary{background:linear-gradient(135deg,#35bee7,#5eaef9);box-shadow:0 16px 34px rgba(71,181,231,.18)}
.abPrimary:hover{box-shadow:0 18px 40px rgba(71,181,231,.22)}
.abSecondary{border:1px solid rgba(89,180,214,.18);background:rgba(255,255,255,.86);color:#173e56}
.abHero{position:relative;background:radial-gradient(circle at 16% 14%,rgba(117,220,248,.42),transparent 30%),radial-gradient(circle at 82% 15%,rgba(97,189,245,.34),transparent 28%),linear-gradient(180deg,#f8fdff 0%,#ebf8fd 52%,#effbfe 100%);color:#16384f;padding:74px 0 60px;overflow:hidden}
.abHero:after{width:560px;height:560px;right:-180px;bottom:-300px;background:radial-gradient(circle,rgba(95,203,236,.2),transparent 68%)}
.abHeroCopy h1{font-size:clamp(46px,5.2vw,78px);line-height:.98;letter-spacing:-.055em;font-weight:800;color:#153b53;margin:0 0 22px}
.abHeroCopy h1 span{color:#46b9e1}
.abLead{font-size:18px;line-height:1.68;color:#5d7a8b;max-width:660px}
.abTrust{margin:18px 0 0;color:#84a1af;font-size:12px;line-height:1.55;max-width:620px}
.abHeroVisual{min-height:450px;border-radius:34px;overflow:hidden;background:linear-gradient(145deg,#effaff,#ddf4fb);border:1px solid rgba(109,195,224,.24);box-shadow:0 28px 64px rgba(56,135,170,.16)}
.abHeroScene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.97;animation:abSceneFloat 13s ease-in-out infinite alternate;transform-origin:center center}
.abHeroVisual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02) 12%,rgba(9,33,46,.18) 100%)}
.abHeroGlass{left:24px;bottom:24px;padding:18px 20px;border-radius:22px;background:rgba(255,255,255,.68);border:1px solid rgba(104,194,226,.26);backdrop-filter:blur(18px);box-shadow:0 14px 34px rgba(57,136,172,.12)}
.abHeroGlass span{display:block;color:#2fb5df;font-size:11px;font-weight:900;letter-spacing:.1em}
.abHeroGlass strong{display:block;margin-top:6px;font-size:18px;color:#17384d}
.abHero .abSecondary{background:rgba(255,255,255,.72);color:#173e56;border-color:rgba(104,194,226,.26);backdrop-filter:blur(16px)}
.abStatement h2,.abSectionHead h2,.abCopy h2,.abSecurity h2,.abExpertise h2,.abContact h2,.abProcurement h2,.abMdmCopy h2{font-size:clamp(34px,4.4vw,58px);line-height:1.04;letter-spacing:-.05em;font-weight:800}
.abStatement p:last-child,.abCopy>p,.abSectionHead>p,.abSecurityGrid>div:first-child>p:last-child,.abExpertiseInner>div:first-child>p:last-child,.abContactInner p:last-child,.abProcurementGrid>div>p{color:#6f8999}
.abDevices{background:linear-gradient(180deg,#f9fdff,#eef9fd)}
.abDeviceCard{overflow:hidden;border-radius:30px;background:rgba(255,255,255,.88);border:1px solid rgba(66,160,201,.14);box-shadow:0 18px 48px rgba(42,115,150,.08);backdrop-filter:blur(12px)}
.abMac{min-height:700px}
.abIpad,.abIphone{min-height:350px}
.abDeviceCopy{padding:30px}
.abDeviceCopy h3{font-size:clamp(27px,2.5vw,40px);line-height:1.04;font-weight:800;margin:10px 0 14px;color:#163d56}
.abPills b{padding:7px 10px;border-radius:999px;background:#eef9fd;color:#4c788e;font-size:10px;border:1px solid rgba(93,179,211,.14)}
.abDeviceImage{min-height:260px;background:#f3f8fb;overflow:hidden}
.abDeviceImage img{width:100%;height:100%;object-fit:cover;transition:transform 1s ease,filter .8s ease}
.abDeviceCard:hover img{transform:scale(1.028)}
.abMac .abDeviceImage img{animation:abMacTilt 11s ease-in-out infinite;transform-origin:center center}
.abIphone .abDeviceImage{background:transparent;display:flex;align-items:center;justify-content:center}
.abIphone .abDeviceImage img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;animation:abFloatSoft 9s ease-in-out infinite;filter:drop-shadow(0 18px 30px rgba(40,87,114,.14))}
.abIphone.abDeviceCard:hover .abDeviceImage img{transform:none}
.abIpad .abDeviceImage img{animation:abIpadFloat 10s ease-in-out infinite;transform-origin:center center}
@keyframes abIpadFloat{0%,100%{transform:scale(1.08) translateY(-7px)}50%{transform:scale(1.08) translateY(7px)}}
.abFlowCard,.abMsCanvas,.abOfferMain,.abOfferSmall,.abOfferWide,.abCertPrep,.abTimeline,.abSecurityGroups article{backdrop-filter:blur(16px)}
.abManager{background:#fff}
.abFlowCard{padding:30px;border-radius:30px;background:linear-gradient(145deg,rgba(243,251,254,.96),rgba(255,255,255,.96));border:1px solid rgba(72,157,199,.16);box-shadow:0 22px 58px rgba(41,112,147,.09)}
.abFlowStep{border-color:#e6f0f5}
.abFlowStep.focus{background:linear-gradient(135deg,#2fb7e0,#5bacf7);border-color:transparent;box-shadow:0 12px 24px rgba(72,172,231,.2)}
.abZeroTouch{background:linear-gradient(180deg,#f7fcff,#ebf8fd);color:#163b52}
.abZeroHead h2{font-size:clamp(38px,4.6vw,62px);letter-spacing:-.05em;margin:0;color:#163c55}
.abZeroHead>p{color:#6d8998;line-height:1.7}
.abTimeline{display:flex;align-items:center;gap:10px;margin-top:40px;padding:22px;border-radius:24px;background:rgba(255,255,255,.72);border:1px solid rgba(88,181,215,.16);box-shadow:0 18px 46px rgba(57,128,162,.08);overflow:auto}
.abTimeline span{white-space:nowrap;padding:11px 13px;border-radius:12px;background:#fff;font-size:12px;font-weight:800;color:#4d7589;border:1px solid rgba(89,182,215,.14)}
.abTimeline span.active{background:linear-gradient(135deg,#42c1e7,#78d7f6);color:#0a3044}
.abTimeline b{color:#56badf}
.abMdm{background:#f5fbfe}
.abMdmVisual{min-height:580px;border-radius:34px;overflow:hidden;box-shadow:0 26px 68px rgba(30,98,132,.14)}
.abMdmVisual:after{background:linear-gradient(180deg,transparent 45%,rgba(8,33,46,.38))}
.abMicrosoft{background:linear-gradient(180deg,#f6fcff,#e8f7fd);color:#153b54}
.abSectionHead.light h2{color:#153b54}
.abSectionHead.light>p{color:#6d8998}
.abMsCanvas{display:grid;grid-template-columns:.75fr 90px 1.25fr;align-items:center;gap:22px;padding:34px;border-radius:30px;background:rgba(255,255,255,.82);border:1px solid rgba(88,181,214,.16);box-shadow:0 20px 52px rgba(44,118,150,.08)}
.abMsDevice{padding:30px;border-radius:24px;background:linear-gradient(145deg,#effbff,#d6f1fd);color:#123a53}
.abMsStack span{padding:15px 17px;border-radius:14px;background:#fff;border:1px solid rgba(89,182,215,.14);color:#265068;font-weight:750}
.abMsStatement{text-align:center;margin:26px 0 0;color:#419fc9;font-size:18px;font-weight:800}
.abSecurity{background:linear-gradient(180deg,#f7fcff,#ecf8fd);color:#153b54}
.abSecurity h2{color:#153b54}
.abSecurityGroups article{padding:24px;border-radius:22px;background:rgba(255,255,255,.82);border:1px solid rgba(88,181,214,.14);box-shadow:0 12px 34px rgba(58,132,166,.08)}
.abSecurityGroups span{color:#39b9e4;font-size:11px;font-weight:900;letter-spacing:.1em}
.abSecurityGroups h3{font-size:25px;margin:8px 0;color:#153b54}
.abSecurityGroups p{margin:0;color:#6e8999;line-height:1.6}
.abSupportImage{height:500px;border-radius:32px;overflow:hidden;background:#eaf7fd;box-shadow:0 22px 54px rgba(51,121,154,.1)}
.abLifecycle{background:#f3fbfe}
.abOfferLayout{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
.abOfferMain,.abOfferSmall,.abOfferWide{border-radius:28px;border:1px solid rgba(88,181,214,.16);background:rgba(250,253,255,.92);box-shadow:0 18px 48px rgba(52,119,151,.07)}
.abOfferMain{grid-row:span 2;padding:34px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(235,248,253,.95));color:#16384f}
.abOfferMain h3{font-size:46px;margin:14px 0 0;color:#16384f}
.abOfferMain small{color:#6d8c9c}
.abOfferMain p{line-height:1.7;color:#6b8797}
.abOfferSmall{padding:30px}
.abOfferSmall h3,.abOfferWide h3{font-size:32px;margin:12px 0 4px;color:#183f57}
.abProcurement{background:linear-gradient(145deg,#f5fbff,#eefaff)}
.abProcurementDevices{height:400px;position:relative;border-radius:34px;background:radial-gradient(circle at 65% 40%,#dcf5fd,#f6fbfd 68%);overflow:hidden;box-shadow:0 24px 54px rgba(46,119,151,.08)}
.abProcurementDevices img:first-child{height:92%;left:7%;bottom:-8%;animation:abFloatSoft 10s ease-in-out infinite}
.abProcurementDevices img:last-child{width:52%;right:2%;bottom:0;border-radius:24px;box-shadow:0 20px 50px rgba(33,85,111,.15);animation:abFloatSoft 12s ease-in-out infinite reverse}
.abExpertise{background:linear-gradient(180deg,#f5fcff,#eaf8fd);color:#153b54}
.abExpertiseInner{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
.abExpertise h2{color:#153b54;font-size:clamp(34px,4vw,56px);font-weight:800;max-width:10.5ch}
.abCertPrep{padding:28px;border-radius:24px;background:rgba(255,255,255,.72);border:1px solid rgba(88,181,214,.16);box-shadow:0 20px 52px rgba(44,118,150,.08)}
.abCertPrep span{display:block;color:#39b9e4;font-size:10px;font-weight:900;letter-spacing:.12em;margin-bottom:13px}
.abCertPrep strong{display:block;padding:13px 0;border-bottom:1px solid #dbeef4;font-size:17px;color:#17384f}
.abCertPrep small{display:block;margin-top:14px;color:#7995a5}
.abContact{background:linear-gradient(180deg,#f8fcff,#eef9fd)}
.abLegal{padding:18px 0 30px;background:#f8fcff}
.appleHomeFeature{padding:58px 0;background:linear-gradient(180deg,#f7fcff 0%,#e9f7fd 100%);color:#153b54}
.appleHomeFeatureInner{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center}
.appleHomeCopy h2{font-size:clamp(34px,3.8vw,52px);line-height:1.05;letter-spacing:-.05em;margin:0 0 16px;color:#153b54}
.appleHomeCopy h2 span{color:#49b8e2}
.appleHomeCopy p{color:#6b8797;line-height:1.7;max-width:620px}
.appleHomeCopy .ghost{margin-top:10px;color:#153b54;border-color:rgba(104,194,226,.26);background:rgba(255,255,255,.74)}
.appleHomeVisual{height:320px;border-radius:28px;overflow:hidden;border:1px solid rgba(104,194,226,.2);box-shadow:0 24px 58px rgba(49,121,152,.1)}
.appleHomeVisual img{width:100%;height:100%;object-fit:cover;animation:abSceneFloat 14s ease-in-out infinite alternate}
@keyframes abSceneFloat{0%{transform:scale(1.02) translate3d(-6px,0,0) rotate(-.3deg)}100%{transform:scale(1.06) translate3d(6px,-8px,0) rotate(.3deg)}}
@keyframes abMacTilt{0%,100%{transform:perspective(1100px) rotateY(-5deg) rotateX(1deg) scale(1.02)}50%{transform:perspective(1100px) rotateY(4deg) rotateX(-1deg) scale(1.05)}}
@keyframes abFloatSoft{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(max-width:1040px){
  .appleBusinessMain .section{padding:78px 0}
  .abHero{padding:64px 0 52px}
  .abHeroCopy h1{font-size:clamp(42px,7vw,64px)}
  .abHeroVisual{min-height:390px}
  .abMac{min-height:0}
  .abDeviceCard,.abOfferMain,.abOfferSmall,.abOfferWide,.abFlowCard,.abMsCanvas,.abCertPrep{box-shadow:0 14px 36px rgba(49,120,153,.08)}
}
@media(max-width:760px){
  .appleBusinessMain .section{padding:68px 0}
  .abHero{padding:52px 0 44px}
  .abHeroCopy h1{font-size:42px;line-height:1}
  .abHeroVisual{min-height:330px}
  .abHeroGlass{left:16px;right:16px;bottom:16px}
  .abStatement h2,.abSectionHead h2,.abCopy h2,.abSecurity h2,.abExpertise h2,.abContact h2,.abProcurement h2,.abMdmCopy h2,.abZeroHead h2{font-size:36px}
  .appleHomeVisual{height:250px}
}

/* --- V35 Apple motion and lifecycle refinement --- */
.abHeroVisual{position:relative;perspective:1800px;isolation:isolate}
.abHeroCarousel{position:absolute;inset:0;display:grid;place-items:center;transform-style:preserve-3d;padding:34px}
.abHeroSlide{position:absolute;width:64%;height:78%;border-radius:28px;overflow:hidden;border:1px solid rgba(113,198,225,.24);box-shadow:0 26px 60px rgba(28,93,125,.16);background:rgba(255,255,255,.82);backdrop-filter:blur(16px);animation:abHeroDeck 28s ease-in-out infinite}
.abHeroSlide img{width:100%;height:100%;object-fit:cover;display:block}
.abHeroSlide:nth-child(1){animation-delay:0s}
.abHeroSlide:nth-child(2){animation-delay:-5.6s}
.abHeroSlide:nth-child(3){animation-delay:-11.2s}
.abHeroSlide:nth-child(4){animation-delay:-16.8s}
.abHeroSlide:nth-child(5){animation-delay:-22.4s}
.abHeroSlide:nth-child(1) img{object-position:center center}
.abHeroSlide:nth-child(2) img{object-position:center top}
.abHeroSlide:nth-child(3) img{object-position:center center}
.abHeroSlide:nth-child(4) img{object-position:center center}
.abHeroSlide:nth-child(5) img{object-position:center center}
.abHeroVisual:before{content:"";position:absolute;inset:18px;border-radius:28px;border:1px solid rgba(255,255,255,.42);background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,0));z-index:0;pointer-events:none}
.abHeroGlass{z-index:3}
.abSupportImage img{object-position:center 18%}
.abLifecycle{background:linear-gradient(180deg,#f3fbfe,#e8f7fc)}
.abLifecycleFlow{position:relative;overflow:hidden;padding:28px 4px 12px;mask-image:linear-gradient(90deg,transparent 0,black 3%,black 97%,transparent 100%)}
.abLifecycleFlow::-webkit-scrollbar{display:none}
.abLifecycleFlow:before{content:"";position:absolute;left:40px;right:40px;top:42px;height:3px;border-radius:999px;background:linear-gradient(90deg,rgba(79,182,217,.2),rgba(65,188,225,.8),rgba(79,182,217,.2));background-size:180% 100%;animation:abLineFlow 10s linear infinite;z-index:0}
.abLifecycleMarquee{position:relative;z-index:1;display:flex;align-items:stretch;gap:18px;width:max-content;will-change:transform}
.abLifecycleMarquee.is-ready{animation:abLifeMarquee var(--life-duration,44s) linear infinite}
.abLifecycleTrack{display:flex;align-items:stretch;gap:18px;flex:0 0 auto;min-width:max-content}
.abLifeItem{position:relative;flex:0 0 228px;padding:28px 18px 18px;border-radius:24px;background:rgba(255,255,255,.78);border:1px solid rgba(95,181,212,.18);backdrop-filter:blur(14px);box-shadow:0 16px 38px rgba(53,123,154,.08)}
.abLifeItem:before{content:"";position:absolute;left:18px;top:10px;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#34bbe6,#84dff7);box-shadow:0 0 0 5px rgba(75,189,225,.12)}
.abLifeItem:after{content:"";position:absolute;top:16px;left:34px;width:calc(100% + 18px);height:2px;background:rgba(111,199,228,.45)}
.abLifecycleTrack .abLifeItem:last-child:after{display:none}
.abLifecycleFlow:hover .abLifecycleMarquee{animation-play-state:paused}
.abLifeItem small{display:block;color:#39b8e2;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}
.abLifeItem strong{display:block;color:#163c55;font-size:18px;line-height:1.15;margin-bottom:8px}
.abLifeItem p{margin:0;color:#6f8998;line-height:1.5;font-size:14px}
@keyframes abHeroDeck{
  0%,16%{transform:translate3d(30%,0,-120px) rotateY(-42deg) rotateX(1deg) scale(.9);opacity:.36;z-index:1}
  20%,36%{transform:translate3d(14%,0,-40px) rotateY(-20deg) rotateX(.5deg) scale(.95);opacity:.62;z-index:2}
  40%,56%{transform:translate3d(0,0,120px) rotateY(0deg) rotateX(0deg) scale(1);opacity:1;z-index:4}
  60%,76%{transform:translate3d(-14%,0,-40px) rotateY(20deg) rotateX(.5deg) scale(.95);opacity:.62;z-index:3}
  80%,96%{transform:translate3d(-30%,0,-120px) rotateY(42deg) rotateX(1deg) scale(.9);opacity:.36;z-index:1}
  100%{transform:translate3d(-38%,0,-160px) rotateY(50deg) rotateX(1deg) scale(.86);opacity:0}
}
@keyframes abLineFlow{0%{background-position:0% 0}100%{background-position:180% 0}}
@keyframes abLifeMarquee{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--life-shift, 0px)))}}
@media(max-width:1100px){
  .abHeroCarousel{padding:26px}
  .abHeroSlide{width:72%;height:74%}
  .abLifeItem{flex-basis:210px}
}
@media(max-width:760px){
  .abHeroVisual{min-height:360px}
  .abHeroCarousel{padding:18px}
  .abHeroSlide{width:78%;height:72%;border-radius:22px}
  .abLifecycleFlow{padding-top:24px;mask-image:none}
  .abLifecycleFlow:before{left:24px;right:24px;top:36px}
  .abLifecycleMarquee,.abLifecycleTrack{gap:14px}
  .abLifeItem{flex-basis:184px;padding:24px 16px 16px}
  .abLifeItem strong{font-size:16px}
  .abLifeItem p{font-size:13px}
}

/* --- V36 Apple HD cube hero --- */
.abHeroCarousel,.abHeroSlide{display:none !important}
.abHeroVisual{overflow:hidden;perspective:2200px;perspective-origin:50% 42%}
.abHeroCubeStage{position:absolute;inset:18px;display:flex;align-items:center;justify-content:center;pointer-events:none}
.abHeroCube{--cube-w:min(92%,760px);--cube-h:min(72%,420px);--cube-z:290px;position:relative;width:var(--cube-w);height:var(--cube-h);transform-style:preserve-3d;transform:rotateX(-5deg) rotateY(0deg);animation:abCubeSpin 24s cubic-bezier(.65,.02,.2,1) infinite;will-change:transform}
.abHeroCube::after{content:"";position:absolute;left:8%;right:8%;bottom:-42px;height:56px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(32,92,120,.22),rgba(32,92,120,0));filter:blur(10px);transform:translateZ(-120px)}
.abHeroCubeFace{position:absolute;inset:0;overflow:hidden;border-radius:34px;background:#fff;border:1px solid rgba(123,199,224,.35);backface-visibility:hidden;box-shadow:0 30px 72px rgba(22,73,98,.16)}
.abHeroCubeFace img{width:100%;height:100%;object-fit:cover;display:block;image-rendering:auto}
.abHeroCubeFace.face-1{transform:rotateY(0deg) translateZ(var(--cube-z))}
.abHeroCubeFace.face-2{transform:rotateY(90deg) translateZ(var(--cube-z))}
.abHeroCubeFace.face-3{transform:rotateY(180deg) translateZ(var(--cube-z))}
.abHeroCubeFace.face-4{transform:rotateY(270deg) translateZ(var(--cube-z))}
.abHeroCubeFace.face-1 img{object-position:center center}
.abHeroCubeFace.face-2 img{object-position:center center}
.abHeroCubeFace.face-3 img{object-position:center center}
.abHeroCubeFace.face-4 img{object-position:center center}
@keyframes abCubeSpin{
  0%,18%{transform:rotateX(-5deg) rotateY(0deg)}
  24%,42%{transform:rotateX(-5deg) rotateY(-90deg)}
  48%,66%{transform:rotateX(-5deg) rotateY(-180deg)}
  72%,90%{transform:rotateX(-5deg) rotateY(-270deg)}
  100%{transform:rotateX(-5deg) rotateY(-360deg)}
}
@media(max-width:1100px){
  .abHeroCube{--cube-w:min(94%,640px);--cube-h:min(70%,360px);--cube-z:240px}
}
@media(max-width:760px){
  .abHeroCubeStage{inset:14px}
  .abHeroCube{--cube-w:min(96%,420px);--cube-h:min(68%,250px);--cube-z:150px}
  .abHeroCubeFace{border-radius:24px}
}

/* =========================
   V37 – reliable Apple cube on home + Apple page
   ========================= */
/* Disable the old keyframe so JS owns the transform and cannot fight CSS. */
.abHeroCube{animation:none!important;transition:transform 1.15s cubic-bezier(.22,.72,.18,1)!important}

.appleCubeVisual{position:relative;overflow:hidden;perspective:1800px;perspective-origin:50% 46%;background:linear-gradient(145deg,#f4fbff,#dff3fb)!important;border:1px solid rgba(94,188,221,.22)!important;box-shadow:0 24px 58px rgba(49,121,152,.10)!important}
.appleHomeCubeStage{position:absolute;inset:12px;display:flex;align-items:center;justify-content:center;pointer-events:none}
.appleHomeCube{--home-cube-z:245px;position:relative;width:min(88%,620px);height:82%;transform-style:preserve-3d;transform:rotateX(-3deg) rotateY(0deg);transition:transform 1.15s cubic-bezier(.22,.72,.18,1);will-change:transform}
.appleHomeCubeFace{position:absolute;inset:0;margin:0;overflow:hidden;border-radius:24px;background:#fff;border:1px solid rgba(105,194,225,.30);backface-visibility:hidden;box-shadow:0 20px 48px rgba(24,82,110,.14)}
.appleHomeCubeFace img{width:100%;height:100%;object-fit:cover;display:block;image-rendering:auto}
.appleHomeCubeFace.face-1{transform:rotateY(0deg) translateZ(var(--home-cube-z))}
.appleHomeCubeFace.face-2{transform:rotateY(90deg) translateZ(var(--home-cube-z))}
.appleHomeCubeFace.face-3{transform:rotateY(180deg) translateZ(var(--home-cube-z))}
.appleHomeCubeFace.face-4{transform:rotateY(270deg) translateZ(var(--home-cube-z))}

@media(max-width:1100px){
  .appleHomeCube{--home-cube-z:200px;width:min(90%,520px);height:78%}
}
@media(max-width:760px){
  .appleHomeCube{--home-cube-z:125px;width:min(92%,340px);height:72%}
  .appleHomeCubeFace{border-radius:18px}
}

/* V38 – Apple visuals refined: fuller images, slimmer frames, separate home/apple image sets */
.appleHomeCubeStage{inset:4px!important}
.appleHomeCube{width:min(96%,700px)!important;height:94%!important;--home-cube-z:280px!important}
.appleHomeCubeFace{border-radius:18px!important;border:1px solid rgba(104,194,226,.18)!important;box-shadow:0 14px 34px rgba(24,82,110,.10)!important}
.appleHomeCubeFace img{object-fit:cover!important;object-position:center center!important}
.appleHomeVisual{height:336px!important;border-radius:24px!important}
.appleHomeVisual.appleCubeVisual{background:linear-gradient(145deg,#f8fdff,#e7f6fc)!important}

.abHeroCubeStage{inset:8px!important}
.abHeroCube{--cube-w:min(97%,820px)!important;--cube-h:min(84%,455px)!important;--cube-z:310px!important}
.abHeroCubeFace{border-radius:22px!important;border:1px solid rgba(123,199,224,.24)!important;box-shadow:0 18px 46px rgba(22,73,98,.12)!important}
.abHeroCubeFace img{object-fit:cover!important;object-position:center center!important}
.abHeroVisual{border-radius:28px!important;overflow:hidden!important}

@media(max-width:1100px){
  .appleHomeCube{width:min(96%,560px)!important;--home-cube-z:220px!important}
  .abHeroCube{--cube-w:min(97%,680px)!important;--cube-h:min(80%,380px)!important;--cube-z:245px!important}
}
@media(max-width:760px){
  .appleHomeVisual{height:260px!important}
  .appleHomeCubeStage{inset:4px!important}
  .appleHomeCube{width:min(96%,360px)!important;height:90%!important;--home-cube-z:130px!important}
  .appleHomeCubeFace{border-radius:16px!important}
  .abHeroCubeStage{inset:8px!important}
  .abHeroCube{--cube-w:min(98%,430px)!important;--cube-h:min(76%,265px)!important;--cube-z:155px!important}
  .abHeroCubeFace{border-radius:18px!important}
}

/* =========================
   V39 – Apple cubes separated and precisely positioned
   ========================= */
/* Home page cube: smaller and perfectly centered inside its own visual only. */
.appleHomeVisual.appleCubeVisual{
  display:grid!important;
  place-items:center!important;
  height:320px!important;
  padding:0!important;
}
.appleHomeCubeStage{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  transform:none!important;
}
.appleHomeCube{
  width:min(78%,560px)!important;
  height:74%!important;
  --home-cube-z:205px!important;
  margin:0 auto!important;
}
.appleHomeCubeFace{
  border-radius:20px!important;
  border:1px solid rgba(104,194,226,.18)!important;
  box-shadow:0 14px 34px rgba(24,82,110,.10)!important;
}
.appleHomeCubeFace img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* Apple Business cube: independent sizing, centered and lifted slightly upward. */
.abHeroVisual{
  display:grid!important;
  place-items:center!important;
}
.abHeroCubeStage{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  transform:translateY(-18px)!important;
}
.abHeroCube{
  --cube-w:min(88%,720px)!important;
  --cube-h:min(76%,400px)!important;
  --cube-z:270px!important;
  margin:0 auto!important;
}
.abHeroCubeFace{
  border-radius:22px!important;
  border:1px solid rgba(123,199,224,.22)!important;
  box-shadow:0 18px 46px rgba(22,73,98,.11)!important;
}
.abHeroCubeFace img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}

@media(max-width:1100px){
  .appleHomeCube{width:min(80%,500px)!important;height:72%!important;--home-cube-z:180px!important}
  .abHeroCubeStage{transform:translateY(-12px)!important}
  .abHeroCube{--cube-w:min(90%,620px)!important;--cube-h:min(74%,350px)!important;--cube-z:220px!important}
}
@media(max-width:760px){
  .appleHomeVisual.appleCubeVisual{height:250px!important}
  .appleHomeCube{width:min(84%,340px)!important;height:68%!important;--home-cube-z:125px!important}
  .abHeroCubeStage{transform:translateY(-8px)!important}
  .abHeroCube{--cube-w:min(92%,400px)!important;--cube-h:min(70%,240px)!important;--cube-z:145px!important}
}

/* =========================
   V40 – reliable Apple single-image cube/flip
   ========================= */
/* Old four-face cube geometry is retired; these cards keep one full image visible. */
.appleHomeCube,.appleHomeCubeFace,.abHeroCube,.abHeroCubeFace{display:none!important}
.appleHomeCubeStage,.abHeroCubeStage{perspective:1500px!important}
.appleFlipCard{
  position:relative;
  width:min(76%,540px);
  height:72%;
  margin:auto;
  overflow:hidden;
  border-radius:20px;
  background:#eef9fd;
  border:1px solid rgba(104,194,226,.18);
  box-shadow:0 16px 38px rgba(24,82,110,.11);
  transform:rotateY(0deg) translateZ(0);
  transform-origin:center center;
  transform-style:preserve-3d;
  transition:transform .56s cubic-bezier(.55,.04,.28,.96),opacity .3s ease;
  will-change:transform;
}
.appleFlipImage{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center center!important;animation:none!important}
.appleFlipCard.flipOut{transform:rotateY(-89deg) scale(.97)}
.appleFlipCard.flipIn{transition:none!important;transform:rotateY(89deg) scale(.97)}
.appleFlipCardBusiness{width:min(86%,700px);height:76%;border-radius:22px}
.abHeroCubeStage{transform:translateY(-18px)!important}

@media(max-width:1100px){
  .appleFlipCard{width:min(78%,480px);height:70%}
  .appleFlipCardBusiness{width:min(88%,610px);height:74%}
  .abHeroCubeStage{transform:translateY(-12px)!important}
}
@media(max-width:760px){
  .appleFlipCard{width:min(84%,330px);height:66%;border-radius:16px}
  .appleFlipCardBusiness{width:min(90%,390px);height:70%;border-radius:18px}
  .abHeroCubeStage{transform:translateY(-8px)!important}
}

/* =========================
   V41 – true four-sided 3D Apple cube
   The next face is physically visible during every rotation.
   ========================= */
.appleFlipCard,.appleFlipImage,.appleFlipSources{display:none!important}
.appleHomeCube,.abHeroCube{display:block!important;position:relative!important;transform-style:preserve-3d!important;will-change:transform;transition:transform 1.15s cubic-bezier(.22,.72,.18,1)!important;animation:none!important}
.appleHomeCubeFace,.abHeroCubeFace{display:block!important;position:absolute!important;inset:0!important;margin:0!important;overflow:hidden!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;background:#eef9fd!important}
.appleHomeCubeFace img,.abHeroCubeFace img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center!important;animation:none!important}

/* Depth is calculated from the *real rendered width* by JS. */
.appleTrueCube{--apple-cube-depth:240px}
.appleHomeCubeFace.face-1,.abHeroCubeFace.face-1{transform:rotateY(0deg) translateZ(var(--apple-cube-depth))!important}
.appleHomeCubeFace.face-2,.abHeroCubeFace.face-2{transform:rotateY(90deg) translateZ(var(--apple-cube-depth))!important}
.appleHomeCubeFace.face-3,.abHeroCubeFace.face-3{transform:rotateY(180deg) translateZ(var(--apple-cube-depth))!important}
.appleHomeCubeFace.face-4,.abHeroCubeFace.face-4{transform:rotateY(270deg) translateZ(var(--apple-cube-depth))!important}

/* Home: smaller and centered, as requested. */
.appleHomeCubeStage{perspective:1800px!important;perspective-origin:50% 50%!important;overflow:visible!important}
.appleHomeCube.appleTrueCube{width:min(76%,540px)!important;height:72%!important;margin:auto!important;transform:rotateX(-2deg) rotateY(0deg)}

/* Apple page: separate cube, centered and slightly higher. */
.abHeroCubeStage{perspective:2100px!important;perspective-origin:50% 46%!important;overflow:visible!important;transform:translateY(-18px)!important}
.abHeroCube.appleTrueCube{width:min(86%,700px)!important;height:76%!important;margin:auto!important;transform:rotateX(-3deg) rotateY(0deg)}

@media(max-width:1100px){
  .appleHomeCube.appleTrueCube{width:min(78%,480px)!important;height:70%!important}
  .abHeroCube.appleTrueCube{width:min(88%,610px)!important;height:74%!important}
  .abHeroCubeStage{transform:translateY(-12px)!important}
}
@media(max-width:760px){
  .appleHomeCube.appleTrueCube{width:min(84%,330px)!important;height:66%!important}
  .abHeroCube.appleTrueCube{width:min(90%,390px)!important;height:70%!important}
  .abHeroCubeStage{transform:translateY(-8px)!important}
}

/* =========================
   V42 – Apple hero cleanup only
   Compact, ordered layout at 100% browser zoom.
   Cube geometry/rotation is intentionally untouched.
   ========================= */
@media (min-width:1041px){
  .appleBusinessMain .abHero{
    padding:58px 0 64px!important;
    min-height:auto!important;
  }
  .appleBusinessMain .abHeroGrid{
    grid-template-columns:.92fr 1.08fr!important;
    gap:46px!important;
    align-items:center!important;
  }
  .appleBusinessMain .abHeroCopy{
    max-width:590px!important;
    align-self:center!important;
  }
  .appleBusinessMain .abHeroCopy h1{
    font-size:clamp(48px,4.7vw,70px)!important;
    line-height:.98!important;
    letter-spacing:-.052em!important;
    max-width:590px!important;
    margin:0 0 20px!important;
  }
  .appleBusinessMain .abLead{
    max-width:570px!important;
    font-size:16.5px!important;
    line-height:1.62!important;
  }
  .appleBusinessMain .abHeroActions{
    margin-top:22px!important;
    gap:10px!important;
  }
  .appleBusinessMain .abHeroActions .abPrimary,
  .appleBusinessMain .abHeroActions .abSecondary{
    min-height:44px!important;
    padding:0 17px!important;
    border-radius:14px!important;
    font-size:14px!important;
  }
  .appleBusinessMain .abTrust{
    max-width:540px!important;
    margin-top:16px!important;
    font-size:10.5px!important;
    line-height:1.45!important;
  }
  .appleBusinessMain .abHeroVisual{
    width:100%!important;
    max-width:690px!important;
    min-height:430px!important;
    height:430px!important;
    justify-self:end!important;
    border-radius:26px!important;
  }
  .appleBusinessMain .abHeroGlass{
    left:18px!important;
    bottom:18px!important;
    padding:14px 16px!important;
    border-radius:17px!important;
    max-width:78%!important;
  }
  .appleBusinessMain .abHeroGlass strong{
    font-size:15px!important;
    line-height:1.3!important;
  }
  .appleBusinessMain .abHeroGlass span{
    font-size:9.5px!important;
  }
}

@media (min-width:1041px) and (max-width:1280px){
  .appleBusinessMain .abHeroGrid{
    grid-template-columns:.96fr 1.04fr!important;
    gap:34px!important;
  }
  .appleBusinessMain .abHeroCopy h1{
    font-size:clamp(44px,4.5vw,62px)!important;
  }
  .appleBusinessMain .abHeroVisual{
    max-width:620px!important;
    min-height:400px!important;
    height:400px!important;
  }
}

@media (max-width:1040px){
  .appleBusinessMain .abHero{
    padding:52px 0 58px!important;
  }
  .appleBusinessMain .abHeroGrid{
    gap:34px!important;
  }
  .appleBusinessMain .abHeroCopy{
    max-width:680px!important;
  }
  .appleBusinessMain .abHeroCopy h1{
    font-size:clamp(42px,7vw,60px)!important;
    line-height:1!important;
    margin-bottom:18px!important;
  }
  .appleBusinessMain .abLead{
    font-size:16px!important;
  }
  .appleBusinessMain .abHeroVisual{
    min-height:390px!important;
    height:390px!important;
  }
}

@media (max-width:760px){
  .appleBusinessMain .abHero{
    padding:42px 0 48px!important;
  }
  .appleBusinessMain .abHeroCopy h1{
    font-size:40px!important;
    line-height:1.01!important;
  }
  .appleBusinessMain .abLead{
    font-size:15px!important;
    line-height:1.58!important;
  }
  .appleBusinessMain .abHeroVisual{
    min-height:320px!important;
    height:320px!important;
  }
  .appleBusinessMain .abHeroGlass{
    left:14px!important;
    right:14px!important;
    bottom:14px!important;
    max-width:none!important;
  }
}

/* =========================
   V43 – corrected true square Apple cube geometry
   The rotating object itself is square, so all four physical faces
   remain visible and geometrically correct at every 90° turn.
   ========================= */
.appleHomeCubeStage,
.abHeroCubeStage{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
}

/* Home: smaller, truly centered square cube */
.appleHomeVisual.appleCubeVisual{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.appleHomeCubeStage{
  position:absolute!important;
  inset:0!important;
  perspective:1500px!important;
  perspective-origin:50% 50%!important;
}
.appleHomeCube.appleTrueCube{
  width:250px!important;
  height:250px!important;
  min-width:250px!important;
  min-height:250px!important;
  max-width:250px!important;
  max-height:250px!important;
  margin:0!important;
  transform-style:preserve-3d!important;
  transform:rotateX(-2deg) rotateY(0deg);
}
.appleHomeCubeFace{
  width:250px!important;
  height:250px!important;
  border-radius:20px!important;
}

/* Apple Business page: independent, slightly larger square cube */
.abHeroVisual{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.abHeroCubeStage{
  position:absolute!important;
  inset:0!important;
  transform:translateY(-10px)!important;
  perspective:1800px!important;
  perspective-origin:50% 50%!important;
}
.abHeroCube.appleTrueCube{
  width:330px!important;
  height:330px!important;
  min-width:330px!important;
  min-height:330px!important;
  max-width:330px!important;
  max-height:330px!important;
  margin:0!important;
  transform-style:preserve-3d!important;
  transform:rotateX(-3deg) rotateY(0deg);
}
.abHeroCubeFace{
  width:330px!important;
  height:330px!important;
  border-radius:24px!important;
}

.appleHomeCubeFace img,
.abHeroCubeFace img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}

@media(max-width:1100px){
  .appleHomeCube.appleTrueCube,
  .appleHomeCubeFace{
    width:220px!important;height:220px!important;
    min-width:220px!important;min-height:220px!important;
    max-width:220px!important;max-height:220px!important;
  }
  .abHeroCube.appleTrueCube,
  .abHeroCubeFace{
    width:290px!important;height:290px!important;
    min-width:290px!important;min-height:290px!important;
    max-width:290px!important;max-height:290px!important;
  }
}
@media(max-width:760px){
  .appleHomeCube.appleTrueCube,
  .appleHomeCubeFace{
    width:180px!important;height:180px!important;
    min-width:180px!important;min-height:180px!important;
    max-width:180px!important;max-height:180px!important;
    border-radius:16px!important;
  }
  .abHeroCube.appleTrueCube,
  .abHeroCubeFace{
    width:230px!important;height:230px!important;
    min-width:230px!important;min-height:230px!important;
    max-width:230px!important;max-height:230px!important;
    border-radius:18px!important;
  }
  .abHeroCubeStage{transform:translateY(-4px)!important}
}

/* V43 safety: contain the 3D scene so it can never create horizontal page scrolling. */
.appleHomeFeature{overflow:hidden!important}
.appleBusinessMain .abHero{overflow:hidden!important}
.appleHomeVisual.appleCubeVisual,.appleBusinessMain .abHeroVisual{overflow:hidden!important}
.appleHomeCube.appleTrueCube{--apple-cube-depth:125px}
.abHeroCube.appleTrueCube{--apple-cube-depth:165px}


/* =========================
   V44 – Apple page shine, color motion and richer glass styling
   ========================= */
.appleBusinessPage .abHero{
  background:
    radial-gradient(circle at 18% 18%, rgba(146,111,255,.16), transparent 28%),
    radial-gradient(circle at 83% 24%, rgba(88,214,255,.22), transparent 30%),
    linear-gradient(180deg,#f6fcff 0%,#edf9fe 100%)!important;
  color:#143a53!important;
}
.appleBusinessPage .abHeroCopy h1{color:#143b54!important}
.appleBusinessPage .abHeroCopy h1 span{
  background:linear-gradient(135deg,#51c7f0 0%,#7a6bff 52%,#49d7d0 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.appleBusinessPage .abLead{color:#6b8798!important}
.appleBusinessPage .abHero .abSecondary{background:rgba(255,255,255,.82)!important;color:#143b54!important;border-color:rgba(90,176,211,.22)!important}
.appleBusinessPage .abTrust{color:#8aa3af!important}
.appleBusinessPage .abHeroVisual{
  background:linear-gradient(145deg,rgba(255,255,255,.65),rgba(233,248,255,.88))!important;
  border:1px solid rgba(104,191,223,.28)!important;
  box-shadow:0 35px 90px rgba(53,126,162,.16)!important;
}
.appleBusinessPage .abHeroVisual:before{
  content:"";position:absolute;inset:10px;border-radius:30px;
  background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(255,255,255,.18));
  border:1px solid rgba(255,255,255,.42);z-index:0;
}
.appleBusinessPage .abHeroVisual:after{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(75,183,221,.12))!important}
.appleBusinessPage .abHeroGlass{
  background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(235,248,255,.84))!important;
  border:1px solid rgba(88,179,214,.22)!important;
  box-shadow:0 18px 38px rgba(55,132,167,.14)!important;
}
.appleBusinessPage .abHeroGlass strong{color:#143b54!important}

.appleBusinessPage .abDeviceCard{
  position:relative;isolation:isolate;
  background:linear-gradient(160deg,rgba(255,255,255,.95),rgba(241,251,255,.92))!important;
  overflow:hidden;
}
.appleBusinessPage .abDeviceCard:before{
  content:"";position:absolute;inset:auto auto -65px -20px;width:220px;height:220px;border-radius:50%;
  background:radial-gradient(circle,rgba(97,205,240,.28),transparent 68%);filter:blur(10px);z-index:0;
}
.appleBusinessPage .abDeviceCard:after{
  content:"";position:absolute;right:-40px;top:-40px;width:200px;height:200px;border-radius:50%;
  background:radial-gradient(circle,rgba(131,108,255,.18),transparent 65%);filter:blur(8px);z-index:0;
}
.appleBusinessPage .abDeviceCopy,.appleBusinessPage .abDeviceImage{position:relative;z-index:1}
.appleBusinessPage .abDeviceCopy{
  background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.10));
  backdrop-filter:blur(10px);
}
.appleBusinessPage .abPills b{
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(231,247,255,.95));
  border:1px solid rgba(99,188,219,.18);
  box-shadow:0 8px 20px rgba(61,133,167,.06);
}
.appleBusinessPage .abMac .abDeviceCopy,
.appleBusinessPage .abIpad .abDeviceCopy,
.appleBusinessPage .abIphone .abDeviceCopy{position:relative}
.appleBusinessPage .abMac .abDeviceCopy:before,
.appleBusinessPage .abIpad .abDeviceCopy:before{
  content:"";position:absolute;inset:0;opacity:.08;z-index:-1;background-size:cover;background-position:center;
}
.appleBusinessPage .abMac .abDeviceCopy:before{background-image:url('./apple/mac-business-scene.jpg')}
.appleBusinessPage .abIpad .abDeviceCopy:before{background-image:url('./apple/ipad-business-scene.jpg')}
.appleBusinessPage .abIpad .abDeviceCopy h3,
.appleBusinessPage .abIphone .abDeviceCopy h3{font-size:clamp(24px,2.1vw,32px);overflow-wrap:break-word;hyphens:auto}

.appleBusinessPage .abZeroTouch{
  background:linear-gradient(180deg,#f8fdff 0%,#edf9fe 100%)!important;
  color:#163b53!important;
}
.appleBusinessPage .abTimeline{
  position:relative;gap:16px;padding:28px 28px;border-radius:28px;
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(234,248,255,.94))!important;
  border:1px solid rgba(95,184,220,.2)!important;
  box-shadow:0 26px 64px rgba(54,126,160,.09);
  backdrop-filter:blur(16px);
}
.appleBusinessPage .abTimeline:before{
  content:"";position:absolute;left:36px;right:36px;top:50%;height:6px;border-radius:999px;
  background:linear-gradient(90deg,#7c6cff,#57c9ff,#55ddb8,#ffb45d,#7c6cff);
  background-size:240% 100%;opacity:.38;transform:translateY(-50%);
  animation:abFlowMove 9s linear infinite;
}
.appleBusinessPage .abTimeline:after{
  content:"";position:absolute;top:calc(50% - 8px);left:38px;width:18px;height:18px;border-radius:50%;
  background:linear-gradient(135deg,#7b67ff,#47d7ff);box-shadow:0 0 0 7px rgba(87,201,255,.12),0 0 26px rgba(79,169,255,.35);
  animation:abFlowDot 8.5s ease-in-out infinite;
}
.appleBusinessPage .abTimeline b{display:none!important}
.appleBusinessPage .abTimeline span{
  position:relative;z-index:1;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(240,250,255,.94))!important;
  color:#355c71!important;border:1px solid rgba(99,188,220,.16);box-shadow:0 12px 28px rgba(69,135,166,.08);
}
.appleBusinessPage .abTimeline span:nth-of-type(3n+1){background:linear-gradient(135deg,rgba(124,108,255,.10),rgba(255,255,255,.95))!important}
.appleBusinessPage .abTimeline span:nth-of-type(3n+2){background:linear-gradient(135deg,rgba(85,221,184,.12),rgba(255,255,255,.95))!important}
.appleBusinessPage .abTimeline span:nth-of-type(3n){background:linear-gradient(135deg,rgba(255,180,93,.14),rgba(255,255,255,.95))!important}
.appleBusinessPage .abTimeline span.active{
  background:linear-gradient(135deg,#5acbf1,#7a6cff)!important;color:#fff!important;border-color:transparent!important;
}

.appleBusinessPage .abMdmVisual{
  background:linear-gradient(145deg,#dff5fd,#f7fdff);border:1px solid rgba(92,182,218,.14)
}
.appleBusinessPage .abMdmVisual:before{
  content:"";position:absolute;inset:16px;border-radius:28px;z-index:1;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.0));pointer-events:none;
}
.appleBusinessPage .abMdmOverlay{padding:18px 22px;border-radius:20px;background:rgba(6,30,43,.54);backdrop-filter:blur(16px);box-shadow:0 15px 34px rgba(16,53,72,.18)}
.appleBusinessPage .abFeatureColumns{grid-template-columns:repeat(3,1fr)}
.appleBusinessPage .abFeatureColumns>div{
  position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(238,249,255,.88));
  box-shadow:0 18px 44px rgba(53,124,160,.10);backdrop-filter:blur(16px);
  animation:abFloatCard 6.5s ease-in-out infinite;
}
.appleBusinessPage .abFeatureColumns>div:nth-child(2){animation-delay:1.2s}
.appleBusinessPage .abFeatureColumns>div:nth-child(3){animation-delay:2.4s}
.appleBusinessPage .abFeatureColumns>div:before{
  content:"";position:absolute;left:18px;top:16px;width:42px;height:42px;border-radius:14px;
  background:linear-gradient(135deg,rgba(122,108,255,.12),rgba(86,201,255,.18));border:1px solid rgba(98,185,220,.16)
}
.appleBusinessPage .featureDeploy:after,.appleBusinessPage .featureManage:after,.appleBusinessPage .featureProtect:after{
  content:"";position:absolute;right:-24px;bottom:-24px;width:120px;height:120px;border-radius:50%;opacity:.18;filter:blur(4px)
}
.appleBusinessPage .featureDeploy:after{background:radial-gradient(circle,#7b69ff 0%,transparent 68%)}
.appleBusinessPage .featureManage:after{background:radial-gradient(circle,#5acbf1 0%,transparent 68%)}
.appleBusinessPage .featureProtect:after{background:radial-gradient(circle,#55d7b5 0%,transparent 68%)}
.appleBusinessPage .abFeatureColumns h3,.appleBusinessPage .abFeatureColumns p{position:relative;z-index:1}
.appleBusinessPage .abFeatureColumns h3{padding-left:54px}

.appleBusinessPage .abMicrosoft{
  background:linear-gradient(145deg,#0e2030,#173b54)!important;
  position:relative;overflow:hidden;
}
.appleBusinessPage .abMicrosoft:before{
  content:"";position:absolute;inset:auto auto -180px -180px;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(96,204,240,.16),transparent 68%);filter:blur(12px)
}
.appleBusinessPage .abMsCanvas{background:rgba(255,255,255,.08)!important;backdrop-filter:blur(16px)}
.appleBusinessPage .abMsStack span{transition:transform .25s,background .25s}
.appleBusinessPage .abMsStack span:hover{transform:translateY(-3px);background:rgba(255,255,255,.12)}

.appleBusinessPage .abSecurity{
  background:linear-gradient(180deg,#f7fcff,#edf8fd)!important;color:#153b54!important;
}
.appleBusinessPage .abSecurity h2{color:#153b54!important}
.appleBusinessPage .abSecurityGroups{gap:18px}
.appleBusinessPage .abSecurityCard{
  position:relative;overflow:hidden;padding:26px 26px 22px;border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(238,249,255,.86));
  border:1px solid rgba(90,181,214,.16);box-shadow:0 18px 46px rgba(54,126,160,.08);
}
.appleBusinessPage .abSecurityCard.device{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(236,245,255,.92))}
.appleBusinessPage .abSecurityCard.identity{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(245,239,255,.92))}
.appleBusinessPage .abSecurityCard.company{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,247,236,.92))}
.appleBusinessPage .abSecurityCard:before{
  content:"";position:absolute;right:-35px;top:-35px;width:120px;height:120px;border-radius:50%;opacity:.28;filter:blur(2px)
}
.appleBusinessPage .abSecurityCard.device:before{background:radial-gradient(circle,#5cc9ef 0%,transparent 68%)}
.appleBusinessPage .abSecurityCard.identity:before{background:radial-gradient(circle,#8e73ff 0%,transparent 68%)}
.appleBusinessPage .abSecurityCard.company:before{background:radial-gradient(circle,#ffbf70 0%,transparent 68%)}
.appleBusinessPage .abSecurityHead{display:flex;align-items:center;gap:12px;position:relative;z-index:1}
.appleBusinessPage .abSecurityHead img{width:28px;height:28px;object-fit:contain}
.appleBusinessPage .abSecurityHead span{color:#39b9e4!important;margin:0}
.appleBusinessPage .abSecurityCard h3,.appleBusinessPage .abSecurityCard p{position:relative;z-index:1}
.appleBusinessPage .abSecurityMini{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;position:relative;z-index:1}
.appleBusinessPage .abSecurityMini i{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.74);border:1px solid rgba(99,188,219,.14);font-style:normal}
.appleBusinessPage .abSecurityMini img{width:16px;height:16px}
.appleBusinessPage .abSecurityMini small{font-size:11px;font-weight:800;color:#355c71}

.appleBusinessPage .abSupport{background:linear-gradient(180deg,#fff,#f4fbfe)!important}
.appleBusinessPage .abSupportCard{
  padding:24px;border-radius:36px;border:2px solid rgba(17,34,49,.86);
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(237,248,255,.92));
  box-shadow:0 24px 60px rgba(61,132,166,.12);
}
.appleBusinessPage .abSupportImage{border-radius:26px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.appleBusinessPage .abSupport .abSecondary{
  display:flex;
  width:fit-content;
  margin:22px 0 0 auto;
  padding:0 22px;
  min-height:46px;
  background:linear-gradient(135deg,#28b9dc,#4f9cf6);
  color:#fff;
  border:none;
  box-shadow:0 16px 34px rgba(40,158,220,.22);
  transition:.2s ease;
}
.appleBusinessPage .abSupport .abSecondary:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 42px rgba(40,158,220,.3);
}
.appleBusinessPage .abSupport .abPills.big b:nth-child(3n+1){background:linear-gradient(135deg,#eef8ff,#ffffff)}
.appleBusinessPage .abSupport .abPills.big b:nth-child(3n+2){background:linear-gradient(135deg,#fff3da,#ffffff)}
.appleBusinessPage .abSupport .abPills.big b:nth-child(3n){background:linear-gradient(135deg,#f0ebff,#ffffff)}

.appleBusinessPage .abLifecycle{background:linear-gradient(180deg,#eff9fd,#f7fcff)!important}
.appleBusinessPage .abLifeItem{
  position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(236,248,255,.90));
  border:1px solid rgba(93,182,218,.14);box-shadow:0 14px 34px rgba(54,126,160,.06);
}
.appleBusinessPage .abLifeItem:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#64c7ef,#7a6cff)}
.appleBusinessPage .abLifeItem strong{color:#163b54}

@keyframes abFlowMove{0%{background-position:0% 50%}100%{background-position:240% 50%}}
@keyframes abFlowDot{0%{left:38px;opacity:.85}50%{opacity:1}100%{left:calc(100% - 56px);opacity:.85}}
@keyframes abFloatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

@media(max-width:1040px){
  .appleBusinessPage .abFeatureColumns{grid-template-columns:1fr}
  .appleBusinessPage .abTimeline:before,.appleBusinessPage .abTimeline:after{display:none}
}


/* =========================
   V45 – refined Apple gradients, fuller flow and lighter Microsoft area
   ========================= */
.appleBusinessPage .abStatement h2 span{
  background:linear-gradient(135deg,#ffb56b 0%,#ff866f 45%,#f25d7d 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.appleBusinessPage .abDevices .abSectionHead h2 span{
  background:linear-gradient(135deg,#60cbef 0%,#7c6cff 48%,#52dcc6 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.appleBusinessPage .abMdmCopy h2 span{
  background:linear-gradient(135deg,#5dc8ef 0%,#7b69ff 42%,#4fdcc9 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.appleBusinessPage .abMicrosoft .abSectionHead h2,
.appleBusinessPage .abMicrosoft .abSectionHead.light h2{color:#163b53!important}
.appleBusinessPage .abMicrosoft .abSectionHead h2 span,
.appleBusinessPage .abMicrosoft .abSectionHead.light h2 span{
  background:linear-gradient(135deg,#4bbfe8 0%,#5b7cff 44%,#7d6cff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

.appleBusinessPage .abZeroHead{align-items:end;gap:36px}
.appleBusinessPage .abZeroHead>p{max-width:520px;color:#6d8798}
.appleBusinessPage .abTimeline{padding:34px 24px 24px}
.appleBusinessPage .abTimeline span{
  min-height:56px;display:inline-flex;align-items:center;justify-content:center;text-align:center;
  padding:14px 18px!important;border-radius:18px!important;font-weight:800!important;color:#fff!important;
  border:none!important;position:relative;overflow:hidden;
  box-shadow:0 12px 28px rgba(58,127,160,.14), inset 0 1px 0 rgba(255,255,255,.24);
}
.appleBusinessPage .abTimeline span:before{
  content:"";position:absolute;inset:-30% auto -30% -60%;width:48%;transform:skewX(-24deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);animation:abCardSweep 6s linear infinite;
}
.appleBusinessPage .abTimeline span:nth-of-type(1){background:linear-gradient(135deg,#ff9e61,#ff6f7f)!important}
.appleBusinessPage .abTimeline span:nth-of-type(2){background:linear-gradient(135deg,#ff8d70,#ea5c8a)!important}
.appleBusinessPage .abTimeline span:nth-of-type(3){background:linear-gradient(135deg,#a978ff,#6f74ff)!important}
.appleBusinessPage .abTimeline span:nth-of-type(4){background:linear-gradient(135deg,#5f9dff,#4dbdf4)!important}
.appleBusinessPage .abTimeline span:nth-of-type(5){background:linear-gradient(135deg,#3788f0,#2962d9)!important}
.appleBusinessPage .abTimeline span:nth-of-type(6){background:linear-gradient(135deg,#44c0f5,#3fdab3)!important}
.appleBusinessPage .abTimeline span:nth-of-type(7){background:linear-gradient(135deg,#35cfb9,#69d38d)!important}
.appleBusinessPage .abTimeline span:nth-of-type(8){background:linear-gradient(135deg,#72cb77,#c2cf57)!important}
.appleBusinessPage .abTimeline span:nth-of-type(9){background:linear-gradient(135deg,#f0c755,#ff9f59)!important}
.appleBusinessPage .abTimeline span.active{background:linear-gradient(135deg,#63c8f0,#7a6cff)!important;color:#fff!important}
.appleBusinessPage .abTimeline:before{height:8px;opacity:.46;top:58%}
.appleBusinessPage .abTimeline:after{
  width:22px;height:22px;top:calc(58% - 10px);border-radius:12px;
  background:linear-gradient(135deg,#ffffff,#d5f7ff);box-shadow:0 0 0 8px rgba(87,201,255,.12),0 0 28px rgba(79,169,255,.36);
}

.appleBusinessPage .abFeatureColumns>div{padding:24px 22px 20px}
.appleBusinessPage .abFeatureColumns h3{margin-bottom:14px}
.appleBusinessPage .abFeatureColumns p{display:flex;flex-wrap:wrap;gap:10px;line-height:1.35;margin:0}
.appleBusinessPage .abFeatureColumns p span{
  display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:999px;
  background:rgba(255,255,255,.76);border:1px solid rgba(98,186,220,.18);font-weight:700;font-size:13px;color:#3a5d72;
  box-shadow:0 8px 18px rgba(60,132,167,.06);
}
.appleBusinessPage .featureDeploy p span:nth-child(1){background:linear-gradient(135deg,#f0ebff,#ffffff)}
.appleBusinessPage .featureManage p span:nth-child(1){background:linear-gradient(135deg,#e9f8ff,#ffffff)}
.appleBusinessPage .featureProtect p span:nth-child(1){background:linear-gradient(135deg,#ecfff8,#ffffff)}

.appleBusinessPage .abDeviceCard h3{
  background:linear-gradient(135deg,#163b53 0%,#1b5275 58%,#39bde6 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.appleBusinessPage .abDeviceCopy span{color:#39b9e4!important}

.appleBusinessPage .abMicrosoft{
  background:linear-gradient(180deg,#f8fdff 0%,#eef9fe 100%)!important;color:#163b53!important;
}
.appleBusinessPage .abMicrosoft .abSectionHead.light p,
.appleBusinessPage .abMicrosoft .abMsStatement{color:#678394!important}
.appleBusinessPage .abMsCanvas{
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(238,249,255,.94))!important;
  border:1px solid rgba(93,182,218,.18)!important;box-shadow:0 28px 62px rgba(56,127,160,.10)!important;
}
.appleBusinessPage .abMsDevice{
  background:linear-gradient(135deg,#163b53,#2f5770)!important;color:#fff!important;box-shadow:0 18px 40px rgba(22,59,83,.14)
}
.appleBusinessPage .abMsLine{background:linear-gradient(180deg,#54c9ef,#7b69ff)!important;box-shadow:0 0 18px rgba(83,190,235,.18)}
.appleBusinessPage .abMsStack{gap:12px}
.appleBusinessPage .abMsStack span{
  font-weight:800;border:1px solid transparent!important;box-shadow:0 10px 22px rgba(58,127,160,.08)
}
.appleBusinessPage .abMsStack span:nth-child(1){background:#e6f0ff!important;color:#0f4fb8!important;border-color:#c7dbff!important}
.appleBusinessPage .abMsStack span:nth-child(2){background:#eef5ff!important;color:#2055b5!important;border-color:#d6e4ff!important}
.appleBusinessPage .abMsStack span:nth-child(3){background:#e8f3ff!important;color:#0a67c8!important;border-color:#cde5ff!important}
.appleBusinessPage .abMsStack span:nth-child(4){background:#f1ebff!important;color:#5c2bd6!important;border-color:#e0d2ff!important}
.appleBusinessPage .abMsStack span:nth-child(5){background:#eef8ff!important;color:#136ac6!important;border-color:#d6ecff!important}
.appleBusinessPage .abMsStack span:nth-child(6){background:#ebfaf6!important;color:#0b7d6a!important;border-color:#d0f1e9!important}
.appleBusinessPage .abMsStack span:nth-child(7){background:#fff6e8!important;color:#a15a00!important;border-color:#ffe6bb!important}
.appleBusinessPage .abMsStack span:nth-child(8){background:#eef3ff!important;color:#394fa9!important;border-color:#d3dcff!important}

.appleBusinessPage .abSupport .abSupportGrid h2 span{display:inline}
.appleBusinessPage .abSupportGrid .abCopy h2{
  background:linear-gradient(135deg,#163b53 0%,#274e6b 54%,#2ea7da 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

@keyframes abCardSweep{0%{transform:translateX(0) skewX(-24deg)}100%{transform:translateX(340%) skewX(-24deg)}}


/* =========================
   V46 – Apple refinement pass
   ========================= */
.appleBusinessPage .abZeroTouch{background:linear-gradient(180deg,#f7fcfe 0%,#eef9fd 100%)!important;color:#153b55!important}
.appleBusinessPage .abZeroHead h2{color:#153b55!important}
.appleBusinessPage .abZeroHead>p{color:#6f8a9b!important}
.appleBusinessPage .abTimeline{
  position:relative;display:flex;align-items:center;justify-content:center;gap:8px;
  max-width:1180px;margin:34px auto 0;padding:18px 18px;border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(235,248,253,.9))!important;
  border:1px solid rgba(114,196,227,.22)!important;box-shadow:0 22px 54px rgba(59,127,160,.10), inset 0 1px 0 rgba(255,255,255,.78);
  overflow:auto;
}
.appleBusinessPage .abTimeline:before{
  content:"";position:absolute;left:22px;right:22px;top:50%;height:16px;transform:translateY(-50%);
  border-radius:999px;background:linear-gradient(90deg,rgba(255,146,105,.14),rgba(154,121,255,.14),rgba(67,197,243,.14),rgba(107,214,139,.16),rgba(246,204,93,.14));
  border:1px solid rgba(150,220,243,.20);box-shadow:inset 0 0 0 1px rgba(255,255,255,.34), inset 0 0 22px rgba(255,255,255,.22);
}
.appleBusinessPage .abTimeline:after{
  content:"";position:absolute;left:0;top:0;bottom:0;width:34%;border-radius:28px;
  background:linear-gradient(90deg,rgba(255,152,110,.18),rgba(132,115,255,.15),rgba(89,203,246,.15),transparent 88%);
  filter:blur(16px);animation:abRibbonTravel 10s ease-in-out infinite alternate;pointer-events:none;
}
.appleBusinessPage .abTimeline span{
  position:relative;z-index:1;min-height:48px;padding:10px 14px!important;border-radius:15px!important;
  background:rgba(255,255,255,.50)!important;color:#fff!important;font-size:12px!important;font-weight:850!important;
  border:1px solid rgba(255,255,255,.30)!important;box-shadow:0 10px 24px rgba(52,124,158,.10), inset 0 0 0 1px rgba(255,255,255,.22);
  backdrop-filter:blur(14px);text-align:center;
}
.appleBusinessPage .abTimeline span:after{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,.18));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  opacity:.75;pointer-events:none;
}
.appleBusinessPage .abTimeline span.active{transform:none!important}
.appleBusinessPage .abTimeline b{display:none!important}

.appleBusinessPage .abFeatureColumns{grid-template-columns:repeat(3,1fr)!important;gap:16px!important}
.appleBusinessPage .abFeatureColumns>div{
  position:relative;padding:26px 20px 22px!important;border-radius:24px!important;overflow:hidden;
  background:linear-gradient(180deg,#ffffff 0%,#f6fcff 100%)!important;border:1px solid rgba(102,190,222,.18)!important;
  box-shadow:0 18px 46px rgba(57,128,162,.08), inset 0 1px 0 rgba(255,255,255,.82);
}
.appleBusinessPage .abFeatureColumns>div:before{
  content:"";position:absolute;inset:-20% -10% auto -10%;height:68%;
  background:radial-gradient(circle at 50% 0%,rgba(90,194,242,.18),transparent 68%);
  pointer-events:none;animation:abSoftGlow 7s ease-in-out infinite;
}
.appleBusinessPage .abFeatureColumns>div:nth-child(2):before{background:radial-gradient(circle at 50% 0%,rgba(128,133,255,.18),transparent 68%);animation-delay:1.8s}
.appleBusinessPage .abFeatureColumns>div:nth-child(3):before{background:radial-gradient(circle at 50% 0%,rgba(104,218,167,.16),transparent 68%);animation-delay:3.2s}
.appleBusinessPage .abFeatureTop{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:14px;text-align:center}
.appleBusinessPage .abFeatureTop img{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(66,150,193,.16))}
.appleBusinessPage .abFeatureColumns h3{padding-left:0!important;margin:0!important;text-align:center}
.appleBusinessPage .abFeatureColumns p{justify-content:center!important;align-items:center!important;text-align:center!important}
.appleBusinessPage .abFeatureColumns p span{justify-content:center;text-align:center}

.appleBusinessPage .abMsCanvas{
  padding:34px!important;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,250,255,.95))!important;
  border:1px solid rgba(99,186,221,.20)!important;box-shadow:0 26px 64px rgba(56,127,160,.10)!important;
}
.appleBusinessPage .abMsDevice{
  padding:24px 22px!important;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(233,247,255,.94))!important;
  border:1px solid rgba(113,198,227,.22)!important;box-shadow:0 18px 44px rgba(72,138,169,.10)!important
}
.appleBusinessPage .abMsDevice strong{display:flex!important;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;font-size:0!important}
.appleBusinessPage .abMsDevice strong span{
  display:inline-flex;align-items:center;justify-content:center;min-width:82px;padding:11px 14px;border-radius:999px;
  background:linear-gradient(135deg,rgba(77,192,241,.14),rgba(125,108,255,.12));border:1px solid rgba(102,190,222,.20);
  color:#1b4a68;font-size:16px;font-weight:850;box-shadow:inset 0 1px 0 rgba(255,255,255,.84),0 10px 24px rgba(67,136,168,.08)
}
.appleBusinessPage .abMsDevice strong i{display:block;width:22px;height:2px;border-radius:999px;background:linear-gradient(90deg,#66c6ec,#7c6cff)}
.appleBusinessPage .abMsDevice small{text-align:center;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#77a1b5}

.appleBusinessPage .abMicrosoft .abMsStatement{background:linear-gradient(135deg,#4bbfe8 0%,#607eff 54%,#7d6cff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

@keyframes abRibbonTravel{0%{transform:translateX(0)}100%{transform:translateX(190%)}}
@keyframes abSoftGlow{0%,100%{opacity:.55;transform:translateY(0)}50%{opacity:.9;transform:translateY(8px)}}

@media(max-width:1100px){
  .appleBusinessPage .abFeatureColumns{grid-template-columns:1fr!important}
  .appleBusinessPage .abTimeline{justify-content:flex-start}
  .appleBusinessPage .abMsDevice strong{justify-content:flex-start}
}


/* =========================
   V47 – Apple page polish
   ========================= */
body.appleBusinessPage .abManager .abCopy h2 span,
body.appleBusinessPage .abZeroHead h2 span,
body.appleBusinessPage .abSecurity h2 span{
  display:inline-block;
  background:linear-gradient(90deg,#ffb36b 0%,#ff7a6f 26%,#7c6cff 62%,#4dc9ef 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body.appleBusinessPage .abSecurity h2 span{
  background:linear-gradient(90deg,#ff9b63 0%,#ff7b7b 34%,#b06bff 68%,#58c8ef 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* MDM cards: more uniform and icon-led */
body.appleBusinessPage .abFeatureColumns{grid-template-columns:repeat(3,1fr)!important;gap:18px!important}
body.appleBusinessPage .abFeatureColumns>div{
  padding:24px 20px 22px!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(246,252,255,.98))!important;
  border:1px solid rgba(95,186,221,.20)!important;
  box-shadow:0 18px 42px rgba(57,128,162,.09), inset 0 1px 0 rgba(255,255,255,.9)!important;
}
body.appleBusinessPage .abFeatureTop{justify-content:flex-start!important;gap:12px!important;margin-bottom:16px!important}
body.appleBusinessPage .abFeatureTop img{width:30px!important;height:30px!important;filter:drop-shadow(0 8px 18px rgba(74,157,194,.18))}
body.appleBusinessPage .abFeatureColumns h3{font-size:18px!important;text-align:left!important}
body.appleBusinessPage .abFeatureColumns p{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;
  justify-content:stretch!important;align-items:stretch!important;text-align:left!important;
}
body.appleBusinessPage .abFeatureColumns p span{
  min-height:86px; padding:12px 10px 10px!important; border-radius:18px!important;
  display:flex!important; flex-direction:column; align-items:center; justify-content:center; gap:8px;
  text-align:center!important; font-size:13px!important; line-height:1.15; font-weight:800;
  color:#214b63!important; background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(240,249,253,.95))!important;
  border:1px solid rgba(114,196,227,.18)!important; box-shadow:0 10px 24px rgba(63,131,162,.07), inset 0 1px 0 rgba(255,255,255,.82);
}
body.appleBusinessPage .abFeatureColumns p span:before{
  content:""; width:24px; height:24px; flex:0 0 24px; display:block; background-position:center; background-repeat:no-repeat; background-size:contain;
  filter:drop-shadow(0 6px 12px rgba(74,157,194,.16)); opacity:.95;
}
body.appleBusinessPage .featureDeploy p span:before{background-image:url('apple/ui/deployment.svg')}
body.appleBusinessPage .featureManage p span:before{background-image:url('apple/ui/management.svg')}
body.appleBusinessPage .featureProtect p span:before{background-image:url('apple/ui/security-card.svg')}
body.appleBusinessPage .featureDeploy p span{background:linear-gradient(180deg,#fff,#fbf6ff)!important}
body.appleBusinessPage .featureManage p span{background:linear-gradient(180deg,#fff,#f3fbff)!important}
body.appleBusinessPage .featureProtect p span{background:linear-gradient(180deg,#fff,#f7fff8)!important}
body.appleBusinessPage .abTechOpen{margin-top:16px!important;text-align:center;color:#7f97a6!important}

/* Zero-touch rail refinement */
body.appleBusinessPage .abTimeline{
  gap:8px!important; padding:20px 20px 18px!important; border-radius:26px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(239,249,253,.92))!important;
  border:1px solid rgba(102,191,223,.22)!important;
}
body.appleBusinessPage .abTimeline:before{
  height:10px!important; top:56%!important; left:18px!important; right:18px!important;
  background:linear-gradient(90deg,rgba(255,149,105,.18),rgba(232,102,145,.15),rgba(111,116,255,.15),rgba(69,192,244,.15),rgba(113,216,137,.18),rgba(255,194,94,.18))!important;
}
body.appleBusinessPage .abTimeline:after{
  top:10px!important; bottom:10px!important; width:26%!important; border-radius:20px!important;
  background:linear-gradient(90deg,rgba(255,176,139,.18),rgba(123,108,255,.16),rgba(75,199,239,.15),transparent 95%)!important;
}
body.appleBusinessPage .abTimeline span{min-height:46px!important;padding:10px 14px!important;font-size:12px!important;border-radius:14px!important}

/* Apple + Microsoft device chain */
body.appleBusinessPage .abMsDevice strong{gap:10px!important}
body.appleBusinessPage .abMsDevice strong span{
  position:relative; overflow:hidden; min-width:88px!important; padding:12px 16px!important; border-radius:999px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(233,247,255,.95))!important;
  border:1px solid rgba(104,190,223,.18)!important;
  box-shadow:0 14px 34px rgba(64,130,160,.08), inset 0 1px 0 rgba(255,255,255,.9)!important;
  animation:abFloatChip 5s ease-in-out infinite;
}
body.appleBusinessPage .abMsDevice strong span:nth-child(1){animation-delay:0s}
body.appleBusinessPage .abMsDevice strong span:nth-child(3){animation-delay:1s}
body.appleBusinessPage .abMsDevice strong span:nth-child(5){animation-delay:2s}
body.appleBusinessPage .abMsDevice strong i{
  position:relative!important; width:34px!important; height:4px!important; border-radius:999px!important;
  background:linear-gradient(90deg,rgba(76,200,239,.5),rgba(123,108,255,.65))!important; overflow:hidden;
}
body.appleBusinessPage .abMsDevice strong i:after{
  content:""; position:absolute; left:-10px; top:50%; transform:translateY(-50%); width:10px; height:10px; border-radius:50%;
  background:linear-gradient(135deg,#62ccf1,#7c6cff); box-shadow:0 0 0 4px rgba(98,204,241,.12),0 6px 14px rgba(77,139,187,.24);
  animation:abConnectorDot 3.6s linear infinite;
}
body.appleBusinessPage .abMsDevice strong i:nth-of-type(2):after{animation-delay:1.8s}
body.appleBusinessPage .abMsDevice small{margin-top:14px!important}

/* Security heading and support tone */
body.appleBusinessPage .abSecurityCard.identity h3 span,
body.appleBusinessPage .abSecurityCard.access h3 span{
  display:inline-block;background:linear-gradient(90deg,#ff9e69,#b56cff 55%,#57c8ef 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
}

/* Lifecycle: more glassy and colorful */
body.appleBusinessPage .abLifecycleFlow{padding-top:30px!important}
body.appleBusinessPage .abLifeItem{
  background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(241,250,254,.92))!important;
  border:1px solid rgba(97,188,220,.18)!important;
  box-shadow:0 18px 40px rgba(60,128,158,.08)!important;
}
body.appleBusinessPage .abLifeItem:before{background:linear-gradient(135deg,#4cc8ef,#7e6cff)!important}
body.appleBusinessPage .abLifeItem:nth-child(3n+1):before{background:linear-gradient(135deg,#ff9e63,#ff7a7a)!important}
body.appleBusinessPage .abLifeItem:nth-child(3n+2):before{background:linear-gradient(135deg,#4cc8ef,#67dfb0)!important}
body.appleBusinessPage .abLifeItem:nth-child(3n):before{background:linear-gradient(135deg,#7b6cff,#4ec2ef)!important}

@keyframes abConnectorDot{0%{left:-10px;opacity:0}10%{opacity:1}100%{left:calc(100% - 8px);opacity:1}}
@keyframes abFloatChip{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}

@media(max-width:1100px){
  body.appleBusinessPage .abFeatureColumns{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  body.appleBusinessPage .abFeatureColumns p{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.appleBusinessPage .abTimeline{padding:18px!important}
}


/* =========================
   V48 – Apple refinement
   ========================= */
body.appleBusinessPage .abZeroTouch .abZeroHead h2 .grad-zero-a{
  background:linear-gradient(90deg,#ffbc78 0%,#ff8a63 52%,#ff7a7d 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body.appleBusinessPage .abZeroTouch .abZeroHead h2 .grad-zero-b{
  background:linear-gradient(90deg,#ff9d6f 0%,#ff8074 45%,#b26cff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body.appleBusinessPage .abZeroTouch .abZeroHead h2 .grad-zero-c{
  background:linear-gradient(90deg,#ffb36b 0%,#ff7d73 36%,#856fff 68%,#53c9f0 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body.appleBusinessPage .abZeroTouch .abZeroHead h2 .grad-zero-a,
body.appleBusinessPage .abZeroTouch .abZeroHead h2 .grad-zero-b,
body.appleBusinessPage .abZeroTouch .abZeroHead h2 .grad-zero-c,
body.appleBusinessPage .abManager .abCopy h2 span,
body.appleBusinessPage .abMdmCopy h2 span,
body.appleBusinessPage .abMicrosoft .abSectionHead h2 span,
body.appleBusinessPage .abSecurity h2 span,
body.appleBusinessPage .abSupport .abCopy h2 span,
body.appleBusinessPage .abLifecycle .abSectionHead h2 span,
body.appleBusinessPage .abOffers .abSectionHead h2 span,
body.appleBusinessPage .abProcurement h2 span,
body.appleBusinessPage .abExpertise h2 span,
body.appleBusinessPage .abContact h2 span{
  display:inline-block;
}
body.appleBusinessPage .abManager .abCopy h2 span{
  background:linear-gradient(90deg,#5acaf0 0%,#7b6cff 52%,#ff8b79 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body.appleBusinessPage .abMdmCopy h2 span{
  background:linear-gradient(90deg,#52c9ef 0%,#7e6cff 42%,#ff946c 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body.appleBusinessPage .abMicrosoft .abSectionHead h2 span{
  background:linear-gradient(90deg,#59cef0 0%,#6f8cff 38%,#a66dff 68%,#ff9d77 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body.appleBusinessPage .abSecurity h2 span{
  background:linear-gradient(90deg,#ffab70 0%,#ff7b80 34%,#8a72ff 66%,#56caf0 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body.appleBusinessPage .abSupport .abCopy h2 span{
  background:linear-gradient(90deg,#ffb16b 0%,#ff816e 34%,#886fff 64%,#55caf0 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body.appleBusinessPage .abLifecycle .abSectionHead h2 span{
  background:linear-gradient(90deg,#58c9ef 0%,#7d6cff 48%,#ffa26e 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body.appleBusinessPage .abOffers .abSectionHead h2 span{
  background:linear-gradient(90deg,#ffa56d 0%,#ff7c7f 35%,#6d78ff 70%,#4ec7ef 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body.appleBusinessPage .abProcurement h2 span{
  background:linear-gradient(90deg,#56c8ef 0%,#76b5ff 34%,#9f74ff 66%,#ff956d 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body.appleBusinessPage .abExpertise h2 span{
  background:linear-gradient(90deg,#ffbe70 0%,#ff8d67 28%,#7d6cff 68%,#56c9ef 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body.appleBusinessPage .abContact h2 span{
  background:linear-gradient(90deg,#59c9ef 0%,#7d6cff 45%,#ff976e 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* Softer, glassier zero-touch flow */
body.appleBusinessPage .abZeroTouch{background:linear-gradient(180deg,#081722 0%,#0d2230 100%)!important}
body.appleBusinessPage .abTimeline{
  position:relative;gap:8px!important;margin-top:38px!important;padding:18px 22px!important;border-radius:28px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(239,249,253,.14))!important;
  border:1px solid rgba(255,255,255,.16)!important;backdrop-filter:blur(18px);overflow:auto;isolation:isolate;
}
body.appleBusinessPage .abTimeline::before{
  content:"";position:absolute;inset:10px;border-radius:22px;background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
  pointer-events:none;z-index:0;
}
body.appleBusinessPage .abTimeline::after{
  content:"";position:absolute;top:10px;bottom:10px;left:-22%;width:32%;border-radius:999px;
  background:radial-gradient(circle at center,rgba(255,255,255,.7) 0,rgba(255,255,255,.28) 28%,rgba(255,255,255,.07) 56%,transparent 72%);
  filter:blur(6px);mix-blend-mode:screen;pointer-events:none;z-index:1;animation:abTimelineGlowSweep 5.8s ease-in-out infinite;
}
body.appleBusinessPage .abTimeline span,
body.appleBusinessPage .abTimeline b{position:relative;z-index:2}
body.appleBusinessPage .abTimeline span{
  min-height:42px!important;padding:10px 13px!important;border-radius:14px!important;font-size:12px!important;font-weight:850!important;
  color:#ffffff!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.36),0 10px 24px rgba(17,49,67,.16)!important;
  backdrop-filter:blur(14px);background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(255,255,255,.09))!important;
}
body.appleBusinessPage .abTimeline span:nth-of-type(1){background:linear-gradient(135deg,rgba(255,166,111,.54),rgba(255,112,122,.42))!important}
body.appleBusinessPage .abTimeline span:nth-of-type(2){background:linear-gradient(135deg,rgba(255,140,118,.52),rgba(231,92,141,.42))!important}
body.appleBusinessPage .abTimeline span:nth-of-type(3){background:linear-gradient(135deg,rgba(164,121,255,.48),rgba(111,116,255,.42))!important}
body.appleBusinessPage .abTimeline span:nth-of-type(4){background:linear-gradient(135deg,rgba(110,161,255,.48),rgba(77,189,244,.42))!important}
body.appleBusinessPage .abTimeline span:nth-of-type(5){background:linear-gradient(135deg,rgba(72,145,248,.5),rgba(56,114,224,.44))!important}
body.appleBusinessPage .abTimeline span:nth-of-type(6){background:linear-gradient(135deg,rgba(72,201,239,.46),rgba(74,218,174,.40))!important}
body.appleBusinessPage .abTimeline span:nth-of-type(7){background:linear-gradient(135deg,rgba(67,208,177,.46),rgba(126,213,108,.40))!important}
body.appleBusinessPage .abTimeline span:nth-of-type(8){background:linear-gradient(135deg,rgba(151,208,89,.46),rgba(209,197,88,.40))!important}
body.appleBusinessPage .abTimeline span:nth-of-type(9){background:linear-gradient(135deg,rgba(112,160,255,.52),rgba(123,108,255,.46))!important}
body.appleBusinessPage .abTimeline span.active{background:linear-gradient(135deg,rgba(82,201,239,.55),rgba(122,108,255,.52))!important;color:#fff!important}
body.appleBusinessPage .abTimeline b{color:rgba(255,255,255,.48)!important;font-size:12px!important}

/* MDM cards: no top icons, uniform widths, vertical chips */
body.appleBusinessPage .abFeatureColumns{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;gap:18px!important}
body.appleBusinessPage .abFeatureColumns>div{display:flex!important;flex-direction:column!important;min-height:100%!important;padding:22px 18px!important;border-radius:24px!important}
body.appleBusinessPage .abFeatureTop img{display:none!important}
body.appleBusinessPage .abFeatureTop{margin-bottom:14px!important;justify-content:center!important}
body.appleBusinessPage .abFeatureColumns h3{text-align:center!important;font-size:22px!important}
body.appleBusinessPage .abFeatureColumns p{display:flex!important;flex-direction:column!important;gap:10px!important;margin-top:4px!important}
body.appleBusinessPage .abFeatureColumns p span{
  width:100%!important;max-width:none!important;min-height:48px!important;padding:12px 14px!important;border-radius:16px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;
  font-size:14px!important;font-weight:800!important;color:#214a62!important;
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(241,248,252,.94))!important;
  border:1px solid rgba(103,188,221,.18)!important;box-shadow:0 8px 22px rgba(69,136,167,.06), inset 0 1px 0 rgba(255,255,255,.85)!important;
}
body.appleBusinessPage .abFeatureColumns p span:before,
body.appleBusinessPage .abFeatureColumns p span:after{display:none!important;content:none!important}
body.appleBusinessPage .featureDeploy p span{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,247,249,.95))!important}
body.appleBusinessPage .featureManage p span{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(243,250,255,.95))!important}
body.appleBusinessPage .featureProtect p span{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,255,247,.95))!important}

/* Apple + Microsoft device chain cleaner and more animated */
body.appleBusinessPage .abMsDevice{padding:26px 22px!important}
body.appleBusinessPage .abMsDevice strong{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;flex-wrap:nowrap!important;font-size:0!important;overflow:hidden;
}
body.appleBusinessPage .abMsDevice strong span{
  min-width:92px!important;padding:12px 16px!important;border-radius:999px!important;white-space:nowrap;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(232,246,255,.95))!important;border:1px solid rgba(104,190,223,.20)!important;
  box-shadow:0 14px 34px rgba(64,130,160,.08), inset 0 1px 0 rgba(255,255,255,.92)!important;
  color:#123a53!important;font-size:16px!important;font-weight:850!important;position:relative;
}
body.appleBusinessPage .abMsDevice strong span::after{
  content:"";position:absolute;inset:-1px;border-radius:999px;padding:1px;background:linear-gradient(135deg,rgba(77,202,239,.55),rgba(126,108,255,.55));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.55;
}
body.appleBusinessPage .abMsDevice strong i{display:block!important;position:relative!important;width:44px!important;height:5px!important;border-radius:999px!important;background:linear-gradient(90deg,rgba(87,201,239,.45),rgba(123,108,255,.55))!important;overflow:hidden}
body.appleBusinessPage .abMsDevice strong i:after{
  content:""!important;position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;
  background:linear-gradient(135deg,#ffd06d,#7d6cff);box-shadow:0 0 0 4px rgba(125,108,255,.10),0 6px 16px rgba(72,133,180,.24);animation:abConnectorDot 3.4s linear infinite;
}
body.appleBusinessPage .abMsDevice strong i:nth-of-type(2):after{animation-delay:1.7s}
body.appleBusinessPage .abMsStatement{color:#bceefd!important}

/* Support / procurement / contact cards a little more alive */
body.appleBusinessPage .abSupportCard{background:linear-gradient(145deg,#ffffff,#f4fbfe)!important}
body.appleBusinessPage .abProcurementGrid, body.appleBusinessPage .abContactInner{
  position:relative; overflow:hidden; border-radius:30px;
}
body.appleBusinessPage .abContactInner{padding:34px 38px!important;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(240,250,255,.96))!important;border:1px solid rgba(96,187,221,.18)!important;box-shadow:0 22px 52px rgba(52,118,150,.08)!important}

@keyframes abTimelineGlowSweep{0%{left:-24%;opacity:.0}8%{opacity:1}50%{left:36%;opacity:.9}100%{left:96%;opacity:0}}
@keyframes abConnectorDot{0%{left:-10px;opacity:0}8%{opacity:1}100%{left:calc(100% - 8px);opacity:1}}

@media(max-width:1100px){
  body.appleBusinessPage .abFeatureColumns{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  body.appleBusinessPage .abMsDevice strong{flex-wrap:wrap!important;justify-content:center!important}
  body.appleBusinessPage .abMsDevice strong i{width:28px!important}
}

/* =========================
   V49 – Apple page light cleanup
   ========================= */
body.appleBusinessPage .abZeroTouch{
  background:
    radial-gradient(circle at 12% 18%, rgba(255,178,112,.14), transparent 24%),
    radial-gradient(circle at 82% 26%, rgba(93,207,243,.14), transparent 28%),
    linear-gradient(180deg,#f8fcff 0%,#eef8fd 100%)!important;
  color:#153b55!important;
}
body.appleBusinessPage .abZeroHead h2{color:#153b55!important}
body.appleBusinessPage .abZeroHead>p{color:#6d8798!important}
body.appleBusinessPage .abZeroTouch .abEyebrow{color:#49bde6!important}
body.appleBusinessPage .abZeroTouch .abZeroHead h2 .grad-zero-a{
  background:linear-gradient(90deg,#ffb96f 0%,#ff9867 44%,#ff816f 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body.appleBusinessPage .abZeroTouch .abZeroHead h2 .grad-zero-b{
  background:linear-gradient(90deg,#ff9d67 0%,#ff8074 35%,#bd6bff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body.appleBusinessPage .abZeroTouch .abZeroHead h2 .grad-zero-c{
  background:linear-gradient(90deg,#ffb870 0%,#ff9369 34%,#8a74ff 66%,#55c9ef 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body.appleBusinessPage .abTimeline{
  position:relative;
  margin-top:34px!important;
  padding:16px 18px!important;
  gap:8px!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(236,248,253,.96))!important;
  border:1px solid rgba(100,190,223,.20)!important;
  box-shadow:0 18px 44px rgba(56,127,160,.08), inset 0 1px 0 rgba(255,255,255,.88)!important;
  backdrop-filter:blur(16px);
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  isolation:isolate;
}
body.appleBusinessPage .abTimeline::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
body.appleBusinessPage .abTimeline::before{
  content:"";position:absolute;left:14px;right:14px;top:50%;height:14px;transform:translateY(-50%);
  border-radius:999px;
  background:linear-gradient(90deg,rgba(255,169,117,.10),rgba(230,118,149,.08),rgba(120,110,255,.08),rgba(84,200,240,.08),rgba(103,216,136,.10));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);
  z-index:0;pointer-events:none;
}
body.appleBusinessPage .abTimeline::after{
  content:"";position:absolute;top:8px;bottom:8px;left:-24%;width:28%;border-radius:999px;
  background:radial-gradient(circle at center,rgba(255,255,255,.96) 0,rgba(255,255,255,.45) 24%,rgba(255,255,255,.16) 52%,transparent 74%);
  filter:blur(3px);opacity:.9;pointer-events:none;z-index:1;
  animation:abTimelineGlowSweepLight 6.6s ease-in-out infinite;
}
body.appleBusinessPage .abTimeline span,
body.appleBusinessPage .abTimeline b{position:relative;z-index:2}
body.appleBusinessPage .abTimeline span{
  min-height:42px!important;padding:10px 14px!important;border-radius:14px!important;white-space:nowrap;
  color:#ffffff!important;border:1px solid rgba(255,255,255,.7)!important;
  box-shadow:0 10px 24px rgba(58,127,160,.08), inset 0 1px 0 rgba(255,255,255,.46)!important;
  backdrop-filter:blur(12px);
}
body.appleBusinessPage .abTimeline span:nth-of-type(1){background:linear-gradient(135deg,rgba(255,169,117,.88),rgba(255,136,111,.74))!important}
body.appleBusinessPage .abTimeline span:nth-of-type(2){background:linear-gradient(135deg,rgba(255,154,116,.86),rgba(236,111,144,.72))!important}
body.appleBusinessPage .abTimeline span:nth-of-type(3){background:linear-gradient(135deg,rgba(170,125,255,.84),rgba(118,118,255,.72))!important}
body.appleBusinessPage .abTimeline span:nth-of-type(4){background:linear-gradient(135deg,rgba(122,170,255,.84),rgba(87,194,247,.72))!important}
body.appleBusinessPage .abTimeline span:nth-of-type(5){background:linear-gradient(135deg,rgba(85,152,248,.86),rgba(72,113,232,.72))!important}
body.appleBusinessPage .abTimeline span:nth-of-type(6){background:linear-gradient(135deg,rgba(95,210,241,.82),rgba(84,221,180,.70))!important}
body.appleBusinessPage .abTimeline span:nth-of-type(7){background:linear-gradient(135deg,rgba(93,212,176,.82),rgba(132,220,111,.70))!important}
body.appleBusinessPage .abTimeline span:nth-of-type(8){background:linear-gradient(135deg,rgba(170,213,95,.84),rgba(214,198,88,.72))!important}
body.appleBusinessPage .abTimeline span:nth-of-type(9),
body.appleBusinessPage .abTimeline span.active{background:linear-gradient(135deg,rgba(112,162,255,.88),rgba(123,108,255,.78))!important}
body.appleBusinessPage .abTimeline b{color:#8ab0c3!important;font-size:12px!important}

body.appleBusinessPage .abMdm{background:linear-gradient(180deg,#f4fbfe 0%,#eef9fd 100%)!important}
body.appleBusinessPage .abMdmCopy h2 span{
  background:linear-gradient(90deg,#ffb56f 0%,#ff8f68 30%,#7d6cff 70%,#52c8ef 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body.appleBusinessPage .abFeatureColumns{align-items:stretch!important;gap:18px!important}
body.appleBusinessPage .abFeatureColumns>div{
  display:flex!important;flex-direction:column!important;min-height:100%!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(243,250,254,.96))!important;
}
body.appleBusinessPage .abFeatureColumns p{display:flex!important;flex-direction:column!important;gap:10px!important}
body.appleBusinessPage .abFeatureColumns p span{
  width:100%!important;min-height:48px!important;max-width:none!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,249,252,.96))!important;
  border:1px solid rgba(104,190,223,.16)!important;
  box-shadow:0 8px 20px rgba(60,128,160,.06), inset 0 1px 0 rgba(255,255,255,.92)!important;
  color:#214c63!important;
}
body.appleBusinessPage .featureDeploy p span{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,247,246,.96))!important}
body.appleBusinessPage .featureManage p span{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(241,248,255,.96))!important}
body.appleBusinessPage .featureProtect p span{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(245,252,246,.96))!important}

body.appleBusinessPage .abSupport .abCopy h2 span{display:inline;background:linear-gradient(90deg,#ffb36e 0%,#ff8a6b 34%,#7f6cff 66%,#53c8ef 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

body.appleBusinessPage .abOfferLayout{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
body.appleBusinessPage .abOfferMain,
body.appleBusinessPage .abOfferSmall{
  grid-row:auto!important;min-height:300px!important;padding:32px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(240,249,254,.96))!important;
  color:#163b54!important;
}
body.appleBusinessPage .abOfferMain h3,
body.appleBusinessPage .abOfferSmall h3{font-size:40px!important;color:#163b54!important}
body.appleBusinessPage .abOfferMain p,
body.appleBusinessPage .abOfferSmall p,
body.appleBusinessPage .abOfferWide p{color:#6d8898!important}
body.appleBusinessPage .abOfferMain small,
body.appleBusinessPage .abOfferSmall small{color:#7692a3!important}
body.appleBusinessPage .abOfferWide{grid-column:1/-1!important;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(241,250,254,.96))!important}

body.appleBusinessPage .abProcurementDevices{
  background:radial-gradient(circle at 65% 40%,#def6fd 0%,#f6fbfd 68%)!important;
}
/* Legacy img:first-child/img:last-child sizing rules removed here (V82 cleanup) —
   they were left over from an older layout and, due to higher CSS specificity than
   the newer .device-ipad / .phone-single rules, silently forced the iPhone image
   back down to 46% width no matter what later overrides tried to set. */

body.appleBusinessPage .abProcurement h2 span{
  background:linear-gradient(90deg,#ffb16e 0%,#ff8c6c 30%,#806cff 68%,#53c9ef 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

body.appleBusinessPage .abMicrosoft .abSectionHead h2 span{
  background:linear-gradient(90deg,#56c9ef 0%,#75b6ff 35%,#a06fff 66%,#ff9a71 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body.appleBusinessPage .abMsDevice strong span:nth-of-type(1){background:linear-gradient(145deg,rgba(237,247,255,.98),rgba(225,242,255,.95))!important}
body.appleBusinessPage .abMsDevice strong span:nth-of-type(3){background:linear-gradient(145deg,rgba(245,240,255,.98),rgba(233,239,255,.95))!important}
body.appleBusinessPage .abMsDevice strong span:nth-of-type(5){background:linear-gradient(145deg,rgba(255,244,236,.98),rgba(255,239,231,.95))!important}
body.appleBusinessPage .abMsDevice strong span::after{opacity:.72!important}

body.appleBusinessPage .abLifecycle .abSectionHead h2 span,
body.appleBusinessPage .abContact h2 span,
body.appleBusinessPage .abExpertise h2 span,
body.appleBusinessPage .abOffers .abSectionHead h2 span,
body.appleBusinessPage .abStatement h2 span,
body.appleBusinessPage .abSecurity h2 span{
  display:inline-block;
}
body.appleBusinessPage .abLifecycle .abSectionHead h2 span{background:linear-gradient(90deg,#59c9ef 0%,#7d6cff 44%,#ffa46f 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
body.appleBusinessPage .abOffers .abSectionHead h2 span{background:linear-gradient(90deg,#ffac70 0%,#ff7f79 35%,#7e6cff 66%,#57c8ef 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
body.appleBusinessPage .abExpertise h2 span{background:linear-gradient(90deg,#56c9ef 0%,#7a6dff 45%,#ff9b70 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
body.appleBusinessPage .abContact h2 span{background:linear-gradient(90deg,#ffb270 0%,#ff8b6c 35%,#806dff 65%,#58c9ef 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

@keyframes abTimelineGlowSweepLight{0%{left:-26%;opacity:0}10%{opacity:1}52%{left:38%;opacity:.95}100%{left:98%;opacity:0}}
@keyframes abPhoneHover{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

@media(max-width:1100px){
  body.appleBusinessPage .abOfferLayout{grid-template-columns:1fr!important}
  body.appleBusinessPage .abOfferMain,
  body.appleBusinessPage .abOfferSmall,
  body.appleBusinessPage .abOfferWide{min-height:unset!important}
}
@media(max-width:760px){
  body.appleBusinessPage .abTimeline{padding:16px!important}
  body.appleBusinessPage .abTimeline span{font-size:11px!important}
}
body.appleBusinessPage .abStatement h2 span{
  background:linear-gradient(90deg,#ffb36f 0%,#ff8e68 34%,#9d70ff 70%,#55caef 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body.appleBusinessPage .abManager .abCopy h2 span{
  background:linear-gradient(90deg,#ffb56f 0%,#ff8f69 30%,#7c6cff 66%,#57c9ef 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}


/* =========================
   V50 – Apple light refinement, procurement cleanup and homepage polish
   ========================= */
body.appleBusinessPage .abZeroTouch{
  background:linear-gradient(180deg,#f8fcff 0%,#eff8fd 100%)!important;
  color:#153b54!important;
}
body.appleBusinessPage .abZeroHead>p{color:#6d8798!important}
body.appleBusinessPage .abZeroHead h2 .grad-zero-a,
body.appleBusinessPage .abZeroHead h2 .grad-zero-b,
body.appleBusinessPage .abZeroHead h2 .grad-zero-c{
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body.appleBusinessPage .abZeroHead h2 .grad-zero-a{
  background:linear-gradient(135deg,#d97822 0%,#f09539 100%)!important;
}
body.appleBusinessPage .abZeroHead h2 .grad-zero-b{
  background:linear-gradient(135deg,#ec8e3a 0%,#f4af57 100%)!important;
}
body.appleBusinessPage .abZeroHead h2 .grad-zero-c{
  background:linear-gradient(135deg,#f3a64b 0%,#ffd36d 100%)!important;
}
body.appleBusinessPage .abTimeline{
  background:linear-gradient(145deg,#ffffff,#f3fbff)!important;
  border:1px solid rgba(95,184,220,.18)!important;
  box-shadow:0 20px 54px rgba(54,126,160,.08)!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
body.appleBusinessPage .abTimeline::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
body.appleBusinessPage .abTimeline:before{
  height:4px!important;left:28px!important;right:28px!important;opacity:.18!important;
  background:linear-gradient(90deg,rgba(242,158,90,.55),rgba(243,140,100,.55),rgba(123,108,255,.45),rgba(89,211,247,.45),rgba(133,218,110,.45))!important;
  background-size:100% 100%!important;
  animation:none!important;
}
body.appleBusinessPage .abTimeline:after{
  top:50%!important;left:28px!important;width:110px!important;height:110px!important;transform:translateY(-50%)!important;
  border-radius:999px!important;
  background:radial-gradient(circle,rgba(255,255,255,.82) 0%,rgba(255,255,255,.34) 42%,rgba(255,255,255,0) 74%)!important;
  box-shadow:none!important;filter:blur(2px)!important;animation:abSoftFlow 6.8s ease-in-out infinite!important;
}
body.appleBusinessPage .abTimeline span{
  backdrop-filter:blur(10px)!important;
  color:#33566a!important;
  border:1px solid rgba(255,255,255,.58)!important;
  box-shadow:0 10px 24px rgba(54,126,160,.08), inset 0 1px 0 rgba(255,255,255,.78)!important;
}
body.appleBusinessPage .abTimeline span:before{opacity:.45!important}
body.appleBusinessPage .abTimeline span:nth-of-type(1){background:linear-gradient(135deg,rgba(255,169,117,.62),rgba(255,136,111,.56))!important}
body.appleBusinessPage .abTimeline span:nth-of-type(2){background:linear-gradient(135deg,rgba(255,154,116,.60),rgba(236,111,144,.52))!important}
body.appleBusinessPage .abTimeline span:nth-of-type(3){background:linear-gradient(135deg,rgba(170,125,255,.58),rgba(118,118,255,.50))!important}
body.appleBusinessPage .abTimeline span:nth-of-type(4){background:linear-gradient(135deg,rgba(122,170,255,.56),rgba(87,194,247,.48))!important}
body.appleBusinessPage .abTimeline span:nth-of-type(5){background:linear-gradient(135deg,rgba(85,152,248,.58),rgba(72,113,232,.50))!important}
body.appleBusinessPage .abTimeline span:nth-of-type(6){background:linear-gradient(135deg,rgba(95,210,241,.54),rgba(84,221,180,.46))!important}
body.appleBusinessPage .abTimeline span:nth-of-type(7){background:linear-gradient(135deg,rgba(93,212,176,.54),rgba(132,220,111,.46))!important}
body.appleBusinessPage .abTimeline span:nth-of-type(8){background:linear-gradient(135deg,rgba(170,213,95,.56),rgba(214,198,88,.50))!important}
body.appleBusinessPage .abTimeline span:nth-of-type(9){background:linear-gradient(135deg,rgba(112,160,255,.58),rgba(123,108,255,.52))!important}

body.appleBusinessPage .abOfferLayout{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
body.appleBusinessPage .abOfferMain,
body.appleBusinessPage .abOfferSmall,
body.appleBusinessPage .abOfferWide{
  grid-row:auto!important;
  min-height:260px!important;
  display:flex!important;flex-direction:column!important;justify-content:space-between!important;
}
body.appleBusinessPage .abOfferMain{
  background:linear-gradient(145deg,#fafdff,#eef8fe)!important;
  color:#163b54!important;
  border:1px solid rgba(95,184,220,.18)!important;
  box-shadow:0 20px 48px rgba(54,126,160,.09)!important;
}
body.appleBusinessPage .abOfferMain span,
body.appleBusinessPage .abOfferMain h3,
body.appleBusinessPage .abOfferMain small,
body.appleBusinessPage .abOfferMain p{color:inherit!important}
body.appleBusinessPage .abOfferMain .abPrimary{align-self:flex-start}

body.appleBusinessPage .abProcurement{background:linear-gradient(180deg,#fff,#f8fcff)!important}
body.appleBusinessPage .abProcurement h2{max-width:640px!important}
body.appleBusinessPage .abProcurement h2 span{
  background:linear-gradient(135deg,#ffb36e 0%,#ff8f73 48%,#f06f8e 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
}
body.appleBusinessPage .abProcurementGrid{align-items:center!important;gap:44px!important}
body.appleBusinessPage .abProcurementDevices{display:flex!important;justify-content:center!important;align-items:center!important;min-height:440px!important}
body.appleBusinessPage .abProcurementPlate{
  position:relative;display:flex;align-items:center;justify-content:center;gap:28px;
  width:min(100%,620px);min-height:360px;padding:28px 28px 18px;border-radius:34px;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(243,250,255,.94));
  border:1px solid rgba(102,189,221,.18);box-shadow:0 24px 60px rgba(55,129,162,.10);
}
body.appleBusinessPage .abProcurementPlate:before{
  content:"";position:absolute;inset:12px;border-radius:26px;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.76),rgba(255,255,255,.24));border:1px solid rgba(255,255,255,.56);
}
body.appleBusinessPage .abProcurementPlate>*{position:relative;z-index:1}
body.appleBusinessPage .abProcurementPlate .device-ipad{
  width:min(54%,280px)!important;height:auto!important;object-fit:contain!important;
  filter:drop-shadow(0 18px 30px rgba(60,125,158,.16));transform:translateY(-4px) rotate(-6deg);
}
body.appleBusinessPage .abProcurementPhones{position:relative;width:min(36%,210px);height:290px;display:flex;align-items:center;justify-content:center}
body.appleBusinessPage .abProcurementPhones img{
  position:absolute;width:56%;height:auto;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(60,125,158,.16));
}
body.appleBusinessPage .abProcurementPhones .phone-one{left:6%;bottom:20px;animation:abPhoneFloatA 5.8s ease-in-out infinite}
body.appleBusinessPage .abProcurementPhones .phone-two{right:2%;top:18px;transform:scale(.96);animation:abPhoneFloatB 6.2s ease-in-out infinite}

body.appleBusinessPage .abSupport h2 span,
body.appleBusinessPage .abContact h2 span,
body.appleBusinessPage .abExpertise h2 span,
body.appleBusinessPage .abStatement h2 span,
body.appleBusinessPage .abLifecycle .abSectionHead h2 span{
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body.appleBusinessPage .abSupport h2 span{
  background:linear-gradient(135deg,#57c7eb 0%,#7c6cff 48%,#52dcc7 100%)!important;
}
body.appleBusinessPage .abContact h2 span{
  background:linear-gradient(135deg,#ffb36d 0%,#ff8f72 52%,#ef728d 100%)!important;
}
body.appleBusinessPage .abExpertise h2 span{
  background:linear-gradient(135deg,#65ccef 0%,#5d88ff 48%,#7a6cff 100%)!important;
}
body.appleBusinessPage .abLifecycle .abSectionHead h2 span{
  background:linear-gradient(135deg,#55c9ef 0%,#75adff 52%,#49d8cf 100%)!important;
}

body.appleBusinessPage .abMsCanvas{
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(241,250,255,.92))!important;
  border:1px solid rgba(99,188,220,.16)!important;box-shadow:0 22px 54px rgba(54,126,160,.08)!important;
}
body.appleBusinessPage .abMsLine{background:linear-gradient(90deg,rgba(93,202,239,.25),rgba(123,108,255,.24))!important}
body.appleBusinessPage .abMsDevice{min-height:160px!important}
body.appleBusinessPage .abMsDevice strong span{min-width:0!important}

.hero{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 12% 18%,rgba(87,201,239,.13),transparent 26%),
    radial-gradient(circle at 88% 20%,rgba(123,108,255,.10),transparent 24%),
    linear-gradient(180deg,#f7fcff 0%,#edf8fd 100%);
}
.hero:before,
.hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(8px)}
.hero:before{width:280px;height:280px;left:-90px;top:90px;background:radial-gradient(circle,rgba(87,201,239,.18),transparent 68%)}
.hero:after{width:320px;height:320px;right:-110px;bottom:-90px;background:radial-gradient(circle,rgba(123,108,255,.12),transparent 68%)}
.heroGrid{position:relative;z-index:1}
.heroGlassNote{background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(239,248,255,.72))!important;border:1px solid rgba(93,184,219,.16)!important;box-shadow:0 20px 50px rgba(54,126,160,.09)!important}
.worldCard{position:relative;overflow:hidden}
.worldCard:after{content:"";position:absolute;inset:auto -20% -25% auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(94,203,240,.16),transparent 68%);pointer-events:none}
.appleHomeFeature{
  position:relative;
  background:linear-gradient(180deg,#f6fbfe 0%,#eef9fe 100%)!important;
}
.appleHomeFeature:before{content:"";position:absolute;left:-110px;top:60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,182,106,.12),transparent 70%);filter:blur(8px);pointer-events:none}
.appleHomeFeature:after{content:"";position:absolute;right:-120px;bottom:40px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(86,210,237,.14),transparent 70%);filter:blur(8px);pointer-events:none}
.appleHomeCopy h2 span{background:linear-gradient(135deg,#57c7eb 0%,#7a6cff 48%,#53dcc7 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.appleHomeVisual{background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(239,249,255,.88))!important;border:1px solid rgba(102,189,221,.16)!important;box-shadow:0 24px 60px rgba(54,126,160,.10)!important}

@keyframes abSoftFlow{0%{left:18px;opacity:.75}50%{opacity:1}100%{left:calc(100% - 128px);opacity:.75}}
@keyframes abPhoneFloatA{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-14px) rotate(-5deg)}}
@keyframes abPhoneFloatB{0%,100%{transform:translateY(0) scale(.96) rotate(5deg)}50%{transform:translateY(12px) scale(.96) rotate(3deg)}}

@media(max-width:980px){
  body.appleBusinessPage .abOfferLayout{grid-template-columns:1fr!important}
  body.appleBusinessPage .abProcurementPlate{gap:18px;min-height:320px;padding:24px}
  body.appleBusinessPage .abProcurementPhones{width:44%;height:250px}
}
@media(max-width:760px){
  body.appleBusinessPage .abProcurementGrid{gap:28px!important}
  body.appleBusinessPage .abProcurementDevices{min-height:320px!important}
  body.appleBusinessPage .abProcurementPlate{flex-direction:column;min-height:auto;padding:22px 20px}
  body.appleBusinessPage .abProcurementPlate .device-ipad{width:min(86%,280px)!important;transform:none!important}
  body.appleBusinessPage .abProcurementPhones{width:100%;height:210px}
  body.appleBusinessPage .abProcurementPhones img{width:42%}
  body.appleBusinessPage .abZeroHead h2{font-size:clamp(40px,9vw,58px)!important}
}

/* =========================
   V51 – hotfix gradient-text bars + visible but clean motion
   ========================= */
/* IMPORTANT: keep gradient on the glyphs only; never paint a rectangular span. */
body.appleBusinessPage .abHeroCopy h1 span,
body.appleBusinessPage .abStatement h2 span,
body.appleBusinessPage .abDevices .abSectionHead h2 span,
body.appleBusinessPage .abManager .abCopy h2 span,
body.appleBusinessPage .abZeroHead h2 span,
body.appleBusinessPage .abMdmCopy h2 span,
body.appleBusinessPage .abMicrosoft .abSectionHead h2 span,
body.appleBusinessPage .abSecurity h2 span,
body.appleBusinessPage .abSupport h2 span,
body.appleBusinessPage .abLifecycle .abSectionHead h2 span,
body.appleBusinessPage .abOffers .abSectionHead h2 span,
body.appleBusinessPage .abProcurement h2 span,
body.appleBusinessPage .abExpertise h2 span,
body.appleBusinessPage .abContact h2 span,
.appleHomeCopy h2 span{
  background-color:transparent!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}

/* Re-declare as background-image so background-clip is not reset by shorthand. */
body.appleBusinessPage .abHeroCopy h1 span{background-image:linear-gradient(135deg,#51c7f0 0%,#7a6bff 52%,#49d7d0 100%)!important}
body.appleBusinessPage .abStatement h2 span{background-image:linear-gradient(135deg,#ffb36f 0%,#ff8e68 44%,#ef728b 100%)!important}
body.appleBusinessPage .abDevices .abSectionHead h2 span{background-image:linear-gradient(135deg,#60cbef 0%,#7c6cff 48%,#52dcc6 100%)!important}
body.appleBusinessPage .abManager .abCopy h2 span{background-image:linear-gradient(90deg,#ffb56f 0%,#ff8f69 30%,#7c6cff 66%,#57c9ef 100%)!important}
body.appleBusinessPage .abZeroHead h2 .grad-zero-a{background-image:linear-gradient(135deg,#d97822 0%,#e98a2f 100%)!important}
body.appleBusinessPage .abZeroHead h2 .grad-zero-b{background-image:linear-gradient(135deg,#e98c36 0%,#f0a148 100%)!important}
body.appleBusinessPage .abZeroHead h2 .grad-zero-c{background-image:linear-gradient(135deg,#f3a64b 0%,#ffd36d 100%)!important}
body.appleBusinessPage .abMdmCopy h2 span{background-image:linear-gradient(90deg,#ffb56f 0%,#ff8f68 30%,#7d6cff 70%,#52c8ef 100%)!important}
body.appleBusinessPage .abMicrosoft .abSectionHead h2 span{background-image:linear-gradient(90deg,#56c9ef 0%,#75b6ff 35%,#a06fff 66%,#ff9a71 100%)!important}
body.appleBusinessPage .abSecurity h2 span{background-image:linear-gradient(90deg,#ffab70 0%,#ff7b80 34%,#8a72ff 66%,#56caf0 100%)!important}
body.appleBusinessPage .abSupport h2 span{background-image:linear-gradient(135deg,#57c7eb 0%,#7c6cff 48%,#52dcc7 100%)!important}
body.appleBusinessPage .abLifecycle .abSectionHead h2 span{background-image:linear-gradient(135deg,#55c9ef 0%,#75adff 52%,#49d8cf 100%)!important}
body.appleBusinessPage .abOffers .abSectionHead h2 span{background-image:linear-gradient(90deg,#ffac70 0%,#ff7f79 35%,#7e6cff 66%,#57c8ef 100%)!important}
body.appleBusinessPage .abProcurement h2 span{background-image:linear-gradient(135deg,#ffb36e 0%,#ff8f73 48%,#f06f8e 100%)!important}
body.appleBusinessPage .abExpertise h2 span{background-image:linear-gradient(135deg,#65ccef 0%,#5d88ff 48%,#7a6cff 100%)!important}
body.appleBusinessPage .abContact h2 span{background-image:linear-gradient(135deg,#ffb36d 0%,#ff8f72 52%,#ef728d 100%)!important}
.appleHomeCopy h2 span{background-image:linear-gradient(135deg,#57c7eb 0%,#7a6cff 48%,#53dcc7 100%)!important}

/* Make sure the support headline stays normal text flow, not a block/bar. */
body.appleBusinessPage .abSupport h2 span,
body.appleBusinessPage .abContact h2 span,
body.appleBusinessPage .abProcurement h2 span{display:inline!important;padding:0!important;border:0!important;box-shadow:none!important}

/* V75: remove any stray paint/halo around the Apple Support headline accent. */
body.appleBusinessPage .abSupport .abCopy h2,
body.appleBusinessPage .abSupport .abCopy h2 span{
  filter:none!important;
  text-shadow:none!important;
}
body.appleBusinessPage .abSupport .abCopy h2 span{
  background:linear-gradient(90deg,#57c7eb 0%,#7c6cff 50%,#52dcc7 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}
body.appleBusinessPage .abSupport .abCopy h2 span::before,
body.appleBusinessPage .abSupport .abCopy h2 span::after{content:none!important}

/* Homepage: visible ambient motion, still light and calm. */
.hero.videoReady:before{
  animation:suAmbientLeft 8.5s ease-in-out infinite alternate!important;
}
.hero.videoReady:after{
  animation:suAmbientRight 10s ease-in-out infinite alternate!important;
}
.hero.videoReady .heroWash{
  background:
    linear-gradient(90deg,rgba(244,251,255,.55) 0%,rgba(244,251,255,.28) 44%,rgba(210,240,255,.08) 100%),
    radial-gradient(circle at 78% 24%,rgba(134,223,255,.2),transparent 36%),
    radial-gradient(circle at 18% 70%,rgba(124,108,255,.06),transparent 32%)!important;
}
.heroGlassNote{animation:suGlassBreathe 6s ease-in-out infinite!important}

/* Overview pages: more life without changing layout/content. */
.overviewPage .pageHero{position:relative;overflow:hidden;isolation:isolate}
.overviewPage .pageHero:before,
.overviewPage .pageHero:after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:-1;filter:blur(6px)}
.overviewPage .pageHero:before{width:320px;height:320px;right:-80px;top:-120px;background:radial-gradient(circle,rgba(87,201,239,.20),transparent 68%);animation:suOverviewOrbA 8s ease-in-out infinite alternate}
.overviewPage .pageHero:after{width:260px;height:260px;left:-80px;bottom:-130px;background:radial-gradient(circle,rgba(123,108,255,.10),transparent 68%);animation:suOverviewOrbB 9.5s ease-in-out infinite alternate}
.overviewPage .serviceCard:before{
  content:"";position:absolute;z-index:3;top:-35%;left:-55%;width:38%;height:170%;
  transform:skewX(-22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);opacity:0;pointer-events:none;
}
.overviewPage .serviceCard:hover:before{opacity:1;animation:suCardSweep .9s ease-out both}
.overviewPage .ctaBand{position:relative;overflow:hidden}
.overviewPage .ctaBand:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-90px;top:-90px;background:radial-gradient(circle,rgba(87,201,239,.16),transparent 70%);animation:suCtaGlow 7s ease-in-out infinite alternate;pointer-events:none}

/* Apple cards: a touch more visible motion instead of additional dark blocks. */
body.appleBusinessPage .abDeviceCard{transition:transform .4s ease,box-shadow .4s ease}
body.appleBusinessPage .abDeviceCard:hover{transform:translateY(-5px);box-shadow:0 30px 72px rgba(42,115,150,.13)!important}
body.appleBusinessPage .abSupportCard{transition:transform .4s ease,box-shadow .4s ease}
body.appleBusinessPage .abSupportCard:hover{transform:translateY(-3px);box-shadow:0 30px 72px rgba(61,132,166,.14)!important}

@keyframes suAmbientLeft{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(54px,-18px,0) scale(1.08)}}
@keyframes suAmbientRight{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(-48px,26px,0) scale(1.07)}}
@keyframes suGlassBreathe{0%,100%{transform:translateY(0);box-shadow:0 20px 50px rgba(54,126,160,.09)}50%{transform:translateY(-5px);box-shadow:0 26px 60px rgba(54,126,160,.13)}}
@keyframes suOverviewOrbA{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-55px,38px) scale(1.12)}}
@keyframes suOverviewOrbB{0%{transform:translate(0,0) scale(1)}100%{transform:translate(70px,-24px) scale(1.08)}}
@keyframes suCardSweep{0%{left:-55%}100%{left:135%}}
@keyframes suCtaGlow{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-50px,38px) scale(1.12)}}

@media (prefers-reduced-motion:reduce){
  .hero.videoReady:before,.hero.videoReady:after,.heroGlassNote,
  .overviewPage .pageHero:before,.overviewPage .pageHero:after,
  .overviewPage .ctaBand:after{animation:none!important}
}

/* =========================
   V53 – Apple page cleanup
   ========================= */

/* Clean headline accent spans so no solid bars appear */
body.appleBusinessPage .abDevices .abSectionHead h2 span,
body.appleBusinessPage .abManager .abCopy h2 span,
body.appleBusinessPage .abMicrosoft .abSectionHead h2 span,
body.appleBusinessPage .abSecurity h2 span,
body.appleBusinessPage .abSupport .abCopy h2 span,
body.appleBusinessPage .abLifecycle .abSectionHead h2 span,
body.appleBusinessPage .abOffers .abSectionHead h2 span,
body.appleBusinessPage .abProcurement h2 span,
body.appleBusinessPage .abContact h2 span,
body.appleBusinessPage .abStatement h2 span{
  display:inline !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  box-shadow:none !important;
  background-color:transparent !important;
  background-repeat:no-repeat !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}

/* Zero-touch section: restore readable text, no broken bars */
body.appleBusinessPage .abZeroTouch{
  background:linear-gradient(180deg,#fbfdff 0%,#f1f8fd 100%) !important;
  color:#163b54 !important;
}
body.appleBusinessPage .abZeroHead{align-items:center !important;}
body.appleBusinessPage .abZeroHead > p{color:#6d8798 !important;}
body.appleBusinessPage .abZeroHead h2{
  color:#163b54 !important;
  line-height:1.02 !important;
}
body.appleBusinessPage .abZeroHead h2 .grad-zero-a,
body.appleBusinessPage .abZeroHead h2 .grad-zero-b,
body.appleBusinessPage .abZeroHead h2 .grad-zero-c{
  display:inline !important;
  background:none !important;
  -webkit-background-clip:initial !important;
  background-clip:initial !important;
  box-shadow:none !important;
}
body.appleBusinessPage .abZeroHead h2 .grad-zero-a{color:#d97b22 !important;}
body.appleBusinessPage .abZeroHead h2 .grad-zero-b{color:#ec9738 !important;}
body.appleBusinessPage .abZeroHead h2 .grad-zero-c{color:#f5b24d !important;}

/* Zero-touch timeline: lighter glass look, less heavy */
body.appleBusinessPage .abTimeline{
  gap:8px !important;
  padding:18px !important;
  border-radius:24px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(245,250,255,.96)) !important;
  border:1px solid rgba(93,182,218,.16) !important;
  box-shadow:0 16px 36px rgba(54,126,160,.08) !important;
}
body.appleBusinessPage .abTimeline::before{
  top:50% !important;
  left:22px !important;
  right:22px !important;
  height:3px !important;
  transform:translateY(-50%) !important;
  opacity:.16 !important;
}
body.appleBusinessPage .abTimeline::after{
  width:84px !important;
  height:84px !important;
  left:18px !important;
  filter:blur(3px) !important;
}
body.appleBusinessPage .abTimeline span{
  position:relative;
  z-index:1;
  color:#fff3d6 !important;
  text-shadow:0 0 10px rgba(255,205,110,.65), 0 1px 2px rgba(70,40,0,.25) !important;
  border:1px solid rgba(255,255,255,.76) !important;
  box-shadow:0 10px 22px rgba(54,126,160,.06), inset 0 1px 0 rgba(255,255,255,.92) !important;
}

/* Lifecycle cards: slightly smaller and cleaner */
body.appleBusinessPage .abLifecycleFlow{
  padding:22px 4px 8px !important;
}
body.appleBusinessPage .abLifecycleTrack{gap:14px !important;}
body.appleBusinessPage .abLifeItem{
  flex:0 0 206px !important;
  padding:24px 16px 16px !important;
  border-radius:22px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(241,249,255,.93)) !important;
  border:1px solid rgba(93,182,218,.14) !important;
  box-shadow:0 14px 32px rgba(54,126,160,.06) !important;
}
body.appleBusinessPage .abLifeItem strong{font-size:17px !important;}
body.appleBusinessPage .abLifeItem p{font-size:13px !important;}
body.appleBusinessPage .abLifeItem::after{
  width:calc(100% + 14px) !important;
}

/* Procurement device block: smaller tile, softer background, devices clearer */
body.appleBusinessPage .abProcurementDevices{
  min-height:390px !important;
}
body.appleBusinessPage .abProcurementPlate{
  width:min(100%,560px) !important;
  min-height:320px !important;
  gap:20px !important;
  padding:24px !important;
  border-radius:30px !important;
  background:radial-gradient(circle at 68% 28%,rgba(227,244,251,.85),rgba(255,255,255,.98) 62%), linear-gradient(145deg,rgba(255,255,255,.98),rgba(242,249,255,.95)) !important;
  box-shadow:0 18px 42px rgba(55,129,162,.08) !important;
}
body.appleBusinessPage .abProcurementPlate::before{
  inset:10px !important;
  border-radius:22px !important;
}
body.appleBusinessPage .abProcurementPlate .device-ipad{
  width:min(52%,250px) !important;
  transform:translateY(-2px) rotate(-5deg) !important;
}
body.appleBusinessPage .abProcurementPhones{
  width:min(34%,180px) !important;
  height:250px !important;
}
body.appleBusinessPage .abProcurementPhones img{
  width:62% !important;
  background:rgba(255,255,255,.96) !important;
  border-radius:28px !important;
}
body.appleBusinessPage .abProcurementPhones .phone-one{left:4% !important;bottom:16px !important;}
body.appleBusinessPage .abProcurementPhones .phone-two{right:0 !important;top:16px !important;transform:scale(.94) !important;}

@media (max-width:760px){
  body.appleBusinessPage .abZeroHead h2{font-size:36px !important;}
  body.appleBusinessPage .abTimeline{padding:14px !important;}
  body.appleBusinessPage .abLifeItem{flex-basis:182px !important;}
  body.appleBusinessPage .abProcurementDevices{min-height:320px !important;}
  body.appleBusinessPage .abProcurementPlate{width:100% !important;min-height:auto !important;padding:20px !important;}
  body.appleBusinessPage .abProcurementPlate .device-ipad{width:min(82%,250px) !important;}
  body.appleBusinessPage .abProcurementPhones{width:100% !important;height:190px !important;}
  body.appleBusinessPage .abProcurementPhones img{width:40% !important;}
}

/* =========================
   V54 – Procurement + CTA cleanup
   ========================= */

/* Procurement device showcase: full-size HD iPhone visual, balanced with iPad */
body.appleBusinessPage .abProcurementPlate{
  align-items:center !important;
  gap:28px !important;
}
body.appleBusinessPage .abProcurementPlate .device-ipad{
  width:min(51%,270px) !important;
}
body.appleBusinessPage .abProcurementPhoneCard{
  position:relative;
  width:min(42%,248px);
  min-width:184px;
  height:318px;
  border-radius:34px;
  background:linear-gradient(180deg,rgba(249,253,255,.98),rgba(239,249,255,.96));
  border:1px solid rgba(103,183,216,.16);
  box-shadow:0 18px 42px rgba(49,118,150,.10), inset 0 1px 0 rgba(255,255,255,.96);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  animation:abPhoneCardFloat 6.6s ease-in-out infinite;
}
body.appleBusinessPage .abProcurementPhoneCard::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(91,198,238,.04));
  pointer-events:none;
  z-index:2;
}
body.appleBusinessPage .abProcurementPhoneCard .phone-single{
  position:relative !important;
  inset:auto !important;
  z-index:1;
  width:128% !important;
  height:128% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:inherit;
  filter:none !important;
  transform:scale(1.04) !important;
  transform-origin:center center !important;
}
@keyframes abPhoneCardFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-9px)}
}

/* Inline CTA instead of heavy button */
body.appleBusinessPage .abContactInner{
  align-items:flex-end !important;
}
body.appleBusinessPage .abInlineCta{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:auto !important;
  padding:6px 0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#1d4f69;
  font-weight:850;
  font-size:18px;
  letter-spacing:-.01em;
  white-space:nowrap;
}
body.appleBusinessPage .abInlineCta span{
  position:relative;
  display:inline-block;
  padding-right:18px;
  background-image:linear-gradient(90deg,#48b9ef 0%,#6f8cff 42%,#62d4b4 100%);
  background-size:220% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:abInlineGlow 4s linear infinite;
}
body.appleBusinessPage .abInlineCta span::after{
  content:"→";
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-52%);
  color:#58c5eb;
}
body.appleBusinessPage .abInlineCta::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(72,185,239,.0),rgba(72,185,239,.95),rgba(111,140,255,.9),rgba(98,212,180,.8),rgba(98,212,180,.0));
  background-size:200% 100%;
  animation:abInlineSweep 3.8s linear infinite;
}
body.appleBusinessPage .abInlineCta:hover{transform:none !important;opacity:.92}

@keyframes abInlineGlow{
  0%{background-position:0% 50%}
  100%{background-position:200% 50%}
}
@keyframes abInlineSweep{
  0%{background-position:200% 50%}
  100%{background-position:0% 50%}
}

@media (max-width:760px){
  body.appleBusinessPage .abProcurementPhoneCard{
    width:min(86%,220px);
    height:236px;
  }
  body.appleBusinessPage .abInlineCta{font-size:16px}
}

/* =========================
   V55 – richer homepage + themed overview pages + refined Apple styling
   ========================= */

:root{
  --su-blue:#48b9ef;
  --su-indigo:#6f8cff;
  --su-mint:#62d4b4;
  --su-violet:#7b67ff;
  --su-warm:#ffb65e;
  --su-rose:#ff8a90;
}

@keyframes suFloatY{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-10px)}
}
@keyframes suAuroraShift{
  0%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(10px,-14px,0) scale(1.03)}
  100%{transform:translate3d(0,0,0) scale(1)}
}
@keyframes suGlowSweep{
  0%{background-position:0% 50%}
  100%{background-position:200% 50%}
}

/* Homepage gets more colour, motion and premium depth */
body.homePage main{position:relative;overflow:hidden}
body.homePage .hero,
body.homePage .appleHomeFeature,
body.homePage .suProcess,
body.homePage .confidenceSection,
body.homePage .contactHome{position:relative;overflow:hidden}
body.homePage .hero::before,
body.homePage .hero::after,
body.homePage .appleHomeFeature::before,
body.homePage .appleHomeFeature::after{
  content:"";
  position:absolute;
  border-radius:999px;
  filter:blur(56px);
  pointer-events:none;
  opacity:.55;
  animation:suAuroraShift 9s ease-in-out infinite;
}
body.homePage .hero::before{
  width:320px;height:320px;left:-90px;top:72px;
  background:radial-gradient(circle,rgba(72,185,239,.22),rgba(72,185,239,0) 72%);
}
body.homePage .hero::after{
  width:360px;height:360px;right:-110px;top:46px;
  background:radial-gradient(circle,rgba(111,140,255,.24),rgba(111,140,255,0) 72%);
  animation-delay:-3s;
}
body.homePage .heroMedia video{filter:saturate(1.08) contrast(1.02)}
body.homePage .heroWash{
  background:
    radial-gradient(circle at 16% 28%,rgba(72,185,239,.18),transparent 28%),
    radial-gradient(circle at 86% 22%,rgba(111,140,255,.18),transparent 26%),
    linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.28));
}
body.homePage .heroGlassNote,
body.homePage .formCard,
body.homePage .contactAside,
body.homePage .processRail article,
body.homePage .confidenceBand,
body.homePage .worldCard,
body.homePage .appleHomeFeatureInner{
  box-shadow:0 24px 60px rgba(48,101,129,.08);
}
body.homePage .worldCard{
  border:1px solid rgba(137,190,221,.24);
  background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(247,251,255,.92));
}
body.homePage .worldCard .shade{
  background:linear-gradient(180deg,rgba(5,23,37,.02),rgba(5,23,37,.38));
}
body.homePage .worldCard:hover{transform:translateY(-6px)}
body.homePage .appleHomeFeature{
  background:
    radial-gradient(circle at 18% 22%,rgba(255,191,102,.12),transparent 24%),
    radial-gradient(circle at 88% 28%,rgba(72,185,239,.14),transparent 26%),
    linear-gradient(180deg,#f7fbfe 0%,#eef7fc 100%);
}
body.homePage .appleHomeFeature::before{
  width:260px;height:260px;left:4%;top:18%;
  background:radial-gradient(circle,rgba(255,182,94,.18),rgba(255,182,94,0) 72%);
}
body.homePage .appleHomeFeature::after{
  width:320px;height:320px;right:2%;bottom:12%;
  background:radial-gradient(circle,rgba(111,140,255,.16),rgba(111,140,255,0) 72%);
  animation-delay:-2.4s;
}
body.homePage .appleHomeFeatureInner{
  border:1px solid rgba(136,195,222,.18);
  border-radius:34px;
  padding:32px;
  background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(248,252,255,.92));
  backdrop-filter:blur(16px);
}
body.homePage .appleHomeVisual{position:relative}
body.homePage .appleHomeVisual::after{
  content:"";
  position:absolute;
  inset:8% 12%;
  border-radius:34px;
  background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.65),rgba(255,255,255,0) 72%);
  pointer-events:none;
}
body.homePage .processRail article{
  border:1px solid rgba(139,196,223,.22);
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(246,251,255,.98));
}
body.homePage .processRail article:nth-child(1){box-shadow:0 18px 40px rgba(72,185,239,.08)}
body.homePage .processRail article:nth-child(2){box-shadow:0 18px 40px rgba(111,140,255,.08)}
body.homePage .processRail article:nth-child(3){box-shadow:0 18px 40px rgba(98,212,180,.08)}
body.homePage .processRail article:nth-child(4){box-shadow:0 18px 40px rgba(255,182,94,.08)}
body.homePage .confidenceBand{
  border:1px solid rgba(137,192,220,.22);
  background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(241,249,253,.96));
}
body.homePage .contactHome::before{
  content:"";
  position:absolute;inset:0;
  background:radial-gradient(circle at 20% 20%,rgba(72,185,239,.09),transparent 24%),radial-gradient(circle at 82% 24%,rgba(111,140,255,.08),transparent 22%);
  pointer-events:none;
}

/* Themed section pages for a more curated, consistent look */
body.infraPage{--themeA:#58c3f0;--themeB:#6c90ff;--themeC:#dff6ff}
body.securityPage{--themeA:#49c8c6;--themeB:#57a9ff;--themeC:#e6fbfb}
body.workplacePage{--themeA:#61c4ff;--themeB:#7d6fff;--themeC:#eef4ff}
body.businessPage{--themeA:#ffb35b;--themeB:#ff7b8a;--themeC:#fff3ea}
body.connectPage{--themeA:#68d3bb;--themeB:#5ea5ff;--themeC:#edfaf5}
body.contactPage{--themeA:#70c8ff;--themeB:#67d8c1;--themeC:#eefbfd}
body.loginPage{--themeA:#73c4ff;--themeB:#7b7dff;--themeC:#f0f5ff}
body.talkPage{--themeA:#76c6ff;--themeB:#67d9bd;--themeC:#edfafd}

body.overviewPage .pageHero,
body.connectPage .detailHero,
body.platformPage .detailHero,
body.contactPage .detailHero,
body.loginPage .detailHero,
body.talkPage .detailHero{
  position:relative;
  overflow:hidden;
  border-bottom:1px solid rgba(144,191,214,.16);
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,251,255,.98));
}
body.overviewPage .pageHero::before,
body.connectPage .detailHero::before,
body.platformPage .detailHero::before,
body.contactPage .detailHero::before,
body.loginPage .detailHero::before,
body.talkPage .detailHero::before,
body.overviewPage .pageHero::after,
body.connectPage .detailHero::after,
body.platformPage .detailHero::after,
body.contactPage .detailHero::after,
body.loginPage .detailHero::after,
body.talkPage .detailHero::after{
  content:"";
  position:absolute;
  border-radius:999px;
  filter:blur(54px);
  pointer-events:none;
  animation:suAuroraShift 9s ease-in-out infinite;
}
body.overviewPage .pageHero::before,
body.connectPage .detailHero::before,
body.platformPage .detailHero::before,
body.contactPage .detailHero::before,
body.loginPage .detailHero::before,
body.talkPage .detailHero::before{
  width:280px;height:280px;left:-70px;top:12px;
  background:radial-gradient(circle,var(--themeA,rgba(72,185,239,.18)),transparent 70%);
  opacity:.22;
}
body.overviewPage .pageHero::after,
body.connectPage .detailHero::after,
body.platformPage .detailHero::after,
body.contactPage .detailHero::after,
body.loginPage .detailHero::after,
body.talkPage .detailHero::after{
  width:320px;height:320px;right:-90px;top:24px;
  background:radial-gradient(circle,var(--themeB,rgba(111,140,255,.18)),transparent 70%);
  opacity:.2;
  animation-delay:-3s;
}
body.overviewPage .pageHero .k,
body.connectPage .detailHero .k,
body.platformPage .detailHero .k,
body.contactPage .detailHero .k,
body.loginPage .detailHero .k,
body.talkPage .detailHero .k{color:#5d88a3}
body.overviewPage .pageHero h1,
body.connectPage .detailHero h1,
body.platformPage .detailHero h1,
body.contactPage .detailHero h1,
body.loginPage .detailHero h1,
body.talkPage .detailHero h1{
  background-image:linear-gradient(90deg,#17344f 0%,#17344f 56%,var(--themeA) 84%,var(--themeB) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body.overviewPage .serviceCard,
body.connectPage .serviceCard,
body.platformPage .serviceCard,
body.contactPage .glassPanel,
body.loginPage .loginSplit,
body.talkPage .formCard,
body.talkPage .productHighlights{
  border:1px solid rgba(140,193,219,.2);
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(247,251,255,.98));
  box-shadow:0 20px 46px rgba(53,112,144,.08);
}
body.overviewPage .serviceCard:hover,
body.connectPage .serviceCard:hover,
body.platformPage .serviceCard:hover{transform:translateY(-6px);border-color:rgba(113,177,208,.34)}
body.overviewPage .serviceCard .serviceBody::before,
body.connectPage .serviceCard::before,
body.platformPage .serviceCard::before{
  content:"";
  display:block;
  width:54px;height:4px;border-radius:999px;
  margin:0 0 16px;
  background:linear-gradient(90deg,var(--themeA),var(--themeB));
  opacity:.88;
}
body.overviewPage .ctaBand,
body.connectPage .ctaBand,
body.platformPage .ctaBand,
body.contactPage .contactWrap,
body.loginPage .loginCard,
body.talkPage .formCard,
body.talkPage .productHighlights{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(136,191,218,.22);
  background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(243,249,253,.96));
}
body.overviewPage .ctaBand::before,
body.connectPage .ctaBand::before,
body.platformPage .ctaBand::before,
body.contactPage .contactWrap::before,
body.loginPage .loginCard::before,
body.talkPage .formCard::before,
body.talkPage .productHighlights::before{
  content:"";
  position:absolute;inset:0 auto auto 0;width:100%;height:3px;
  background:linear-gradient(90deg,var(--themeA),var(--themeB));
  opacity:.85;
}

/* Apple page refinement and more premium device/photo treatment */
body.appleBusinessPage .abHero,
body.appleBusinessPage .abDevices,
body.appleBusinessPage .abManager,
body.appleBusinessPage .abLifecycle,
body.appleBusinessPage .abOffers,
body.appleBusinessPage .abProcurement,
body.appleBusinessPage .abSupport,
body.appleBusinessPage .abIdentity{
  position:relative;
  overflow:hidden;
}
body.appleBusinessPage .abHero::before,
body.appleBusinessPage .abDevices::before,
body.appleBusinessPage .abProcurement::before{
  content:"";
  position:absolute;
  border-radius:999px;
  filter:blur(62px);
  pointer-events:none;
  animation:suAuroraShift 10s ease-in-out infinite;
}
body.appleBusinessPage .abHero::before{
  width:300px;height:300px;right:3%;top:7%;
  background:radial-gradient(circle,rgba(72,185,239,.15),rgba(72,185,239,0) 72%);
}
body.appleBusinessPage .abDevices::before{
  width:280px;height:280px;left:2%;bottom:0;
  background:radial-gradient(circle,rgba(111,140,255,.12),rgba(111,140,255,0) 72%);
  animation-delay:-2.8s;
}
body.appleBusinessPage .abProcurement::before{
  width:260px;height:260px;right:8%;bottom:4%;
  background:radial-gradient(circle,rgba(255,182,94,.16),rgba(255,182,94,0) 72%);
  animation-delay:-5.4s;
}
body.appleBusinessPage .abStatementInner,
body.appleBusinessPage .abSectionHead,
body.appleBusinessPage .abSupportCard,
body.appleBusinessPage .abProcurementGrid,
body.appleBusinessPage .abExpertiseInner,
body.appleBusinessPage .abContactInner{
  position:relative;
  z-index:1;
}
body.appleBusinessPage .abDeviceCard,
body.appleBusinessPage .abSupportCard,
body.appleBusinessPage .abOfferMain,
body.appleBusinessPage .abOfferSmall,
body.appleBusinessPage .abOfferWide,
body.appleBusinessPage .abProcurementGrid,
body.appleBusinessPage .abManagerCanvas,
body.appleBusinessPage .abIdentityCanvas,
body.appleBusinessPage .abSupportCard{
  border:1px solid rgba(137,191,218,.18);
  box-shadow:0 24px 56px rgba(45,103,133,.08);
}
body.appleBusinessPage .abDeviceCard{
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(247,251,255,.98));
}
body.appleBusinessPage .abDeviceImage img,
body.appleBusinessPage .abSupportVisual img{
  filter:drop-shadow(0 16px 26px rgba(40,87,114,.10));
}
body.appleBusinessPage .abSupportCard{
  background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(244,249,253,.98));
}
body.appleBusinessPage .abProcurementGrid{
  gap:34px !important;
  padding:34px !important;
  border-radius:36px;
  background:linear-gradient(135deg,rgba(255,255,255,.84),rgba(242,249,253,.96));
  backdrop-filter:blur(18px);
}
body.appleBusinessPage .abProcurementDevices{
  position:relative;
  min-height:360px !important;
  display:flex;
  align-items:center;
  justify-content:center;
}
body.appleBusinessPage .abProcurementDevices::before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:34px;
  background:linear-gradient(135deg,rgba(72,185,239,.08),rgba(255,255,255,.28) 34%,rgba(111,140,255,.08) 100%);
  border:1px solid rgba(133,193,220,.18);
}
body.appleBusinessPage .abProcurementPlate{
  position:relative;
  z-index:1;
  width:100% !important;
  min-height:320px !important;
  padding:28px !important;
  border-radius:32px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(246,250,253,.96)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 18px 40px rgba(45,99,127,.08);
}
body.appleBusinessPage .abProcurementPlate .device-ipad{
  width:min(48%,254px) !important;
  animation:suFloatY 8s ease-in-out infinite;
}
body.appleBusinessPage .abProcurementPhoneCard{
  width:min(40%,232px);
  min-width:180px;
  height:296px;
  border-radius:36px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(251,252,255,.98));
  box-shadow:0 18px 44px rgba(46,103,131,.10), inset 0 1px 0 rgba(255,255,255,.98);
  animation:suFloatY 8s ease-in-out infinite;
  animation-delay:-2.4s;
}
body.appleBusinessPage .abProcurementPhoneCard::before{
  inset:14px;
  border-radius:28px;
  background:radial-gradient(circle at 26% 20%,rgba(232,244,250,.96),rgba(255,255,255,.98) 62%,rgba(246,249,252,.94) 100%);
}
body.appleBusinessPage .abProcurementPhoneCard .phone-single{
  width:92%;
  max-width:192px;
}
body.appleBusinessPage .abOfferMain span,
body.appleBusinessPage .abOfferSmall span,
body.appleBusinessPage .abOfferWide span,
body.appleBusinessPage .abDeviceCopy span,
body.appleBusinessPage .abSupportCopy span,
body.appleBusinessPage .abCertPrep span,
body.appleBusinessPage .abEyebrow{
  letter-spacing:.16em;
}
body.appleBusinessPage .abInlineCta{font-size:19px}
body.appleBusinessPage .abInlineCta span{
  background-size:240% 100%;
}
body.appleBusinessPage .abInlineCta::after{
  height:2.5px;
}

/* generic polish */
@media (max-width:980px){
  body.homePage .appleHomeFeatureInner{padding:24px}
  body.appleBusinessPage .abProcurementGrid{padding:24px !important}
}
@media (max-width:760px){
  body.appleBusinessPage .abProcurementPlate{
    flex-direction:column;
    gap:18px !important;
  }
  body.appleBusinessPage .abProcurementPlate .device-ipad{width:min(88%,252px) !important}
  body.overviewPage .pageHero h1,
  body.connectPage .detailHero h1,
  body.platformPage .detailHero h1,
  body.contactPage .detailHero h1,
  body.loginPage .detailHero h1,
  body.talkPage .detailHero h1{
    background-image:none;color:#17344f;
  }
}

/* Business platform and forms also get the softer premium treatment */
body.platformPage .shopHero,
body.platformPage .shopSection,
body.platformPage .platformStrip{
  position:relative;
  overflow:hidden;
}
body.platformPage .shopHero{
  background:
    radial-gradient(circle at 15% 18%,rgba(255,179,91,.14),transparent 24%),
    radial-gradient(circle at 84% 22%,rgba(255,123,138,.12),transparent 24%),
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.98));
}
body.platformPage .shopHero::before{
  content:"";
  position:absolute;right:-70px;top:-60px;width:250px;height:250px;border-radius:999px;
  filter:blur(54px);
  background:radial-gradient(circle,rgba(255,123,138,.18),rgba(255,123,138,0) 72%);
}
body.platformPage .shopHeroCard,
body.platformPage .packageCard,
body.platformPage .securityCard,
body.platformPage .portalMain,
body.platformPage .portalSide,
body.platformPage .platformMini{
  border:1px solid rgba(224,181,157,.22);
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(252,248,245,.98));
  box-shadow:0 22px 52px rgba(116,84,60,.08);
}
body.platformPage .packageCard:hover,
body.platformPage .securityCard:hover,
body.platformPage .platformMini:hover{transform:translateY(-6px)}

body.contactPage .contactWrap,
body.loginPage .loginCard,
body.talkPage .formCard,
body.talkPage .productHighlights{
  box-shadow:0 22px 52px rgba(52,108,139,.08);
}

/* =========================
   V56 – Microsoft Solutions world
   ========================= */

body.microsoftSolutionsPage,
body.servicePage{--ms-blue:#4daff1;--ms-indigo:#5e86ff;--ms-violet:#816af7;--ms-green:#63d2b2;--ms-orange:#ffb660;--ms-surface:#f7fbfe;--ms-border:rgba(132,188,218,.22)}

.microsoftHomeFeature{position:relative;overflow:hidden;padding:0 0 40px;background:linear-gradient(180deg,#ffffff 0%,#f7fbfe 100%)}
.microsoftHomeFeature::before,
.microsoftHomeFeature::after,
.microsoftSolutionsPage .msHero::before,
.microsoftSolutionsPage .msHero::after,
.microsoftSolutionsPage .section::before{
  content:"";position:absolute;border-radius:999px;filter:blur(60px);pointer-events:none;opacity:.55;animation:suAuroraShift 10s ease-in-out infinite;
}
.microsoftHomeFeature::before{width:280px;height:280px;left:-90px;top:30px;background:radial-gradient(circle,rgba(255,182,94,.14),rgba(255,182,94,0) 72%)}
.microsoftHomeFeature::after{width:340px;height:340px;right:-120px;bottom:10px;background:radial-gradient(circle,rgba(94,134,255,.14),rgba(94,134,255,0) 72%);animation-delay:-3s}
.microsoftHomeInner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:28px;align-items:center;padding:6px 0 0}
.microsoftHomeCopy h2{margin:0 0 12px;font-size:clamp(2rem,3vw,3.4rem);line-height:1.04;color:#17344f}
.microsoftHomeCopy h2 span{background-image:linear-gradient(90deg,#ffb660,#f39c49 32%,#63d2b2 67%,#4daff1 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.microsoftHomeCopy p{max-width:60ch}
.microsoftHomeVisual{position:relative}
.microsoftHomeBoard{position:relative;border-radius:34px;padding:28px;border:1px solid rgba(138,194,221,.2);background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(244,249,253,.96));backdrop-filter:blur(16px);box-shadow:0 24px 56px rgba(40,95,124,.08)}
.microsoftHomeBoard::before{content:"";position:absolute;inset:18px;border-radius:26px;background:linear-gradient(135deg,rgba(72,185,239,.07),rgba(255,255,255,.16) 38%,rgba(94,134,255,.08));border:1px solid rgba(255,255,255,.55)}
.microsoftHomeTop,.microsoftHomeTiles,.microsoftHomeFlow{position:relative;z-index:1}
.microsoftHomeTop{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:18px}
.microsoftHomeTop span{font-size:12px;letter-spacing:.18em;font-weight:800;color:#6c96b0}
.microsoftHomeTop strong{font-size:20px;color:#17344f}
.microsoftHomeTiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.msMiniCard{border-radius:24px;padding:18px;border:1px solid rgba(140,194,220,.22);box-shadow:0 14px 30px rgba(51,106,136,.08);transition:transform .3s,box-shadow .3s}
.msMiniCard:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px rgba(51,106,136,.16)}
.msMiniCard b{display:block;margin-bottom:4px;font-size:17px;color:#17344f}
.msMiniCard small{display:block;color:#557994;font-size:13px;line-height:1.5}
.msMiniCard.one{background:linear-gradient(135deg,rgba(255,179,91,.24),rgba(255,255,255,.9) 64%)}
.msMiniCard.two{background:linear-gradient(135deg,rgba(94,134,255,.2),rgba(255,255,255,.9) 64%)}
.msMiniCard.three{background:linear-gradient(135deg,rgba(99,210,178,.2),rgba(255,255,255,.9) 64%)}
.msMiniCard.four{background:linear-gradient(135deg,rgba(129,106,247,.18),rgba(255,255,255,.9) 64%)}
.microsoftHomeFlow{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.microsoftHomeFlow span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.88);border:1px solid rgba(134,190,218,.24);font-size:13px;font-weight:700;color:#41627a}

.microsoftSolutionsPage .msHero{position:relative;overflow:hidden;padding:52px 0 26px;background:linear-gradient(180deg,#fbfdff 0%,#f3f9fd 100%)}
.microsoftSolutionsPage .msHero::before{width:330px;height:330px;left:-100px;top:18px;background:radial-gradient(circle,rgba(77,175,241,.18),rgba(77,175,241,0) 72%)}
.microsoftSolutionsPage .msHero::after{width:360px;height:360px;right:-120px;top:0;background:radial-gradient(circle,rgba(94,134,255,.16),rgba(94,134,255,0) 72%);animation-delay:-2.7s}
.microsoftSolutionsPage .section{position:relative}
.microsoftSolutionsPage .section::before{width:220px;height:220px;opacity:.18;left:auto;right:5%;top:10%;background:radial-gradient(circle,rgba(99,210,178,.18),rgba(99,210,178,0) 72%)}
.microsoftSolutionsPage .msHeroGrid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);gap:34px;align-items:center}
.microsoftSolutionsPage .msHeroCopy h1{margin:10px 0 16px;font-size:clamp(2.7rem,4vw,4.7rem);line-height:.98;letter-spacing:-.04em;color:#17344f}
.microsoftSolutionsPage .msHeroCopy h1 span{display:block;background-image:linear-gradient(90deg,var(--ms-orange) 0%,#f0b84f 30%,var(--ms-green) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.microsoftSolutionsPage .msIntroStatement h2,
.microsoftSolutionsPage .msAzureStatement h2,
.microsoftSolutionsPage .msWorkplaceStatement h2,
.microsoftSolutionsPage .msPackageBand h2,
#security .msSplitIntro h2{
  background-image:linear-gradient(90deg,var(--ms-blue) 0%,var(--ms-green) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent!important;
}
.microsoftSolutionsPage .msIdentityStatement h2,
#ms365 .msSplitIntro h2,
.microsoftSolutionsPage .msMigrationStatement h2,
.microsoftSolutionsPage .msManagedStatement h2,
.microsoftSolutionsPage .msEcoStatement h2{
  background-image:linear-gradient(90deg,var(--ms-violet) 0%,var(--ms-blue) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent!important;
}
.microsoftSolutionsPage .msHeroCopy .lead{max-width:62ch;font-size:1.07rem}
.microsoftSolutionsPage .msHeroMeta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.microsoftSolutionsPage .msHeroMeta span{padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.86);border:1px solid rgba(136,191,219,.24);font-size:13px;font-weight:700;color:#4d6f87}
.microsoftSolutionsPage .msHeroVisual{display:grid;gap:18px}
.microsoftSolutionsPage .msGlassPanel{border:1px solid rgba(137,191,218,.2);border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(246,250,253,.96));box-shadow:0 24px 56px rgba(42,97,127,.08);backdrop-filter:blur(16px)}
.microsoftSolutionsPage .msVisualMain{padding:26px;position:relative;overflow:hidden;min-height:280px}
.microsoftSolutionsPage .msVisualMain::before{content:"";position:absolute;inset:18px;border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.4),rgba(255,255,255,.08) 42%,rgba(77,175,241,.08));border:1px solid rgba(255,255,255,.56)}
.microsoftSolutionsPage .msVisualHeader,.microsoftSolutionsPage .msVisualRail{position:relative;z-index:1}
.microsoftSolutionsPage .msVisualHeader{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:6px}
.microsoftSolutionsPage .msVisualHeader span{font-size:12px;letter-spacing:.18em;font-weight:800;color:#6d96b1}
.microsoftSolutionsPage .msVisualHeader strong{font-size:20px;color:#17344f}
.microsoftSolutionsPage .msSpotlight{position:relative;z-index:1;height:172px;margin:14px 0 8px}
.microsoftSolutionsPage .msSpotItem{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;opacity:0;transform:translateY(10px);animation:msSpotCycle 18s ease-in-out infinite;color:var(--sp)}
.microsoftSolutionsPage .msSpotItem svg{width:44px;height:44px;margin-bottom:14px}
.microsoftSolutionsPage .msSpotItem strong{display:block;font-size:24px;color:#17344f;margin-bottom:6px}
.microsoftSolutionsPage .msSpotItem small{display:block;color:#5e7d90;font-size:14px;max-width:340px;line-height:1.5}
.microsoftSolutionsPage .msSpotItem:nth-child(1){animation-delay:0s}
.microsoftSolutionsPage .msSpotItem:nth-child(2){animation-delay:3s}
.microsoftSolutionsPage .msSpotItem:nth-child(3){animation-delay:6s}
.microsoftSolutionsPage .msSpotItem:nth-child(4){animation-delay:9s}
.microsoftSolutionsPage .msSpotItem:nth-child(5){animation-delay:12s}
.microsoftSolutionsPage .msSpotItem:nth-child(6){animation-delay:15s}
@keyframes msSpotCycle{
  0%,100%{opacity:0;transform:translateY(10px)}
  2%{opacity:1;transform:translateY(0)}
  14%{opacity:1;transform:translateY(0)}
  16%{opacity:0;transform:translateY(-10px)}
}
.microsoftSolutionsPage .msVisualRail{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.microsoftSolutionsPage .msVisualGlow{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:34px}
.microsoftSolutionsPage .msVisualGlow:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 0deg,rgba(255,154,61,.20),rgba(63,169,245,.20),rgba(91,196,106,.20),rgba(139,108,255,.20),rgba(255,154,61,.20));animation:msMeshSpin 26s linear infinite;filter:blur(40px)}
.microsoftSolutionsPage .msVisualGlow i{position:absolute;border-radius:50%;filter:blur(38px);opacity:.5}
.microsoftSolutionsPage .msGlowA{width:180px;height:180px;left:-30px;top:-20px;background:#ff9a3d;animation:msGlowDriftA 14s ease-in-out infinite}
.microsoftSolutionsPage .msGlowB{width:200px;height:200px;right:-40px;top:10px;background:#3fa9f5;animation:msGlowDriftB 17s ease-in-out infinite}
.microsoftSolutionsPage .msGlowC{width:160px;height:160px;left:30%;bottom:-50px;background:#5bc46a;animation:msGlowDriftC 12.5s ease-in-out infinite}
.microsoftSolutionsPage .msGlowD{width:150px;height:150px;right:15%;bottom:-30px;background:#ffce3d;animation:msGlowDriftD 19s ease-in-out infinite}
.microsoftSolutionsPage .msGlowE{width:130px;height:130px;left:46%;top:-40px;background:#8b6cff;animation:msGlowDriftA 16s ease-in-out infinite reverse}
@keyframes msMeshSpin{to{transform:rotate(360deg)}}
@keyframes msGlowDriftA{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(22px,14px) scale(1.1)}66%{transform:translate(-10px,26px) scale(.95)}}
@keyframes msGlowDriftB{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(-24px,10px) scale(1.05)}66%{transform:translate(-6px,-20px) scale(1.12)}}
@keyframes msGlowDriftC{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(18px,-14px) scale(1.08)}66%{transform:translate(30px,6px) scale(.96)}}
@keyframes msGlowDriftD{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(-16px,-18px) scale(1.1)}66%{transform:translate(12px,-4px) scale(1)}}
.microsoftSolutionsPage .msVisualRail span{padding:10px 14px;border-radius:999px;font-size:13px;font-weight:800;color:#fff;box-shadow:0 8px 18px rgba(23,52,79,.14)}
.microsoftSolutionsPage .msVisualRail .msTagA{background:linear-gradient(135deg,#ff9a3d,#ff6f61)}
.microsoftSolutionsPage .msVisualRail .msTagB{background:linear-gradient(135deg,#3fa9f5,#3f7cf5)}
.microsoftSolutionsPage .msVisualRail .msTagC{background:linear-gradient(135deg,#8b6cff,#a978ff)}
.microsoftSolutionsPage .msVisualRail .msTagD{background:linear-gradient(135deg,#3f7cf5,#4dbdf4)}
.microsoftSolutionsPage .msVisualRail .msTagE{background:linear-gradient(135deg,#5bc46a,#3fd6b4)}
.microsoftSolutionsPage .msVisualRail .msTagF{background:linear-gradient(135deg,#ffce3d,#ff9a3d)}
.microsoftSolutionsPage .msTagRow span,.microsoftSolutionsPage .msMigrationTargets span,.microsoftSolutionsPage .msPackageList span,.microsoftSolutionsPage .msEcoFlow span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid rgba(136,191,219,.24);font-size:13px;font-weight:700;color:#466b84}
.microsoftSolutionsPage .msBadgeCard{padding:22px 24px;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(246,250,253,.72));backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.55);box-shadow:0 24px 56px rgba(42,97,127,.10),inset 0 1px 0 rgba(255,255,255,.6)}
.microsoftSolutionsPage .msBadgeCard:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--ms-orange),var(--ms-green))}
.microsoftSolutionsPage .msBadgeIcon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,rgba(255,154,61,.16),rgba(91,196,106,.16));color:#c9803f;margin-bottom:10px}
.microsoftSolutionsPage .msBadgeIcon svg{width:22px;height:22px}
.microsoftSolutionsPage .msBadgeCard strong{display:block;margin:8px 0 6px;font-size:1.3rem;color:#17344f;font-family:Georgia,"Times New Roman",serif;font-style:italic;letter-spacing:.01em}
.microsoftSolutionsPage .msFeatureCard .msInfoIcon{display:flex}

.microsoftSolutionsPage .msSubnavWrap{position:sticky;top:76px;z-index:30;padding:0 0 12px;background:linear-gradient(180deg,rgba(243,249,253,.92),rgba(243,249,253,.46) 70%,rgba(243,249,253,0));backdrop-filter:blur(10px)}
.microsoftSolutionsPage .msSubnav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:12px 0}
.microsoftSolutionsPage .msSubnav a{position:relative;display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid rgba(136,191,219,.24);font-weight:700;color:#35536a;box-shadow:0 10px 22px rgba(47,101,131,.05);transition:.25s}
.microsoftSolutionsPage .msSubnav a:after{content:"";width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--ms-blue),var(--ms-green));opacity:0;transform:scale(.4);transition:.25s}
.microsoftSolutionsPage .msSubnav a:hover{transform:translateY(-2px);text-decoration:none;border-color:rgba(100,170,205,.36);background:#fff;box-shadow:0 14px 28px rgba(47,101,131,.12)}
.microsoftSolutionsPage .msSubnav a:hover:after{opacity:1;transform:scale(1)}

.microsoftSolutionsPage .leftAligned{text-align:left}
.microsoftSolutionsPage .msPillarGrid,.microsoftSolutionsPage .msFeatureGrid,.microsoftSolutionsPage .msServiceGrid,.microsoftSolutionsPage .msAzureGrid{display:grid;gap:18px}
.microsoftSolutionsPage .msPillarGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
.microsoftSolutionsPage .msFeatureGrid.twoUp,.microsoftSolutionsPage .msSplitIntro{grid-template-columns:repeat(2,minmax(0,1fr))}
.microsoftSolutionsPage .msServiceGrid.threeUp,.microsoftSolutionsPage .msAzureGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
.microsoftSolutionsPage .msAzureGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.microsoftSolutionsPage .msPillarCard,.microsoftSolutionsPage .msFeatureCard,.microsoftSolutionsPage .msServiceCard,.microsoftSolutionsPage .msAzureCard,.microsoftSolutionsPage .msInfoCard,.microsoftSolutionsPage .msPackageBand,.microsoftSolutionsPage .msAudienceWrap{position:relative;border-radius:30px;border:1px solid var(--ms-border);background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(246,250,253,.98));box-shadow:0 20px 48px rgba(42,96,126,.07)}
.microsoftSolutionsPage .msPillarCard,.microsoftSolutionsPage .msFeatureCard,.microsoftSolutionsPage .msServiceCard,.microsoftSolutionsPage .msAzureCard{padding:26px}
.microsoftSolutionsPage .msServiceCard,.microsoftSolutionsPage .msAzureCard,.microsoftSolutionsPage .msFeatureCard{overflow:hidden}
.microsoftSolutionsPage .msServiceCard:before,.microsoftSolutionsPage .msAzureCard:before,.microsoftSolutionsPage .msFeatureCard:before{content:"";position:absolute;left:0;right:0;top:0;height:3px}
.microsoftSolutionsPage .msServiceGrid.threeUp>*:nth-child(3n+1):before,.microsoftSolutionsPage .msAzureGrid>*:nth-child(4n+1):before{background:linear-gradient(90deg,var(--ms-orange),#ff6f61)}
.microsoftSolutionsPage .msServiceGrid.threeUp>*:nth-child(3n+2):before,.microsoftSolutionsPage .msAzureGrid>*:nth-child(4n+2):before{background:linear-gradient(90deg,var(--ms-blue),var(--ms-indigo))}
.microsoftSolutionsPage .msServiceGrid.threeUp>*:nth-child(3n+3):before,.microsoftSolutionsPage .msAzureGrid>*:nth-child(4n+3):before{background:linear-gradient(90deg,var(--ms-green),#3fd6b4)}
.microsoftSolutionsPage .msAzureGrid>*:nth-child(4n+4):before{background:linear-gradient(90deg,var(--ms-violet),#a978ff)}
.microsoftSolutionsPage .msFeatureGrid.twoUp .msFeatureCard:nth-child(1):before{background:linear-gradient(90deg,var(--ms-orange),#ff6f61)}
.microsoftSolutionsPage .msFeatureGrid.twoUp .msFeatureCard:nth-child(2):before{background:linear-gradient(90deg,var(--ms-blue),var(--ms-indigo))}
.microsoftSolutionsPage .msPillarCard{transition:.3s ease}
.microsoftSolutionsPage .msPillarCard:hover{transform:translateY(-6px);box-shadow:0 26px 56px rgba(42,96,126,.14)}
.microsoftSolutionsPage .msPillarHead{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.microsoftSolutionsPage .msPillarHead h3{margin:0;line-height:1.2;display:flex;align-items:center}
.microsoftSolutionsPage .msPillarCard span{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:15px;color:#fff;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.55);backdrop-filter:blur(6px);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -8px 14px rgba(255,255,255,.12),0 8px 18px rgba(42,96,126,.14)}
.microsoftSolutionsPage .msPillarCard span:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,0) 55%)}
.microsoftSolutionsPage .msPillarCard span svg{width:24px;height:24px;position:relative;z-index:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.08))}
.microsoftSolutionsPage .msPillarCard:hover span{transform:scale(1.12) rotate(-6deg);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -8px 14px rgba(255,255,255,.16),0 14px 24px rgba(42,96,126,.24)}
.microsoftSolutionsPage .msPillarCard:nth-child(1) span{background:linear-gradient(135deg,rgba(255,160,80,.88),rgba(255,128,105,.82))}
.microsoftSolutionsPage .msPillarCard:nth-child(2) span{background:linear-gradient(135deg,rgba(90,180,250,.88),rgba(90,145,250,.82))}
.microsoftSolutionsPage .msPillarCard:nth-child(3) span{background:linear-gradient(135deg,rgba(157,132,255,.88),rgba(178,145,255,.82))}
.microsoftSolutionsPage .msPillarCard:nth-child(4) span{background:linear-gradient(135deg,rgba(96,205,128,.88),rgba(86,218,184,.82))}
.microsoftSolutionsPage .msPillarCard:nth-child(5) span{background:linear-gradient(135deg,rgba(255,125,163,.88),rgba(255,160,80,.82))}
.microsoftSolutionsPage .msPillarCard:nth-child(6) span{background:linear-gradient(135deg,rgba(255,209,80,.88),rgba(255,183,80,.82))}
.microsoftSolutionsPage .msPillarCard h3,.microsoftSolutionsPage .msFeatureCard h3,.microsoftSolutionsPage .msServiceCard h3,.microsoftSolutionsPage .msAzureCard h3,.microsoftSolutionsPage .msAudienceWrap h3{margin:0 0 10px;font-size:1.28rem;color:#17344f}
.microsoftSolutionsPage .eyebrow{display:inline-block;margin-bottom:10px;color:#6690aa;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.microsoftSolutionsPage .msSplitIntro{display:grid;gap:18px;margin-bottom:18px;align-items:start}
.microsoftSolutionsPage .msInfoStack{display:grid;gap:16px}
.microsoftSolutionsPage .msInfoCard{padding:24px 26px;overflow:hidden}
.microsoftSolutionsPage .msInfoIcon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;color:#fff;margin-bottom:14px;border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 8px 18px rgba(42,96,126,.14)}
.microsoftSolutionsPage .msInfoIcon svg{width:22px;height:22px}
.microsoftSolutionsPage .msInfoCardA{border-top:3px solid transparent}
.microsoftSolutionsPage .msInfoCardA:before,.microsoftSolutionsPage .msInfoCardB:before{content:"";position:absolute;left:0;right:0;top:0;height:3px}
.microsoftSolutionsPage .msInfoCardA:before{background:linear-gradient(90deg,var(--ms-blue),var(--ms-indigo))}
.microsoftSolutionsPage .msInfoCardB:before{background:linear-gradient(90deg,var(--ms-orange),#ffce3d)}
.microsoftSolutionsPage .msInfoCardA .msInfoIcon{background:linear-gradient(135deg,rgba(90,145,250,.9),rgba(139,108,255,.85))}
.microsoftSolutionsPage .msInfoCardB .msInfoIcon{background:linear-gradient(135deg,rgba(255,171,61,.9),rgba(255,206,61,.85))}
.microsoftSolutionsPage #ms365 .msFeatureGrid.twoUp .msFeatureCardA .msInfoIcon{background:linear-gradient(135deg,rgba(255,171,61,.9),rgba(255,142,124,.85))}
.microsoftSolutionsPage #ms365 .msFeatureGrid.twoUp .msFeatureCardB .msInfoIcon{background:linear-gradient(135deg,rgba(90,145,250,.9),rgba(139,108,255,.85))}
.microsoftSolutionsPage #security .msFeatureGrid.twoUp .msFeatureCardA .msInfoIcon{background:linear-gradient(135deg,rgba(63,214,180,.9),rgba(63,169,245,.85))}
.microsoftSolutionsPage #security .msFeatureGrid.twoUp .msFeatureCardB .msInfoIcon{background:linear-gradient(135deg,rgba(255,111,156,.9),rgba(255,171,61,.85))}
.microsoftSolutionsPage .msInfoCard strong{display:block;margin-bottom:8px;color:#17344f;font-size:1.03rem}
.microsoftSolutionsPage .msFeatureCard{position:relative;overflow:hidden}
.microsoftSolutionsPage .msFeatureIcon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;color:#fff;margin-bottom:14px;border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 8px 18px rgba(42,96,126,.14)}
.microsoftSolutionsPage .msFeatureIcon svg{width:23px;height:23px}
.microsoftSolutionsPage .msFeatureCardA:before,.microsoftSolutionsPage .msFeatureCardB:before{content:"";position:absolute;left:0;right:0;top:0;height:3px}
.microsoftSolutionsPage .msFeatureCardA:before{background:linear-gradient(90deg,var(--ms-orange),#ff6f61)}
.microsoftSolutionsPage .msFeatureCardB:before{background:linear-gradient(90deg,var(--ms-blue),var(--ms-indigo))}
.microsoftSolutionsPage .msFeatureCardA .msFeatureIcon{background:linear-gradient(135deg,rgba(255,171,61,.9),rgba(255,142,124,.85))}
.microsoftSolutionsPage .msFeatureCardB .msFeatureIcon{background:linear-gradient(135deg,rgba(90,145,250,.9),rgba(90,181,250,.85))}
.microsoftSolutionsPage .msFeatureCard ul,.microsoftSolutionsPage .msAzureCard ul{padding-left:0;margin:14px 0 0;list-style:none}
.microsoftSolutionsPage .msFeatureCard li,.microsoftSolutionsPage .msAzureCard li{margin:9px 0;color:#3c5b70;padding-left:28px;position:relative}
.microsoftSolutionsPage .msFeatureCard li:before,.microsoftSolutionsPage .msAzureCard li:before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--ms-blue),var(--ms-green))}
.microsoftSolutionsPage .msFeatureCard li:after,.microsoftSolutionsPage .msAzureCard li:after{content:"";position:absolute;left:4px;top:6px;width:10px;height:7px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.microsoftSolutionsPage .msFeatureCardA li:before{background:linear-gradient(135deg,var(--ms-orange),#ff6f61)}
.microsoftSolutionsPage .msFeatureCardB li:before{background:linear-gradient(135deg,var(--ms-blue),var(--ms-indigo))}
.microsoftSolutionsPage .msTagRow,.microsoftSolutionsPage .msMigrationTargets,.microsoftSolutionsPage .msPackageList{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.microsoftSolutionsPage .msFlowBand{max-width:1200px;margin:36px auto 0;overflow:hidden}
.microsoftSolutionsPage .msFlowLine{animation:msFlowMove 3s linear infinite}
@keyframes msFlowMove{to{stroke-dashoffset:-24}}
.microsoftSolutionsPage .msFlowNode{filter:drop-shadow(0 8px 16px rgba(42,96,126,.18));animation:msFlowBob 4s ease-in-out infinite}
.microsoftSolutionsPage .msFlowNode:nth-child(3n){animation-duration:4.6s}
.microsoftSolutionsPage .msFlowNode:nth-child(3n+1){animation-duration:5.2s;animation-delay:-1s}
.microsoftSolutionsPage .msFlowNode:nth-child(2n){animation-direction:reverse}
@keyframes msFlowBob{0%,100%{transform:translate(var(--tx,0),var(--ty,0)) scale(1)}50%{transform:translate(var(--tx,0),calc(var(--ty,0) - 5px)) scale(1.05)}}

.microsoftSolutionsPage .msPackageListIcons .pkgChip{display:inline-flex;align-items:center;gap:8px;padding:9px 15px 9px 10px;border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,var(--pc) 16%,#fff),#fff);border:1px solid color-mix(in srgb,var(--pc) 35%,transparent);color:#2c4457;font-size:13px;font-weight:800;box-shadow:0 6px 16px color-mix(in srgb,var(--pc) 18%,transparent)}
.microsoftSolutionsPage .msPackageListIcons .pkgChip svg{width:20px;height:20px;color:var(--pc);flex:0 0 auto}
.microsoftSolutionsPage .msProcessRail{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;margin-top:28px;position:relative}
.microsoftSolutionsPage .msProcessRail::before{content:"";position:absolute;left:4%;right:4%;top:26px;height:2px;background:linear-gradient(90deg,var(--ms-orange),var(--ms-blue),var(--ms-green));opacity:.34}
.microsoftSolutionsPage .msProcessRail article{position:relative;padding:18px 16px 18px;border-radius:26px;border:1px solid var(--ms-border);background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(247,251,255,.98));box-shadow:0 18px 44px rgba(45,99,129,.06)}
.microsoftSolutionsPage .msProcessRail article span{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,rgba(255,182,94,.32),rgba(94,134,255,.18));font-size:15px;font-weight:900;color:#2d5a75;margin-bottom:12px}
.microsoftSolutionsPage .msProcessRail article strong{display:block;margin-bottom:8px;font-size:1rem;color:#17344f}
.microsoftSolutionsPage .msProcessRail article p{overflow-wrap:break-word}
/* Migration target pills: slow left-right drift from center */
.microsoftSolutionsPage .msMigrationTargets{justify-content:center}
.microsoftSolutionsPage .msTargetsDrift{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,black 3%,black 97%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,black 3%,black 97%,transparent 100%)}
.microsoftSolutionsPage .msTargetsDrift span{animation:msTargetsSway 9s ease-in-out infinite}
.microsoftSolutionsPage .msTargetsDrift span:nth-child(2n){animation-duration:11s;animation-direction:reverse}
.microsoftSolutionsPage .msTargetsDrift span:nth-child(3n){animation-duration:7.5s}
@keyframes msTargetsSway{0%,100%{transform:translateX(0)}50%{transform:translateX(14px)}}
/* Migration steps: hand-drawn scroll-map illustration with labels placed directly on it */
.microsoftSolutionsPage .msMapWrap{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;margin-top:28px}
.microsoftSolutionsPage .msMapScroll{position:relative;width:100%;min-width:960px;aspect-ratio:1400/520}
.microsoftSolutionsPage .msMapArt{position:absolute;inset:0;width:100%;height:100%;display:block;filter:drop-shadow(0 20px 40px rgba(120,85,35,.18))}
.microsoftSolutionsPage .msMapPoint{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-17px);width:168px;text-align:center;display:flex;flex-direction:column;align-items:center}
.microsoftSolutionsPage .msMapNum{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff7e8,#e0a95c 65%,#a9642f 100%);border:2px solid #8a5a2c;color:#4a2e10;font-weight:900;font-size:14px;box-shadow:0 8px 14px rgba(80,50,10,.35);margin-bottom:10px}
.microsoftSolutionsPage .msMapPoint strong{display:block;color:#3c2a12;font-family:"Arial Black",Arial,sans-serif;font-size:15px;text-transform:uppercase;letter-spacing:.05em;font-weight:900;margin-bottom:4px;filter:drop-shadow(0 4px 5px rgba(70,45,10,.3))}
.microsoftSolutionsPage .msMapPoint p{margin:0;color:#5a3d1c;font-size:11.5px;line-height:1.4;font-weight:600;filter:drop-shadow(0 2px 3px rgba(70,45,10,.18))}
.microsoftSolutionsPage .msMapLabel{background:radial-gradient(ellipse at center,rgba(250,242,222,.92) 55%,rgba(250,242,222,0) 100%);border-radius:14px;padding:3px 10px 6px}
@media(max-width:760px){
  .microsoftSolutionsPage .msMapScroll{min-width:820px}
}
.microsoftSolutionsPage .msWorkplaceBand{justify-content:center}
.microsoftSolutionsPage .msAudienceWrap{padding:24px 26px;display:grid;grid-template-columns:280px 1fr;gap:22px;align-items:start;margin-top:22px}
.microsoftSolutionsPage .msAudienceGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.microsoftSolutionsPage .msAudienceGrid span{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(246,250,253,.96));border:1px solid var(--ms-border);font-size:13px;font-weight:700;color:#35536a}
.microsoftSolutionsPage .msAudienceGrid span b{flex:1;min-width:0;overflow-wrap:break-word;font-weight:700}
.microsoftSolutionsPage .msAudienceGrid svg{width:22px;height:22px;flex:0 0 auto;border-radius:9px;padding:4px;color:#fff}
.microsoftSolutionsPage .msAudienceGrid span:nth-child(9n+1) svg{background:linear-gradient(135deg,#ff9a3d,#ff6f61)}
.microsoftSolutionsPage .msAudienceGrid span:nth-child(9n+2) svg{background:linear-gradient(135deg,#3fa9f5,#3f7cf5)}
.microsoftSolutionsPage .msAudienceGrid span:nth-child(9n+3) svg{background:linear-gradient(135deg,#8b6cff,#a978ff)}
.microsoftSolutionsPage .msAudienceGrid span:nth-child(9n+4) svg{background:linear-gradient(135deg,#5bc46a,#3fd6b4)}
.microsoftSolutionsPage .msAudienceGrid span:nth-child(9n+5) svg{background:linear-gradient(135deg,#ff6f9c,#ff9a3d)}
.microsoftSolutionsPage .msAudienceGrid span:nth-child(9n+6) svg{background:linear-gradient(135deg,#ffce3d,#ffa93d)}
.microsoftSolutionsPage .msAudienceGrid span:nth-child(9n+7) svg{background:linear-gradient(135deg,#3fd6b4,#3fa9f5)}
.microsoftSolutionsPage .msAudienceGrid span:nth-child(9n+8) svg{background:linear-gradient(135deg,#a978ff,#ff6f9c)}
.microsoftSolutionsPage .msAudienceGrid span:nth-child(9n+9) svg{background:linear-gradient(135deg,#3f7cf5,#5bc46a)}
@media(max-width:760px){.microsoftSolutionsPage .msAudienceGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.microsoftSolutionsPage .msPackageBand{padding:30px 32px;display:grid;gap:18px;overflow:hidden}
.microsoftSolutionsPage .msPackageBand::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:linear-gradient(90deg,var(--ms-orange),var(--ms-blue),var(--ms-green))}
.microsoftSolutionsPage .msEcoFlow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin:10px 0 30px}
.microsoftSolutionsPage .msEcoPuzzle{gap:0;flex-wrap:wrap;row-gap:14px}
.microsoftSolutionsPage .msEcoPuzzle span{position:relative;padding:13px 20px;font-size:13px;font-weight:800;color:#fff;margin-right:14px;box-shadow:0 10px 22px rgba(42,96,126,.14)}
.microsoftSolutionsPage .msEcoPuzzle span:last-child{margin-right:0}
.microsoftSolutionsPage .msEcoPuzzle span:before{content:"";position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:inherit;box-shadow:inset 0 0 0 3px rgba(255,255,255,.35)}
.microsoftSolutionsPage .msEcoPuzzle span:last-child:before{display:none}
.microsoftSolutionsPage .msEcoPuzzle span:nth-child(9n+1){background:linear-gradient(135deg,#ff9a3d,#ff6f61);border-radius:16px 8px 8px 16px}
.microsoftSolutionsPage .msEcoPuzzle span:nth-child(9n+2){background:linear-gradient(135deg,#3fa9f5,#3f7cf5);border-radius:8px}
.microsoftSolutionsPage .msEcoPuzzle span:nth-child(9n+3){background:linear-gradient(135deg,#8b6cff,#a978ff);border-radius:8px}
.microsoftSolutionsPage .msEcoPuzzle span:nth-child(9n+4){background:linear-gradient(135deg,#5bc46a,#3fd6b4);border-radius:8px}
.microsoftSolutionsPage .msEcoPuzzle span:nth-child(9n+5){background:linear-gradient(135deg,#ff6f9c,#ff9a3d);border-radius:8px}
.microsoftSolutionsPage .msEcoPuzzle span:nth-child(9n+6){background:linear-gradient(135deg,#ffce3d,#ffa93d);border-radius:8px}
.microsoftSolutionsPage .msEcoPuzzle span:nth-child(9n+7){background:linear-gradient(135deg,#3fd6b4,#3fa9f5);border-radius:8px}
.microsoftSolutionsPage .msEcoPuzzle span:nth-child(9n+8){background:linear-gradient(135deg,#a978ff,#ff6f9c);border-radius:8px}
.microsoftSolutionsPage .msEcoPuzzle span:nth-child(9n+9){background:linear-gradient(135deg,#3f7cf5,#5bc46a);border-radius:8px 16px 16px 8px}
.microsoftSolutionsPage .msEcoFlow b{color:#8bb9d4;font-size:18px}
.microsoftSolutionsPage .msFinalCta{margin-top:4px}

@media (max-width:1160px){
  .microsoftSolutionsPage .msProcessRail{grid-template-columns:repeat(4,minmax(0,1fr))}
  .microsoftSolutionsPage .msPillarGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:980px){
  .microsoftHomeInner,.microsoftSolutionsPage .msHeroGrid,.microsoftSolutionsPage .msSplitIntro,.microsoftSolutionsPage .msFeatureGrid.twoUp,.microsoftSolutionsPage .msAudienceWrap{grid-template-columns:1fr}
  .microsoftSolutionsPage .msServiceGrid.threeUp,.microsoftSolutionsPage .msAzureGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .microsoftSolutionsPage .msSubnavWrap{position:relative;top:auto;background:none;backdrop-filter:none;padding-bottom:0}
}
@media (max-width:760px){
  .microsoftHomeTiles,.microsoftSolutionsPage .msVisualTiles,.microsoftSolutionsPage .msPillarGrid,.microsoftSolutionsPage .msServiceGrid.threeUp,.microsoftSolutionsPage .msAzureGrid,.microsoftSolutionsPage .msProcessRail{grid-template-columns:1fr}
  .microsoftHomeBoard,.microsoftSolutionsPage .msVisualMain,.microsoftSolutionsPage .msPillarCard,.microsoftSolutionsPage .msFeatureCard,.microsoftSolutionsPage .msServiceCard,.microsoftSolutionsPage .msAzureCard,.microsoftSolutionsPage .msPackageBand{padding:22px}
  .microsoftSolutionsPage .msHero{padding-top:36px}
  .microsoftSolutionsPage .msHeroCopy h1{font-size:clamp(2.3rem,9vw,3.6rem)}
  .microsoftSolutionsPage .msSubnav{overflow:auto;flex-wrap:nowrap;padding-bottom:6px}
  .microsoftSolutionsPage .msSubnav a{white-space:nowrap}
}

/* =========================
   V57 – Apple rotating screens: wider rectangular 3D prism
   ========================= */

/* Home Apple feature: wide "screen inside a screen" */
body.homePage .appleHomeVisual.appleCubeVisual{
  min-height:420px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  border-radius:34px !important;
  background:
    radial-gradient(circle at 50% 42%,rgba(255,255,255,.96),rgba(241,249,254,.88) 56%,rgba(229,244,252,.82) 100%) !important;
  border:1px solid rgba(102,189,221,.18) !important;
  box-shadow:0 24px 56px rgba(54,126,160,.09), inset 0 1px 0 rgba(255,255,255,.94) !important;
}
body.homePage .appleHomeVisual.appleCubeVisual::before{
  content:"";
  position:absolute;
  inset:26px;
  border-radius:27px;
  border:1px solid rgba(255,255,255,.72);
  background:linear-gradient(145deg,rgba(255,255,255,.48),rgba(226,245,253,.16));
  pointer-events:none;
}
body.homePage .appleHomeCubeStage{
  inset:0 !important;
  transform:none !important;
  perspective:1900px !important;
  perspective-origin:50% 50% !important;
}
body.homePage .appleHomeCube.appleTrueCube{
  width:min(78%,520px) !important;
  height:285px !important;
  min-width:0 !important;
  min-height:285px !important;
  max-width:520px !important;
  max-height:285px !important;
  margin:auto !important;
  transform-style:preserve-3d !important;
}
body.homePage .appleHomeCubeFace{
  width:100% !important;
  height:100% !important;
  border-radius:24px !important;
  overflow:hidden !important;
  background:#f7fbfe !important;
  border:1px solid rgba(255,255,255,.78) !important;
  box-shadow:0 18px 42px rgba(40,91,120,.10) !important;
}

/* Apple Business hero: larger rectangular prism, centered higher */
body.appleBusinessPage .abHeroVisual{
  min-height:500px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  border-radius:36px !important;
  background:
    radial-gradient(circle at 50% 42%,rgba(255,255,255,.98),rgba(240,249,254,.90) 58%,rgba(228,244,252,.84) 100%) !important;
  border:1px solid rgba(102,189,221,.18) !important;
  box-shadow:0 28px 66px rgba(54,126,160,.10), inset 0 1px 0 rgba(255,255,255,.96) !important;
}
body.appleBusinessPage .abHeroVisual::before{
  content:"";
  position:absolute;
  inset:28px;
  border-radius:28px;
  background:linear-gradient(145deg,rgba(255,255,255,.52),rgba(229,246,253,.14));
  border:1px solid rgba(255,255,255,.76);
  pointer-events:none;
}
body.appleBusinessPage .abHeroVisual::after{display:none !important;content:none !important;}
body.appleBusinessPage .abHeroCubeStage{
  inset:0 !important;
  transform:translateY(-4px) !important;
  perspective:2300px !important;
  perspective-origin:50% 48% !important;
}
body.appleBusinessPage .abHeroCube.appleTrueCube{
  width:min(82%,640px) !important;
  height:350px !important;
  min-width:0 !important;
  min-height:350px !important;
  max-width:640px !important;
  max-height:350px !important;
  margin:auto !important;
  transform-style:preserve-3d !important;
}
body.appleBusinessPage .abHeroCubeFace{
  width:100% !important;
  height:100% !important;
  border-radius:26px !important;
  overflow:hidden !important;
  background:#f7fbfe !important;
  border:1px solid rgba(255,255,255,.78) !important;
  box-shadow:0 20px 48px rgba(38,88,116,.11) !important;
}

body.homePage .appleHomeCubeFace img,
body.appleBusinessPage .abHeroCubeFace img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center !important;
}

/* Remove residual old decorative blotches around the Apple hero */
body.appleBusinessPage .abHero::after{
  display:none !important;
  content:none !important;
}
body.appleBusinessPage .abHero::before{
  width:310px !important;
  height:310px !important;
  right:5% !important;
  top:8% !important;
  left:auto !important;
  bottom:auto !important;
  opacity:.22 !important;
  filter:blur(64px) !important;
  background:radial-gradient(circle,rgba(84,202,239,.16),rgba(84,202,239,0) 72%) !important;
}

@media(max-width:1100px){
  body.homePage .appleHomeVisual.appleCubeVisual{min-height:370px !important}
  body.homePage .appleHomeCube.appleTrueCube{width:min(82%,460px) !important;height:250px !important;min-height:250px !important;max-height:250px !important}
  body.appleBusinessPage .abHeroVisual{min-height:440px !important}
  body.appleBusinessPage .abHeroCube.appleTrueCube{width:min(84%,560px) !important;height:305px !important;min-height:305px !important;max-height:305px !important}
}
@media(max-width:760px){
  body.homePage .appleHomeVisual.appleCubeVisual{min-height:300px !important}
  body.homePage .appleHomeVisual.appleCubeVisual::before{inset:16px;border-radius:22px}
  body.homePage .appleHomeCube.appleTrueCube{width:min(86%,350px) !important;height:195px !important;min-height:195px !important;max-height:195px !important}
  body.homePage .appleHomeCubeFace{border-radius:18px !important}
  body.appleBusinessPage .abHeroVisual{min-height:340px !important}
  body.appleBusinessPage .abHeroVisual::before{inset:18px;border-radius:22px}
  body.appleBusinessPage .abHeroCube.appleTrueCube{width:min(88%,390px) !important;height:220px !important;min-height:220px !important;max-height:220px !important}
  body.appleBusinessPage .abHeroCubeFace{border-radius:19px !important}
}

/* =========================
   V58 – Apple rotating screen proportions + tighter glass framing
   ========================= */

/* HOME: less nested glass, more direct "screen in screen" composition */
body.homePage .appleHomeFeatureInner{
  gap:34px !important;
}
body.homePage .appleHomeVisual.appleCubeVisual{
  min-height:350px !important;
  padding:18px !important;
  border-radius:30px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(239,249,254,.90)) !important;
  border:1px solid rgba(102,189,221,.16) !important;
  box-shadow:0 20px 46px rgba(54,126,160,.08) !important;
}
body.homePage .appleHomeVisual.appleCubeVisual::before{
  display:none !important;
  content:none !important;
}
body.homePage .appleHomeVisual.appleCubeVisual::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:14px !important;
  border-radius:23px !important;
  border:1px solid rgba(113,193,224,.13) !important;
  background:linear-gradient(145deg,rgba(255,255,255,.28),rgba(232,246,252,.08)) !important;
  pointer-events:none !important;
}
body.homePage .appleHomeCubeStage{
  inset:18px !important;
  perspective:1800px !important;
}
body.homePage .appleHomeCube.appleTrueCube{
  width:min(72%,460px) !important;
  max-width:460px !important;
  height:260px !important;
  min-height:260px !important;
  max-height:260px !important;
  --apple-cube-depth:118px !important;
}
body.homePage .appleHomeCubeFace{
  border-radius:21px !important;
  box-shadow:0 16px 34px rgba(40,91,120,.09) !important;
}

/* APPLE PAGE: less stretched, closer to a balanced widescreen prism */
body.appleBusinessPage .abHeroVisual{
  min-height:455px !important;
  padding:18px !important;
  border-radius:34px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(238,249,254,.92)) !important;
  border:1px solid rgba(102,189,221,.16) !important;
  box-shadow:0 24px 54px rgba(54,126,160,.09) !important;
}
body.appleBusinessPage .abHeroVisual::before{
  display:none !important;
  content:none !important;
}
body.appleBusinessPage .abHeroVisual::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:16px !important;
  border-radius:26px !important;
  border:1px solid rgba(111,194,224,.12) !important;
  background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(227,245,252,.08)) !important;
  pointer-events:none !important;
}
body.appleBusinessPage .abHeroCubeStage{
  inset:22px !important;
  transform:translateY(-3px) !important;
  perspective:2100px !important;
}
body.appleBusinessPage .abHeroCube.appleTrueCube{
  width:min(74%,560px) !important;
  max-width:560px !important;
  height:320px !important;
  min-height:320px !important;
  max-height:320px !important;
  --apple-cube-depth:145px !important;
}
body.appleBusinessPage .abHeroCubeFace{
  border-radius:23px !important;
  box-shadow:0 18px 40px rgba(38,88,116,.10) !important;
}

/* Small information label so it never dominates the image */
body.appleBusinessPage .abHeroGlass{
  left:22px !important;
  bottom:20px !important;
  width:auto !important;
  max-width:66% !important;
  padding:11px 14px !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.78) !important;
  border:1px solid rgba(104,194,226,.22) !important;
  box-shadow:0 10px 26px rgba(57,136,172,.09) !important;
  backdrop-filter:blur(14px) !important;
}
body.appleBusinessPage .abHeroGlass span{
  font-size:9px !important;
  letter-spacing:.10em !important;
}
body.appleBusinessPage .abHeroGlass strong{
  margin-top:4px !important;
  font-size:14px !important;
  line-height:1.22 !important;
}

@media(max-width:1100px){
  body.homePage .appleHomeVisual.appleCubeVisual{min-height:320px !important}
  body.homePage .appleHomeCube.appleTrueCube{
    width:min(76%,410px) !important;
    height:230px !important;
    min-height:230px !important;
    max-height:230px !important;
    --apple-cube-depth:104px !important;
  }
  body.appleBusinessPage .abHeroVisual{min-height:405px !important}
  body.appleBusinessPage .abHeroCube.appleTrueCube{
    width:min(78%,500px) !important;
    height:285px !important;
    min-height:285px !important;
    max-height:285px !important;
    --apple-cube-depth:130px !important;
  }
}

@media(max-width:760px){
  body.homePage .appleHomeFeatureInner{gap:22px !important}
  body.homePage .appleHomeVisual.appleCubeVisual{
    min-height:245px !important;
    padding:12px !important;
    border-radius:24px !important;
  }
  body.homePage .appleHomeVisual.appleCubeVisual::after{
    inset:10px !important;
    border-radius:19px !important;
  }
  body.homePage .appleHomeCubeStage{inset:12px !important}
  body.homePage .appleHomeCube.appleTrueCube{
    width:min(84%,300px) !important;
    height:170px !important;
    min-height:170px !important;
    max-height:170px !important;
    --apple-cube-depth:76px !important;
  }
  body.homePage .appleHomeCubeFace{border-radius:16px !important}

  body.appleBusinessPage .abHeroVisual{
    min-height:285px !important;
    padding:12px !important;
    border-radius:25px !important;
  }
  body.appleBusinessPage .abHeroVisual::after{
    inset:10px !important;
    border-radius:20px !important;
  }
  body.appleBusinessPage .abHeroCubeStage{
    inset:14px !important;
    transform:none !important;
  }
  body.appleBusinessPage .abHeroCube.appleTrueCube{
    width:min(84%,315px) !important;
    height:180px !important;
    min-height:180px !important;
    max-height:180px !important;
    --apple-cube-depth:80px !important;
  }
  body.appleBusinessPage .abHeroCubeFace{border-radius:17px !important}
  body.appleBusinessPage .abHeroGlass{
    left:14px !important;
    bottom:13px !important;
    max-width:58% !important;
    padding:7px 9px !important;
    border-radius:12px !important;
    background:rgba(255,255,255,.82) !important;
  }
  body.appleBusinessPage .abHeroGlass span{
    font-size:7px !important;
    letter-spacing:.08em !important;
  }
  body.appleBusinessPage .abHeroGlass strong{
    margin-top:2px !important;
    font-size:10px !important;
    line-height:1.16 !important;
  }
}

@media(max-width:430px){
  body.homePage .appleHomeCube.appleTrueCube{
    width:min(88%,270px) !important;
    height:154px !important;
    min-height:154px !important;
    max-height:154px !important;
    --apple-cube-depth:69px !important;
  }
  body.appleBusinessPage .abHeroVisual{min-height:250px !important}
  body.appleBusinessPage .abHeroCube.appleTrueCube{
    width:min(86%,280px) !important;
    height:160px !important;
    min-height:160px !important;
    max-height:160px !important;
    --apple-cube-depth:72px !important;
  }
  body.appleBusinessPage .abHeroGlass{
    max-width:52% !important;
    left:12px !important;
    bottom:11px !important;
  }
  body.appleBusinessPage .abHeroGlass span{display:none !important}
  body.appleBusinessPage .abHeroGlass strong{
    font-size:9px !important;
    margin-top:0 !important;
  }
}


/* =========================
   V59 – mobile cleanup for Apple hero + tighter proportions
   ========================= */

/* Slightly slimmer desktop composition on Apple page */
body.appleBusinessPage .abHeroVisual{
  min-height:430px !important;
  padding:16px !important;
  border-radius:32px !important;
}
body.appleBusinessPage .abHeroVisual::after{
  inset:14px !important;
  border-radius:24px !important;
}
body.appleBusinessPage .abHeroCubeStage{
  inset:18px !important;
}
body.appleBusinessPage .abHeroCube.appleTrueCube{
  width:min(70%,520px) !important;
  max-width:520px !important;
  height:292px !important;
  min-height:292px !important;
  max-height:292px !important;
  --apple-cube-depth:132px !important;
}
body.appleBusinessPage .abHeroCubeFace{
  border-radius:22px !important;
}
body.appleBusinessPage .abHeroGlass{
  left:18px !important;
  right:auto !important;
  bottom:16px !important;
  max-width:52% !important;
  padding:10px 12px !important;
}
body.appleBusinessPage .abHeroGlass strong{
  font-size:13px !important;
  line-height:1.18 !important;
}

/* Home page: cleaner glass block, less bulky */
body.homePage .appleHomeVisual.appleCubeVisual{
  min-height:330px !important;
  padding:14px !important;
  border-radius:28px !important;
}
body.homePage .appleHomeVisual.appleCubeVisual::after{
  inset:12px !important;
  border-radius:21px !important;
}
body.homePage .appleHomeCubeStage{
  inset:14px !important;
}
body.homePage .appleHomeCube.appleTrueCube{
  width:min(70%,430px) !important;
  max-width:430px !important;
  height:238px !important;
  min-height:238px !important;
  max-height:238px !important;
  --apple-cube-depth:108px !important;
}

/* Tablet */
@media(max-width:980px){
  body.appleBusinessPage .abHeroVisual{
    min-height:380px !important;
  }
  body.appleBusinessPage .abHeroCube.appleTrueCube{
    width:min(76%,450px) !important;
    height:250px !important;
    min-height:250px !important;
    max-height:250px !important;
    --apple-cube-depth:116px !important;
  }
  body.appleBusinessPage .abHeroGlass{
    max-width:48% !important;
    padding:8px 10px !important;
  }
  body.appleBusinessPage .abHeroGlass strong{
    font-size:11px !important;
  }
  body.homePage .appleHomeVisual.appleCubeVisual{
    min-height:290px !important;
  }
  body.homePage .appleHomeCube.appleTrueCube{
    width:min(76%,360px) !important;
    height:200px !important;
    min-height:200px !important;
    max-height:200px !important;
    --apple-cube-depth:90px !important;
  }
}

/* Mobile cleanup: screen should be clearly slimmer and the text badge should never dominate */
@media(max-width:760px){
  body.appleBusinessPage .abHeroVisual{
    min-height:248px !important;
    padding:10px !important;
    border-radius:22px !important;
  }
  body.appleBusinessPage .abHeroVisual::after{
    inset:8px !important;
    border-radius:16px !important;
  }
  body.appleBusinessPage .abHeroCubeStage{
    inset:10px !important;
  }
  body.appleBusinessPage .abHeroCube.appleTrueCube{
    width:min(78%,252px) !important;
    height:146px !important;
    min-height:146px !important;
    max-height:146px !important;
    --apple-cube-depth:62px !important;
  }
  body.appleBusinessPage .abHeroCubeFace{
    border-radius:14px !important;
  }
  body.appleBusinessPage .abHeroGlass{
    left:10px !important;
    bottom:10px !important;
    max-width:44% !important;
    padding:6px 8px !important;
    border-radius:10px !important;
  }
  body.appleBusinessPage .abHeroGlass span{
    display:none !important;
  }
  body.appleBusinessPage .abHeroGlass strong{
    margin-top:0 !important;
    font-size:8px !important;
    line-height:1.15 !important;
  }

  body.homePage .appleHomeVisual.appleCubeVisual{
    min-height:228px !important;
    padding:10px !important;
    border-radius:21px !important;
  }
  body.homePage .appleHomeVisual.appleCubeVisual::after{
    inset:8px !important;
    border-radius:16px !important;
  }
  body.homePage .appleHomeCubeStage{
    inset:10px !important;
  }
  body.homePage .appleHomeCube.appleTrueCube{
    width:min(80%,256px) !important;
    height:144px !important;
    min-height:144px !important;
    max-height:144px !important;
    --apple-cube-depth:64px !important;
  }
  body.homePage .appleHomeCubeFace{
    border-radius:14px !important;
  }
}

@media(max-width:430px){
  body.appleBusinessPage .abHeroVisual{
    min-height:230px !important;
  }
  body.appleBusinessPage .abHeroCube.appleTrueCube{
    width:min(76%,224px) !important;
    height:130px !important;
    min-height:130px !important;
    max-height:130px !important;
    --apple-cube-depth:54px !important;
  }
  body.appleBusinessPage .abHeroGlass{
    max-width:41% !important;
    left:8px !important;
    bottom:8px !important;
    padding:5px 7px !important;
  }
  body.appleBusinessPage .abHeroGlass strong{
    font-size:7px !important;
    line-height:1.1 !important;
  }
  body.homePage .appleHomeVisual.appleCubeVisual{
    min-height:214px !important;
  }
  body.homePage .appleHomeCube.appleTrueCube{
    width:min(78%,228px) !important;
    height:128px !important;
    min-height:128px !important;
    max-height:128px !important;
    --apple-cube-depth:56px !important;
  }
}


/* =========================
   V60 – cleaner cube, single blue panel, no extra inner windows
   ========================= */

/* HOME: keep only one clean blue glass panel */
body.homePage .appleHomeVisual.appleCubeVisual{
  min-height:318px !important;
  height:318px !important;
  padding:0 !important;
  border-radius:28px !important;
  background:linear-gradient(135deg,#f5fbfe 0%,#eaf7fd 52%,#ddf2fb 100%) !important;
  border:1px solid rgba(123,200,228,.24) !important;
  box-shadow:0 18px 44px rgba(54,126,160,.08) !important;
}
body.homePage .appleHomeVisual.appleCubeVisual::before,
body.homePage .appleHomeVisual.appleCubeVisual::after{
  display:none !important;
  content:none !important;
}
body.homePage .appleHomeCubeStage{
  inset:0 !important;
  transform:none !important;
  perspective:1650px !important;
  perspective-origin:50% 50% !important;
}
body.homePage .appleHomeCube.appleTrueCube{
  width:min(66%,400px) !important;
  max-width:400px !important;
  height:220px !important;
  min-height:220px !important;
  max-height:220px !important;
  --apple-cube-depth:96px !important;
  transform:rotateX(-2deg) rotateY(0deg) !important;
}
body.homePage .appleHomeCubeFace{
  border-radius:20px !important;
  box-shadow:0 16px 34px rgba(40,91,120,.10) !important;
}

/* APPLE PAGE: one outer panel only, no nested rectangles */
body.appleBusinessPage .abHeroVisual{
  min-height:400px !important;
  padding:0 !important;
  border-radius:30px !important;
  background:linear-gradient(135deg,#f7fcfe 0%,#eef9fd 55%,#dff4fb 100%) !important;
  border:1px solid rgba(123,200,228,.24) !important;
  box-shadow:0 20px 48px rgba(54,126,160,.09) !important;
}
body.appleBusinessPage .abHeroVisual::before,
body.appleBusinessPage .abHeroVisual::after{
  display:none !important;
  content:none !important;
}
body.appleBusinessPage .abHeroCubeStage{
  inset:0 !important;
  transform:none !important;
  perspective:1800px !important;
  perspective-origin:50% 50% !important;
}
body.appleBusinessPage .abHeroCube.appleTrueCube{
  width:min(68%,460px) !important;
  max-width:460px !important;
  height:252px !important;
  min-height:252px !important;
  max-height:252px !important;
  --apple-cube-depth:108px !important;
  transform:rotateX(-3deg) rotateY(0deg) !important;
}
body.appleBusinessPage .abHeroCubeFace{
  border-radius:20px !important;
  box-shadow:0 16px 34px rgba(38,88,116,.10) !important;
}
body.appleBusinessPage .abHeroGlass{
  left:16px !important;
  bottom:14px !important;
  max-width:40% !important;
  padding:8px 10px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.86) !important;
  border:1px solid rgba(104,194,226,.20) !important;
  box-shadow:0 8px 20px rgba(57,136,172,.08) !important;
}
body.appleBusinessPage .abHeroGlass span{
  font-size:8px !important;
  letter-spacing:.08em !important;
}
body.appleBusinessPage .abHeroGlass strong{
  font-size:12px !important;
  line-height:1.16 !important;
  margin-top:3px !important;
}

/* Tablet */
@media(max-width:1100px){
  body.homePage .appleHomeVisual.appleCubeVisual{
    min-height:290px !important;
    height:290px !important;
  }
  body.homePage .appleHomeCube.appleTrueCube{
    width:min(70%,350px) !important;
    height:194px !important;
    min-height:194px !important;
    max-height:194px !important;
    --apple-cube-depth:84px !important;
  }
  body.appleBusinessPage .abHeroVisual{
    min-height:350px !important;
  }
  body.appleBusinessPage .abHeroCube.appleTrueCube{
    width:min(72%,400px) !important;
    height:220px !important;
    min-height:220px !important;
    max-height:220px !important;
    --apple-cube-depth:94px !important;
  }
}

/* Mobile */
@media(max-width:760px){
  body.homePage .appleHomeVisual.appleCubeVisual{
    min-height:230px !important;
    height:230px !important;
    border-radius:22px !important;
  }
  body.homePage .appleHomeCube.appleTrueCube{
    width:min(74%,250px) !important;
    height:138px !important;
    min-height:138px !important;
    max-height:138px !important;
    --apple-cube-depth:58px !important;
  }
  body.homePage .appleHomeCubeFace{
    border-radius:14px !important;
  }

  body.appleBusinessPage .abHeroVisual{
    min-height:250px !important;
    border-radius:22px !important;
  }
  body.appleBusinessPage .abHeroCube.appleTrueCube{
    width:min(74%,262px) !important;
    height:146px !important;
    min-height:146px !important;
    max-height:146px !important;
    --apple-cube-depth:62px !important;
  }
  body.appleBusinessPage .abHeroCubeFace{
    border-radius:14px !important;
  }
  body.appleBusinessPage .abHeroGlass{
    left:10px !important;
    bottom:10px !important;
    max-width:38% !important;
    padding:6px 8px !important;
    border-radius:11px !important;
  }
  body.appleBusinessPage .abHeroGlass span{
    display:none !important;
  }
  body.appleBusinessPage .abHeroGlass strong{
    font-size:8px !important;
    line-height:1.1 !important;
    margin-top:0 !important;
  }
}

@media(max-width:430px){
  body.homePage .appleHomeVisual.appleCubeVisual{
    min-height:214px !important;
    height:214px !important;
  }
  body.homePage .appleHomeCube.appleTrueCube{
    width:min(74%,226px) !important;
    height:126px !important;
    min-height:126px !important;
    max-height:126px !important;
    --apple-cube-depth:52px !important;
  }
  body.appleBusinessPage .abHeroVisual{
    min-height:232px !important;
  }
  body.appleBusinessPage .abHeroCube.appleTrueCube{
    width:min(72%,230px) !important;
    height:128px !important;
    min-height:128px !important;
    max-height:128px !important;
    --apple-cube-depth:54px !important;
  }
  body.appleBusinessPage .abHeroGlass{
    max-width:36% !important;
    left:8px !important;
    bottom:8px !important;
    padding:5px 7px !important;
  }
  body.appleBusinessPage .abHeroGlass strong{
    font-size:7px !important;
  }
}


/* =========================
   V61 – restore rotating cube, remove inner frames, clean single-panel layout
   ========================= */

/* Force only one clean blue panel behind the rotating Apple visuals */
body.homePage .appleHomeVisual.appleCubeVisual,
body.appleBusinessPage .abHeroVisual{
  position:relative !important;
  overflow:hidden !important;
  background:linear-gradient(135deg,#f4fbfe 0%,#eaf7fd 55%,#dff2fb 100%) !important;
  border:1px solid rgba(123,200,228,.26) !important;
  box-shadow:0 16px 40px rgba(52,126,160,.08) !important;
}
body.homePage .appleHomeVisual.appleCubeVisual::before,
body.homePage .appleHomeVisual.appleCubeVisual::after,
body.appleBusinessPage .abHeroVisual::before,
body.appleBusinessPage .abHeroVisual::after{
  content:none !important;
  display:none !important;
}

/* Stage itself should not look like a second frame */
body.homePage .appleHomeCubeStage,
body.appleBusinessPage .abHeroCubeStage{
  position:absolute !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  perspective-origin:50% 50% !important;
  overflow:visible !important;
}
body.homePage .appleHomeCubeStage{perspective:1750px !important}
body.appleBusinessPage .abHeroCubeStage{perspective:1850px !important}

/* Keep the rotating prism shape, but without any extra frame around the image */
body.homePage .appleHomeCube.appleTrueCube,
body.appleBusinessPage .abHeroCube.appleTrueCube{
  transform-style:preserve-3d !important;
  will-change:transform !important;
  animation:none !important;
  margin:auto !important;
}
body.homePage .appleHomeCubeFace,
body.appleBusinessPage .abHeroCubeFace{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  overflow:hidden !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
}
body.homePage .appleHomeCubeFace img,
body.appleBusinessPage .abHeroCubeFace img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:24px !important;
  box-shadow:0 12px 28px rgba(37,87,114,.12) !important;
}

/* Desktop sizes */
body.homePage .appleHomeVisual.appleCubeVisual{
  min-height:320px !important;
  height:320px !important;
  border-radius:28px !important;
}
body.homePage .appleHomeCube.appleTrueCube{
  width:min(66%,400px) !important;
  height:220px !important;
  min-height:220px !important;
  max-height:220px !important;
  --apple-cube-depth:112px !important;
}
body.appleBusinessPage .abHeroVisual{
  min-height:390px !important;
  border-radius:30px !important;
}
body.appleBusinessPage .abHeroCube.appleTrueCube{
  width:min(66%,470px) !important;
  height:264px !important;
  min-height:264px !important;
  max-height:264px !important;
  --apple-cube-depth:132px !important;
}

/* Hero note: one compact row instead of multiple lines */
body.appleBusinessPage .abHeroGlass{
  z-index:3 !important;
  left:16px !important;
  right:auto !important;
  bottom:16px !important;
  max-width:none !important;
  width:auto !important;
  display:inline-flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:2px !important;
  padding:8px 12px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.90) !important;
  border:1px solid rgba(104,194,226,.20) !important;
  box-shadow:0 8px 20px rgba(57,136,172,.08) !important;
}
body.appleBusinessPage .abHeroGlass span{
  font-size:8px !important;
  line-height:1 !important;
  letter-spacing:.08em !important;
}
body.appleBusinessPage .abHeroGlass strong{
  margin-top:0 !important;
  font-size:11px !important;
  line-height:1.05 !important;
  white-space:nowrap !important;
}

/* Tablet */
@media (max-width:1100px){
  body.homePage .appleHomeVisual.appleCubeVisual{
    min-height:290px !important;
    height:290px !important;
  }
  body.homePage .appleHomeCube.appleTrueCube{
    width:min(70%,350px) !important;
    height:194px !important;
    min-height:194px !important;
    max-height:194px !important;
    --apple-cube-depth:98px !important;
  }
  body.appleBusinessPage .abHeroVisual{min-height:350px !important}
  body.appleBusinessPage .abHeroCube.appleTrueCube{
    width:min(70%,410px) !important;
    height:230px !important;
    min-height:230px !important;
    max-height:230px !important;
    --apple-cube-depth:115px !important;
  }
}

/* Mobile */
@media (max-width:760px){
  body.homePage .appleHomeVisual.appleCubeVisual{
    min-height:230px !important;
    height:230px !important;
    border-radius:22px !important;
  }
  body.homePage .appleHomeCube.appleTrueCube{
    width:min(76%,248px) !important;
    height:140px !important;
    min-height:140px !important;
    max-height:140px !important;
    --apple-cube-depth:70px !important;
  }
  body.homePage .appleHomeCubeFace img{border-radius:16px !important}

  body.appleBusinessPage .abHeroVisual{
    min-height:250px !important;
    border-radius:22px !important;
  }
  body.appleBusinessPage .abHeroCube.appleTrueCube{
    width:min(76%,258px) !important;
    height:145px !important;
    min-height:145px !important;
    max-height:145px !important;
    --apple-cube-depth:72px !important;
  }
  body.appleBusinessPage .abHeroCubeFace img{border-radius:16px !important}
  body.appleBusinessPage .abHeroGlass{
    left:10px !important;
    bottom:10px !important;
    padding:5px 8px !important;
    border-radius:10px !important;
  }
  body.appleBusinessPage .abHeroGlass span{display:none !important}
  body.appleBusinessPage .abHeroGlass strong{
    font-size:7px !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }
}

@media (max-width:430px){
  body.homePage .appleHomeVisual.appleCubeVisual{
    min-height:214px !important;
    height:214px !important;
  }
  body.homePage .appleHomeCube.appleTrueCube{
    width:min(76%,224px) !important;
    height:126px !important;
    min-height:126px !important;
    max-height:126px !important;
    --apple-cube-depth:63px !important;
  }
  body.appleBusinessPage .abHeroVisual{min-height:228px !important}
  body.appleBusinessPage .abHeroCube.appleTrueCube{
    width:min(74%,224px) !important;
    height:126px !important;
    min-height:126px !important;
    max-height:126px !important;
    --apple-cube-depth:63px !important;
  }
}


/* =========================
   V62 – cleaner cube motion, wider stage, soft glass surround
   ========================= */
body.homePage .appleHomeVisual.appleCubeVisual,
body.appleBusinessPage .abHeroVisual{
  position:relative !important;
  overflow:hidden !important;
  background:linear-gradient(135deg,#f6fbfe 0%,#edf8fd 56%,#def0f9 100%) !important;
  border:1px solid rgba(112,196,224,.24) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 18px 44px rgba(50,120,152,.08) !important;
}
body.homePage .appleHomeVisual.appleCubeVisual::before,
body.homePage .appleHomeVisual.appleCubeVisual::after,
body.appleBusinessPage .abHeroVisual::before,
body.appleBusinessPage .abHeroVisual::after{
  content:none !important;
  display:none !important;
}

body.homePage .appleHomeCubeStage,
body.appleBusinessPage .abHeroCubeStage{
  position:absolute !important;
  inset:18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  perspective-origin:50% 50% !important;
  overflow:visible !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  transform:none !important;
}
body.homePage .appleHomeCubeStage::before,
body.appleBusinessPage .abHeroCubeStage::before{
  content:'' !important;
  position:absolute !important;
  inset:10% 8% !important;
  border-radius:28px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.36),rgba(255,255,255,.18)) !important;
  border:1px solid rgba(255,255,255,.32) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 12px 30px rgba(90,161,193,.09) !important;
  backdrop-filter:blur(6px) !important;
  -webkit-backdrop-filter:blur(6px) !important;
  z-index:0 !important;
}

body.homePage .appleHomeCube.appleTrueCube,
body.appleBusinessPage .abHeroCube.appleTrueCube{
  position:relative !important;
  z-index:1 !important;
  transform-style:preserve-3d !important;
  will-change:transform !important;
  animation:none !important;
  margin:auto !important;
}
body.homePage .appleHomeCubeFace,
body.appleBusinessPage .abHeroCubeFace{
  background:transparent !important;
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
  overflow:hidden !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
}
body.homePage .appleHomeCubeFace img,
body.appleBusinessPage .abHeroCubeFace img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:26px !important;
  box-shadow:0 12px 28px rgba(42,90,115,.12) !important;
}

/* slightly wider, softer depth so edge lines are less visible during rotation */
body.homePage .appleHomeVisual.appleCubeVisual{
  min-height:350px !important;
  height:350px !important;
  border-radius:30px !important;
}
body.homePage .appleHomeCube.appleTrueCube{
  width:min(78%,500px) !important;
  height:262px !important;
  min-height:262px !important;
  max-height:262px !important;
  --apple-cube-depth:86px !important;
}
body.homePage .appleHomeCubeStage{perspective:2100px !important}

body.appleBusinessPage .abHeroVisual{
  min-height:430px !important;
  border-radius:32px !important;
}
body.appleBusinessPage .abHeroCube.appleTrueCube{
  width:min(80%,580px) !important;
  height:320px !important;
  min-height:320px !important;
  max-height:320px !important;
  --apple-cube-depth:92px !important;
}
body.appleBusinessPage .abHeroCubeStage{perspective:2200px !important}

/* compact note, single row feel */
body.appleBusinessPage .abHeroGlass{
  left:18px !important;
  bottom:18px !important;
  right:auto !important;
  width:auto !important;
  max-width:calc(100% - 36px) !important;
  padding:8px 12px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.90) !important;
  border:1px solid rgba(109,198,227,.18) !important;
  box-shadow:0 10px 22px rgba(54,133,164,.08) !important;
}
body.appleBusinessPage .abHeroGlass span{
  display:block !important;
  color:#45b2dd !important;
  font-size:9px !important;
  line-height:1 !important;
  letter-spacing:.1em !important;
}
body.appleBusinessPage .abHeroGlass strong{
  display:block !important;
  margin-top:3px !important;
  color:#17384d !important;
  font-size:12px !important;
  line-height:1.02 !important;
  white-space:nowrap !important;
}

@media (max-width:1100px){
  body.homePage .appleHomeVisual.appleCubeVisual{min-height:310px !important;height:310px !important}
  body.homePage .appleHomeCube.appleTrueCube{width:min(80%,420px) !important;height:220px !important;min-height:220px !important;max-height:220px !important;--apple-cube-depth:76px !important}
  body.appleBusinessPage .abHeroVisual{min-height:370px !important}
  body.appleBusinessPage .abHeroCube.appleTrueCube{width:min(82%,500px) !important;height:275px !important;min-height:275px !important;max-height:275px !important;--apple-cube-depth:84px !important}
}

@media (max-width:760px){
  body.homePage .appleHomeVisual.appleCubeVisual{
    min-height:238px !important;
    height:238px !important;
    border-radius:24px !important;
  }
  body.homePage .appleHomeCubeStage{inset:12px !important}
  body.homePage .appleHomeCubeStage::before{inset:8% 6% !important;border-radius:20px !important}
  body.homePage .appleHomeCube.appleTrueCube{
    width:min(80%,270px) !important;
    height:150px !important;
    min-height:150px !important;
    max-height:150px !important;
    --apple-cube-depth:58px !important;
  }
  body.homePage .appleHomeCubeFace img{border-radius:18px !important}

  body.appleBusinessPage .abHeroVisual{
    min-height:255px !important;
    border-radius:24px !important;
  }
  body.appleBusinessPage .abHeroCubeStage{inset:12px !important}
  body.appleBusinessPage .abHeroCubeStage::before{inset:8% 6% !important;border-radius:20px !important}
  body.appleBusinessPage .abHeroCube.appleTrueCube{
    width:min(80%,274px) !important;
    height:152px !important;
    min-height:152px !important;
    max-height:152px !important;
    --apple-cube-depth:58px !important;
  }
  body.appleBusinessPage .abHeroCubeFace img{border-radius:18px !important}
  body.appleBusinessPage .abHeroGlass{
    left:10px !important;
    bottom:10px !important;
    max-width:calc(100% - 20px) !important;
    padding:5px 8px !important;
    border-radius:10px !important;
  }
  body.appleBusinessPage .abHeroGlass span{display:none !important}
  body.appleBusinessPage .abHeroGlass strong{
    font-size:7px !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }
}

@media (max-width:430px){
  body.homePage .appleHomeVisual.appleCubeVisual{min-height:220px !important;height:220px !important}
  body.homePage .appleHomeCube.appleTrueCube{width:min(82%,238px) !important;height:134px !important;min-height:134px !important;max-height:134px !important;--apple-cube-depth:52px !important}
  body.appleBusinessPage .abHeroVisual{min-height:232px !important}
  body.appleBusinessPage .abHeroCube.appleTrueCube{width:min(82%,238px) !important;height:134px !important;min-height:134px !important;max-height:134px !important;--apple-cube-depth:52px !important}
}


/* =========================
   V70 – final stable Apple visual
   Fixed glass container + clean horizontal slide.
   Only this Apple image block is changed.
   ========================= */

body.homePage .appleHomeCubeStage,
body.appleBusinessPage .abHeroCubeStage{
  position:absolute !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  perspective:none !important;
  transform:none !important;
}

body.homePage .appleHomeCube.appleTrueCube.appleStableSlider,
body.appleBusinessPage .abHeroCube.appleTrueCube.appleStableSlider{
  display:flex !important;
  position:relative !important;
  width:72% !important;
  max-width:520px !important;
  height:280px !important;
  min-height:280px !important;
  max-height:280px !important;
  transform:translate3d(0,0,0) !important;
  transform-style:flat !important;
  transition:transform .9s cubic-bezier(.65,.02,.2,1) !important;
  will-change:transform !important;
}

body.homePage .appleHomeCube.appleTrueCube.appleStableSlider{
  width:70% !important;
  max-width:430px !important;
  height:242px !important;
  min-height:242px !important;
  max-height:242px !important;
}

body.homePage .appleStableSlide,
body.appleBusinessPage .appleStableSlide{
  position:relative !important;
  inset:auto !important;
  flex:0 0 100% !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  transform:none !important;
  border:none !important;
  border-radius:24px !important;
  overflow:hidden !important;
  background:#fff !important;
  box-shadow:0 18px 38px rgba(34,85,110,.12) !important;
  backface-visibility:visible !important;
}

body.homePage .appleStableSlide img,
body.appleBusinessPage .appleStableSlide img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
  border-radius:24px !important;
}

body.homePage .appleHomeVisual.appleCubeVisual,
body.appleBusinessPage .abHeroVisual{
  overflow:hidden !important;
}

@media(max-width:1100px){
  body.appleBusinessPage .abHeroCube.appleTrueCube.appleStableSlider{
    width:76% !important;
    max-width:460px !important;
    height:255px !important;
    min-height:255px !important;
    max-height:255px !important;
  }
  body.homePage .appleHomeCube.appleTrueCube.appleStableSlider{
    width:74% !important;
    max-width:390px !important;
    height:220px !important;
    min-height:220px !important;
    max-height:220px !important;
  }
}

@media(max-width:760px){
  body.appleBusinessPage .abHeroCube.appleTrueCube.appleStableSlider{
    width:80% !important;
    max-width:300px !important;
    height:168px !important;
    min-height:168px !important;
    max-height:168px !important;
  }
  body.homePage .appleHomeCube.appleTrueCube.appleStableSlider{
    width:78% !important;
    max-width:280px !important;
    height:158px !important;
    min-height:158px !important;
    max-height:158px !important;
  }
  body.homePage .appleStableSlide,
  body.appleBusinessPage .appleStableSlide,
  body.homePage .appleStableSlide img,
  body.appleBusinessPage .appleStableSlide img{
    border-radius:18px !important;
  }
}


/* =========================
   V71 – one image at a time, continuous push slider
   Only Apple animated image block changed.
   ========================= */

/* The stage is now the actual viewport. This prevents the next image
   from being visible beside the current one. */
body.homePage .appleHomeCubeStage,
body.appleBusinessPage .abHeroCubeStage{
  inset:auto !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  overflow:hidden !important;
  display:block !important;
  border:none !important;
  box-shadow:none !important;
  background:transparent !important;
}

body.appleBusinessPage .abHeroCubeStage{
  width:72% !important;
  max-width:520px !important;
  height:280px !important;
}

body.homePage .appleHomeCubeStage{
  width:70% !important;
  max-width:430px !important;
  height:242px !important;
}

/* Track fills the viewport exactly; only one slide can be visible. */
body.homePage .appleHomeCube.appleTrueCube.appleStableSlider,
body.appleBusinessPage .abHeroCube.appleTrueCube.appleStableSlider{
  display:flex !important;
  position:relative !important;
  width:100% !important;
  max-width:none !important;
  height:100% !important;
  min-height:100% !important;
  max-height:100% !important;
  margin:0 !important;
  transform:translate3d(0,0,0) !important;
  transition:transform .9s cubic-bezier(.65,.02,.2,1) !important;
  will-change:transform !important;
}

/* Exactly one image per viewport. */
body.homePage .appleStableSlide,
body.appleBusinessPage .appleStableSlide{
  flex:0 0 100% !important;
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  max-width:100% !important;
  position:relative !important;
  inset:auto !important;
  margin:0 !important;
  transform:none !important;
  border:none !important;
  border-radius:24px !important;
  overflow:hidden !important;
  background:#fff !important;
}

body.homePage .appleStableSlide img,
body.appleBusinessPage .appleStableSlide img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:var(--apple-slide-position,50% 50%) !important;
  border-radius:24px !important;
}

/* Individual crop control examples:
   <figure ... data-position="50% 35%"> = show more of the upper part
   <figure ... data-position="65% 50%"> = shift crop to the right
*/

@media(max-width:1100px){
  body.appleBusinessPage .abHeroCubeStage{
    width:76% !important;
    max-width:460px !important;
    height:255px !important;
  }
  body.homePage .appleHomeCubeStage{
    width:74% !important;
    max-width:390px !important;
    height:220px !important;
  }
}

@media(max-width:760px){
  body.appleBusinessPage .abHeroCubeStage{
    width:80% !important;
    max-width:300px !important;
    height:168px !important;
  }
  body.homePage .appleHomeCubeStage{
    width:78% !important;
    max-width:280px !important;
    height:158px !important;
  }
  body.homePage .appleStableSlide,
  body.appleBusinessPage .appleStableSlide,
  body.homePage .appleStableSlide img,
  body.appleBusinessPage .appleStableSlide img{
    border-radius:18px !important;
  }
}


/* =========================
   V72 – remove visible square/background edge
   Only clips/cleans the animated image viewport.
   ========================= */

body.homePage .appleHomeCubeStage,
body.appleBusinessPage .abHeroCubeStage{
  border-radius:24px !important;
  clip-path:inset(0 round 24px) !important;
  overflow:hidden !important;
  background:transparent !important;
}

/* No white slide rectangle behind the rounded image. */
body.homePage .appleStableSlide,
body.appleBusinessPage .appleStableSlide{
  background:transparent !important;
  box-shadow:none !important;
  border-radius:24px !important;
  overflow:hidden !important;
}

/* Let the viewport perform the rounding, avoiding a second visible edge. */
body.homePage .appleStableSlide img,
body.appleBusinessPage .appleStableSlide img{
  border-radius:0 !important;
  display:block !important;
}

/* Remove any leftover decoration from old cube versions. */
body.homePage .appleHomeCube.appleTrueCube.appleStableSlider::before,
body.homePage .appleHomeCube.appleTrueCube.appleStableSlider::after,
body.appleBusinessPage .abHeroCube.appleTrueCube.appleStableSlider::before,
body.appleBusinessPage .abHeroCube.appleTrueCube.appleStableSlider::after{
  content:none !important;
  display:none !important;
}

@media(max-width:760px){
  body.homePage .appleHomeCubeStage,
  body.appleBusinessPage .abHeroCubeStage{
    border-radius:18px !important;
    clip-path:inset(0 round 18px) !important;
  }
  body.homePage .appleStableSlide,
  body.appleBusinessPage .appleStableSlide{
    border-radius:18px !important;
  }
}


/* =========================
   V73 – Apple image block larger inside container
   Goal: image should sit bigger with only a small clean margin around it.
   Only this Apple visual block is changed.
   ========================= */

body.homePage .appleHomeCubeStage,
body.appleBusinessPage .abHeroCubeStage{
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  width:calc(100% - 32px) !important;
  height:calc(100% - 32px) !important;
  max-width:none !important;
  max-height:none !important;
  overflow:hidden !important;
  border-radius:26px !important;
  clip-path:inset(0 round 26px) !important;
}

body.homePage .appleHomeCube.appleTrueCube.appleStableSlider,
body.appleBusinessPage .abHeroCube.appleTrueCube.appleStableSlider{
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  max-height:100% !important;
  max-width:none !important;
}

body.homePage .appleStableSlide,
body.appleBusinessPage .appleStableSlide{
  width:100% !important;
  height:100% !important;
  border-radius:26px !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.homePage .appleStableSlide img,
body.appleBusinessPage .appleStableSlide img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:26px !important;
  display:block !important;
}

@media (max-width:760px){
  body.homePage .appleHomeCubeStage,
  body.appleBusinessPage .abHeroCubeStage{
    width:calc(100% - 20px) !important;
    height:calc(100% - 20px) !important;
    border-radius:18px !important;
    clip-path:inset(0 round 18px) !important;
  }

  body.homePage .appleStableSlide,
  body.appleBusinessPage .appleStableSlide,
  body.homePage .appleStableSlide img,
  body.appleBusinessPage .appleStableSlide img{
    border-radius:18px !important;
  }
}

/* =========================
   V74 – shared SU-IT visual language + cleaned Apple slider
   Apple content/layout remains unchanged; only obsolete cube naming is removed.
   ========================= */

/* Clean semantic Apple slider. One image is always visible. */
.appleSliderViewport{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:calc(100% - 32px);
  height:calc(100% - 32px);
  overflow:hidden;
  border-radius:26px;
  clip-path:inset(0 round 26px);
  background:transparent;
  pointer-events:none;
}
.appleSliderTrack{
  position:relative;
  display:flex;
  width:100%;
  height:100%;
  margin:0;
  transform:translate3d(0,0,0);
  transition:transform .9s cubic-bezier(.65,.02,.2,1);
  will-change:transform;
}
.appleSlide{
  position:relative;
  flex:0 0 100%;
  width:100%;
  min-width:100%;
  height:100%;
  margin:0;
  overflow:hidden;
  border:0;
  background:transparent;
}
.appleSlide img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:var(--apple-slide-position,50% 50%);
}
body.homePage .appleHomeVisual.appleCubeVisual,
body.appleBusinessPage .abHeroVisual{overflow:hidden!important}
@media(max-width:760px){
  .appleSliderViewport{
    width:calc(100% - 20px);
    height:calc(100% - 20px);
    border-radius:18px;
    clip-path:inset(0 round 18px);
  }
}

/* Shared visual language for non-Apple service pages. */
body.servicePage{--service-a:#45bdeb;--service-b:#86dfff;--service-c:#5d86ff}
body.servicePage.themeSecurity{--service-a:#4bc9c4;--service-b:#75dff0;--service-c:#4d91ed}
body.servicePage.themeBusiness{--service-a:#ffb563;--service-b:#ff8b9d;--service-c:#7f72f5}
body.servicePage.themeConnect{--service-a:#6c8cf5;--service-b:#a06ef0;--service-c:#5f95f5}
body.servicePage.themeWorkplace{--service-a:#5bbcf6;--service-b:#8b79f5;--service-c:#63cfae}

body.servicePage:not(.microsoftSolutionsPage) .pageHero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--service-a) 16%,transparent),transparent 34%),
    radial-gradient(circle at 78% 5%,color-mix(in srgb,var(--service-c) 11%,transparent),transparent 30%),
    linear-gradient(145deg,#fff 10%,#f7fcff 58%,#edf9fe 100%);
  padding:62px 0 68px;
}
body.servicePage:not(.microsoftSolutionsPage) .pageHero .shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(330px,43%);
  gap:54px;
  align-items:center;
}
body.servicePage:not(.microsoftSolutionsPage) .pageHero .shell::after{
  content:"";
  grid-column:2;
  grid-row:1 / span 6;
  width:100%;
  min-height:330px;
  align-self:stretch;
  border-radius:30px;
  background-image:
    linear-gradient(145deg,rgba(255,255,255,.06),rgba(73,184,229,.08)),
    var(--service-photo);
  background-size:cover;
  background-position:center;
  border:1px solid rgba(255,255,255,.92);
  box-shadow:0 26px 70px rgba(40,111,145,.16),inset 0 1px 0 rgba(255,255,255,.8);
  animation:suPhotoFloat 7s ease-in-out infinite alternate;
}
body.servicePage:not(.microsoftSolutionsPage) .pageHero .crumbs,
body.servicePage:not(.microsoftSolutionsPage) .pageHero .k,
body.servicePage:not(.microsoftSolutionsPage) .pageHero h1,
body.servicePage:not(.microsoftSolutionsPage) .pageHero p,
body.servicePage:not(.microsoftSolutionsPage) .pageHero .heroActions{grid-column:1}
body.servicePage:not(.microsoftSolutionsPage) .pageHero h1{
  max-width:760px;
  font-size:clamp(46px,5.3vw,74px)!important;
  line-height:.98;
  letter-spacing:-.05em;
  margin:8px 0 18px;
  background-image:linear-gradient(90deg,#173b55 0%,#173b55 22%,var(--service-a) 68%,var(--service-b) 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
body.servicePage:not(.microsoftSolutionsPage) .center h2{
  background-image:linear-gradient(90deg,#173b55,var(--service-a),var(--service-b))!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
}
body.servicePage:not(.microsoftSolutionsPage) .infoCard{transition:transform .3s,box-shadow .3s}
body.servicePage:not(.microsoftSolutionsPage) .infoCard:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(62,125,155,.16)}
body.servicePage:not(.microsoftSolutionsPage) .processStep{transition:transform .3s,box-shadow .3s;position:relative}
body.servicePage:not(.microsoftSolutionsPage) .processStep:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;border-radius:22px 22px 0 0;background:linear-gradient(90deg,var(--service-a),var(--service-b))}
body.servicePage:not(.microsoftSolutionsPage) .processStep:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(62,125,155,.14)}
body.servicePage:not(.microsoftSolutionsPage) .processStep span{transition:transform .35s}
body.servicePage:not(.microsoftSolutionsPage) .processStep:hover span{transform:scale(1.12) rotate(-6deg)}
body.servicePage:not(.microsoftSolutionsPage) .pageHero .k{
  color:var(--service-a)!important;
}
body.servicePage:not(.microsoftSolutionsPage) .section.soft{
  background:linear-gradient(180deg,#f3fbff 0%,#fff 52%,#f5fbfe 100%)!important;
}
body.servicePage:not(.microsoftSolutionsPage) .pricingCard,
body.servicePage:not(.microsoftSolutionsPage) .overviewCard,
body.servicePage:not(.microsoftSolutionsPage) .feature,
body.servicePage:not(.microsoftSolutionsPage) .detailPanel,
body.servicePage:not(.microsoftSolutionsPage) .internetPlan,
body.servicePage:not(.microsoftSolutionsPage) .cloudOffer{
  border:1px solid rgba(112,182,215,.18)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(246,252,255,.88))!important;
  box-shadow:0 18px 48px rgba(51,111,140,.09)!important;
  backdrop-filter:blur(14px);
}
body.servicePage:not(.microsoftSolutionsPage) .pricingCard:hover,
body.servicePage:not(.microsoftSolutionsPage) .overviewCard:hover,
body.servicePage:not(.microsoftSolutionsPage) .feature:hover{
  transform:translateY(-5px);
  box-shadow:0 25px 60px rgba(51,111,140,.14)!important;
}
body.servicePage:not(.microsoftSolutionsPage) .productBadge,
body.servicePage:not(.microsoftSolutionsPage) .planBadge{
  background:color-mix(in srgb,var(--service-a) 11%,#fff)!important;
  color:color-mix(in srgb,var(--service-a) 72%,#17425b)!important;
  border-color:color-mix(in srgb,var(--service-a) 22%,transparent)!important;
}

/* Overview pages now use the same photo/glass rhythm without becoming identical templates. */
body.overviewPage .pageHero .shell{position:relative;z-index:1}
body.overviewPage .pageHero .shell::after{
  content:"";
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  width:min(39%,440px);
  height:calc(100% + 6px);
  min-height:275px;
  border-radius:30px;
  background-image:linear-gradient(145deg,rgba(255,255,255,.08),rgba(69,189,235,.10)),var(--overview-photo);
  background-size:cover;
  background-position:center;
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 24px 66px rgba(43,107,138,.14);
  z-index:-1;
  animation:suPhotoFloat 8s ease-in-out infinite alternate;
}
body.overviewPage .pageHero .shell>*{max-width:55%}
body.overviewPage .serviceCard img{
  filter:saturate(.92) contrast(.98) brightness(1.04);
}
body.overviewPage .serviceCard .shade{
  background:linear-gradient(180deg,rgba(10,45,66,.00),rgba(10,45,66,.70));
}

@keyframes suPhotoFloat{
  from{transform:translateY(0) scale(1)}
  to{transform:translateY(-5px) scale(1.008)}
}
body.overviewPage .pageHero .shell::after{animation-name:suOverviewPhotoFloat}
@keyframes suOverviewPhotoFloat{
  from{transform:translateY(-50%) translateY(0) scale(1)}
  to{transform:translateY(-50%) translateY(-5px) scale(1.008)}
}

@media(max-width:1024px){
  body.servicePage:not(.microsoftSolutionsPage) .pageHero .shell{grid-template-columns:minmax(0,1fr) minmax(280px,39%);gap:34px}
  body.servicePage:not(.microsoftSolutionsPage) .pageHero .shell::after{min-height:285px}
  body.overviewPage .pageHero .shell::after{width:36%;min-height:240px}
  body.overviewPage .pageHero .shell>*{max-width:59%}
}
@media(max-width:760px){
  body.servicePage:not(.microsoftSolutionsPage) .pageHero{padding:46px 0 52px}
  body.servicePage:not(.microsoftSolutionsPage) .pageHero .shell{grid-template-columns:1fr;gap:24px}
  body.servicePage:not(.microsoftSolutionsPage) .pageHero .shell::after{
    grid-column:1;
    grid-row:auto;
    min-height:230px;
    border-radius:22px;
    animation:none;
  }
  body.servicePage:not(.microsoftSolutionsPage) .pageHero .crumbs,
  body.servicePage:not(.microsoftSolutionsPage) .pageHero .k,
  body.servicePage:not(.microsoftSolutionsPage) .pageHero h1,
  body.servicePage:not(.microsoftSolutionsPage) .pageHero p,
  body.servicePage:not(.microsoftSolutionsPage) .pageHero .heroActions{grid-column:1}
  body.servicePage:not(.microsoftSolutionsPage) .pageHero h1{font-size:clamp(39px,11vw,52px)!important}
  body.overviewPage .pageHero .shell::after{
    position:relative;
    display:block;
    top:auto;
    right:auto;
    transform:none;
    width:100%;
    height:220px;
    min-height:220px;
    margin-top:26px;
    border-radius:22px;
    animation:none;
  }
  body.overviewPage .pageHero .shell>*{max-width:none}
}
@media(prefers-reduced-motion:reduce){
  body.servicePage:not(.microsoftSolutionsPage) .pageHero .shell::after,
  body.overviewPage .pageHero .shell::after{animation:none!important}
}

/* =========================
   V81 – Apple procurement: SU-IT iPhone enlarged substantially inside existing card
   ========================= */
body.appleBusinessPage .abProcurementPlate{
  align-items:center !important;
  justify-content:center !important;
  gap:30px !important;
}
body.appleBusinessPage .abProcurementPlate .device-ipad{
  width:min(51%,270px) !important;
}
body.appleBusinessPage .abProcurementPhoneCard{
  position:relative !important;
  flex:0 0 min(43%,272px) !important;
  width:min(43%,272px) !important;
  min-width:210px !important;
  height:336px !important;
  padding:2px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  border-radius:34px !important;
  background:linear-gradient(155deg,rgba(255,255,255,.96),rgba(235,248,255,.94)) !important;
  border:1px solid rgba(103,183,216,.18) !important;
  box-shadow:0 18px 42px rgba(49,118,150,.10),inset 0 1px 0 rgba(255,255,255,.98) !important;
  animation:abPhoneCardFloat 6.6s ease-in-out infinite !important;
}
body.appleBusinessPage .abProcurementPhoneCard::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:3% 3% !important;
  border-radius:28px !important;
  background:radial-gradient(circle at 50% 45%,rgba(134,223,255,.22),rgba(255,255,255,0) 68%) !important;
  pointer-events:none !important;
}
body.appleBusinessPage .abProcurementPhoneCard .phone-single{
  position:relative !important;
  z-index:1 !important;
  inset:auto !important;
  display:block !important;
  width:112% !important;
  height:112% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:0 !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:drop-shadow(0 18px 22px rgba(25,65,86,.18)) !important;
  mix-blend-mode:normal !important;
  transform:translateY(2px) !important;
  transform-origin:center center !important;
}
@media(max-width:760px){
  body.appleBusinessPage .abProcurementPlate{gap:18px !important;}
  body.appleBusinessPage .abProcurementPhoneCard{
    flex:0 0 min(78vw,252px) !important;
    width:min(78vw,252px) !important;
    min-width:0 !important;
    height:312px !important;
    padding:2px !important;
  }
}