:root{--oa-cyan:#62d2c8;--oa-lite:#9af5ea;--oa-white:#eafffb;--oa-ease:cubic-bezier(.16,.84,.44,1);--oa-out:cubic-bezier(.22,1,.36,1);--oa-glow:1}.oa-bar{position:relative;overflow:hidden}.oa-bar.oa-armed{background-color:transparent!important;background-image:none!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.oa-door{position:absolute;top:0;bottom:0;width:50.5%;z-index:0;will-change:transform;backface-visibility:hidden;background-color:var(--oa-bar-bg,#1b282c);background-image:var(--oa-bar-bgi,none);border-top:1px solid var(--oa-bar-line,transparent);border-bottom:1px solid var(--oa-bar-line,transparent)}.oa-door-l{left:0;transform:translate3d(-101%,0,0)}.oa-door-r{right:0;transform:translate3d(101%,0,0)}.oa-bar.oa-run .oa-door{transform:translate3d(0,0,0);transition:transform var(--oa-dur,1s) var(--oa-out)}.oa-door>i{position:absolute;top:-2px;bottom:-2px;width:3px;opacity:0;background:var(--oa-lite);box-shadow:0 0 16px 4px rgba(98,210,200,calc(.95 * var(--oa-glow))),0 0 46px 15px rgba(98,210,200,calc(.45 * var(--oa-glow)));transition:opacity .28s linear}.oa-door-l>i{right:-1px}.oa-door-r>i{left:-1px}.oa-bar.oa-run .oa-door>i{opacity:1}.oa-bar.oa-met .oa-door>i{opacity:0;transition:opacity .5s linear}.oa-seam{position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;z-index:2;background:var(--oa-white);opacity:0;pointer-events:none}.oa-bar.oa-met .oa-seam{animation:oaSeam .8s var(--oa-ease) forwards}@keyframes oaSeam{0%{opacity:0;transform:scaleY(.15)}16%{opacity:1;transform:scaleY(1);box-shadow:0 0 26px 9px rgba(154,245,234,calc(.9 * var(--oa-glow))),0 0 90px 34px rgba(98,210,200,calc(.5 * var(--oa-glow)))}100%{opacity:0;transform:scaleY(1.04);box-shadow:0 0 0 0 rgba(98,210,200,0)}}.oa-bar.oa-met{animation:oaLand 1s var(--oa-ease)}@keyframes oaLand{0%{filter:drop-shadow(0 0 0 rgba(98,210,200,0))}20%{filter:drop-shadow(0 0 36px rgba(98,210,200,calc(.55 * var(--oa-glow))))}100%{filter:drop-shadow(0 0 0 rgba(98,210,200,0))}}.oa-hold{opacity:0;transform:translateY(14px)}.oa-bar.oa-met .oa-hold{opacity:1;transform:none;transition:opacity .6s var(--oa-ease) .04s,transform .75s var(--oa-out) .04s}.oa-bar.oa-sweep .oa-door-l{width:100%;transform:translate3d(-101%,0,0)}.oa-bar.oa-sweep .oa-door-r{display:none}.oa-bar.oa-sweep .oa-seam{left:auto;right:0;width:3px}.oa-wipe{position:relative}.oa-wipe.oa-armed{clip-path:inset(0 100% 0 0)}.oa-wipe.oa-run{clip-path:inset(0 0 0 0);transition:clip-path 1.05s var(--oa-out)}.oa-wipe>.oa-edge{position:absolute;top:-3%;bottom:-3%;left:0;width:3px;margin-left:-3px;z-index:9;opacity:0;pointer-events:none;background:var(--oa-lite);box-shadow:0 0 20px 6px rgba(98,210,200,calc(.85 * var(--oa-glow)))}.oa-wipe.oa-run>.oa-edge{animation:oaEdge 1.05s var(--oa-out) forwards}@keyframes oaEdge{0%{left:0;opacity:0}12%{opacity:1}80%{opacity:1}100%{left:100%;opacity:0}}.oa-blk.oa-blk{opacity:0;transform:translateY(40px) scale(.985);filter:blur(5px)}.oa-blk.oa-blk.oa-in{opacity:1;transform:none;filter:blur(0);transition:opacity .75s var(--oa-out) var(--oa-d,0ms),transform .95s var(--oa-out) var(--oa-d,0ms),filter .7s linear var(--oa-d,0ms)}.oa-sheen{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;border-radius:inherit;background:linear-gradient(100deg,transparent 34%,rgba(154,245,234,.2) 50%,transparent 66%);background-size:260% 100%;background-position:130% 0}.oa-blk.oa-in .oa-sheen{animation:oaSheen 1.15s var(--oa-ease) var(--oa-d,0ms) forwards}@keyframes oaSheen{0%{opacity:0;background-position:130% 0}18%{opacity:1}100%{opacity:0;background-position:-40% 0}}.oa-glare{position:absolute;inset:0;z-index:5;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity .3s linear;background:radial-gradient(200px circle at var(--gx,50%) var(--gy,50%),rgba(154,245,234,.16),transparent 68%)}.oa-w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.16em;margin-bottom:-.16em}.oa-w>b{display:inline-block;font-weight:inherit;transform:translateY(118%);opacity:0}.oa-w.oa-in>b{transform:none;opacity:1;transition:transform .6s var(--oa-out) var(--oa-d,0ms),opacity .34s linear var(--oa-d,0ms)}@keyframes oaNumFlash{0%{text-shadow:0 0 0 rgba(98,210,200,0)}28%{text-shadow:0 0 24px rgba(154,245,234,calc(.95 * var(--oa-glow)))}100%{text-shadow:0 0 0 rgba(98,210,200,0)}}.oa-numflash{animation:oaNumFlash 1s var(--oa-ease)}.oa-scan{position:absolute;left:0;right:0;top:0;bottom:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(98,210,200,.09) 55%,rgba(154,245,234,.42) 96%,rgba(234,255,251,.9) 100%) left bottom/100% 30vh no-repeat;mix-blend-mode:screen;will-change:transform;animation:oaScan 2.4s cubic-bezier(.45,0,.25,1) .3s both}@keyframes oaScan{from{transform:translate3d(0,-100%,0)}to{transform:translate3d(0,30vh,0)}}.oa-ripple,.oa-tap{position:absolute;width:220px;height:220px;border-radius:50%;z-index:3;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.5),rgba(154,245,234,.28) 55%,transparent 72%);transform:translate(-50%,-50%) scale(0);animation:oaRipple .65s var(--oa-out) forwards}@keyframes oaRipple{to{transform:translate(-50%,-50%) scale(1.6);opacity:0}}.oa-tap{position:fixed;z-index:9998}@media (max-width:880px),(max-height:520px){.oa-tap{width:150px;height:150px}}.oa-pulse{fill:none;stroke:var(--oa-white);stroke-width:2.4;stroke-linecap:round;filter:drop-shadow(0 0 7px var(--oa-cyan));stroke-dasharray:.055 .945;animation:oaTrace 4.6s linear infinite}@keyframes oaTrace{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}.oa-railspark{fill:var(--oa-white);filter:drop-shadow(0 0 6px var(--oa-cyan)) drop-shadow(0 0 16px rgba(98,210,200,.8));opacity:0;transition:opacity .3s linear}.oa-railspark.on{opacity:1}.oa-old .reveal{opacity:0;transform:perspective(1300px) rotateX(-36deg) translateY(60px);transform-origin:50% 100%;transition:opacity 1.15s var(--oa-ease),transform 1.15s var(--oa-ease)}.oa-old .reveal.in{opacity:1;transform:perspective(1300px) rotateX(0) translateY(0)}.oa-old .oa-bar.oa-armed{background-color:var(--oa-bar-bg,#1b282c)!important;border-top-color:var(--oa-bar-line,#5f7d87)!important;border-bottom-color:var(--oa-bar-line,#5f7d87)!important;opacity:0;transform:scaleY(.94);transition:opacity .9s var(--oa-ease),transform .9s var(--oa-ease)}.oa-old .oa-bar.oa-run{opacity:1;transform:none}.oa-old .oa-door{background:0 0;border:none;width:4px}.oa-old .oa-door>i{box-shadow:0 0 20px 6px rgba(98,210,200,.9),0 0 46px 16px rgba(98,210,200,.5)}.oa-old .oa-bar.oa-run .oa-door-l{transform:translate3d(calc(50vw - 2px),0,0);transition:transform 1s var(--oa-ease)}.oa-old .oa-bar.oa-run .oa-door-r{transform:translate3d(calc(-50vw + 2px),0,0);transition:transform 1s var(--oa-ease)}.oa-old .oa-hold{opacity:1;transform:none}.oa-old .oa-seam{display:none}.circuit-svg{position:relative;z-index:1;width:100%;height:100%;display:block}.circuit-line{fill:none;stroke:rgba(98,210,200,.5);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.circuit-line.bright{stroke:#8af0e6;stroke-width:1.9;opacity:.9}.circuit-dot{fill:#c2fff5}.circuit-dot.blink{animation:cbBlink 3s ease-in-out infinite}@keyframes cbBlink{0%,100%{opacity:.45}50%{opacity:1}}.circuit-beam-layer{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;opacity:.5;will-change:opacity;animation:beamPulse 5.5s ease-in-out infinite}.circuit-beam{fill:none;stroke:var(--oa-cyan);stroke-linecap:round;filter:blur(6px);opacity:1}@keyframes beamPulse{0%,100%{opacity:.26}50%{opacity:.6}}.cursor-ring.hover{width:66px!important;height:66px!important;background:rgba(98,210,200,.14)}@media (prefers-reduced-motion:reduce){.oa-bar.oa-armed{background-color:var(--oa-bar-bg)!important;border-top-color:var(--oa-bar-line)!important;border-bottom-color:var(--oa-bar-line)!important}.oa-door,.oa-glare,.oa-pulse,.oa-scan,.oa-seam,.oa-sheen,.oa-tap{display:none!important}.oa-blk,.oa-blk.oa-blk,.oa-hold,.oa-w>b{opacity:1!important;transform:none!important;filter:none!important}.oa-wipe.oa-armed{clip-path:none!important}}.app-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.app-card.drasi-on{overflow:hidden}.app-card.drasi-on:hover{transform:none}.app-card.drasi-on .app-card-body{align-self:flex-start}.drasi-open[hidden]{display:none}.drasi-sheet{position:absolute;left:0;right:0;top:var(--drasi-top,50%);z-index:4;min-height:calc(100% - var(--drasi-top,50%));overflow:hidden;scroll-margin-top:110px;background:color-mix(in srgb,var(--bg) 62%,#0a1013);border-top:2px solid var(--sc,var(--accent));transform:translateY(calc(100% + 4px));transition:transform .55s cubic-bezier(.7,0,.2,1)}.drasi-sheet.is-open{transform:none}.drasi-event,.drasi-list{padding:22px 32px 28px}.drasi-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;margin:0 0 16px}.drasi-yt{margin-right:auto;display:inline-flex;align-items:center;gap:8px}.drasi-back,.drasi-close{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:0 0;color:#fff;font:inherit;font-size:13px;cursor:pointer;transition:border-color .2s var(--ease),background .2s var(--ease)}.drasi-back:hover,.drasi-close:hover{border-color:var(--sc,var(--accent));background:rgba(255,255,255,.06)}.drasi-rail{position:relative;--drasi-fade:56px}.drasi-grid,.drasi-photos{list-style:none;margin:0;padding:4px 0 6px;position:relative;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.drasi-grid::-webkit-scrollbar,.drasi-photos::-webkit-scrollbar{display:none}.drasi-grid{gap:14px}.drasi-grid>.drasi-item{flex:0 0 min(calc((100% - 28px)/ 3),260px);min-width:0;scroll-snap-align:start}.drasi-rail:not(.is-start):not(.is-fit)>ul{-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--drasi-fade));mask-image:linear-gradient(90deg,transparent,#000 var(--drasi-fade))}.drasi-rail:not(.is-end):not(.is-fit)>ul{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - var(--drasi-fade)),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - var(--drasi-fade)),transparent)}.drasi-rail:not(.is-start):not(.is-end):not(.is-fit)>ul{-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--drasi-fade),#000 calc(100% - var(--drasi-fade)),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--drasi-fade),#000 calc(100% - var(--drasi-fade)),transparent)}.drasi-rail-next,.drasi-rail-prev{position:absolute;top:50%;z-index:2;width:44px;height:44px;margin-top:-22px;padding:0;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(8,14,17,.78);color:#fff;font:inherit;font-size:22px;line-height:1;cursor:pointer;transition:opacity .2s var(--ease),border-color .2s var(--ease)}.drasi-rail-prev{left:-12px}.drasi-rail-next{right:-12px}.drasi-rail-next:hover,.drasi-rail-prev:hover{border-color:var(--sc,var(--accent))}.drasi-rail-next:disabled,.drasi-rail-prev:disabled{opacity:.25;cursor:default;border-color:rgba(255,255,255,.28)}.drasi-rail-count{position:absolute;right:0;bottom:calc(100% + 12px);font-size:12px;line-height:1.2;letter-spacing:.08em;color:var(--muted);font-variant-numeric:tabular-nums}.drasi-rail.is-fit .drasi-rail-count,.drasi-rail.is-fit .drasi-rail-next,.drasi-rail.is-fit .drasi-rail-prev{display:none}.drasi-rail .drasi-card:focus-visible,.drasi-slide:focus-visible{outline:2px solid var(--sc,var(--accent));outline-offset:-2px}.drasi-item{opacity:0;transform:translateY(18px);transition:opacity .4s var(--ease),transform .4s var(--ease)}.drasi-sheet.is-open .drasi-item{opacity:1;transform:none}.drasi-card{display:flex;flex-direction:column;width:100%;height:100%;padding:0;margin:0;text-align:left;font:inherit;color:#fff;cursor:pointer;overflow:hidden;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid color-mix(in srgb,var(--sc,var(--accent)) 26%,transparent);transition:border-color .25s var(--ease),transform .25s var(--ease)}.drasi-card:focus-visible,.drasi-card:hover{border-color:var(--sc,var(--accent));transform:translateY(-2px)}.drasi-thumb{display:block;aspect-ratio:4/3;background:rgba(0,0,0,.28);overflow:hidden}.drasi-thumb img{display:block;width:100%;height:100%;object-fit:cover}.drasi-thumb img.drasi-ph{object-fit:contain;padding:16%;opacity:.55}.drasi-title{display:block;padding:10px 12px 4px;font-size:15px;font-weight:700;line-height:1.35}.drasi-meta{display:flex;align-items:center;gap:10px;margin-top:auto;padding:0 12px 11px;font-size:12.5px;color:var(--muted)}.drasi-badge{display:inline-flex;align-items:center;gap:4px}.drasi-sec{padding:0}.drasi-sec+.drasi-sec{margin-top:14px}.drasi-h{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--sc,var(--accent)) 72%,#fff)}.drasi-photos{gap:10px}.drasi-photos>.drasi-item{flex:0 0 min(calc((100% - 40px)/ 5),150px);min-width:0;scroll-snap-align:start}.drasi-photo{display:block;width:100%;aspect-ratio:1/1;padding:0;margin:0;border:0;border-radius:10px;overflow:hidden;cursor:pointer;background:rgba(0,0,0,.28)}.drasi-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s var(--ease)}.drasi-photo:focus-visible img,.drasi-photo:hover img{transform:scale(1.05)}.drasi-photo:focus-visible{outline:2px solid var(--sc,var(--accent));outline-offset:-2px}.drasi-event{position:absolute;top:0;left:0;right:0;min-height:100%;background:color-mix(in srgb,var(--bg) 62%,#0a1013);transform:translateX(100%);transition:transform .45s cubic-bezier(.7,0,.2,1)}.drasi-event.is-on{transform:none}.drasi-ev-title{margin:14px 0 12px;font-size:clamp(18px,2vw,22px);line-height:1.3}.drasi-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;border-radius:12px;background:rgba(0,0,0,.3)}.drasi-track::-webkit-scrollbar{display:none}.drasi-slide{flex:0 0 100%;margin:0;aspect-ratio:3/2;max-height:min(58vh,440px);display:grid;place-items:center;scroll-snap-align:center}.drasi-slide img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.drasi-gal-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin:10px 0 0;font-size:13px;color:var(--muted)}.drasi-next,.drasi-prev{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:0 0;color:#fff;font-size:20px;line-height:1;cursor:pointer}.drasi-next:hover,.drasi-prev:hover{border-color:var(--sc,var(--accent))}.drasi-videos{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,240px));gap:10px}.drasi-video{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:10px;background:rgba(0,0,0,.3)}.drasi-video img{display:block;width:100%;height:100%;object-fit:cover}.drasi-excerpt{margin:16px 0 0;max-width:70ch;font-size:16px;line-height:1.7}.drasi-read{display:inline-flex;gap:6px;margin-top:12px;font-weight:700;color:var(--sc,var(--accent))}.drasi-lb{position:fixed;inset:0;z-index:100000;background:rgba(5,10,12,.94);color:#fff;opacity:0;transition:opacity .25s ease;overscroll-behavior:contain}.drasi-lb[hidden]{display:none}.drasi-lb.is-open{opacity:1}.drasi-lb-bar{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(12px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 12px max(18px,env(safe-area-inset-left));pointer-events:none}.drasi-lb-bar>*{pointer-events:auto}.drasi-lb-count{font-size:14px;letter-spacing:.06em;color:rgba(255,255,255,.8);font-variant-numeric:tabular-nums}.drasi-lb-close,.drasi-lb-next,.drasi-lb-prev{width:48px;height:48px;padding:0;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.4);color:#fff;font:inherit;font-size:24px;line-height:1;cursor:pointer;transition:border-color .2s ease,background .2s ease,opacity .2s ease}.drasi-lb-close{margin-left:auto;font-size:18px}.drasi-lb-close:hover,.drasi-lb-next:hover,.drasi-lb-prev:hover{border-color:var(--sc,var(--accent));background:rgba(255,255,255,.08)}.drasi-lb-close:focus-visible,.drasi-lb-next:focus-visible,.drasi-lb-prev:focus-visible{outline:2px solid var(--sc,var(--accent));outline-offset:2px}.drasi-lb-next,.drasi-lb-prev{position:absolute;top:50%;z-index:3;margin-top:-24px}.drasi-lb-prev{left:max(14px,env(safe-area-inset-left))}.drasi-lb-next{right:max(14px,env(safe-area-inset-right))}.drasi-lb-next:disabled,.drasi-lb-prev:disabled{opacity:.25;cursor:default}.drasi-lb-track{position:absolute;inset:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior:contain}.drasi-lb-track::-webkit-scrollbar{display:none}.drasi-lb-slide{flex:0 0 100%;height:100%;margin:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:72px 84px 28px;scroll-snap-align:center;scroll-snap-stop:always}.drasi-lb-slide img{display:block;max-width:100%;max-height:100%;min-width:0;min-height:0;width:auto;height:auto;object-fit:contain}.drasi-lb-video{position:absolute;inset:0;display:none;align-items:center;justify-content:center;padding:72px 24px 28px;box-sizing:border-box}.drasi-lb.is-video .drasi-lb-video{display:flex}.drasi-lb.is-single .drasi-lb-count,.drasi-lb.is-single .drasi-lb-next,.drasi-lb.is-single .drasi-lb-prev,.drasi-lb.is-video .drasi-lb-count,.drasi-lb.is-video .drasi-lb-next,.drasi-lb.is-video .drasi-lb-prev,.drasi-lb.is-video .drasi-lb-track{display:none}.drasi-lb-frame{width:min(1200px,100%,(100vh - 100px) * 16 / 9);width:min(1200px,100%,(100dvh - 100px) * 16 / 9);aspect-ratio:16/9;background:#000;border-radius:10px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}.drasi-lb-frame iframe{display:block;width:100%;height:100%;border:0}html.drasi-lb-lock{overflow:hidden}html.drasi-lb-lock .cursor-dot,html.drasi-lb-lock .cursor-ring{visibility:hidden}.oa-js .drasi-lb,.oa-js .drasi-lb *{cursor:auto}.oa-js .drasi-lb button{cursor:pointer}.oa-js .drasi-lb button:disabled{cursor:default}@media (max-width:880px){.drasi-event,.drasi-list{padding:18px 18px 22px}.drasi-rail{--drasi-fade:36px}.drasi-grid{gap:10px}.drasi-grid>.drasi-item{flex-basis:min(calc((100% - 10px)/ 1.6),230px)}.drasi-photos{gap:8px}.drasi-photos>.drasi-item{flex-basis:min(calc((100% - 24px)/ 3.2),120px)}.drasi-rail-next,.drasi-rail-prev{width:40px;height:40px;margin-top:-20px;font-size:20px}.drasi-rail-prev{left:-8px}.drasi-rail-next{right:-8px}.drasi-title{padding:8px 10px 3px;font-size:14px}.drasi-meta{padding:0 10px 9px}.drasi-close-txt{display:none}.drasi-excerpt{font-size:15px}.drasi-lb-slide{padding:64px 10px calc(84px + env(safe-area-inset-bottom))}.drasi-lb-next,.drasi-lb-prev{top:auto;margin-top:0;bottom:max(16px,env(safe-area-inset-bottom))}.drasi-lb-prev{left:calc(50% - 60px)}.drasi-lb-next{right:calc(50% - 60px)}.drasi-lb-video{padding:64px 0 max(24px,env(safe-area-inset-bottom))}.drasi-lb-frame{border-radius:0}}@media (max-height:520px){.drasi-event,.drasi-list{padding:14px 20px 18px}.drasi-grid{gap:8px}.drasi-grid>.drasi-item{flex-basis:min(calc((100% - 16px)/ 3),210px)}.drasi-photos{gap:8px}.drasi-photos>.drasi-item{flex-basis:min(calc((100% - 40px)/ 6),110px)}.drasi-thumb{aspect-ratio:16/9}.drasi-slide{aspect-ratio:16/7}.drasi-ev-title{margin:8px 0;font-size:17px}.drasi-lb-bar{padding-top:max(6px,env(safe-area-inset-top));padding-bottom:6px}.drasi-lb-close,.drasi-lb-next,.drasi-lb-prev{width:44px;height:44px}.drasi-lb-next,.drasi-lb-prev{top:50%;bottom:auto;margin-top:-22px}.drasi-lb-prev{left:max(10px,env(safe-area-inset-left))}.drasi-lb-next{right:max(10px,env(safe-area-inset-right))}.drasi-lb-slide{padding:8px 64px}.drasi-lb-video{padding:8px 64px}.drasi-lb-frame{width:min(1200px,100%,(100vh - 16px) * 16 / 9);width:min(1200px,100%,(100dvh - 16px) * 16 / 9);border-radius:8px}}@media (prefers-reduced-motion:reduce){.drasi-card,.drasi-event,.drasi-item,.drasi-sheet{transition:none}.drasi-item{opacity:1;transform:none}.drasi-card:focus-visible,.drasi-card:hover{transform:none}.drasi-photo img{transition:none}.drasi-photo:focus-visible img,.drasi-photo:hover img{transform:none}.drasi-track{scroll-behavior:auto}.drasi-lb,.drasi-lb-close,.drasi-lb-next,.drasi-lb-prev,.drasi-rail-next,.drasi-rail-prev{transition:none}}@property --fc{syntax:'<color>';inherits:true;initial-value:#5fd0c6}.drasi-tile{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;width:min(100%,440px);margin:0;padding:12px 24px 12px 12px;border-radius:16px;cursor:pointer;text-align:left;color:#fff;font:inherit;border:1px solid color-mix(in srgb,var(--sc,var(--accent)) 40%,transparent);background:radial-gradient(120% 160% at 0 0,color-mix(in srgb,var(--sc,var(--accent)) 20%,transparent),transparent 58%),linear-gradient(160deg,rgba(12,21,25,.92),rgba(8,13,16,.7));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 16px 32px -20px rgba(0,0,0,.9);transition:transform .45s var(--ease),border-color .3s var(--ease),box-shadow .45s var(--ease)}.drasi-tile::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--sc,var(--accent)) 13%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--sc,var(--accent)) 13%,transparent) 1px,transparent 1px);background-size:16px 16px;-webkit-mask-image:linear-gradient(90deg,transparent 32%,#000 78%);mask-image:linear-gradient(90deg,transparent 32%,#000 78%);opacity:.55;transition:opacity .4s var(--ease)}.dt-pins{position:absolute;top:22px;bottom:22px;width:4px;opacity:.4;pointer-events:none;background:repeating-linear-gradient(180deg,var(--sc,var(--accent)) 0 3px,transparent 3px 9px);transition:opacity .35s var(--ease)}.dt-l{left:-5px;border-radius:2px 0 0 2px}.dt-r{right:-5px;border-radius:0 2px 2px 0}.dt-trace{position:absolute;left:18px;right:18px;bottom:-1px;height:2px;border-radius:2px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--sc,var(--accent)) 30%,color-mix(in srgb,var(--sc,var(--accent)) 30%,#fff) 60%,transparent);transform:scaleX(0);transform-origin:0 50%;transition:transform .7s var(--ease)}.dt-screen{position:relative;display:block;width:118px;aspect-ratio:16/10.5;margin:4px 0 4px 6px}.dt-photo{position:absolute;left:-4px;top:6px;width:84%;aspect-ratio:4/3;overflow:hidden;border-radius:4px;border:2px solid #eef4f5;box-shadow:0 6px 14px rgba(0,0,0,.5);transform:rotate(-8deg);transform-origin:20% 80%;transition:transform .55s var(--ease)}.dt-main{position:absolute;inset:0;overflow:hidden;border-radius:10px;background:#0a1013;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 22px -8px rgba(0,0,0,.75)}.dt-main img,.dt-photo img{display:block;width:100%;height:100%;object-fit:cover}.dt-main img{transition:transform .6s var(--ease)}.dt-main::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(5,10,12,.55))}.dt-icon{position:absolute;inset:0;display:grid;place-items:center;color:var(--sc,var(--accent))}.dt-icon .drasi-i{width:30px;height:30px}.dt-play{position:absolute;left:50%;top:50%;z-index:1;width:34px;height:34px;margin:-17px 0 0 -17px;display:grid;place-items:center;border-radius:50%;background:var(--sc,var(--accent));box-shadow:0 0 0 4px color-mix(in srgb,var(--sc,var(--accent)) 28%,transparent);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.dt-play .drasi-i{width:14px;height:14px;margin-left:2px;fill:#0a1013;stroke:none}.dt-body{position:relative;display:block;min-width:0}.dt-title{display:block;font:800 18px/1.2 var(--font-display);letter-spacing:-.01em;color:#fff}.dt-meta{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:8px;font-size:13px;line-height:1.3;color:var(--muted)}.dt-m{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.dt-m b{font-weight:700;color:#fff;font-variant-numeric:tabular-nums}.drasi-i{flex:none;width:16px;height:16px;fill:none;stroke:color-mix(in srgb,var(--sc,var(--accent)) 82%,#fff);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.drasi-i .f{fill:color-mix(in srgb,var(--sc,var(--accent)) 82%,#fff);stroke:none}.drasi-i-list,.drasi-i-play{fill:currentColor;stroke:none}.drasi-tile:focus-visible,.drasi-tile:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--sc,var(--accent)) 75%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 22px 40px -20px color-mix(in srgb,var(--sc,var(--accent)) 55%,#000)}.drasi-tile:focus-visible::before,.drasi-tile:hover::before{opacity:.95}.drasi-tile:focus-visible .dt-pins,.drasi-tile:hover .dt-pins{opacity:1}.drasi-tile:focus-visible .dt-trace,.drasi-tile:hover .dt-trace{transform:scaleX(1)}.drasi-tile:focus-visible .dt-photo,.drasi-tile:hover .dt-photo{transform:rotate(-15deg) translate(-8px,-3px)}.drasi-tile:focus-visible .dt-main img,.drasi-tile:hover .dt-main img{transform:scale(1.07)}.drasi-tile:focus-visible .dt-play,.drasi-tile:hover .dt-play{transform:scale(1.12);box-shadow:0 0 0 7px color-mix(in srgb,var(--sc,var(--accent)) 22%,transparent)}.drasi-tile:active{transform:translateY(-1px)}.drasi-tile:focus-visible{outline:2px solid var(--sc,var(--accent));outline-offset:4px}.drasi-sec.drasi-fsec+.drasi-sec{margin-top:22px}.drasi-fbody{position:relative}.drasi-fitems,.drasi-folders{list-style:none;margin:0;position:relative;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.drasi-fitems::-webkit-scrollbar,.drasi-folders::-webkit-scrollbar{display:none}.drasi-folders{gap:24px;padding:14px 6px 10px}.drasi-folders>.drasi-item{flex:0 0 min(calc((100% - 48px)/ 3),200px);min-width:0;scroll-snap-align:start}.drasi-frail .drasi-rail-count{bottom:calc(100% + 2px)}.drasi-fold{position:relative;display:block;width:100%;aspect-ratio:10/8;padding:0;margin:0;border:0;background:0 0;cursor:pointer;text-align:left;color:#fff;font:inherit;-webkit-tap-highlight-color:transparent}.drasi-fold:focus-visible{outline:2px solid var(--fc);outline-offset:6px;border-radius:14px}.df-back,.df-tab{background:color-mix(in srgb,var(--fc) 58%,#0a1013)}.df-back{position:absolute;inset:12% 0 0 0;border-radius:0 14px 14px 14px;box-shadow:0 22px 34px -14px rgba(0,0,0,.7)}.df-tab{position:absolute;left:0;top:0;height:calc(12% + 1px);max-width:80%;display:flex;align-items:center;padding:0 30px 0 14px;border-radius:11px 4px 0 0;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 100%,0 100%);font:700 13px/1 var(--font-display);letter-spacing:.01em}.df-tab>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:1px}.df-pages{position:absolute;left:10%;right:10%;top:19%;bottom:26%}.df-pg{position:absolute;width:62%;aspect-ratio:4/3;overflow:hidden;border-radius:4px;background:#0a1013;border:3px solid #eef4f5;box-shadow:0 8px 16px rgba(0,0,0,.45);transition:transform .55s var(--ease)}.df-pg img{display:block;width:100%;height:100%;object-fit:cover}.df-pg.a{left:0;top:12%;transform:rotate(-7deg)}.df-pg.b{left:19%;top:0;z-index:1;transform:rotate(1.5deg)}.df-pg.c{right:0;top:14%;z-index:2;transform:rotate(7deg)}.df-pg.a2{left:4%;top:8%;transform:rotate(-5deg)}.df-pg.b2{right:4%;top:2%;z-index:1;transform:rotate(5deg)}.df-pg.solo{left:19%;top:4%;transform:rotate(-2deg)}.drasi-fold[data-kind=video] .df-pg{aspect-ratio:16/10;border:0;border-radius:6px}.drasi-fold[data-kind=video] .df-pg::after{content:"";position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:rgba(10,16,19,.74) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9 6v12l10-6z'/%3E%3C/svg%3E") center/14px no-repeat}.df-pg.is-list{box-shadow:5px -5px 0 -1px rgba(238,244,245,.55),10px -10px 0 -2px rgba(238,244,245,.28),0 8px 16px rgba(0,0,0,.45)}.df-pg.is-empty{background:linear-gradient(140deg,color-mix(in srgb,var(--fc) 40%,#0a1013),#0a1013)}.df-front{position:absolute;left:0;right:0;bottom:0;height:56%;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;gap:3px;padding:0 16px 14px;border-radius:6px 6px 14px 14px;color:#0a1013;background:linear-gradient(172deg,color-mix(in srgb,var(--fc) 86%,#fff) 0,var(--fc) 38%,color-mix(in srgb,var(--fc) 74%,#0a1013) 100%);box-shadow:0 -12px 24px -10px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.6);transform-origin:50% 100%;transform:perspective(800px) rotateX(0);transition:transform .55s var(--ease)}.df-front::before{content:"";position:absolute;left:14px;right:14px;top:11px;height:1px;background:rgba(10,16,19,.16);box-shadow:0 1px 0 rgba(255,255,255,.3)}.df-count{font:800 15.5px/1.25 var(--font-display);letter-spacing:-.01em}.df-sub{font-size:12.5px;font-weight:600;line-height:1.35;color:rgba(10,16,19,.7)}.drasi-fold:focus-visible .df-front,.drasi-fold:hover .df-front{transform:perspective(800px) rotateX(-20deg)}.drasi-fold:focus-visible .df-pg.a,.drasi-fold:hover .df-pg.a{transform:translate(-9%,-15%) rotate(-12deg)}.drasi-fold:focus-visible .df-pg.b,.drasi-fold:hover .df-pg.b{transform:translate(0,-22%) rotate(1deg)}.drasi-fold:focus-visible .df-pg.c,.drasi-fold:hover .df-pg.c{transform:translate(9%,-13%) rotate(12deg)}.drasi-fold:focus-visible .df-pg.a2,.drasi-fold:hover .df-pg.a2{transform:translate(-6%,-16%) rotate(-9deg)}.drasi-fold:focus-visible .df-pg.b2,.drasi-fold:hover .df-pg.b2{transform:translate(6%,-18%) rotate(9deg)}.drasi-fold:focus-visible .df-pg.solo,.drasi-fold:hover .df-pg.solo{transform:translate(0,-20%) rotate(-3deg)}.drasi-side .df-back{inset:0 0 0 26px;border-radius:6px 14px 14px 14px}.drasi-side .df-tab{top:6%;left:0;width:27px;height:auto;max-height:86%;max-width:none;padding:16px 0 30px;writing-mode:vertical-rl;transform:rotate(180deg);border-radius:0 11px 11px 0;clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),0 100%)}.drasi-side .df-tab>span{padding:0 0 0 1px}.drasi-side .df-pages{left:calc(26px + 8%);right:8%;top:8%}.drasi-side .df-front{left:26px}.drasi-fopen{--pbg:color-mix(in srgb, var(--fc) 15%, #111c20);display:grid;grid-template-columns:minmax(150px,214px) minmax(0,1fr);align-items:start;margin-top:10px;transition:--fc .5s var(--ease)}.drasi-fopen[hidden]{display:none}.drasi-ftabs{position:relative;z-index:2;align-self:stretch;min-height:120px}.drasi-ftabs-in{position:absolute;top:0;bottom:0;left:0;right:-1px;display:flex;flex-direction:column;gap:6px;padding:16px 0 12px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--fc) 45%,transparent) transparent}.drasi-ftab{flex:none;display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:11px 14px;cursor:pointer;text-align:left;font:inherit;border:1px solid transparent;border-right:0;border-radius:12px 0 0 12px;background:0 0;color:var(--muted);transition:background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease)}.drasi-ftab i{flex:none;width:11px;height:11px;border-radius:3px;background:var(--tc);box-shadow:0 0 0 3px color-mix(in srgb,var(--tc) 22%,transparent)}.drasi-ftab>span{min-width:0}.drasi-ftn{display:block;font:700 14px/1.25 var(--font-display);overflow-wrap:anywhere}.drasi-ftab small{display:block;margin-top:2px;font-size:12px;line-height:1.3;color:var(--muted);opacity:.85}.drasi-ftab:hover{color:#fff;background:rgba(255,255,255,.04)}.drasi-ftab.is-on{color:#fff;background:var(--pbg);border-color:var(--fc)}.drasi-ftab:focus-visible{outline:2px solid var(--fc);outline-offset:-2px}.drasi-fpanels{position:relative;z-index:1;min-width:0;padding:18px 22px 22px}.drasi-fbg{position:absolute;inset:0;z-index:0;border-radius:14px;background:var(--pbg);border:1px solid var(--fc);transform-origin:0 0}.drasi-fpanel{position:relative;z-index:1}.drasi-fpanel[hidden]{display:none}.drasi-fhead{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px 16px;margin:0 0 16px}.drasi-ftitle{flex:1 1 220px;min-width:0}.drasi-ftitle h4{margin:0;font:800 clamp(18px,2vw,23px)/1.25 var(--font-display);letter-spacing:-.01em;color:#fff;text-wrap:balance}.drasi-ftitle p{margin:4px 0 0;font-size:13.5px;line-height:1.5;color:var(--muted)}.drasi-ftitle p b{font-weight:700;color:color-mix(in srgb,var(--fc) 78%,#fff)}.drasi-fart{align-self:center;font-size:14px;font-weight:700;color:color-mix(in srgb,var(--fc) 80%,#fff);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:1px}.drasi-fart:hover{color:#fff}.drasi-fclose{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:0 0;color:#fff;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap;transition:border-color .2s var(--ease),background .2s var(--ease)}.drasi-fclose:hover{border-color:var(--fc);background:rgba(255,255,255,.06)}.drasi-fitems{gap:14px;padding:2px 0 4px}.drasi-fitems>.drasi-item{flex:0 0 min(calc((100% - 28px)/ 3),240px);min-width:0;scroll-snap-align:start}.drasi-fsec-photo .drasi-fitems>.drasi-item{flex-basis:min(calc((100% - 42px)/ 4),150px)}.drasi-vcard{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;border-radius:12px;color:#fff;text-decoration:none;border:1px solid color-mix(in srgb,var(--fc) 32%,transparent);background:rgba(255,255,255,.045);transition:border-color .25s var(--ease),transform .25s var(--ease)}.drasi-vcard:focus-visible,.drasi-vcard:hover{border-color:var(--fc);transform:translateY(-3px);color:#fff}.drasi-vcard:focus-visible{outline:2px solid var(--fc);outline-offset:2px}.dv-thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#0a1013}.dv-thumb.is-empty{background:linear-gradient(140deg,color-mix(in srgb,var(--fc) 38%,#0a1013),#0a1013)}.dv-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ease)}.drasi-vcard:hover .dv-thumb img{transform:scale(1.05)}.dv-play{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;display:grid;place-items:center;border-radius:50%;color:#fff;background:rgba(10,16,19,.72);border:1px solid rgba(255,255,255,.4);transition:background .25s var(--ease),transform .25s var(--ease),color .25s var(--ease)}.dv-play .drasi-i{width:18px;height:18px;margin-left:2px}.drasi-vcard:hover .dv-play{background:var(--fc);color:#0a1013;transform:scale(1.08)}.dv-badge{position:absolute;right:8px;bottom:8px;display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:6px;background:rgba(10,16,19,.84);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.03em;font-variant-numeric:tabular-nums}.dv-badge .drasi-i{width:13px;height:13px}.dv-badge.is-list{left:8px;right:auto;background:var(--fc);color:#0a1013}.dv-badge.is-short{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fc) 60%,transparent)}.dv-title{display:block;padding:10px 12px 13px;font-size:14.5px;font-weight:700;line-height:1.35}.drasi-lb.is-short .drasi-lb-frame{aspect-ratio:9/16;width:min(380px,100%,(100vh - 120px) * 9 / 16);width:min(380px,100%,(100dvh - 120px) * 9 / 16)}@media (max-width:880px){.drasi-tile{width:100%;gap:14px;padding:10px 16px 10px 10px;border-radius:14px}.app-cta .drasi-tile{flex:1 1 100%}.dt-screen{width:92px;margin-left:4px}.dt-title{font-size:16.5px}.dt-meta{gap:4px 12px;font-size:12.5px}.dt-play{width:28px;height:28px;margin:-14px 0 0 -14px}.drasi-folders{gap:16px;padding:12px 4px 8px}.drasi-folders>.drasi-item{flex-basis:min(44%,170px)}.df-tab{font-size:12px;padding:0 26px 0 11px}.df-front{padding:0 12px 11px}.df-count{font-size:14px}.df-sub{font-size:11.5px}.drasi-fopen{grid-template-columns:minmax(0,1fr);margin-top:6px}.drasi-ftabs{min-height:0;margin:0 -18px -1px}.drasi-ftabs-in{position:static;flex-direction:row;gap:4px;padding:0 18px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.drasi-ftabs-in::-webkit-scrollbar{display:none}.drasi-ftab{flex:0 0 auto;width:auto;padding:9px 13px 10px;border:1px solid transparent;border-bottom:0;border-radius:12px 12px 0 0}.drasi-ftab small{display:none}.drasi-ftn{white-space:nowrap;font-size:13.5px}.drasi-fpanels{padding:14px 14px 16px}.drasi-fbg{border-radius:0 14px 14px 14px}.drasi-fhead{gap:8px 12px;margin-bottom:12px}.drasi-fclose-txt{display:none}.drasi-fitems{gap:10px}.drasi-fitems>.drasi-item{flex-basis:min(64%,230px)}.drasi-fsec-photo .drasi-fitems>.drasi-item{flex-basis:min(36%,130px)}}@media (max-height:520px){.drasi-tile{padding:8px 16px 8px 8px;gap:12px}.dt-screen{width:84px}.dt-title{font-size:15.5px}.dt-meta{margin-top:4px}.drasi-folders>.drasi-item{flex-basis:min(calc((100% - 32px)/ 3),160px)}.drasi-fold{aspect-ratio:16/10}.drasi-fpanels{padding:12px 14px 14px}.drasi-fitems>.drasi-item{flex-basis:min(calc((100% - 20px)/ 3),210px)}.drasi-fsec-photo .drasi-fitems>.drasi-item{flex-basis:min(calc((100% - 40px)/ 5),110px)}.drasi-lb.is-short .drasi-lb-frame{width:min(380px,100%,(100vh - 16px) * 9 / 16);width:min(380px,100%,(100dvh - 16px) * 9 / 16)}}@media (prefers-reduced-motion:reduce){.df-front,.df-pg,.drasi-fclose,.drasi-fopen,.drasi-ftab,.drasi-tile,.drasi-tile::before,.drasi-vcard,.dt-main img,.dt-photo,.dt-pins,.dt-play,.dt-trace,.dv-play,.dv-thumb img{transition:none}.drasi-tile:focus-visible,.drasi-tile:hover,.drasi-vcard:focus-visible,.drasi-vcard:hover{transform:none}.drasi-tile:focus-visible .dt-photo,.drasi-tile:hover .dt-photo{transform:rotate(-8deg)}.drasi-tile:focus-visible .dt-main img,.drasi-tile:focus-visible .dt-play,.drasi-tile:hover .dt-main img,.drasi-tile:hover .dt-play{transform:none}.drasi-fold:focus-visible .df-front,.drasi-fold:hover .df-front{transform:none}.drasi-fold:focus-visible .df-pg.a,.drasi-fold:hover .df-pg.a{transform:rotate(-7deg)}.drasi-fold:focus-visible .df-pg.b,.drasi-fold:hover .df-pg.b{transform:rotate(1.5deg)}.drasi-fold:focus-visible .df-pg.c,.drasi-fold:hover .df-pg.c{transform:rotate(7deg)}.drasi-fold:focus-visible .df-pg.a2,.drasi-fold:hover .df-pg.a2{transform:rotate(-5deg)}.drasi-fold:focus-visible .df-pg.b2,.drasi-fold:hover .df-pg.b2{transform:rotate(5deg)}.drasi-fold:focus-visible .df-pg.solo,.drasi-fold:hover .df-pg.solo{transform:rotate(-2deg)}.drasi-vcard:hover .dv-play,.drasi-vcard:hover .dv-thumb img{transform:none}}.drasi-rail.is-flying>ul{-webkit-mask-image:none;mask-image:none}.cs-all-row{margin:22px 0 0;} .cs-proof{
--on:color-mix(in srgb, var(--sc) 55%, #ffffff);
display:flex; flex-wrap:wrap; align-items:center; gap:10px 18px;
max-width:74ch; margin:20px 0 0; padding:10px 12px 10px 16px;
border:1px solid color-mix(in srgb, var(--sc) 36%, transparent); border-radius:12px;
background:radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--sc) 12%, transparent), transparent 60%), rgba(10,16,19,.45);
}
.cs-proof-count{
display:flex; align-items:baseline; gap:8px; white-space:nowrap;
font-family:var(--font-display); font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--muted);
}
.cs-proof-count b{font-size:28px; letter-spacing:-.02em; color:var(--on); font-variant-numeric:tabular-nums;}
.cs-proof-latest{
flex:1 1 260px; display:flex; align-items:center; gap:12px; min-width:0;
padding:6px 8px; border-radius:10px; transition:background .25s var(--ease);
}
.cs-proof-latest:hover{background:color-mix(in srgb, var(--sc) 12%, transparent);}
.cs-th, .cs-row-th{
flex:none; display:grid; place-items:center; overflow:hidden; border-radius:7px;
border:1px solid color-mix(in srgb, var(--sc) 30%, transparent); background:#0f252c;
}
.cs-th{width:56px; height:42px;}
.cs-th img, .cs-row-th img{width:100%; height:100%; object-fit:cover;}
.cs-th.is-glyph, .cs-row-th.is-glyph{background:radial-gradient(90% 90% at 30% 20%, color-mix(in srgb, var(--sc) 18%, transparent), transparent 70%), linear-gradient(160deg, #14252b, #0a1013);}
.cs-th svg{width:26px; height:26px; fill:none;}
.cs-row-th svg{width:46%; height:auto; fill:none;}
.cs-proof-tx{display:flex; flex-direction:column; gap:3px; min-width:0;}
.cs-proof-tx small{font-family:var(--font-display); font-size:10px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:#8fa5ab;}
.cs-proof-tt{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#fff; font-size:14.5px; font-weight:600;}
.cs-proof-v{flex:none; display:flex; flex-direction:column; align-items:flex-end; gap:2px; max-width:110px; margin-left:auto; text-align:right;}
.cs-proof-v b{font-family:var(--font-display); font-size:18px; font-weight:800; line-height:1.1; color:var(--on);}
.cs-proof-v small{display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:10.5px; line-height:1.25; color:#8fa5ab;}
.cs-proof-all{
flex:none; display:inline-flex; align-items:center; gap:8px; padding:10px 16px;
border:1px solid color-mix(in srgb, var(--sc) 55%, transparent); border-radius:999px;
background:color-mix(in srgb, var(--sc) 10%, transparent); color:#fff;
font-family:var(--font-display); font-size:12.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
transition:background .25s var(--ease), border-color .25s var(--ease);
}
.cs-proof-all:hover{background:color-mix(in srgb, var(--sc) 24%, transparent); border-color:var(--on);}
.cs-proof-all span{color:var(--on); transition:transform .3s var(--ease);}
.cs-proof-all:hover span{transform:translateX(3px);} .cs-drawer[hidden]{display:none;}
.cs-drawer{
--sc:var(--accent); --on:color-mix(in srgb, var(--sc) 55%, #ffffff);
position:fixed; z-index:59; top:0; bottom:0; left:var(--rail-w);
width:min(780px, calc(100vw - var(--rail-w))); display:flex; flex-direction:column;
background:radial-gradient(120% 34% at 0% 0%, color-mix(in srgb, var(--sc) 14%, transparent), transparent 70%), var(--rail);
border-right:1px solid color-mix(in srgb, var(--sc) 45%, var(--line));
box-shadow:40px 0 90px rgba(0,0,0,.55);
transform:translateX(-101%); visibility:hidden;
transition:transform .5s var(--ease), visibility 0s linear .5s;
}
body.admin-bar .cs-drawer{top:32px;}
.cs-drawer.is-open{transform:none; visibility:visible; transition:transform .5s var(--ease), visibility 0s;}
.cs-d-top{position:relative; flex:none; padding:26px 26px 14px; border-bottom:1px solid rgba(95,208,198,.14);}
.cs-d-close{
position:absolute; top:22px; right:22px; width:44px; height:44px; display:flex; align-items:center; justify-content:center;
border:1px solid var(--line); background:transparent; color:var(--muted); font-size:18px; cursor:pointer;
transition:color .25s var(--ease), border-color .25s var(--ease), background .25s var(--ease);
}
.cs-d-close:hover{border-color:var(--on); color:var(--on); background:color-mix(in srgb, var(--sc) 10%, transparent);}
.cs-d-head{display:flex; align-items:center; gap:14px; padding-right:56px;}
.cs-d-glyph{flex:none; width:48px; height:48px; display:grid; place-items:center; border-radius:12px; background:linear-gradient(160deg, #14252b, #0a1013); border:1px solid color-mix(in srgb, var(--sc) 45%, transparent);}
.cs-d-glyph svg{width:30px; height:30px; fill:none;}
.cs-d-k{display:block; margin-bottom:4px; font-family:var(--font-display); font-size:10.5px; font-weight:700; letter-spacing:.22em; text-transform:uppercase; color:var(--on);}
.cs-d-head h2{margin:0; font-size:clamp(20px, 2.2vw, 26px); font-weight:800; line-height:1.2; color:#fff;}
.cs-d-head h2 small{display:block; margin-top:4px; font-family:var(--font-body); font-size:13.5px; font-weight:500; letter-spacing:0; color:var(--muted);}
.cs-d-tools{display:flex; flex-direction:column; gap:12px; margin-top:16px;}
.cs-d-row{display:flex; flex-wrap:wrap; align-items:center; gap:10px;}
.cs-d-search{position:relative; flex:1 1 260px; max-width:440px;}
.cs-d-search svg{position:absolute; left:16px; top:50%; width:17px; height:17px; transform:translateY(-50%); fill:none; stroke:var(--accent); stroke-width:2.2; stroke-linecap:round; pointer-events:none;}
.cs-d-search input, .cs-drawer select{
width:100%; padding:12px 16px 12px 44px; border:1px solid rgba(124,230,219,.3); border-radius:999px;
background:rgba(10,16,19,.5); color:#fff; font-family:var(--font-body); font-size:14.5px; outline:none;
transition:border-color .25s var(--ease), box-shadow .25s var(--ease);
}
.cs-drawer select{
width:auto; flex:0 1 auto; padding:12px 40px 12px 16px; cursor:pointer; -webkit-appearance:none; appearance:none;
font-family:var(--font-display); font-weight:600;
background:rgba(10,16,19,.5) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235fd0c6' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center / 14px;
}
.cs-drawer select option{background:#0b1114; color:#fff;}
.cs-d-search input:focus, .cs-drawer select:focus{border-color:var(--cyan); box-shadow:0 0 0 4px rgba(95,208,198,.14);}
.cs-d-chips{display:flex; flex-wrap:wrap; gap:8px;}
.cs-chip{
display:inline-flex; align-items:center; gap:8px; padding:8px 13px;
border:1px solid rgba(124,230,219,.22); border-radius:999px; background:rgba(150,235,226,.05);
color:var(--muted); font-family:var(--font-display); font-size:13px; font-weight:600; white-space:nowrap; cursor:pointer;
transition:background .25s var(--ease), border-color .25s var(--ease), color .25s var(--ease);
}
.cs-chip:hover{color:#fff; border-color:color-mix(in srgb, var(--sc, var(--accent)) 60%, transparent);}
.cs-chip i{flex:none; width:8px; height:8px; border-radius:50%; background:var(--sc);}
.cs-chip .n{opacity:.65; font-variant-numeric:tabular-nums;}
.cs-chip[aria-pressed="true"]{color:#fff; border-color:var(--sc, var(--accent)); background:color-mix(in srgb, var(--sc, var(--accent)) 22%, transparent);}
.cs-d-body{flex:1 1 auto; overflow-y:auto; padding:4px 26px 30px; scrollbar-width:thin; scrollbar-color:var(--line) transparent;}
.cs-d-status{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; margin:16px 0 10px; font-size:13px; color:#8fa5ab;}
.cs-d-status b{color:#fff; font-variant-numeric:tabular-nums;}
.cs-d-status button{background:none; border:0; padding:0; color:var(--accent); font-size:13px; font-weight:600; cursor:pointer;}
.cs-d-list, .cs-rows{display:flex; flex-direction:column; gap:8px; margin:0; padding:0; list-style:none;}
.cs-d-more{display:flex; flex-direction:column; align-items:center; gap:10px; margin-top:20px;}
.cs-d-more small{font-size:12.5px; color:#8fa5ab;}
.cs-d-empty{padding:24px; border:1px dashed rgba(140,190,190,.35); border-radius:14px; color:var(--muted);} .cs-row{
--on:color-mix(in srgb, var(--sc) 55%, #ffffff);
position:relative; display:grid; grid-template-columns:92px minmax(0,1fr) auto; gap:14px; align-items:center;
padding:10px 16px 10px 10px; border:1px solid rgba(95,208,198,.16); border-radius:14px;
background:linear-gradient(180deg, rgba(24,66,82,.42), rgba(14,44,58,.42));
transition:border-color .25s var(--ease), transform .3s var(--ease);
}
.cs-row::before{
content:''; position:absolute; left:-1px; top:50%; width:2px; height:0; border-radius:0 2px 2px 0;
background:var(--on); box-shadow:0 0 10px var(--sc); transform:translateY(-50%); transition:height .3s var(--ease);
}
.cs-row:hover, .cs-row:focus-visible{border-color:color-mix(in srgb, var(--sc) 60%, transparent); transform:translateX(3px);}
.cs-row:hover::before, .cs-row:focus-visible::before{height:56%;}
.cs-row-th{width:92px; aspect-ratio:4/3; border-radius:9px;}
.cs-row-main{display:flex; flex-direction:column; gap:3px; min-width:0;}
.cs-row-meta{display:flex; flex-wrap:wrap; gap:4px 10px; font-family:var(--font-display); font-size:10.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--on);}
.cs-row-meta span + span{color:#8fa5ab;}
.cs-row-t{font-family:var(--font-display); font-size:16px; font-weight:700; line-height:1.3; color:#fff;}
.cs-row-c{font-size:13.5px; color:var(--muted);}
.cs-row-v{display:flex; flex-direction:column; gap:3px; max-width:170px; padding-left:16px; border-left:1px solid rgba(95,208,198,.14);}
.cs-row-v b{font-family:var(--font-display); font-size:22px; font-weight:800; line-height:1; color:var(--on);}
.cs-row-v small{font-size:12px; line-height:1.35; color:var(--muted);} .cs-article{--on:color-mix(in srgb, var(--sc) 55%, #ffffff); max-width:900px; margin:22px 0 28px; padding:0;}
.cs-pills{display:flex; flex-wrap:wrap; gap:8px; margin:0 0 12px;}
.cs-pill{
display:inline-flex; align-items:center; gap:8px; padding:5px 13px 5px 5px; border-radius:999px;
border:1px solid color-mix(in srgb, var(--sc) 45%, transparent); background:color-mix(in srgb, var(--sc) 10%, transparent);
color:#fff; font-family:var(--font-display); font-size:12.5px; font-weight:600;
transition:border-color .25s var(--ease);
}
.cs-pill:hover{border-color:var(--on);}
.cs-pill-g{flex:none; width:24px; height:24px; display:grid; place-items:center; border-radius:7px; background:linear-gradient(160deg, #14252b, #0a1013); border:1px solid color-mix(in srgb, var(--sc) 45%, transparent);}
.cs-pill-g svg{width:16px; height:16px; fill:none;}
.cs-box{
overflow:hidden; border:1px solid color-mix(in srgb, var(--sc) 38%, transparent); border-radius:16px;
background:radial-gradient(120% 60% at 0% 0%, color-mix(in srgb, var(--sc) 12%, transparent), transparent 60%), rgba(10,16,19,.45);
}
.cs-sec{padding:20px 22px;}
.cs-sec + .cs-sec{border-top:1px solid color-mix(in srgb, var(--sc) 18%, transparent);}
.cs-h{margin:0 0 12px; font-size:11.5px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--on);}
.cs-facts{display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:14px 18px; margin:0;}
.cs-facts div{min-width:0;}
.cs-facts dt{margin:0 0 4px; font-family:var(--font-display); font-size:10.5px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--on);}
.cs-facts dd{margin:0; color:#fff; font-weight:600; font-size:15px; overflow-wrap:anywhere;} .cs-trace{margin:0; padding:0; list-style:none; display:flex; flex-direction:column;}
.cs-st{position:relative; padding:0 0 22px 30px;}
.cs-st:last-child{padding-bottom:0;}
.cs-st::before{content:''; position:absolute; left:0; top:4px; width:12px; height:12px; border-radius:50%; background:var(--on); box-shadow:0 0 12px var(--sc);}
.cs-st:not(:last-child)::after{content:''; position:absolute; left:5px; top:18px; bottom:2px; width:2px; background:var(--on); box-shadow:0 0 8px var(--sc); transform-origin:top; animation:csWire .9s var(--ease) both;}
@keyframes csWire{from{transform:scaleY(0);}}
.cs-st h3{margin:0 0 6px; font-size:11.5px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--accent);}
.cs-st p{margin:0 0 8px; font-size:16px; line-height:1.7; color:var(--muted);}
.cs-pts{margin:8px 0 0; padding:0; list-style:none; display:flex; flex-direction:column; gap:7px;}
.cs-pts li{position:relative; padding-left:18px; color:#e9f4f5; font-size:15px; line-height:1.5;}
.cs-pts li::before{content:''; position:absolute; left:0; top:.6em; width:7px; height:7px; border-radius:50%; background:var(--on);}
.cs-metrics{display:grid; grid-template-columns:repeat(auto-fit, minmax(170px, 1fr)); gap:10px; margin:0; padding:0; list-style:none;}
.cs-metrics li{display:flex; flex-direction:column; gap:7px; padding:15px; border:1px solid color-mix(in srgb, var(--sc) 30%, transparent); border-radius:12px; background:rgba(10,16,19,.45);}
.cs-metrics b{font-family:var(--font-display); font-size:clamp(26px, 3vw, 34px); font-weight:800; line-height:1; color:var(--on);}
.cs-metrics span{font-size:13.5px; line-height:1.45; color:var(--muted);}
.cs-media{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px; margin:0; padding:0; list-style:none;}
.cs-media li:first-child{grid-column:span 2; grid-row:span 2;}
.cs-media a{position:relative; display:block; height:100%; min-height:110px; overflow:hidden; border-radius:10px; border:1px solid color-mix(in srgb, var(--sc) 30%, transparent); background:#0f252c;}
.cs-media img{width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease);}
.cs-media a:hover img{transform:scale(1.04);}
.cs-yt-play{position:absolute; left:50%; top:50%; width:58px; height:40px; display:grid; place-items:center; transform:translate(-50%,-50%); border-radius:10px; background:#e00; transition:transform .3s var(--ease);}
.cs-yt-play svg{width:22px; height:22px; fill:#fff;}
.cs-yt:hover .cs-yt-play{transform:translate(-50%,-50%) scale(1.08);}
.cs-yt iframe{position:absolute; inset:0; width:100%; height:100%; border:0;}
.cs-media li.is-playing{grid-column:1 / -1; aspect-ratio:16/9;}
.cs-quote{margin:0; padding:16px 20px; border-left:2px solid var(--on); border-radius:0 12px 12px 0; background:color-mix(in srgb, var(--sc) 8%, transparent);}
.cs-quote p{margin:0; font-family:var(--font-display); font-size:clamp(17px, 1.8vw, 20px); font-weight:600; line-height:1.45; color:#fff;}
.cs-quote cite{display:block; margin-top:8px; font-style:normal; font-size:13px; color:var(--muted);}
.cs-related{max-width:900px; margin:40px 0 0; padding:0;}
.cs-related h2{margin:0 0 14px; font-size:20px; font-weight:700; color:#fff;}
.cs-related-all{display:inline-flex; align-items:center; gap:8px; margin-top:16px; font-family:var(--font-display); font-size:13px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--accent);}
.cs-related-all span{transition:transform .3s var(--ease);}
.cs-related-all:hover span{transform:translateX(4px);}
.cs-proof-latest:focus-visible, .cs-proof-all:focus-visible, .cs-chip:focus-visible, .cs-d-close:focus-visible,
.cs-row:focus-visible, .cs-pill:focus-visible, .cs-media a:focus-visible, .cs-related-all:focus-visible{outline:2px solid var(--cyan); outline-offset:2px;}
@media (max-width:880px), (max-height:520px){
.cs-drawer{top:96px; left:0; width:100%; border-right:0;}
body.admin-bar .cs-drawer{top:96px;}
.cs-d-top{padding:18px 16px 12px;}
.cs-d-close{top:14px; right:14px; width:40px; height:40px;}
.cs-d-head{padding-right:48px;}
.cs-d-glyph{width:40px; height:40px;}
.cs-d-body{padding:4px 16px 24px;}
.cs-d-search{flex-basis:100%; max-width:none;}
.cs-drawer select{flex:1 1 40%;}
.cs-d-chips{flex-wrap:nowrap; overflow-x:auto; padding-bottom:6px; scrollbar-width:none;}
.cs-d-chips::-webkit-scrollbar{display:none;}
.cs-row{grid-template-columns:76px minmax(0,1fr); gap:12px; padding:8px 10px 8px 8px;}
.cs-row-th{width:76px;}
.cs-row-v{grid-column:2; flex-direction:row; align-items:baseline; gap:8px; max-width:none; padding:0; border:0;}
.cs-row-v b{font-size:18px;}
.cs-row-t{font-size:15px;}
.cs-proof{padding:10px 12px;}
.cs-proof-latest{flex-basis:100%; padding:4px 0;}
.cs-proof-all{width:100%; justify-content:center;}
.cs-facts{grid-template-columns:repeat(2, minmax(0,1fr));}
.cs-sec{padding:16px;}
.cs-media{grid-template-columns:repeat(2, minmax(0,1fr));}
.cs-media li:first-child{grid-row:auto;}
}
@media (max-height:520px){
.cs-drawer{overflow-y:auto; overscroll-behavior:contain;}
.cs-d-body{flex:none; overflow:visible;}
.cs-d-top{padding-top:12px; padding-bottom:8px;}
.cs-d-head h2 small{display:none;}
.cs-d-glyph{width:36px; height:36px;}
.cs-d-tools{margin-top:10px; gap:8px;}
.cs-d-search{flex:2 1 220px;}
.cs-drawer select{flex:1 1 130px;}
.cs-d-search input, .cs-drawer select{padding-top:9px; padding-bottom:9px;}
}
@media (prefers-reduced-motion: reduce){
.cs-drawer, .cs-drawer.is-open, .cs-row, .cs-row::before, .cs-proof-latest, .cs-proof-all, .cs-proof-all span,
.cs-chip, .cs-media img, .cs-yt-play, .cs-related-all span, .cs-pill, .cs-d-close{transition:none;}
.cs-st:not(:last-child)::after{animation:none;}
.cs-row:hover, .cs-row:focus-visible{transform:none;}
.cs-media a:hover img{transform:none;}
}.az-page, .azh-page{--t:var(--accent);}
.az-hl{color:var(--t);}
.az-sec{position:relative; padding:clamp(56px, 7.4vh, 104px) 0;}
.az-band{background:var(--bg-2); border-top:1px solid rgba(95,125,135,.4); border-bottom:1px solid rgba(95,125,135,.4);}
.az-sub{margin:0; max-width:60ch; color:var(--muted); font-size:17px; line-height:1.65;}
.az-lnk{display:inline-block; padding-bottom:5px; color:#fff; font-family:var(--font-display); font-size:13px; font-weight:700; line-height:1; letter-spacing:.06em; text-transform:uppercase; text-decoration:none;
background:linear-gradient(var(--t), var(--t)) no-repeat 0 100% / 100% 2px; transition:background-size .4s var(--ease);}
.az-lnk:hover, .az-lnk:focus-visible{color:#fff; background-size:40% 2px;}
.az-more{margin-top:24px;}
.az-cta-row{display:flex; flex-wrap:wrap; align-items:center; gap:12px;} .az-hero{position:relative; overflow:clip; padding:clamp(28px, 5vh, 64px) 0 clamp(56px, 8vh, 100px);}
.az-hero::before{content:""; position:absolute; top:-30%; right:-14%; width:72%; height:130%; pointer-events:none; background:radial-gradient(closest-side, color-mix(in srgb, var(--t) 20%, transparent), transparent);}
.az-crumbs{position:relative; display:flex; flex-wrap:wrap; gap:8px; margin:0 0 clamp(22px, 3.4vh, 40px); padding:0; list-style:none; color:var(--muted); font-size:12.5px; font-weight:600; line-height:1.2;}
.az-crumbs li + li::before{content:"/"; margin-right:8px; color:var(--line);}
.az-crumbs a{color:inherit; text-decoration:none;}
.az-crumbs a:hover{color:#fff;}
.az-crumbs [aria-current]{color:#fff;}
.az-hero-grid{position:relative; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:clamp(28px, 5vw, 72px); align-items:center;}
.az-hero-copy{min-width:0;}
.az-kicker{display:flex; align-items:center; gap:12px; margin:0 0 16px; color:var(--t); font-family:var(--font-display); font-size:12.5px; font-weight:700; line-height:1; letter-spacing:.16em; text-transform:uppercase;}
.az-no{display:inline-grid; place-items:center; min-width:34px; height:26px; padding:0 7px; border:1.5px solid var(--t); border-radius:7px; letter-spacing:.04em; font-variant-numeric:tabular-nums;}
.az-h1{margin:0 0 20px; color:#fff; text-wrap:balance;}
.az-nm{display:block; font-family:var(--font-display); font-size:clamp(46px, 6vw, 88px); font-weight:800; line-height:.98; letter-spacing:-.035em;}
.az-nm em{font-style:normal; color:var(--t);}
.az-sx{display:block; margin-top:14px; color:var(--muted); font-family:var(--font-display); font-size:clamp(19px, 2vw, 27px); font-weight:700; line-height:1.25; letter-spacing:-.01em;}
.az-tagline{max-width:44ch; margin:0 0 12px; color:#fff; font-size:clamp(18px, 1.6vw, 21px); font-weight:600; line-height:1.45;}
.az-lead{max-width:56ch; margin:0 0 18px; color:var(--muted); font-size:clamp(15.5px, 1.3vw, 17.5px); line-height:1.7;}
.az-lead p{margin:0 0 .8em;}
.az-lead p:last-child{margin-bottom:0;}
.az-runs{margin:0 0 26px; color:var(--muted); font-size:14px; font-weight:600; line-height:1.4;}
.az-runs b{color:var(--t); font-weight:700; letter-spacing:.02em;} .az-board{position:relative; isolation:isolate; overflow:hidden; width:100%; max-width:520px; aspect-ratio:1; margin:0 auto; border-radius:30px;
border:1px solid color-mix(in srgb, var(--t) 42%, transparent);
background:radial-gradient(90% 80% at 30% 25%, color-mix(in srgb, var(--t) 14%, transparent), transparent 70%), linear-gradient(160deg, rgba(11,19,23,.75), rgba(8,13,16,.5));}
.az-board::before{content:""; position:absolute; inset:0; z-index:-1;
background-image:linear-gradient(color-mix(in srgb, var(--t) 15%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--t) 15%, transparent) 1px, transparent 1px);
background-size:24px 24px; -webkit-mask-image:radial-gradient(75% 75% at 45% 45%, #000 30%, transparent 78%); mask-image:radial-gradient(75% 75% at 45% 45%, #000 30%, transparent 78%);}
.az-glyph{position:absolute; left:5%; top:6%; width:66%; height:66%; overflow:visible;}
.az-floor{position:absolute; right:-6%; bottom:-14%; z-index:-1; width:70%; height:30%; border-radius:50%; background:radial-gradient(closest-side, color-mix(in srgb, var(--t) 38%, transparent), transparent);}
.az-bot-img{position:absolute; right:3%; bottom:0; width:auto; height:80%; max-width:62%; object-fit:contain; object-position:bottom; filter:drop-shadow(0 18px 30px rgba(0,0,0,.55));}
.az-plate{position:absolute; left:18px; bottom:16px; display:flex; flex-direction:column; gap:5px; color:var(--muted); font-family:var(--font-display); font-size:11px; font-weight:700; line-height:1; letter-spacing:.14em; text-transform:uppercase;}
.az-plate b{color:var(--t); font-size:20px; letter-spacing:.04em;}
.oa-js .az-board .sc-line > *{stroke-dasharray:100; stroke-dashoffset:100;}
.oa-js .az-board .sc-pads > *{opacity:0; transform-box:fill-box; transform-origin:center;}
.az-board.in .sc-line > *{animation:azDraw 1s var(--ease) both;}
.az-board.in .sc-line > *:nth-child(2){animation-delay:.12s;}
.az-board.in .sc-line > *:nth-child(3){animation-delay:.24s;}
.az-board.in .sc-line > *:nth-child(4){animation-delay:.36s;}
.az-board.in .sc-line > *:nth-child(n+5){animation-delay:.48s;}
.az-board.in .sc-pads > *{animation:azPad .5s var(--ease) .9s both;}
.az-board.in .sc-flow{animation:azFlowIn .4s ease 1.2s forwards, azFlowRun 2.2s linear 1.2s 4, azFlowOut .6s ease 10s forwards;}
@keyframes azDraw{from{stroke-dashoffset:100;} to{stroke-dashoffset:0;}}
@keyframes azPad{from{opacity:0; transform:scale(.3);} to{opacity:1; transform:none;}}
@keyframes azFlowIn{to{opacity:.95;}}
@keyframes azFlowRun{from{stroke-dashoffset:100;} to{stroke-dashoffset:0;}}
@keyframes azFlowOut{to{opacity:0;}} .az-fit{padding:22px 0; background:var(--bg-2); border-top:1px solid rgba(95,125,135,.4); border-bottom:1px solid rgba(95,125,135,.4);}
.az-fit .wrap{display:flex; flex-wrap:wrap; align-items:center; gap:12px 18px;}
.az-fit-lbl{color:var(--muted); font-family:var(--font-display); font-size:12px; font-weight:700; line-height:1; letter-spacing:.16em; text-transform:uppercase;}
.az-chips{display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none;}
.az-chips li{padding:9px 15px; border-radius:999px; border:1px solid color-mix(in srgb, var(--t) 55%, transparent); background:color-mix(in srgb, var(--t) 9%, transparent); color:#fff; font-size:14px; font-weight:600; line-height:1;} .az-caps-grid{display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(28px, 5vw, 80px); align-items:start;}
.az-caps-head{position:sticky; top:110px;}
.az-circuit{position:relative; display:grid; gap:clamp(22px, 2.6vw, 34px); margin:0; padding:0 0 0 46px; list-style:none;}
.az-circuit::before{content:""; position:absolute; left:11px; top:10px; bottom:10px; width:2px; background:linear-gradient(var(--t), color-mix(in srgb, var(--t) 30%, var(--line)));}
.az-circuit::after{content:""; position:absolute; left:10px; top:10px; bottom:10px; width:4px; border-radius:4px; opacity:.9; pointer-events:none;
background:linear-gradient(transparent, #fff 50%, transparent) no-repeat; background-size:100% 70px; background-position:0 -70px;}
.az-circuit.in::after{animation:azRun 2.6s linear .3s 2;}
@keyframes azRun{to{background-position:0 calc(100% + 70px);}}
.az-circuit li{position:relative;}
.az-pad{position:absolute; left:-46px; top:2px; display:grid; place-items:center; width:24px; height:24px; border-radius:50%; border:2px solid var(--t); background:var(--bg);}
.az-pad::after{content:""; width:8px; height:8px; border-radius:50%; background:var(--t);}
.az-pad::before{content:""; position:absolute; left:100%; top:50%; width:12px; height:2px; background:var(--t);}
.az-circuit h3{margin:0 0 6px; color:#fff; font-family:var(--font-display); font-size:clamp(18px, 1.6vw, 21px); font-weight:700; line-height:1.3; letter-spacing:-.01em;}
.az-circuit p{margin:0; max-width:52ch; color:var(--muted); font-size:16px; line-height:1.65;}
.az-cases{padding:0 0 clamp(40px, 6vh, 72px);} .az-steps{display:grid; gap:26px; margin:36px 0 0; padding:0; list-style:none;}
.az-step{position:relative; display:grid; grid-template-columns:52px minmax(0,1fr); gap:20px;}
.az-step::before{content:""; position:absolute; left:25px; top:58px; bottom:-26px; width:2px; background:linear-gradient(var(--t), color-mix(in srgb, var(--t) 25%, var(--line)));}
.az-step:last-child::before{display:none;}
.az-st-no{position:relative; z-index:1; display:grid; place-items:center; width:52px; height:52px; border-radius:50%; border:2px solid var(--t); background:var(--bg-2); color:var(--t); font-family:var(--font-display); font-size:20px; font-weight:800; line-height:1; font-variant-numeric:tabular-nums;}
.az-step.is-done .az-st-no{background:var(--t); color:#08191e;}
.az-st-body{min-width:0; padding-top:10px;}
.az-st-body h3{margin:0 0 10px; color:#fff; font-family:var(--font-display); font-size:clamp(20px, 2vw, 24px); font-weight:800; line-height:1.2; letter-spacing:-.01em;}
.az-st-body > p{max-width:62ch; margin:0; color:var(--muted); font-size:16px; line-height:1.6;}
.az-st-pick{display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px;}
.az-st-chip{display:inline-flex; align-items:center; gap:10px; padding:9px 18px 9px 10px; border-radius:999px; border:1.5px solid var(--t); background:color-mix(in srgb, var(--t) 14%, transparent); color:#fff; font-family:var(--font-display); font-size:17px; font-weight:800; line-height:1;}
.az-st-g{width:30px; height:30px; overflow:visible;}
.az-st-g .sc-line > *{stroke-width:6;}
.az-st-g .sc-flow, .az-name-g .sc-flow, .az-eco-g .sc-flow, .azh-g .sc-flow, .azh-cg .sc-flow, .azh-cell-g .sc-flow{display:none;}
.az-st-note{color:var(--muted); font-size:14.5px;}
.az-bots{display:grid; grid-template-columns:repeat(auto-fill, minmax(170px, 1fr)); gap:18px; margin-top:18px;}
.az-bot{position:relative; display:flex; flex-direction:column; gap:10px; padding:0 22px 24px; border:1px solid rgba(95,125,135,.55); border-radius:22px; background:linear-gradient(180deg, rgba(59,82,89,.45), rgba(27,40,44,.6)); transition:transform .45s var(--ease), border-color .45s var(--ease);}
.az-bot:hover{transform:translateY(-6px); border-color:color-mix(in srgb, var(--t) 70%, transparent);}
.az-bot-pod{position:relative; display:flex; align-items:flex-end; justify-content:center; height:230px; margin:0 -22px; padding-top:18px;}
.az-bot-pod::before{content:""; position:absolute; left:20%; right:20%; bottom:6px; height:36px; border-radius:50%; background:radial-gradient(closest-side, color-mix(in srgb, var(--t) 45%, transparent), transparent);}
.az-bot-pod img{position:relative; width:auto; max-width:100%; max-height:210px; object-fit:contain; transition:transform .5s var(--ease);}
.az-bot:hover .az-bot-pod img{transform:translateY(-6px) scale(1.03);}
.az-bot h3{margin:6px 0 0; color:#fff; font-family:var(--font-display); font-size:24px; font-weight:800; line-height:1.1;}
.az-bot h3 a{color:inherit; text-decoration:none;}
.az-bot-badge{display:inline-block; margin-left:8px; padding:4px 8px; border-radius:6px; background:#fff; color:var(--brand-deep); font-family:var(--font-display); font-size:10.5px; font-weight:700; line-height:1; letter-spacing:.08em; text-transform:uppercase; vertical-align:middle;}
.az-bot-tag{align-self:flex-start; padding:6px 10px; border-radius:7px; background:color-mix(in srgb, var(--t) 16%, transparent); color:var(--t); font-family:var(--font-display); font-size:11px; font-weight:700; line-height:1; letter-spacing:.1em; text-transform:uppercase;}
.az-bot p{flex:1; margin:0; color:var(--muted); font-size:15px; line-height:1.6;}
.az-bot .az-lnk{align-self:flex-start; margin-top:4px;}
.az-ways{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:12px;}
.az-way{display:flex; flex-direction:column; gap:6px; padding:18px; border:1px solid rgba(95,125,135,.55); border-radius:16px; background:rgba(27,40,44,.6);}
.az-way b{color:#fff; font-family:var(--font-display); font-size:18px; font-weight:800; line-height:1.2;}
.az-way span{flex:1; color:var(--muted); font-size:14.5px; line-height:1.55;}
.az-way.is-hot{border-color:color-mix(in srgb, var(--t) 70%, transparent); background:color-mix(in srgb, var(--t) 9%, rgba(27,40,44,.6));}
.az-way .az-lnk{align-self:flex-start; margin-top:6px;}
.az-incl{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:14px 22px;}
.az-inc{display:grid; grid-template-columns:auto minmax(0,1fr); gap:4px 12px; align-items:start;}
.az-inc b{color:#fff; font-family:var(--font-display); font-size:17px; font-weight:800; line-height:1.25;}
.az-inc > span:last-child{grid-column:2; color:var(--muted); font-size:14.5px; line-height:1.55;}
.az-ck{position:relative; grid-row:1 / 3; flex:none; width:18px; height:18px; margin-top:3px; border-radius:50%; background:var(--t);}
.az-ck::after{content:""; position:absolute; left:6.2px; top:3.4px; width:4.5px; height:8.5px; border:solid #08191e; border-width:0 2px 2px 0; transform:rotate(45deg);} .az-call{position:relative; display:flex; flex-direction:column; gap:22px; overflow:hidden; padding:clamp(28px, 4vw, 48px); border-radius:28px; text-align:left;
border:1px solid color-mix(in srgb, var(--t) 50%, transparent);
background:radial-gradient(60% 90% at 100% 0%, color-mix(in srgb, var(--t) 24%, transparent), transparent 70%), radial-gradient(50% 80% at 0% 100%, color-mix(in srgb, var(--t) 10%, transparent), transparent 70%), var(--bg-2);
box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 30px 60px -36px color-mix(in srgb, var(--t) 60%, #000);}
.az-call::before{content:""; position:absolute; inset:0; pointer-events:none;
background-image:linear-gradient(color-mix(in srgb, var(--t) 11%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--t) 11%, transparent) 1px, transparent 1px);
background-size:22px 22px; -webkit-mask-image:linear-gradient(115deg, transparent 45%, #000 100%); mask-image:linear-gradient(115deg, transparent 45%, #000 100%);}
.az-call.drasi-on{overflow:hidden;}
.az-call{scroll-margin-top:24px;}
.az-ways-cta{margin:16px 0 0;}
.az-call-head{position:relative; max-width:760px;}
.az-call-head h2{margin:0 0 10px; color:#fff; font-family:var(--font-display); font-size:clamp(26px, 3.2vw, 40px); font-weight:800; line-height:1.15; text-wrap:balance;}
.az-call-head p{max-width:56ch; margin:0; color:var(--muted); font-size:16.5px; line-height:1.65;}
.az-name{position:relative; display:grid; grid-template-columns:auto minmax(0,1fr); gap:16px; align-items:start; max-width:780px; padding:18px 22px 18px 18px; border-radius:18px;
background:rgba(8,13,16,.55); border:1px solid color-mix(in srgb, var(--t) 32%, transparent); box-shadow:inset 0 1px 0 rgba(255,255,255,.05);}
.az-name-medal{display:grid; place-items:center; width:52px; height:52px; border-radius:50%; border:1.5px solid var(--t); background:color-mix(in srgb, var(--t) 12%, transparent);}
.az-name-g{width:60%; height:60%; overflow:visible;}
.az-name-g .sc-line > *{stroke-width:6;}
.az-name-lbl{display:block; margin:2px 0 7px; color:var(--t); font-family:var(--font-display); font-size:11.5px; font-weight:700; line-height:1; letter-spacing:.16em; text-transform:uppercase;}
.az-name p{max-width:64ch; margin:0; color:#fff; font-size:16px; line-height:1.65;}
.az-call .az-call-acts{position:relative; margin:0;} .az-faq{display:grid; gap:12px; max-width:900px; margin-top:30px;}
.az-faq details{border:1px solid rgba(95,125,135,.55); border-radius:16px; background:var(--bg-2); transition:border-color .3s var(--ease);}
.az-faq details[open]{border-color:color-mix(in srgb, var(--t) 70%, transparent);}
.az-faq summary{display:flex; align-items:center; justify-content:space-between; gap:18px; padding:19px 22px; border-radius:16px; list-style:none; cursor:pointer; color:#fff; font-family:var(--font-display); font-size:clamp(16.5px, 1.4vw, 18.5px); font-weight:700; line-height:1.4;}
.az-faq summary::-webkit-details-marker{display:none;}
.az-faq summary:focus-visible{outline:2px solid var(--t); outline-offset:3px;}
.az-pm{position:relative; flex:none; width:30px; height:30px; border-radius:50%; border:1.5px solid var(--t);}
.az-pm::before, .az-pm::after{content:""; position:absolute; left:50%; top:50%; width:12px; height:2px; margin:-1px 0 0 -6px; background:var(--t); transition:transform .35s var(--ease);}
.az-pm::after{transform:rotate(90deg);}
.az-faq details[open] .az-pm::after{transform:rotate(0);}
.az-ans p{max-width:72ch; margin:0; padding:0 22px 20px; color:var(--muted); font-size:16px; line-height:1.7;} .az-eco{display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:12px; margin-top:30px;}
.az-eco-tile{--sc:var(--c); display:grid; grid-template-columns:auto minmax(0,1fr); gap:14px; align-items:center; padding:16px; border:1px solid rgba(95,125,135,.5); border-radius:16px; background:rgba(27,40,44,.55); color:#fff; text-decoration:none; transition:border-color .35s var(--ease), transform .35s var(--ease), background .35s var(--ease);}
.az-eco-tile:hover, .az-eco-tile:focus-visible{border-color:var(--c); transform:translateY(-3px); background:color-mix(in srgb, var(--c) 9%, rgba(27,40,44,.55)); color:#fff;}
.az-eco-g{width:44px; height:44px; overflow:visible;}
.az-eco-g .sc-line > *{stroke-width:6;}
.az-eco-tile b{display:block; color:#fff; font-family:var(--font-display); font-size:16px; font-weight:800; line-height:1.2;}
.az-eco-tile small{display:block; margin-top:4px; color:var(--muted); font-size:12.5px; line-height:1.35;} .azh-hero{position:relative; overflow:clip; padding:clamp(56px, 7.4vh, 112px) 0 clamp(48px, 7vh, 96px);}
.azh-hero::before{content:""; position:absolute; top:-30%; right:-12%; width:70%; height:130%; pointer-events:none; background:radial-gradient(closest-side, rgba(95,208,198,.16), transparent);}
.azh-hero-grid{position:relative; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:clamp(28px, 5vw, 72px); align-items:center;}
.azh-hero .page-head{margin:0;}
.azh-hero .robots-intro{margin-bottom:26px;}
.azh-hero .cs-all-row{margin:18px 0 0;}
.azh-board{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px; width:100%; max-width:480px; margin:0 auto; padding:16px; aspect-ratio:1; border-radius:30px;
border:1px solid rgba(95,208,198,.35); background:linear-gradient(160deg, rgba(11,19,23,.75), rgba(8,13,16,.5));}
.azh-cell{--sc:var(--c); display:grid; place-items:center; border-radius:16px; border:1px solid color-mix(in srgb, var(--c) 40%, transparent); background:color-mix(in srgb, var(--c) 8%, rgba(8,13,16,.5));}
.azh-cell-g{width:62%; height:62%; overflow:visible;}
.oa-js .azh-board .sc-line > *{stroke-dasharray:100; stroke-dashoffset:100;}
.azh-board.in .sc-line > *{animation:azDraw .9s var(--ease) both; animation-delay:calc(var(--i, 0) * 70ms + .2s);}
.azh-board.in .azh-cell{animation:azCell .6s var(--ease) both; animation-delay:calc(var(--i, 0) * 70ms);}
@keyframes azCell{from{transform:scale(.9); opacity:.3;}} .azh-steps{display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:16px; margin:30px 0 0; padding:0; list-style:none;}
.azh-step{position:relative; display:flex; flex-direction:column; gap:10px; min-width:0; padding:20px; border:1px solid rgba(95,125,135,.5); border-radius:18px; background:rgba(27,40,44,.55);}
.azh-step::after{content:""; position:absolute; top:41px; right:-17px; width:18px; height:2px; background:var(--t);}
.azh-step:last-child::after{display:none;}
.azh-step .az-st-no{width:44px; height:44px; font-size:18px;}
.azh-step h3{margin:2px 0 0; color:#fff; font-family:var(--font-display); font-size:19px; font-weight:800; line-height:1.2;}
.azh-step p{margin:0; color:var(--muted); font-size:14.5px; line-height:1.55;}
.azh-glyphs{display:flex; flex-wrap:wrap; gap:6px; margin-top:auto;}
.azh-glyphs span{--sc:var(--c);}
.azh-g{width:26px; height:26px; overflow:visible;}
.azh-g .sc-line > *{stroke-width:7;}
.azh-bots{display:flex; align-items:flex-end; gap:4px; height:76px; margin-top:auto;}
.azh-bots img{width:auto; height:100%; max-width:20%; object-fit:contain; object-position:bottom;}
.azh-chips{display:flex; flex-wrap:wrap; gap:6px; margin-top:auto;}
.azh-chips span{padding:6px 10px; border-radius:999px; border:1px solid rgba(95,208,198,.5); background:rgba(95,208,198,.08); color:#fff; font-size:12.5px; font-weight:600; line-height:1;} .azh-page .inner-main > .wrap{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px;}
.azh-page .inner-main > .wrap > :not(.azh-card){grid-column:1 / -1;}
.azh-list-head{margin-bottom:14px;}
.azh-list-head .big{margin:0;}
.azh-card{--sc:var(--c); display:flex; flex-direction:column; gap:8px; min-width:0; padding:20px; border:1px solid rgba(95,125,135,.5); border-radius:20px; background:rgba(27,40,44,.6); color:#fff; text-decoration:none; scroll-margin-top:110px;
transition:transform .4s var(--ease), border-color .4s var(--ease), background .4s var(--ease);}
.azh-card:hover, .azh-card:focus-visible{transform:translateY(-5px); border-color:var(--c); background:color-mix(in srgb, var(--c) 8%, rgba(27,40,44,.6)); color:#fff;}
.azh-card:focus-visible{outline:2px solid var(--c); outline-offset:3px;}
.azh-top{display:flex; align-items:center; justify-content:space-between; margin-bottom:6px;}
.azh-cg{width:50px; height:50px; overflow:visible;}
.azh-cg .sc-line > *{stroke-width:5;}
.azh-no{padding:6px 8px; border:1.5px solid var(--c); border-radius:7px; color:var(--c); font-family:var(--font-display); font-size:13px; font-weight:700; line-height:1; font-variant-numeric:tabular-nums;}
.azh-name{color:#fff; font-family:var(--font-display); font-size:22px; font-weight:800; line-height:1.15;}
.azh-sec{color:var(--c); font-family:var(--font-display); font-size:11.5px; font-weight:700; line-height:1.35; letter-spacing:.1em; text-transform:uppercase;}
.azh-tag{flex:1; color:var(--muted); font-size:15px; line-height:1.55;}
.azh-foot{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:8px; padding-top:12px; border-top:1px solid rgba(95,125,135,.4);}
.azh-badge{padding:5px 9px; border-radius:6px; background:color-mix(in srgb, var(--c) 16%, transparent); color:var(--c); font-family:var(--font-display); font-size:11px; font-weight:700; line-height:1; letter-spacing:.08em; text-transform:uppercase;}
.azh-link{margin-left:auto; padding-bottom:4px; color:#fff; font-family:var(--font-display); font-size:12.5px; font-weight:700; line-height:1; letter-spacing:.06em; text-transform:uppercase; background:linear-gradient(var(--c), var(--c)) no-repeat 0 100% / 100% 2px;} @media (max-width:880px){
.az-sec{padding:52px 0;}
.az-hero{padding:20px 0 52px;}
.az-hero-grid, .azh-hero-grid{grid-template-columns:minmax(0,1fr); gap:30px;}
.az-nm{font-size:clamp(40px, 12vw, 60px);}
.az-sx{font-size:19px;}
.az-board{max-width:400px; border-radius:24px;}
.az-cta-row .btn, .az-cta-row .drasi-tile{flex:1 1 100%; justify-content:center;}
.az-fit .wrap{flex-direction:column; align-items:flex-start;}
.az-chips li{padding:8px 13px; font-size:13.5px;}
.az-caps-grid{grid-template-columns:minmax(0,1fr); gap:20px;}
.az-caps-head{position:static;}
.az-circuit{padding-left:40px;}
.az-pad{left:-40px;}
.az-steps{gap:22px; margin-top:26px;}
.az-step{grid-template-columns:40px minmax(0,1fr); gap:14px;}
.az-step::before{left:19px; top:46px; bottom:-22px;}
.az-st-no, .azh-step .az-st-no{width:40px; height:40px; font-size:16px;}
.az-st-body{padding-top:6px;}
.az-bots{grid-template-columns:minmax(0,1fr); gap:12px;}
.az-bot{display:grid; grid-template-columns:96px minmax(0,1fr); grid-template-rows:auto auto 1fr auto; column-gap:16px; row-gap:6px; padding:14px 16px 16px 0;}
.az-bot:hover{transform:none;}
.az-bot-pod{grid-row:1 / 5; height:auto; margin:0; padding:0;}
.az-bot-pod img{max-height:150px;}
.az-bot h3{margin:2px 0 0; font-size:20px;}
.az-bot-tag, .az-bot .az-lnk{justify-self:start;}
.az-bot p{font-size:14px;}
.az-ways, .az-incl{grid-template-columns:minmax(0,1fr);}
.az-call{gap:18px; padding:26px 20px; border-radius:22px; scroll-margin-top:84px;}
.az-ways-cta .btn{width:100%; justify-content:center;}
.az-name{gap:12px; padding:14px 16px 14px 14px;}
.az-name-medal{width:40px; height:40px;}
.az-name p{font-size:15px;}
.az-call .az-call-acts{flex-direction:column; align-items:stretch;}
.az-call .az-call-acts .btn, .az-call .az-call-acts .drasi-tile{width:100%; justify-content:center;}
.az-faq summary{padding:16px; font-size:16px;}
.az-ans p{padding:0 16px 18px; font-size:15px;}
.az-eco{grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px;}
.az-eco-tile{grid-template-columns:minmax(0,1fr); gap:10px; padding:14px;}
.az-eco-g{width:34px; height:34px;}
.az-eco-tile b{font-size:14.5px;}
.azh-hero{padding:40px 0 44px;}
.azh-board{max-width:340px; gap:8px; padding:12px;}
.azh-steps{grid-template-columns:minmax(0,1fr); gap:12px;}
.azh-step::after{display:none;}
.azh-page .inner-main > .wrap{grid-template-columns:minmax(0,1fr); gap:10px;}
.azh-card{display:grid; grid-template-columns:auto minmax(0,1fr); column-gap:14px; row-gap:4px; padding:16px;}
.azh-card:hover{transform:none;}
.azh-top{grid-row:1 / 5; flex-direction:column; align-items:center; gap:8px; margin:0; align-self:start;}
.azh-cg{width:40px; height:40px;}
.azh-name{font-size:19px;}
.azh-tag{font-size:14px;}
.azh-foot{margin-top:4px; padding-top:10px;}
} @media (max-height:520px){
.az-sec{padding:30px 0;}
.az-hero{padding:12px 0 30px;}
.az-crumbs{margin-bottom:14px;}
.az-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:22px; align-items:start;}
.az-nm{font-size:40px;}
.az-sx{margin-top:8px; font-size:16px;}
.az-h1{margin-bottom:12px;}
.az-tagline{font-size:16px;}
.az-lead{margin-bottom:12px; font-size:14px; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden;}
.az-runs{margin-bottom:16px;}
.az-cta-row .btn, .az-cta-row .drasi-tile{flex:0 1 auto;}
.az-board{max-width:260px; margin-top:6px;}
.az-caps-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:24px;}
.az-steps{gap:18px;}
.az-bots{grid-template-columns:repeat(3, minmax(0,1fr));}
.az-bot{display:flex; padding:0 14px 16px;}
.az-bot-pod{height:130px; margin:0 -14px; padding-top:8px;}
.az-bot-pod img{max-height:120px;}
.az-bot h3{font-size:18px;}
.az-bot p{font-size:13px;}
.az-ways, .az-incl{grid-template-columns:repeat(3, minmax(0,1fr));}
.az-call .az-call-acts{flex-direction:row; align-items:center;}
.az-call .az-call-acts .btn, .az-call .az-call-acts .drasi-tile{width:auto;}
.az-eco{grid-template-columns:repeat(4, minmax(0,1fr));}
.az-eco-tile small{display:none;}
.azh-hero{padding:24px 0 28px;}
.azh-hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr); gap:22px;}
.azh-board{max-width:240px; gap:6px; padding:10px;}
.azh-steps{grid-template-columns:repeat(2, minmax(0,1fr));}
.azh-page .inner-main > .wrap{grid-template-columns:repeat(3, minmax(0,1fr));}
.azh-card{display:flex; padding:14px;}
.azh-top{flex-direction:row; margin-bottom:2px;}
.azh-cg{width:34px; height:34px;}
.azh-name{font-size:17px;}
.azh-tag{display:none;}
}
@media (prefers-reduced-motion: reduce){
.az-board .sc-line > *, .azh-board .sc-line > *{stroke-dashoffset:0 !important; animation:none !important;}
.az-board .sc-pads > *{opacity:1 !important; animation:none !important;}
.az-board .sc-flow{animation:none !important; opacity:0;}
.azh-board .azh-cell{animation:none !important;}
.az-circuit::after{display:none;}
.az-bot, .az-bot-pod img, .az-eco-tile, .azh-card, .az-lnk, .az-pm::before, .az-pm::after, .az-faq details{transition:none;}
.az-bot:hover, .az-bot:hover .az-bot-pod img, .az-eco-tile:hover, .azh-card:hover{transform:none;}
} .btn.qb{overflow:visible; isolation:isolate; --qc:color-mix(in srgb, var(--t, var(--accent)) 55%, #fff);}
.qb-fx{position:absolute; inset:0; z-index:-1; border-radius:inherit; overflow:hidden; pointer-events:none;}
.qb-t{position:relative; z-index:1; display:inline-block; white-space:nowrap;}
.btn.qb::before{content:""; position:absolute; inset:-8px; border-radius:14px; pointer-events:none; opacity:0; transform:scale(1.2); transition:opacity .25s var(--ease), transform .45s var(--ease);
background:
linear-gradient(var(--qc), var(--qc)) top left / 14px 2px no-repeat, linear-gradient(var(--qc), var(--qc)) top left / 2px 14px no-repeat,
linear-gradient(var(--qc), var(--qc)) top right / 14px 2px no-repeat, linear-gradient(var(--qc), var(--qc)) top right / 2px 14px no-repeat,
linear-gradient(var(--qc), var(--qc)) bottom left / 14px 2px no-repeat, linear-gradient(var(--qc), var(--qc)) bottom left / 2px 14px no-repeat,
linear-gradient(var(--qc), var(--qc)) bottom right / 14px 2px no-repeat, linear-gradient(var(--qc), var(--qc)) bottom right / 2px 14px no-repeat;
filter:drop-shadow(0 0 4px var(--t, var(--accent)));}
.qb-fx::before{content:""; position:absolute; top:0; bottom:0; left:0; width:34%; background:linear-gradient(90deg, transparent, rgba(255,255,255,.8), transparent); transform:translateX(-130%) skewX(-18deg);}
.btn.qb::after, .btn.qb:hover::after{content:""; position:absolute; inset:-2px; left:-2px; width:auto; height:auto; border-radius:inherit; border:2px solid var(--qc); background:none; opacity:0; transform:none; transition:none; pointer-events:none; box-shadow:0 0 14px color-mix(in srgb, var(--t, var(--accent)) 70%, transparent);}
@media (hover:hover){
.btn.qb:hover{background:color-mix(in srgb, var(--t, var(--accent)) 85%, #fff); border-color:color-mix(in srgb, var(--t, var(--accent)) 85%, #fff); color:#08191e; transform:translateY(-3px);
box-shadow:0 0 24px -2px color-mix(in srgb, var(--t, var(--accent)) 75%, transparent), 0 18px 34px -14px rgba(0,0,0,.6);}
.btn.qb:hover::before{opacity:1; transform:none; animation:qbLock 1.6s var(--ease) .45s infinite;}
.btn.qb:hover .qb-fx::before{animation:qbScan 1.15s var(--ease) infinite;}
}
.btn.qb:active{transform:scale(.96); transition:transform .08s;}
.btn.qb.qb-go::after{animation:qbRing .65s var(--ease) forwards;}
.btn.qb.qb-go::before{animation:qbSnap .55s var(--ease);}
.btn.qb.qb-go .qb-t{animation:qbFlash .45s var(--ease);}
.qb-rip{position:absolute; width:16px; height:16px; margin:-8px 0 0 -8px; border-radius:50%; pointer-events:none; background:radial-gradient(circle, #fff, rgba(255,255,255,.45) 45%, transparent 70%); transform:scale(0); animation:qbRip .6s var(--ease) forwards;}
@keyframes qbLock{0%, 100%{transform:none;} 50%{transform:scale(1.06);}}
@keyframes qbScan{to{transform:translateX(330%) skewX(-18deg);}}
@keyframes qbRing{0%{opacity:1; transform:none;} 100%{opacity:0; transform:scale(1.14, 1.7);}}
@keyframes qbRingS{0%{opacity:1; transform:none;} 100%{opacity:0; transform:scale(1.04, 1.5);}}
@keyframes qbSnap{0%{opacity:1; transform:scale(1.18);} 40%{opacity:1; transform:scale(.95, .8);} 100%{opacity:1; transform:none;}}
@keyframes qbRip{0%{opacity:.95; transform:scale(0);} 100%{opacity:0; transform:scale(var(--rs, 24));}}
@keyframes qbFlash{0%{text-shadow:0 0 0 transparent;} 30%{text-shadow:0 0 12px #fff, 0 0 22px var(--t, var(--accent));} 100%{text-shadow:0 0 0 transparent;}}
@media (max-width:880px){
.btn.qb::before{inset:-6px;}
.btn.qb.qb-go::after{animation-name:qbRingS;}
}
@media (max-height:520px){
.btn.qb::before{inset:-5px;}
.btn.qb.qb-go::after{animation-name:qbRingS;}
}
@media (prefers-reduced-motion: reduce){
.btn.qb::before, .btn.qb::after, .qb-fx::before, .btn.qb .qb-t{animation:none !important; transition:none !important;}
.qb-rip{display:none;}
}