.ab-hero{position: relative;display: grid;grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr);align-items: center;gap: clamp(40px,6vw,96px)}.ab-hero .phero__title{font-size: clamp(46px,6.6vw,100px);max-width: 10ch}.ab-hero__cta{display: flex;flex-wrap: wrap;gap: 10px}.ab-hero .phero__stats{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 20px 24px;width: 100%;margin-top: 18px;padding-top: 26px;border-top: 1px solid var(--line-2)}.ab-hero .phero__stats div{justify-content: flex-end}.ab-hero .phero__stats dt{line-height: 1.35}#abStats:empty{min-height: 105px}@media (max-width: 767px){#abStats:empty{min-height: 184px}}.ab-photo{position: relative;margin: 0;justify-self: end;width: min(100%,460px)}.ab-photo__frame{position: relative;isolation: isolate;overflow: hidden;display: grid;place-items: center;aspect-ratio: 4 / 5;border-radius: 30px;background: radial-gradient(70% 55% at 72% 18%,rgba(45,91,255,.62),transparent 70%),radial-gradient(55% 45% at 8% 92%,rgba(120,160,255,.3),transparent 70%),#0F1219;box-shadow: 0 0 0 1px rgba(13,16,21,.06),0 0 0 8px rgba(255,255,255,.6),0 60px 120px -50px rgba(45,91,255,.6),0 24px 50px -30px rgba(13,16,21,.4)}.ab-photo__frame::before{content: "";position: absolute;inset: 0;z-index: -1;background-image: radial-gradient(rgba(255,255,255,.16) 1px,transparent 1.3px);background-size: 18px 18px;-webkit-mask: radial-gradient(65% 55% at 50% 45%,#000,transparent);mask: radial-gradient(65% 55% at 50% 45%,#000,transparent)}.ab-photo__img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}.ab-photo__mono{position: relative;z-index: 1;padding: 0 .1em;transform: translateY(-5%);font-family: var(--serif);font-style: italic;font-weight: 500;line-height: 1;font-size: clamp(190px,21vw,320px);background: linear-gradient(170deg,#fff 35%,#9DB2FF 100%);-webkit-background-clip: text;background-clip: text;color: transparent}.ab-photo__orbit{position: absolute;left: 6%;top: 7%;width: 88%;aspect-ratio: 1}.ab-photo__ell{position: absolute;inset: 0;border-radius: 50%;border: 1.5px solid rgba(157,178,255,.5);transform: rotate(-16deg) scaleY(.34)}.ab-photo__sat{position: absolute;left: 50%;top: 50%;width: 13px;height: 13px;margin: -6.5px 0 0 -6.5px;border-radius: 50%;background: #B7C7FF;box-shadow: 0 0 0 5px rgba(157,178,255,.18),0 0 24px #9DB2FF;opacity: 0}.ab-photo__sat.is-front{z-index: 2}.ab-photo__cap{position: absolute;left: 16px;right: 16px;bottom: 16px;z-index: 2;display: flex;justify-content: space-between;align-items: center;gap: 12px;padding: 13px 16px;border-radius: 18px;background: rgba(13,16,21,.42);color: #fff;box-shadow: inset 0 0 0 1px rgba(255,255,255,.14);backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px)}.ab-photo__cap b{font-size: 16px;font-weight: 600;letter-spacing: -.02em}.ab-photo__cap span{font-size: 13.5px;color: #fff}.ab-chip{position: absolute;z-index: 3;display: inline-flex;align-items: center;gap: 8px;height: 44px;padding: 0 18px;border-radius: 999px;background: var(--surface);box-shadow: var(--shadow);font-size: 14.5px;font-weight: 500;white-space: nowrap}.ab-chip i{color: var(--accent);font-size: 18px}.ab-chip--a{left: -34px;top: 13%}.ab-chip--b{right: -26px;top: 55%}.ab-orbit{position: relative;overflow: clip}.ab-orbit::before{content: "";position: absolute;right: -10%;top: 50%;width: 70%;aspect-ratio: 1;transform: translateY(-50%);border-radius: 50%;background: radial-gradient(closest-side,rgba(45,91,255,.1),transparent);pointer-events: none}.ab-orbit__grid{position: relative;display: grid;grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr);align-items: center;gap: clamp(32px,5vw,80px)}.ab-orbit__txt{display: grid;gap: 20px;justify-items: start}.ab-orbit__hint{display: flex;align-items: flex-start;gap: 10px;font-size: 14.5px;color: var(--ink-3);max-width: 40ch}.ab-orbit__hint i{margin-top: 3px;font-size: 17px;color: var(--accent)}.ab-legend{display: grid;gap: 4px;width: 100%;max-width: 420px;margin: 6px 0 0;padding: 0;list-style: none}.ab-legend li{display: flex;align-items: center;gap: 12px;padding: 10px 0;border-bottom: 1px solid var(--line);font-size: 15px;color: var(--ink-2)}.ab-legend li:last-child{border-bottom: 0}.ab-legend b{color: var(--ink);font-weight: 600}.ab-legend__n{flex: none;width: 28px;height: 28px;border-radius: 50%;display: grid;place-items: center;background: var(--accent-soft);color: var(--accent-ink);font-family: var(--mono);font-size: 12.5px}.ab-legend__c{margin-left: auto;font-family: var(--mono);font-size: 13px;color: var(--ink-3);font-variant-numeric: tabular-nums}.ab-orbit__stage{display: grid;justify-items: center;gap: 18px}.orb{--logo: 52px;position: relative;width: min(100%,620px);aspect-ratio: 1;perspective: 1400px}.orb__tilt{position: absolute;inset: 0;transform-style: preserve-3d}.orb__glow{position: absolute;inset: 18%;border-radius: 50%;background: radial-gradient(closest-side,rgba(45,91,255,.2),rgba(45,91,255,.05) 60%,transparent)}.orb__ring{position: absolute;inset: calc((100% - var(--d)) / 2);border-radius: 50%;border: 1px solid rgba(13,16,21,.1);pointer-events: none}.orb__ring:nth-of-type(2){border-style: dashed;border-color: rgba(13,16,21,.14)}.orb__ring::before{content: "";position: absolute;left: 50%;top: -4px;width: 7px;height: 7px;margin-left: -3.5px;border-radius: 50%;background: var(--accent);box-shadow: 0 0 0 4px rgba(45,91,255,.14)}.orb__ring.is-front{z-index: 2}.orb__item{position: absolute;width: var(--logo);height: var(--logo);margin: calc(var(--logo) / -2) 0 0 calc(var(--logo) / -2);display: grid;place-items: center;border-radius: 50%;background: var(--surface);pointer-events: auto;box-shadow: 0 0 0 1px rgba(13,16,21,.06),0 12px 26px -14px rgba(28,44,92,.4);transition: box-shadow .3s,background-color .3s}.orb__item img{width: 44%;height: 44%;object-fit: contain;pointer-events: none}.orb__item::after{content: attr(data-label);position: absolute;left: 50%;top: calc(100% + 8px);z-index: 2;padding: 4px 10px;border-radius: 8px;background: var(--ink);color: #fff;font-size: 12px;font-weight: 500;line-height: 1.5;white-space: nowrap;opacity: 0;transform: translate(-50%,-4px);pointer-events: none;transition: opacity .2s,transform .35s var(--ease)}.orb__item:hover,.orb__item.is-on,.orb__item:focus-visible{background: #fff;box-shadow: 0 0 0 2px var(--accent),0 16px 30px -12px rgba(45,91,255,.55);z-index: 3}.orb__item:focus-visible{outline: none}.orb__item:hover::after,.orb__item.is-on::after,.orb__item:focus-visible::after{opacity: 1;transform: translate(-50%,0)}.orb__core{position: absolute;inset: 39%;z-index: 1;display: grid;place-items: center;border-radius: 50%;color: #fff;background: radial-gradient(75% 75% at 30% 22%,#2E44A8,#0F1219 72%);box-shadow: 0 0 0 8px rgba(255,255,255,.75),0 0 0 9px rgba(13,16,21,.06),0 30px 60px -18px rgba(45,91,255,.65)}.orb__a{font-family: var(--serif);font-style: italic;font-weight: 500;line-height: 1;font-size: clamp(44px,6.4vw,84px);transform: translateY(-4%);transition: opacity .3s,transform .5s var(--ease)}.orb__logo{position: absolute;width: 36%;height: 36%;object-fit: contain;opacity: 0;transform: scale(.6);transition: opacity .3s,transform .5s var(--ease)}.orb__core.is-tech .orb__a{opacity: 0;transform: scale(.7)}.orb__core.is-tech .orb__logo{opacity: 1;transform: none}.orb__cap{display: flex;flex-wrap: wrap;justify-content: center;align-items: baseline;gap: 4px 10px;min-height: 46px;padding: 11px 20px;border-radius: 999px;background: var(--surface);box-shadow: var(--shadow-sm);text-align: center;max-width: 100%}.orb__cap b{font-size: 15.5px;font-weight: 600;letter-spacing: -.01em}.orb__cap span{font-size: 14px;color: var(--ink-3)}.ab-cats{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 16px}.ab-cat{position: relative;isolation: isolate;overflow: hidden;display: flex;flex-direction: column;gap: 12px;min-height: 340px;padding: 26px;border-radius: var(--radius);background: var(--surface);box-shadow: var(--shadow-sm);transition: translate .5s var(--ease),box-shadow .4s}.ab-cat::before{content: "";position: absolute;right: -30%;bottom: -55%;z-index: -1;width: 85%;aspect-ratio: 1;border-radius: 50%;background: radial-gradient(closest-side,rgba(45,91,255,.16),transparent);opacity: 0;transition: opacity .6s}.ab-cat:hover{translate: 0 -4px;box-shadow: var(--shadow)}.ab-cat:hover::before{opacity: 1}.ab-cat__ic{width: 50px;height: 50px;border-radius: 15px;display: grid;place-items: center;background: var(--accent-soft);color: var(--accent);font-size: 25px}.ab-cat h3{margin-top: 10px;font-size: clamp(21px,1.8vw,26px);letter-spacing: -.03em;font-weight: 600;line-height: 1.15}.ab-cat p{font-size: 15px;color: var(--ink-2);line-height: 1.5}.ab-cat .tags{margin-top: auto;padding-top: 4px}.ab-cat__foot{display: flex;justify-content: space-between;align-items: center;gap: 12px;padding-top: 16px;border-top: 1px solid var(--line);font-size: 14px;color: var(--ink-3)}.ab-cat__foot b{margin-right: 6px;font-size: 30px;font-weight: 600;letter-spacing: -.045em;line-height: 1;color: var(--ink);font-variant-numeric: tabular-nums}.ab-cat__go{flex: none;width: 42px;height: 42px;border-radius: 50%;display: grid;place-items: center;background: var(--surface-2);color: var(--ink);font-size: 17px;transition: background-color .3s,color .3s,transform .5s var(--ease)}.ab-cat:hover .ab-cat__go{background: var(--ink);color: #fff;transform: rotate(-45deg)}.ab-cat--dark{background: #0F1219;color: #fff}.ab-cat--dark .ab-cat__ic{background: rgba(255,255,255,.08);color: #8FA8FF}.ab-cat--dark p,.ab-cat--dark .ab-cat__foot{color: rgba(255,255,255,.66)}.ab-cat--dark .ab-cat__foot{border-color: rgba(255,255,255,.12)}.ab-cat--dark .ab-cat__foot b{color: #fff}.ab-cat--dark .tag{background: rgba(255,255,255,.08);color: rgba(255,255,255,.82)}.ab-cat--dark .ab-cat__go{background: rgba(255,255,255,.1);color: #fff}.ab-cat--dark:hover .ab-cat__go{background: #fff;color: var(--ink)}.ab-brands{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 16px}.ab-brand{position: relative;display: flex;flex-direction: column;border-radius: 26px;background: var(--surface);box-shadow: var(--shadow-sm);transition: translate .5s var(--ease),box-shadow .4s}.ab-brand:hover{translate: 0 -4px;box-shadow: var(--shadow)}.ab-brand__shot{position: relative;overflow: hidden;margin: 10px 10px 0;aspect-ratio: 16 / 10;border-radius: 18px;background: var(--surface-2);box-shadow: inset 0 0 0 1px var(--line)}.ab-brand__shot img{width: 100%;height: 100%;object-fit: cover;object-position: top;transition: transform 1.2s var(--ease)}.ab-brand:hover .ab-brand__shot img{transform: scale(1.04)}.ab-brand__shot--rw{display: grid;place-items: center;background: radial-gradient(70% 70% at 80% 10%,rgba(45,91,255,.22),transparent 70%),linear-gradient(160deg,#E8EEFF,#F7F9FF)}.ab-brand__shot--rw::before{content: "";position: absolute;inset: 0;background-image: radial-gradient(rgba(30,68,216,.16) 1px,transparent 1.3px);background-size: 16px 16px;-webkit-mask: radial-gradient(70% 70% at 50% 50%,#000,transparent);mask: radial-gradient(70% 70% at 50% 50%,#000,transparent)}.ab-rw{position: relative;display: inline-flex;align-items: center;gap: 10px;font-weight: 600;font-size: 19px;letter-spacing: -.035em;transform: scale(1.9);transition: transform 1s var(--ease)}.ab-rw .logo__word b{color: var(--accent);font-weight: 600}.ab-brand:hover .ab-rw{transform: scale(2)}.ab-rw__pin{position: absolute;right: 14px;top: 14px;display: inline-flex;align-items: center;gap: 6px;height: 30px;padding: 0 12px;border-radius: 999px;background: var(--ink);color: #fff;font-size: 12.5px;font-weight: 500}.ab-rw__pin i{color: #9DB2FF;font-size: 14px}.ab-brand__body{display: flex;flex: 1;flex-direction: column;align-items: flex-start;gap: 10px;padding: 22px 24px 24px}.ab-brand__body h3{margin-top: 4px;font-size: clamp(26px,2.4vw,32px);letter-spacing: -.045em;font-weight: 600;line-height: 1.05}.ab-brand__body p{font-size: 15.5px;color: var(--ink-2);line-height: 1.5}.ab-brand__link{margin-top: auto;padding-top: 8px;display: inline-flex;align-items: center;gap: 6px;font-size: 15px;font-weight: 500;color: var(--accent-ink)}.ab-brand__link::after{content: "";position: absolute;inset: 0;z-index: 1;border-radius: 26px}.ab-brand__link:focus-visible{outline: none}.ab-brand__link:focus-visible::after{outline: 2px solid var(--accent);outline-offset: 3px}.ab-brand__link i{transition: transform .4s var(--ease)}.ab-brand:hover .ab-brand__link i{transform: translate(2px,-2px)}.ab-rules{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 16px}.ab-rule{display: flex;flex-direction: column;gap: 10px;min-height: 260px;padding: 28px;border-radius: var(--radius);background: var(--surface);box-shadow: var(--shadow-sm)}.ab-rule__top{display: flex;justify-content: space-between;align-items: center;margin-bottom: auto;padding-bottom: 28px}.ab-rule__top i{width: 48px;height: 48px;border-radius: 14px;display: grid;place-items: center;background: var(--accent-soft);color: var(--accent);font-size: 24px}.ab-rule__n{font-family: var(--mono);font-size: 13px;color: var(--ink-3)}.ab-rule h3{font-size: clamp(20px,1.7vw,23px);letter-spacing: -.03em;font-weight: 600;line-height: 1.2}.ab-rule p{font-size: 15.5px;color: var(--ink-2);line-height: 1.55}.ab-rule--dark{background: #0F1219;color: #fff}.ab-rule--dark .ab-rule__top i{background: rgba(255,255,255,.08);color: #8FA8FF}.ab-rule--dark .ab-rule__n{color: rgba(255,255,255,.6)}.ab-rule--dark p{color: rgba(255,255,255,.7)}.ab-rule--accent{background: var(--accent);color: #fff;box-shadow: 0 24px 50px -28px rgba(45,91,255,.8)}.ab-rule--accent .ab-rule__top i{background: rgba(255,255,255,.16);color: #fff}.ab-rule--accent .ab-rule__n{color: #fff}.ab-rule--accent p{color: #fff}.ab-favs{padding-bottom: 0}.ab-favs__head{display: flex;justify-content: space-between;align-items: flex-end;gap: 24px}.ab-favs__head .sec__head{margin-bottom: 0}.ab-favs__nav{display: flex;flex: none;gap: 8px}.ab-favs__nav .icon-btn:disabled{opacity: .38;cursor: default;transform: none}.ab-strip{--edge: max(16px,calc((100% - 1240px) / 2));display: flex;gap: clamp(14px,1.6vw,22px);margin: 0;padding: clamp(28px,3vw,44px) var(--edge) 12px;list-style: none;overflow-x: auto;overscroll-behavior-x: contain;scroll-snap-type: x mandatory;scroll-padding-inline: var(--edge);scrollbar-width: none}.ab-strip::-webkit-scrollbar{display: none}.ab-strip li{flex: 0 0 clamp(276px,31vw,430px);scroll-snap-align: start}.ab-fav{display: grid;gap: 12px;align-content: start}.ab-fav__img{position: relative;display: block;overflow: hidden;aspect-ratio: 16 / 10;border-radius: 20px;background: var(--surface-2);box-shadow: 0 0 0 1px rgba(13,16,21,.05),0 22px 50px -32px rgba(28,44,92,.5)}.ab-fav__img img{width: 100%;height: 100%;object-fit: cover;object-position: top;transition: transform 1.1s var(--ease)}.ab-fav:hover .ab-fav__img img{transform: scale(1.045)}.ab-fav__go{position: absolute;right: 12px;top: 12px;width: 40px;height: 40px;border-radius: 50%;display: grid;place-items: center;background: rgba(253,253,254,.92);font-size: 17px;opacity: 0;transform: translateY(6px) scale(.9);transition: opacity .4s,transform .5s var(--ease)}.ab-fav:hover .ab-fav__go,.ab-fav:focus-visible .ab-fav__go{opacity: 1;transform: none}.ab-fav:focus-visible{outline-offset: 6px;border-radius: 20px}.ab-fav__meta{display: flex;justify-content: space-between;align-items: baseline;gap: 12px}.ab-fav__meta b{font-size: 20px;font-weight: 600;letter-spacing: -.03em}.ab-fav__meta span{font-size: 13.5px;color: var(--ink-3);white-space: nowrap}.ab-fav__lead{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size: 14.5px;line-height: 1.5;color: var(--ink-2)}@media (max-width: 1100px){.ab-chip--a{left: -12px}.ab-chip--b{right: -10px}}@media (max-width: 980px){.ab-hero{grid-template-columns: 1fr}.ab-photo{justify-self: start;width: min(100%,420px)}.ab-orbit__grid{grid-template-columns: 1fr}.ab-cats,.ab-rules{grid-template-columns: 1fr 1fr}.ab-brands{grid-template-columns: 1fr 1fr}.ab-brand:last-child{grid-column: 1 / -1}}@media (max-width: 767px){.ab-hero .phero__stats{grid-template-columns: 1fr 1fr}.ab-chip{height: 40px;padding: 0 14px;font-size: 13.5px}.ab-chip--a{left: 12px;top: 14px}.ab-chip--b{right: 12px;top: auto;bottom: 86px}.orb{--logo: 38px}.orb__item::after{display: none}.orb__cap{border-radius: 20px}.ab-cats,.ab-rules,.ab-brands{grid-template-columns: 1fr}.ab-brand:last-child{grid-column: auto}.ab-cat,.ab-rule{min-height: 0}.ab-favs__head{flex-direction: column;align-items: flex-start}}@media (hover: none){.orb__item::after{display: none}}.ab-photo--img .ab-photo__frame::after{content: "";position: absolute;inset: 0;z-index: 1;background: linear-gradient(180deg,transparent 55%,rgba(13,16,21,.55));pointer-events: none}.ab-photo--img .ab-photo__img{object-position: 50% 30%}.ab-photo--img .ab-photo__orbit{z-index: 2;top: 30%}.ab-photo--img .ab-photo__cap{z-index: 3}.ab-gal{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: clamp(14px,2vw,24px)}.ab-gal__item{position: relative;margin: 0;overflow: hidden;border-radius: 24px;aspect-ratio: 4 / 5;background: var(--surface-2);box-shadow: var(--shadow)}.ab-gal__item img{width: 100%;height: 100%;object-fit: cover;transition: transform 1.2s var(--ease)}.ab-gal__item:hover img{transform: scale(1.04)}.ab-gal__item figcaption{position: absolute;left: 12px;right: 12px;bottom: 12px;padding: 10px 14px;border-radius: 14px;background: rgba(253,253,254,.86);backdrop-filter: blur(10px);font-size: 14px;font-weight: 500;color: var(--ink)}@media (min-width: 900px){.ab-gal__item:nth-child(2){margin-top: 32px}}@media (max-width: 767px){.ab-gal{grid-template-columns: none;grid-auto-flow: column;grid-auto-columns: 78%;overflow-x: auto;scroll-snap-type: x mandatory;padding-bottom: 8px;scrollbar-width: none}.ab-gal__item{scroll-snap-align: start}}@media (prefers-reduced-motion: no-preference){.ab-photo__frame{animation: abPhotoIn 1.3s var(--ease) .2s both}.ab-photo__img{animation: abPhotoZoom 1.8s var(--ease) .2s both}.ab-photo__cap{animation: heroIn 1s var(--ease) .35s both}.ab-chip{animation: abChipIn .9s var(--ease) .85s both}.ab-chip--b{animation-delay: .99s}}@keyframes abPhotoIn{from{transform: translateY(40px) scale(.96)}}@keyframes abPhotoZoom{from{transform: scale(1.14)}}@keyframes abChipIn{from{opacity: 0;transform: translateY(18px) scale(.9)}}
