/* ATHRTY X8201 — precision product-gallery experience. Strict Home scope.
   Presentation only: all commercial authority remains in X4400/X7600. */
:root body .x5-home > #x5-products.x4100-explorer .x8200-product-card:not(.is-expanded){
 min-height:326px!important;
}
:root body .x5-home > #x5-products.x4100-explorer .x8200-product-card:not(.is-expanded)>.x8200-card-content{
 padding-top:98px!important;
}
:root body .x5-home > #x5-products.x4100-explorer .x8200-product-card.is-expanded{
 min-height:326px!important;
}
:root body .x5-home > #x5-products.x4100-explorer .x8200-product-card.is-expanded>.x4100-preview:before{
 background:linear-gradient(180deg,rgba(4,12,15,.53),rgba(4,12,15,.75) 22%,rgba(3,11,13,.95) 45%,rgba(3,11,13,.99) 100%)!important;
}
:root body .x5-home > #x5-products.x4100-explorer .x8200-product-card.is-expanded>.x8200-card-content{
 padding-top:100px!important;
}
:root body .x5-home > #x5-products.x4100-explorer .x8200-product-card.is-expanded .x4100-card-actions{
 border-color:rgba(140,206,199,.32)!important;
}
:root body .x5-home > #x5-products.x4100-explorer .x8201-experience{
 margin-top:18px!important;
 padding:0!important;
 border-top:1px solid rgba(157,213,206,.24)!important;
}
:root body .x5-home > #x5-products.x4100-explorer .x8201-experience-inner{
 padding:19px 0 0!important;display:flex!important;flex-direction:column!important;gap:20px!important;
}
.x8201-overline{font:760 9px/1.45 var(--athrty-ui-font,Manrope,system-ui);letter-spacing:.1em;color:var(--ath-dg-editorial,#bbccd5)}
.x8201-intro{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:start;gap:8px 15px}
.x8201-intro p{margin:0!important;display:flex;flex-direction:column;gap:4px;color:#e5efee;font:570 11px/1.5 var(--athrty-ui-font,Manrope,system-ui)}
.x8201-intro p span{color:var(--ath-dg-editorial,#bbccd5);letter-spacing:.06em;font-size:9px;font-weight:720}
.x8201-section{display:grid;gap:12px;min-width:0}
.x8201-section-heading{display:grid;gap:7px}
.x8201-section-heading>span{font:750 9px/1.3 var(--athrty-ui-font,Manrope,system-ui);letter-spacing:.09em;color:var(--ath-dg-editorial,#bbccd5)}
:root body .x5-home > #x5-products.x4100-explorer .x8201-section-heading>h4{
 font:680 17px/1.2 var(--athrty-ui-font,Manrope,system-ui)!important;letter-spacing:-.025em!important;
 color:#f2f8f7!important;margin:0!important;
}
.x8201-outcomes{list-style:none!important;display:grid!important;gap:0!important;margin:0!important;padding:0!important}
.x8201-outcome{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;
 gap:9px!important;padding:11px 0!important;align-items:start!important;
 border-bottom:1px solid rgba(186,225,221,.13)!important;}
.x8201-outcome:first-child{border-top:1px solid rgba(186,225,221,.13)!important}
.x8201-outcome>span{font:690 10px/1.5 var(--athrty-ui-font,Manrope,system-ui)!important;color:var(--ath-dg-editorial,#bbccd5)!important}
.x8201-outcome>p{margin:0!important;color:#e2efed!important;
 font:540 12px/1.48 var(--athrty-ui-font,Manrope,system-ui)!important;letter-spacing:0!important}
.x8201-capabilities{display:flex!important;flex-wrap:wrap!important;gap:7px!important;min-width:0!important}
.x8201-capability{display:inline-flex!important;align-items:center!important;gap:7px!important;
 min-width:0!important;padding:8px 10px!important;background:rgba(14,51,52,.52)!important;
 border:1px solid rgba(123,205,195,.24)!important;border-radius:10px!important;
 color:#e2f0ee!important;font:620 11px/1.35 var(--athrty-ui-font,Manrope,system-ui)!important}
.x8201-capability svg{width:15px!important;height:15px!important;color:var(--ath-dg-editorial,#bbccd5)!important;flex:none!important}
.x8201-empty-capability{margin:0!important;color:#cad8d6!important;font-size:12px!important}
.x8201-journey-section{gap:12px}
.x8201-stage-tabs{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:4px!important;padding:4px!important;border-radius:13px!important;
 border:1px solid rgba(153,213,206,.24)!important;background:rgba(5,21,23,.55)!important;
 min-width:0!important;
}
:root body .x5-home > #x5-products.x4100-explorer .x8201-stage-tabs>button{
 display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
 min-height:44px!important;min-width:0!important;margin:0!important;
 padding:8px 4px!important;border:1px solid transparent!important;border-radius:9px!important;
 background:transparent!important;color:#a8cfca;
 font:700 10px/1.2 var(--athrty-ui-font,Manrope,system-ui)!important;
 cursor:pointer!important;transition:background var(--ath-dg-motion-quick,.18s) ease,color var(--ath-dg-motion-quick,.18s) ease,border-color var(--ath-dg-motion-quick,.18s) ease!important;
}
.x8201-stage-tabs>button>span{font-size:9px!important;opacity:.67!important}
.x8201-stage-tabs>button>strong{font-weight:710!important}
:root body .x5-home > #x5-products.x4100-explorer :is(.x8201-stage-tabs,.x8201-view-tabs)>button[aria-selected="true"]{
 background:var(--ath-dg-glass-fill,linear-gradient(145deg,rgba(94,150,181,.37),rgba(35,74,96,.68)))!important;
 color:var(--ath-dg-ink,#f1f6f8)!important;
 border-color:var(--ath-dg-glass-edge,rgba(153,201,227,.46))!important;
 box-shadow:var(--ath-dg-glass-shadow,inset 0 1px rgba(232,249,255,.24),0 9px 22px rgba(0,11,21,.18))!important;
 -webkit-backdrop-filter:var(--ath-dg-glass-blur,blur(13px))!important;backdrop-filter:var(--ath-dg-glass-blur,blur(13px))!important;
}
:root body .x5-home > #x5-products.x4100-explorer .x8201-stage-tabs>button:not([aria-selected="true"]):hover{
 background:rgba(190,243,235,.13)!important;color:#fff!important;
}
:root body .x5-home > #x5-products.x4100-explorer :is(.x8201-stage-tabs,.x8201-view-tabs)>button:focus-visible{
 outline:2px solid var(--ath-dg-focus,#adddeb)!important;outline-offset:3px!important;
}
.x8201-stage-panel{outline:none;min-width:0;border:1px solid rgba(142,200,192,.28);border-radius:15px;
 background:linear-gradient(147deg,rgba(20,51,52,.78),rgba(7,25,27,.87) 76%);
 overflow:hidden;min-height:196px}
.x8201-stage-panel:focus-visible{outline:2px solid #a8fff4!important;outline-offset:3px!important}
.x8201-stage-scene{min-height:194px;display:flex;flex-direction:column;padding:17px;gap:18px;
 animation:x8201-scene-enter var(--ath-dg-motion-normal,.26s) var(--ath-dg-ease,cubic-bezier(.22,1,.36,1)) both}
.x8201-scene-utility{display:flex;justify-content:space-between;gap:8px;
 color:#80beb6;font:710 9px/1.3 var(--athrty-ui-font,Manrope,system-ui);letter-spacing:.09em}
.x8201-scene-copy{display:grid;gap:8px}
.x8201-scene-eyebrow{font:660 10px/1.25 var(--athrty-ui-font,Manrope,system-ui);color:#a4e4db}
:root body .x5-home > #x5-products.x4100-explorer .x8201-scene-copy h5{
 font:660 clamp(18px,2vw,23px)/1.17 var(--athrty-ui-font,Manrope,system-ui)!important;
 letter-spacing:-.033em!important;color:#fff!important;margin:0!important
}
.x8201-scene-copy p{font:520 12px/1.52 var(--athrty-ui-font,Manrope,system-ui)!important;
 color:#c3d8d4!important;max-width:40ch;margin:0!important}
.x8201-scene-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:auto}
.x8201-scene-track i{height:2px;background:rgba(181,228,219,.25);border-radius:99px}
.x8201-scene-track i.is-current{background:#77eadc}
.x8201-illustration-note{font:510 10px/1.5 var(--athrty-ui-font,Manrope,system-ui)!important;
 color:#8eaaa7!important;margin:0!important}
.x8201-commerce{display:grid;gap:9px;padding:15px 16px!important;border:1px solid rgba(151,207,200,.2);
 border-radius:14px;background:rgba(6,23,25,.69)}
.x8201-readiness{display:flex;align-items:center;gap:9px;
 font:680 11px/1.3 var(--athrty-ui-font,Manrope,system-ui);color:#e4f4f1}
.x8201-status-dot{width:7px;height:7px;border-radius:50%;background:#70dbc9;flex:none}
.x8201-commerce p{font:530 11px/1.5 var(--athrty-ui-font,Manrope,system-ui)!important;
 color:#aec9c5!important;margin:0!important}
.x8201-next-step{margin:-8px 0 0}
:root body .x5-home > #x5-products.x4100-explorer .x8201-next-step>button{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 width:100%!important;min-height:44px!important;
 background:transparent!important;color:var(--ath-dg-editorial,#bbccd5)!important;
 border:0!important;border-bottom:1px solid rgba(173,219,212,.18)!important;
 border-radius:0!important;padding:10px 2px!important;
 font:660 11px/1.3 var(--athrty-ui-font,Manrope,system-ui)!important;
 text-align:left!important;cursor:pointer!important;
}
:root body .x5-home > #x5-products.x4100-explorer .x8201-next-step>button:hover{
 color:#fff!important;border-color:rgba(173,219,212,.55)!important;
}
.x8201-next-step>button span{font-size:18px}
@keyframes x8201-scene-enter{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:700px){
 :root body .x5-home > #x5-products.x4100-explorer .x8200-product-card:not(.is-expanded){min-height:306px!important}
 :root body .x5-home > #x5-products.x4100-explorer .x8200-product-card:not(.is-expanded)>.x8200-card-content{
   padding-top:84px!important;
 }
 :root body .x5-home > #x5-products.x4100-explorer .x8200-product-card.is-expanded>.x8200-card-content{
   padding-top:89px!important;
 }
 .x8201-intro{display:grid;gap:9px}
 .x8201-stage-scene{min-height:182px;padding:14px}
 .x8201-stage-panel{min-height:184px}
}
@media(max-width:365px){
 :root body .x5-home > #x5-products.x4100-explorer .x8200-product-card:not(.is-expanded){min-height:296px!important}
 :root body .x5-home > #x5-products.x4100-explorer .x8200-card-content>.x4100-card-outcome{
  font-size:12px!important;line-height:1.35!important
 }
 .x8201-stage-tabs>button{gap:2px!important}
}
/* X8201 refinement: only one substantial disclosure view is visible at a time. */
:root body .x5-home > #x5-products.x4100-explorer .x8201-experience-inner{gap:12px!important}
.x8201-view-tabs{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;
 border:1px solid rgba(137,197,190,.26);border-radius:13px;
 padding:4px;background:rgba(6,26,28,.65);
}
:root body .x5-home > #x5-products.x4100-explorer .x8201-view-tabs>button{
 min-width:0!important;min-height:44px!important;padding:9px 5px!important;
 display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
 border-radius:9px!important;background:transparent!important;border:1px solid transparent!important;
 font:690 10px/1.25 var(--athrty-ui-font,Manrope,system-ui)!important;color:#b4d0cc;
 cursor:pointer!important;transition:background .18s ease,border-color .18s ease,color .18s ease!important;
}
.x8201-view-tabs>button>span{font-size:9px;opacity:.66}
.x8201-view-tabs>button>strong{font-weight:700}
/* X-DESIGN-15100: view selected-state is owned by the shared glass tab component above. */
:root body .x5-home > #x5-products.x4100-explorer .x8201-view-tabs>button:not([aria-selected="true"]):hover{
 background:rgba(180,234,224,.13)!important;color:#fff!important;
}
/* X-DESIGN-15100: unified semantic focus style above covers both tab families. */
.x8201-view-panels{min-height:180px}
.x8201-view-panels>.x8201-section[hidden]{display:none!important}
.x8201-view-panels>.x8201-section{animation:x8201-scene-enter .2s cubic-bezier(.2,.8,.2,1) both}
.x8201-section-explainer{font:520 11px/1.5 var(--athrty-ui-font,Manrope,system-ui)!important;color:#adcdc7!important;margin:0!important}
:root body .x5-home > #x5-products.x4100-explorer .x8201-commerce{gap:6px!important;padding:12px 13px!important}
:root body .x5-home > #x5-products.x4100-explorer .x8201-outcome{padding:9px 0!important}
:root body .x5-home > #x5-products.x4100-explorer .x8201-intro p{font-size:10px!important}
@media(prefers-reduced-motion:reduce){.x8201-view-panels>.x8201-section{animation:none!important}.x8201-view-tabs>button{transition:none!important}}

@media(prefers-reduced-motion:reduce){
 .x8201-stage-scene{animation:none!important}
 .x8201-stage-tabs>button{transition:none!important}
}
/* X8202 — restrained, reversible disclosure motion. No max-height guesswork. */
:root body .x5-home > #x5-products.x4100-explorer .x8201-experience{
 margin-top:0!important;border-top:0!important;animation:none!important;overflow:clip!important;
}
:root body .x5-home > #x5-products.x4100-explorer .x8201-experience-inner{
 border-top:1px solid rgba(157,213,206,.24)!important;padding-top:19px!important;
}
:root body .x5-home > #x5-products.x4100-explorer .x8201-experience.x8201-is-animating{
 overflow:hidden!important;will-change:height,opacity,transform;
}
:root body .x5-home > #x5-products.x4100-explorer .x8200-toggle .x8200-plus{
 transition:transform .36s cubic-bezier(.22,1,.36,1)!important;transform-origin:center;
}
:root body .x5-home > #x5-products.x4100-explorer .x8200-product-card.is-expanded .x8201-experience :is(.x8201-intro,.x8201-view-tabs,.x8201-view-panels,.x8201-commerce,.x8201-next-step){
 animation:x8202-detail-enter .36s cubic-bezier(.22,1,.36,1) both;
}
:root body .x5-home > #x5-products.x4100-explorer .x8200-product-card.is-expanded .x8201-intro{animation-delay:.045s!important}
:root body .x5-home > #x5-products.x4100-explorer .x8200-product-card.is-expanded .x8201-view-tabs{animation-delay:.075s!important}
:root body .x5-home > #x5-products.x4100-explorer .x8200-product-card.is-expanded .x8201-view-panels{animation-delay:.10s!important}
:root body .x5-home > #x5-products.x4100-explorer .x8200-product-card.is-expanded .x8201-commerce{animation-delay:.13s!important}
:root body .x5-home > #x5-products.x4100-explorer .x8200-product-card.is-expanded .x8201-next-step{animation-delay:.15s!important}
@keyframes x8202-detail-enter{
 from{opacity:0;transform:translate3d(0,9px,0)}
 to{opacity:1;transform:translate3d(0,0,0)}
}
@media(prefers-reduced-motion:reduce){
 :root body .x5-home > #x5-products.x4100-explorer .x8200-product-card.is-expanded .x8201-experience :is(.x8201-intro,.x8201-view-tabs,.x8201-view-panels,.x8201-commerce,.x8201-next-step){animation:none!important}
 :root body .x5-home > #x5-products.x4100-explorer .x8200-toggle .x8200-plus{transition:none!important;transform:none!important}
}