﻿/* IT page asset register: isolated from global navigation and other sections. */
.asset-register{background:#f8f6ff;color:#101225;padding:56px 0 64px;--ar-ease:cubic-bezier(.22,1,.36,1)}
.asset-register .wrap{max-width:1480px}
.asset-register .ar-stats{display:grid;grid-template-columns:1fr 1fr 1.12fr;gap:28px;margin-bottom:46px}
.asset-register .ar-stat{display:flex;gap:24px;align-items:center;border:1px solid #eceef6;border-radius:18px;background:#fff;padding:18px;min-width:0}
.asset-register .ar-stat strong{display:block;font-size:clamp(28px,2.8vw,42px);letter-spacing:-.045em;line-height:1.1;font-weight:750}
.asset-register .ar-stat p{margin:4px 0 2px;font-size:17px;line-height:1.35;color:#101225}
.asset-register small{font-size:14px;line-height:1.5;color:#66769b}
.asset-register .ar-icon{width:52px;height:52px;flex:none;display:grid;place-items:center;border-radius:15px;transition:transform 180ms ease}
.asset-register .ar-icon svg{width:29px;height:29px;display:block}
.asset-register .ar-orange{--ar-color:#ff8000;--ar-tint:#fff3e7}.asset-register .ar-purple{--ar-color:#7500ff;--ar-tint:#f2edff}.asset-register .ar-green{--ar-color:#00af4c;--ar-tint:#eafbef}.asset-register .ar-blue{--ar-color:#0086ff;--ar-tint:#edf5ff}.asset-register .ar-muted{--ar-color:#617299;--ar-tint:#f5f3fd}
.asset-register .ar-icon{color:var(--ar-color);background:var(--ar-tint)}
.asset-register .ar-stat>.ar-icon{width:66px;height:66px;border-radius:17px}.asset-register .ar-stat>.ar-icon svg{width:38px;height:38px}
.asset-register .ar-layout{display:grid;grid-template-columns:minmax(0,.46fr) minmax(0,.54fr);gap:42px;align-items:center}
.asset-register .ar-eyebrow{font-size:13px;letter-spacing:.1em;font-weight:750;color:#7500ff}
.asset-register h2{font-size:clamp(30px,3.2vw,48px);letter-spacing:-.045em;line-height:1.1;margin:20px 0 18px;color:#0c0e20;font-weight:750}
.asset-register h2 span{color:#7500ff}
.asset-register .ar-description{font-size:18px;line-height:1.5;color:#66769b;margin:0 0 22px}
.asset-register .ar-benefits{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.asset-register .ar-benefits li{display:flex;gap:18px;align-items:center}
.asset-register .ar-benefits p{font-size:15px;line-height:1.45;color:#161a36;margin:0 0 2px}
.asset-register .ar-profile{position:relative;margin:0;background:#fff;border:1px solid #e4e9f5;border-radius:19px;padding:18px;box-shadow:0 3px 5px #29335503,0 20px 52px #7250bc0c;overflow:hidden;min-width:0}
.asset-register .ar-profile:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#007fff,#7500ff 36%,#ff9600 75%,#00bb65 92%,#b7daff)}
.asset-register .ar-profile-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 4px 12px;font-size:13px;color:#637299;letter-spacing:.025em}
.asset-register .ar-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;background:#e6fbea;border-radius:10px;color:#00a646;font-size:12px;font-weight:700;white-space:nowrap}
.asset-register .ar-badge i{width:7px;height:7px;background:currentColor;border-radius:50%}
.asset-register .ar-profile-grid{display:grid;grid-template-columns:minmax(0,.41fr) minmax(0,.59fr);gap:14px}
.asset-register .ar-laptop-stage{aspect-ratio:1.63;background:linear-gradient(140deg,#f6f3ff,#fafbff);border-radius:13px;display:grid;place-items:center;overflow:hidden}
.asset-register .ar-laptop{width:100%;height:auto;display:block}
.asset-register .ar-product h3{font-size:20px;letter-spacing:-.035em;line-height:1.3;margin:10px 0 2px;color:#0c0e20;font-weight:750}
.asset-register .ar-product>p{font-size:12px;line-height:1.5;color:#66769b;margin:0 0 12px}
.asset-register .ar-asset-tag{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f7f7fc;border-radius:12px;padding:12px}
.asset-register .ar-asset-tag span{display:block;font-size:12px;color:#66769b}.asset-register .ar-asset-tag strong{display:block;font-size:12px;margin-top:3px;white-space:nowrap}.asset-register .ar-asset-tag svg{width:66px;height:36px;fill:#13162c;flex:none}
.asset-register .ar-metadata{border:1px solid #e5e9f3;border-radius:12px;padding:4px 10px;margin:0}
.asset-register .ar-metadata>div{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:39px}
.asset-register .ar-metadata>div+div{border-top:1px solid #edf0f7}.asset-register .ar-metadata .ar-icon{width:28px;height:28px;border-radius:8px}.asset-register .ar-metadata svg{width:19px;height:19px}
.asset-register dt{font-size:11px;color:#66769b}.asset-register dd{margin:0;text-align:right;font-size:12px;font-weight:700;line-height:1.4;color:#101225}
.asset-register .ar-warranty{display:flex;align-items:flex-start;gap:10px;border:1px solid #e5e9f3;border-radius:12px;padding:10px;margin-top:8px}
.asset-register .ar-warranty>.ar-icon{width:38px;height:38px;border-radius:12px}.asset-register .ar-warranty svg{width:24px;height:24px}.asset-register .ar-warranty>div{flex:1;min-width:0}
.asset-register .ar-warranty-heading{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin:3px 0 8px}.asset-register .ar-warranty-heading span{color:#00ae4d;font-weight:700;white-space:nowrap}
.asset-register .ar-progress{height:9px;border-radius:10px;background:#dfe4ee;overflow:hidden}.asset-register .ar-progress>span{display:block;height:100%;width:100%;background:#00bb57;border-radius:10px;transform:scaleX(var(--ar-progress));transform-origin:left}
.asset-register .ar-dates{display:flex;justify-content:space-between;gap:6px;font-size:10px;color:#66769b;margin-top:5px}
.asset-register .ar-bottom{display:grid;grid-template-columns:1fr 1fr .96fr;gap:9px;margin-top:12px}.asset-register .ar-summary{background:var(--ar-tint);border:1px solid transparent;border-radius:13px;padding:10px;display:flex;align-items:center;gap:10px;min-width:0}.asset-register .ar-summary .ar-icon{width:40px;height:40px;border-radius:11px;background:color-mix(in srgb,var(--ar-color) 7%,var(--ar-tint))}.asset-register .ar-summary svg{width:25px;height:25px}.asset-register .ar-summary strong{font-size:11px;display:block;line-height:1.4;font-weight:650}.asset-register .ar-summary span:not(.ar-icon){display:block;font-size:11px;color:#66769b;margin-top:3px}
.asset-register figcaption{font-size:10px;line-height:1.4;color:#76819a;margin-top:10px}
@media(hover:hover) and (pointer:fine){.asset-register .ar-benefits li:hover .ar-icon{transform:translateY(-2px)}}
@media(min-width:1600px){.asset-register .ar-profile{padding:20px}.asset-register .ar-metadata>div{min-height:45px}.asset-register dt,.asset-register dd{font-size:13px}.asset-register .ar-summary strong,.asset-register .ar-summary span:not(.ar-icon){font-size:13px}.asset-register .ar-product>p{font-size:14px}.asset-register .ar-warranty-heading{font-size:14px}.asset-register .ar-dates{font-size:12px}}
@media(max-width:1150px){.asset-register .ar-layout{grid-template-columns:1fr;max-width:800px;margin:auto;gap:30px}.asset-register .ar-stats{gap:12px}.asset-register .ar-stat{gap:12px;padding:14px}.asset-register .ar-stat>.ar-icon{width:46px;height:46px}.asset-register .ar-stat>.ar-icon svg{width:28px;height:28px}.asset-register .ar-stat p{font-size:14px}.asset-register .ar-stat small{font-size:12px}.asset-register .ar-copy{max-width:650px}.asset-register h2{font-size:40px}.asset-register .ar-profile-grid{grid-template-columns:.43fr .57fr}.asset-register dt,.asset-register dd{font-size:13px}.asset-register .ar-metadata>div{min-height:45px}}
@media(max-width:600px){.asset-register{padding:36px 0}.asset-register .ar-stats{grid-template-columns:1fr;gap:10px;margin-bottom:30px}.asset-register .ar-stat{gap:18px}.asset-register .ar-stat strong{font-size:30px}.asset-register h2{font-size:32px}.asset-register .ar-description{font-size:16px}.asset-register .ar-benefits p{font-size:14px}.asset-register small{font-size:12px}.asset-register .ar-benefits li{align-items:flex-start;gap:12px}.asset-register .ar-profile{padding:14px}.asset-register .ar-profile-header{font-size:10px;margin:0 0 12px}.asset-register .ar-badge{font-size:10px;padding:5px 8px}.asset-register .ar-profile-grid{grid-template-columns:1fr;gap:16px}.asset-register .ar-laptop-stage{aspect-ratio:1.7}.asset-register .ar-laptop{max-width:380px}.asset-register .ar-product>p{font-size:13px}.asset-register .ar-asset-tag strong{font-size:14px}.asset-register .ar-asset-tag svg{width:84px}.asset-register dt{font-size:12px}.asset-register dd{font-size:12px}.asset-register .ar-metadata>div{grid-template-columns:28px minmax(0,1fr) auto;gap:7px}.asset-register .ar-warranty-heading{font-size:12px}.asset-register .ar-dates{font-size:10px}.asset-register .ar-bottom{grid-template-columns:1fr}.asset-register .ar-summary{padding:10px 12px}.asset-register .ar-summary strong,.asset-register .ar-summary span:not(.ar-icon){font-size:13px}}
/* Content is visible by default. Only the successfully initialized sequence animates. */
.asset-register :is(.ar-stats,.ar-copy,.ar-profile).ar-playing[data-ar-motion],.asset-register :is(.ar-stats,.ar-copy,.ar-profile).ar-playing [data-ar-motion]{animation:ar-reveal var(--ar-duration,450ms) var(--ar-ease) var(--ar-delay,0ms) both}
.asset-register .ar-profile.ar-playing .ar-screen-art{animation:ar-fade 450ms ease 480ms both}
.asset-register .ar-profile.ar-playing .ar-progress>span{animation:ar-fill 750ms var(--ar-ease) 950ms both}
.asset-register .ar-profile.ar-playing .ar-list-lines{animation:ar-fade 350ms ease 1230ms both}
.asset-register .ar-profile.ar-playing .ar-summary .ar-arrow-a{animation:ar-arrow-right 350ms var(--ar-ease) 1280ms both}.asset-register .ar-profile.ar-playing .ar-summary .ar-arrow-b{animation:ar-arrow-left 350ms var(--ar-ease) 1280ms both}
.asset-register .ar-profile.ar-playing .ar-warning-outline{stroke-dasharray:1;animation:ar-draw 450ms ease 1350ms both}.asset-register .ar-profile.ar-playing .ar-warning-mark{animation:ar-fade 200ms ease 1650ms both}
.asset-register .ar-stats.ar-playing .ar-stat .ar-icon svg{animation:ar-stat-icon 400ms var(--ar-ease) calc(var(--ar-delay,0ms) + 100ms) both}
@keyframes ar-stat-icon{from{opacity:0;transform:scale(.96) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}
@keyframes ar-reveal{from{opacity:0;transform:translateY(var(--ar-distance,12px)) scale(var(--ar-scale,1))}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes ar-fade{from{opacity:0}to{opacity:1}}@keyframes ar-fill{from{transform:scaleX(0)}to{transform:scaleX(var(--ar-progress))}}@keyframes ar-arrow-right{from{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:translateX(0)}}@keyframes ar-arrow-left{from{opacity:0;transform:translateX(4px)}to{opacity:1;transform:translateX(0)}}@keyframes ar-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.asset-register [data-ar-motion],.asset-register .ar-stat .ar-icon svg,.asset-register .ar-icon,.asset-register .ar-screen-art,.asset-register .ar-progress>span,.asset-register .ar-list-lines,.asset-register .ar-arrow-a,.asset-register .ar-arrow-b,.asset-register .ar-warning-outline,.asset-register .ar-warning-mark{animation:none!important;transition:none!important}.asset-register .ar-benefits li:hover .ar-icon{transform:none}}
