/* Ying Ying / AI Overdrive. Native Horizon commerce with a cinematic hardware front page. */
.yy-hardware{--yy-bg:#090c11;--yy-accent:#8df5ed;--yy-orange:#ffa163;--yy-muted:#a6b2c0;--yy-border:#2b3542;--yy-speed:1;display:block;background:var(--yy-bg);color:#f2f5f7;overflow:clip}
.yy-hardware[data-intensity=overdrive]{--yy-speed:.55}
.yy-hardware *{box-sizing:border-box}
.yy-hardware :is(h1,h2,h3,p){margin:0}
.yy-container,.yy-hero__content,.yy-hero__bottom,.yy-catalog{width:min(1400px,calc(100% - max(24px,var(--page-margin,40px))*2));margin-inline:auto}
.yy-hero{position:relative;isolation:isolate;min-height:690px;display:flex;align-items:center;background:#05080c;overflow:hidden}
.yy-hero__art,.yy-hero__art picture{position:absolute;inset:0;display:block;width:100%;height:100%}
.yy-hero__art{z-index:-3;transform:translate3d(var(--yy-px,0px),var(--yy-py,0px),0) scale(1.035);transition:transform .8s ease-out}
.yy-hero__art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#05080cf5 0%,#05080cd9 27%,#05080c55 49%,transparent 71%),linear-gradient(0deg,#05080ce8,transparent 24%,transparent 80%,#05080c55)}
.yy-hero__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.yy-neural{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.75;mask-image:linear-gradient(90deg,transparent 30%,#000 58%)}
.yy-orbit{position:absolute;z-index:-2;width:min(43vw,620px);aspect-ratio:1;right:6%;top:6%;border:1px solid #80f8ec24;border-radius:50%;transform:rotateX(55deg) rotate(-25deg);pointer-events:none}
.yy-orbit::before,.yy-orbit::after{content:"";position:absolute;border-radius:50%;inset:9%;border:1px dashed #80f8ec35}
.yy-orbit::after{inset:24%;border-style:solid;border-color:transparent #ffa16365 #ffa16365 transparent}
.yy-scan{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.24;background:linear-gradient(180deg,transparent 48%,#8df5ed1a 49%,#8df5ed90 50%,transparent 50.3%);transform:translateY(-100%);mask-image:linear-gradient(90deg,transparent 38%,#000 65%)}
.yy-hero__content{position:relative;z-index:1;padding-block:86px 140px;pointer-events:none}
.yy-hero__content a{pointer-events:auto}
.yy-eyebrow{display:flex;align-items:center;gap:12px;font-family:var(--font-body--family,Arial,sans-serif);font-size:.8125rem;font-weight:600;letter-spacing:.13em;line-height:1.5;color:var(--yy-accent)}
.yy-eyebrow__line{display:block;flex:0 0 26px;height:2px;background:var(--yy-accent);box-shadow:0 0 14px #8df5ed90}
.yy-hero h1{margin-top:25px;color:#f2f5f7;font-family:var(--font-heading--family,Arial,sans-serif);font-size:clamp(3.5rem,6.7vw,6.65rem);font-weight:800;letter-spacing:-.065em;line-height:.97;text-transform:uppercase;max-width:11ch;overflow-wrap:normal}
.yy-hero h1 span{display:block;color:var(--yy-accent);background:linear-gradient(115deg,#f3fffe 0%,#8df5ed 48%,#49bac2 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.yy-hero__description{max-width:36ch;margin-top:27px!important;color:#b5c0cc;font-size:1.0625rem;line-height:1.75}
.yy-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.yy-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:52px;padding:14px 24px;border:1px solid transparent;border-radius:3px;font:inherit;font-size:.9375rem;font-weight:650;line-height:1.4;text-decoration:none;transition:background .25s,box-shadow .25s,border-color .25s,transform .25s;overflow:hidden}
.yy-button span{font-size:1.2rem}
.yy-button--primary{background:var(--yy-accent);color:#071716;box-shadow:0 0 26px #8df5ed15}
.yy-button--primary:hover{background:#bdfff8;color:#071716;box-shadow:0 0 30px #8df5ed42;transform:translateY(-2px)}
.yy-button--primary::after{content:"";position:absolute;inset:-100%;background:linear-gradient(110deg,transparent 45%,#ffffff90 50%,transparent 55%);transform:translateX(-70%);pointer-events:none}
.yy-button--secondary{background:#0c141ca6;color:#e1e8ed;border-color:#4d606f}
.yy-button--secondary:hover{color:var(--yy-accent);background:#172831;border-color:var(--yy-accent)}
.yy-hero__detail{display:flex;flex-wrap:wrap;gap:16px 22px;margin-top:31px;color:#a6b2c0;font-size:.75rem;letter-spacing:.075em;font-weight:550}
.yy-hero__detail span{padding-left:12px;border-left:2px solid #558581}
.yy-hero__detail span:last-child{border-color:var(--yy-orange)}
.yy-core-label{position:absolute;display:flex;align-items:center;gap:15px;right:5%;bottom:168px;color:#b3c9ca;font-size:.75rem;letter-spacing:.14em;line-height:1.7;pointer-events:none}
.yy-core-label strong{color:#e7faf8;font-weight:600}
.yy-core-label__rule{width:70px;height:1px;background:linear-gradient(90deg,transparent,var(--yy-accent));position:relative}
.yy-core-label__rule::after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border:1px solid var(--yy-accent)}
.yy-hero__bottom{position:absolute;bottom:26px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:18px;z-index:2}
.yy-scroll{display:flex;align-items:center;gap:12px;color:#a6b2c0;font-size:.8125rem;text-decoration:none;line-height:1.5;min-height:44px}
.yy-scroll:hover{color:var(--yy-accent)}
.yy-scroll>span{font-size:1.2rem;color:var(--yy-accent)}
.yy-motion-panel{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:5px 6px 5px 16px;background:#091119bf;border:1px solid #3b4a58;border-radius:4px;backdrop-filter:blur(12px)}
.yy-motion-panel[hidden]{display:none}
.yy-motion-panel__label{font-size:.75rem;letter-spacing:.1em;color:#a6b2c0}
.yy-overdrive,.yy-motion{display:flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:8px 12px;cursor:pointer;font:inherit;font-size:.8125rem;border:1px solid #354a51;border-radius:2px;color:var(--yy-accent);background:#12282bb0}
.yy-overdrive[aria-pressed=true]{color:#ffc7a1;background:#342219;border-color:#825837}
.yy-motion{border:0;border-left:1px solid #35424f;background:transparent;color:#c2cbd4}
.yy-motion:hover,.yy-overdrive:hover{color:#fff}
.yy-wave{display:flex;gap:2px;align-items:center;height:15px}
.yy-wave i{display:block;width:2px;height:5px;background:currentColor;transform-origin:center}
.yy-wave i:nth-child(2),.yy-wave i:nth-child(4){height:10px;animation-delay:-.3s!important}
.yy-wave i:nth-child(3){height:15px;animation-delay:-.6s!important}
.yy-signal{position:absolute;inset-inline:0;bottom:0;height:1px;background:#294046;overflow:hidden}
.yy-signal::after{content:"";display:block;height:100%;width:30%;background:linear-gradient(90deg,transparent,var(--yy-accent),var(--yy-orange),transparent);transform:translateX(-100%)}
.yy-tech-strip{border-bottom:1px solid #222e39;background:#0c1118}
.yy-tech-strip__inner{max-width:1400px;margin:auto;display:flex;justify-content:space-around;gap:16px 30px;padding:25px 24px;color:#8c9caa;font-weight:600;font-size:.875rem;letter-spacing:.075em;line-height:1.5;flex-wrap:wrap}
.yy-tech-strip__inner span:nth-child(-n+2){color:#c2cbd3;letter-spacing:.01em;font-size:1rem}
.yy-catalog{padding-block:68px 42px;scroll-margin-top:140px}
.yy-catalog__top{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:30px}
.yy-catalog .yy-eyebrow{font-size:.75rem;margin-bottom:12px}
.yy-catalog h2,.yy-spotlight h2{font-size:clamp(1.8rem,2.7vw,2.65rem);font-weight:650;letter-spacing:-.045em;line-height:1.15;color:#edf4f7}
.yy-search{display:flex;align-items:stretch;flex-shrink:0;width:min(100%,380px);background:#111a23;border:1px solid #435465;border-radius:3px;transition:border-color .2s,box-shadow .2s}
.yy-search:focus-within{border-color:var(--yy-accent);box-shadow:0 0 0 3px #8df5ed15}
.yy-search input{width:100%;min-width:0;padding:14px 16px;color:#eef7fc;background:transparent;border:0;border-radius:3px;font:inherit;font-size:1rem;line-height:1.5}
.yy-search input::placeholder{color:#95a4b3;opacity:1}
.yy-search button{flex-shrink:0;display:grid;place-items:center;width:50px;background:transparent;border:0;color:var(--yy-accent);cursor:pointer}
.yy-search svg{width:20px;height:20px}
.yy-categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.yy-category{position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;min-height:206px;padding:20px;border:1px solid var(--yy-border);border-radius:4px;background:linear-gradient(150deg,#17212c 0%,#0f1721 70%);color:#eef7fc;text-decoration:none;overflow:hidden;transition:border-color .3s,transform .3s,box-shadow .3s}
.yy-category::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;background:radial-gradient(250px circle at var(--yy-card-x,50%) var(--yy-card-y,30%),#8df5ed20,transparent 70%);transition:opacity .3s}
.yy-category::after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:2px;background:linear-gradient(90deg,var(--yy-accent),transparent);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.yy-category:hover,.yy-category:focus-visible{color:#fff;border-color:#72b6b6;transform:translateY(-5px);box-shadow:0 10px 26px #0004}
.yy-category:hover::before,.yy-category:focus-visible::before{opacity:1}
.yy-category:hover::after,.yy-category:focus-visible::after{transform:scaleX(1)}
.yy-category__index{color:#93a2b2;font-size:.75rem;letter-spacing:.08em;line-height:1.5}
.yy-category__code{margin-top:18px;margin-bottom:18px;color:var(--yy-accent);font-family:var(--font-heading--family,Arial,sans-serif);font-size:2rem;letter-spacing:-.055em;font-weight:700;line-height:1}
.yy-category__name{font-size:1rem;line-height:1.45;font-weight:600}
.yy-category__description{margin-top:6px;font-size:.8125rem;line-height:1.5;color:#9daebe}
.yy-category__arrow{position:absolute;right:18px;top:17px;color:#788f9f;font-size:1.15rem;transition:color .2s,transform .2s}
.yy-category:hover .yy-category__arrow{color:var(--yy-accent);transform:translate(2px,-2px)}
.yy-spotlight{display:grid;grid-template-columns:.85fr 1.4fr;align-items:center;gap:50px;margin-block:22px 64px;padding:40px;background:radial-gradient(ellipse at 100% 0%,#17363c88,transparent 50%),#0e151e;border:1px solid #2b3c48;border-radius:5px;position:relative}
.yy-spotlight::before{content:"";position:absolute;left:0;top:20%;height:35%;width:2px;background:var(--yy-accent);box-shadow:0 0 15px #8df5ed70}
.yy-spotlight__intro .yy-eyebrow{font-size:.75rem;margin-bottom:22px}
.yy-spotlight h2{font-size:clamp(2.2rem,3.7vw,3.75rem);font-weight:700;line-height:1.02}
.yy-spotlight h2 span{color:var(--yy-accent)}
.yy-spotlight__intro>p:not(.yy-eyebrow){color:#a6b2c0;font-size:1rem;line-height:1.75;max-width:31ch;margin-top:23px}
.yy-text-link{display:inline-flex;align-items:center;gap:22px;margin-top:26px;padding:8px 0;color:#eef5f7;font-size:.9375rem;text-decoration:none;border-bottom:1px solid #647b89}
.yy-text-link:hover{color:var(--yy-accent);border-color:var(--yy-accent)}
.yy-spotlight__product{display:block;min-width:0;color:#f2f5f7;text-decoration:none;border:1px solid #435465;border-radius:3px;background:#111a23;transition:border-color .3s,box-shadow .3s}
.yy-spotlight__product:hover{color:#fff;border-color:var(--yy-accent);box-shadow:0 0 32px #8df5ed12}
.yy-spotlight__image{position:relative;display:grid;place-items:center;padding:30px 28px 22px;background:#f6f7f8;aspect-ratio:2.35;overflow:hidden;border-radius:2px 2px 0 0}
.yy-spotlight__image img{width:100%;height:100%;max-height:260px;object-fit:contain;transition:transform .55s}
.yy-spotlight__product:hover img{transform:scale(1.04)}
.yy-product-tag{position:absolute;top:12px;left:12px;padding:5px 9px;background:#071118;color:#d7f1ef;font-size:.75rem;font-weight:600;letter-spacing:.07em;border-radius:2px}
.yy-spotlight__info{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:24px}
.yy-small-label{color:#8cabb8;font-size:.75rem;letter-spacing:.08em;line-height:1.5}
.yy-spotlight h3{font-size:clamp(1.05rem,1.35vw,1.3rem);line-height:1.4;font-weight:600;margin-top:8px}
.yy-spotlight__price{display:inline-block;margin-top:14px;color:var(--yy-accent);font-size:1.15rem;font-weight:600}
.yy-stock-label{margin-left:14px;color:#b6c0ca;font-size:.8125rem}
.yy-spotlight__arrow{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:1px solid #536c78;color:var(--yy-accent);font-size:1.25rem}
.yy-hardware :is(a,button,input):focus-visible{outline:2px solid #b8fff9;outline-offset:4px}
/* Motion is decorative, capped by JS, and pauses when out of view or in a hidden tab. */
@media(prefers-reduced-motion:no-preference){
 .yy-hardware:not([data-motion=off]) .yy-signal::after{animation:yy-signal calc(7s * var(--yy-speed)) linear infinite}
 .yy-hardware:not([data-motion=off]) .yy-scan{animation:yy-scan calc(13s * var(--yy-speed)) linear infinite}
 .yy-hardware:not([data-motion=off]) .yy-orbit::before{animation:yy-spin calc(42s * var(--yy-speed)) linear infinite}
 .yy-hardware:not([data-motion=off]) .yy-orbit::after{animation:yy-spin calc(28s * var(--yy-speed)) linear infinite reverse}
 .yy-hardware:not([data-motion=off]) .yy-wave i{animation:yy-wave calc(1.5s * var(--yy-speed)) ease-in-out infinite alternate}
 .yy-hardware:not([data-motion=off]) .yy-button--primary::after{animation:yy-sheen calc(9s * var(--yy-speed)) ease-out infinite}
 .yy-hardware:not([data-motion=off]) .yy-core-label__rule{animation:yy-pulse calc(3s * var(--yy-speed)) ease-in-out infinite alternate}
 .yy-hardware[data-motion=paused] *,.yy-hardware[data-visible=false] *{animation-play-state:paused!important}
 .yy-hardware[data-motion=paused] *::before,.yy-hardware[data-motion=paused] *::after,.yy-hardware[data-visible=false] *::before,.yy-hardware[data-visible=false] *::after{animation-play-state:paused!important}
}
@keyframes yy-signal{to{transform:translateX(435%)}}
@keyframes yy-scan{0%{transform:translateY(-100%)}70%,100%{transform:translateY(100%)}}
@keyframes yy-spin{to{transform:rotate(360deg)}}
@keyframes yy-wave{to{transform:scaleY(.35)}}
@keyframes yy-sheen{0%,72%{transform:translateX(-70%)}100%{transform:translateX(70%)}}
@keyframes yy-pulse{to{opacity:.4}}
/* Horizon styling preserves product forms, native navigation, drawers and checkout. */
.yy-store .header__row--top{border-bottom:1px solid #2d3c47;background:var(--header-bg-color,#090c11)}
.yy-wordmark{display:flex;flex-direction:column;gap:5px;text-align:left;line-height:1;color:#f1f7f9}.yy-wordmark>span{font-size:1.125rem;letter-spacing:.015em;font-weight:750;white-space:nowrap}.yy-wordmark b{color:#8df5ed;margin-left:5px;font-size:1.25rem}.yy-wordmark small{font-size:.75rem;letter-spacing:.2em;font-weight:500;color:#9cafbd}
.yy-store product-card .product-card__content{padding:12px;background:#111922;border:1px solid #2b3644;border-radius:5px;overflow-wrap:anywhere;transition:border-color .25s,box-shadow .25s}
.yy-store product-card:hover .product-card__content{border-color:#628e95;box-shadow:0 8px 30px #0003}
.yy-store product-card .price{font-size:1.05rem;font-weight:650;color:#a5f7ef}
.yy-store product-card .product-title{line-height:1.5}
.yy-store product-card .card-gallery{border-radius:3px;overflow:hidden;background:#eef1f3}
.yy-store .section-resource-list__header{row-gap:16px;flex-wrap:wrap}
.yy-store .section-resource-list__header h2{letter-spacing:-.04em}
.yy-store .product-information .rte :is(p,li){line-height:1.75}
.yy-store .product-information .rte li+li{margin-top:.5em}
.yy-store :is(a,button,input,select,textarea):focus-visible{outline-offset:4px}
@media(min-width:1600px){.yy-hero{min-height:780px}}
@media(max-width:1199px){
 .yy-hero{min-height:650px}.yy-hero h1{font-size:6.7vw}.yy-core-label{right:4%;bottom:174px}.yy-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.yy-category{min-height:190px}.yy-catalog__top{align-items:flex-start;flex-direction:column}.yy-search{width:min(100%,480px)}.yy-spotlight{gap:30px;padding:30px}.yy-motion-panel{gap:8px}.yy-hero__description{max-width:33ch}
}
@media(max-width:749px){
 .yy-container,.yy-hero__content,.yy-hero__bottom,.yy-catalog{width:calc(100% - 40px)}
 .yy-hero{display:block;min-height:790px;padding-bottom:92px}
 .yy-hero__content{padding-block:38px 270px}
 .yy-hero__art{inset:auto 0 70px;transform:none;width:100%;height:360px}
 .yy-hero__art::after{background:linear-gradient(180deg,#05080c 0%,#05080c30 24%,transparent 56%,#05080c 100%)}
 .yy-hero__image{object-position:64% center}
 .yy-hero h1{font-size:clamp(2.9rem,11vw,5rem);max-width:12ch;margin-top:18px;letter-spacing:-.06em}
 .yy-eyebrow{font-size:.75rem;letter-spacing:.08em;gap:9px}
 .yy-hero__description{font-size:1rem;max-width:37ch;margin-top:20px!important;line-height:1.65}
 .yy-hero__actions{margin-top:22px;gap:10px}.yy-button{padding:12px 15px;gap:12px;font-size:.875rem;flex:1 1 135px;min-height:48px}
 .yy-hero__detail{gap:10px 13px;margin-top:23px;font-size:.75rem;letter-spacing:.015em}.yy-hero__detail span{padding-left:8px}
 .yy-neural{mask-image:linear-gradient(180deg,transparent 40%,#000 63%)}
 .yy-orbit{top:auto;bottom:135px;right:8%;width:80%}.yy-scan{mask-image:linear-gradient(180deg,transparent 40%,#000 60%)}
 .yy-core-label{display:none}.yy-hero__bottom{bottom:22px;justify-content:center}.yy-scroll{display:none}
 .yy-motion-panel{justify-content:center;padding:5px 6px;gap:7px;max-width:100%}.yy-motion-panel__label{font-size:.75rem;padding-inline:3px}.yy-overdrive,.yy-motion{font-size:.75rem;padding-inline:8px;min-height:42px}
 .yy-tech-strip__inner{gap:14px 25px;padding:20px;font-size:.75rem}.yy-tech-strip__inner span:nth-child(-n+2){font-size:.875rem}
 .yy-catalog{padding-block:40px 24px;scroll-margin-top:130px}.yy-catalog__top{gap:24px;margin-bottom:24px}.yy-catalog h2{font-size:1.9rem;max-width:19ch}.yy-search{width:100%}
 .yy-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.yy-category{min-height:194px;padding:17px}.yy-category__code{font-size:1.85rem}.yy-category__description{font-size:.8125rem}.yy-category__arrow{right:15px;top:14px}
 .yy-spotlight{grid-template-columns:1fr;gap:27px;padding:23px;margin-block:10px 36px}.yy-spotlight h2{font-size:2.6rem}.yy-spotlight__intro .yy-eyebrow{margin-bottom:17px}.yy-spotlight__intro>p:not(.yy-eyebrow){max-width:38ch;margin-top:18px}.yy-spotlight__info{padding:18px;gap:12px}.yy-spotlight__image{aspect-ratio:1.65;padding:30px 16px 16px}.yy-spotlight__image img{max-height:200px}.yy-spotlight h3{font-size:1.05rem}.yy-spotlight__arrow{width:32px;height:32px}.yy-small-label{font-size:.75rem}
 .yy-store product-card .product-card__content{padding:8px}.yy-store product-card .price{font-size:1rem}
}
@media(max-width:370px){.yy-hero__detail{gap:9px}.yy-motion-panel__label{width:100%;text-align:center}.yy-hero{padding-bottom:120px}.yy-category{padding:14px}.yy-category__name{font-size:.9375rem}}
@media(prefers-reduced-motion:reduce){
 .yy-hardware *, .yy-hardware *::before,.yy-hardware *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .yy-motion-panel,.yy-neural,.yy-scan{display:none!important}.yy-hero__art{transform:none}.yy-category:hover,.yy-button:hover{transform:none}.yy-spotlight__product:hover img{transform:none}
 .yy-store product-card,.yy-store product-card *{transition:none!important;transform:none!important}
}