.home-q4{--accent-rgb:142, 197, 255;--glow-rgb:196, 170, 255;--light-rgb:238, 240, 255;--shadow-rgb:25, 20, 55;--accent:rgb(var(--accent-rgb));--glow:rgb(var(--glow-rgb));--light:rgb(var(--light-rgb));--deep:#2f3f7a;--bg:#075b7e;--hq4-nav-flow:72px;--hq4-header:15px;--shell:1720px;--gutter:112px;--hq4-scale:.78;--nav-w:272px;--nav-gap:10px;--nav-radius:12px;--nav-title:var(--accent);--nav-desc:rgba(var(--light-rgb), .7);--nav-border:rgba(var(--accent-rgb), .35);--nav-bg:#ffffff0a;--nav-hover-bg:#ffffff1a;--nav-active:var(--deep);--nav-active-bg:var(--light);--progress:var(--accent);--progress-track:rgba(var(--accent-rgb), .35);--ease:cubic-bezier(.4, 0, .2, 1);--dur:.65s;--interval:5s;--img-w:1440px;--pad:12px;--radius:16px;--inner-radius:8px;--page-pad:24px;--step-x:64px;--step-y:36px;--behind:2;--peek-x:calc(var(--step-x) * var(--behind));--peek-y:calc(var(--step-y) * var(--behind));--glass-alpha:.084;--glass-blur:8px;--chrome-w:calc(var(--pad) * 2 + 2px);--chrome-h:calc(var(--pad) * 2 + 2px);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--group-pad:24px;--group-radius:24px;--group-blur:2px;--tile:64px;--tile-radius:11px;--sources-pad:32px;--icon:32px;--tile-gap:21px;--links-h:56px;--sources-h:calc(var(--tile) + var(--sources-pad) * 2 + 2px);--scene-w:calc(var(--group-pad) * 2 + 2px);--scene-h:calc(var(--group-pad) * 2 + 2px + var(--links-h) + var(--sources-h));--group-gap:32px;--aside:calc(var(--nav-w) + var(--group-gap));isolation:isolate;box-sizing:border-box;padding-top:calc(var(--hq4-nav-flow) + var(--hq4-header));color:#fff;background-color:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,Inter Fallback,system-ui,sans-serif;position:relative;overflow-x:clip}.home-q4 *,.home-q4 :before,.home-q4 :after{box-sizing:border-box}.home-q4__bg{z-index:-2;pointer-events:none;position:absolute;inset:0}.home-q4__bg svg{width:100%;height:100%;display:block}.home-q4__waves{display:none}.home-q4__bars{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.home-q4__bar{height:100%;position:absolute;top:0}.home-q4__bar svg{width:100%;height:100%;display:block}.home-q4__bar--left{width:54%;left:-6%}.home-q4__bar--right{width:46%;right:-4%}.home-q4 .stage{width:100%;max-width:var(--shell);padding:0 var(--gutter) 58px;grid-template-columns:minmax(0,1fr);place-items:center;margin-inline:auto;display:grid;container-type:inline-size}.home-q4 .scene{--content:100cqi;--w:min(calc(var(--img-w) + var(--chrome-w)), calc(var(--content) - var(--aside) - var(--scene-w) - var(--peek-x)));zoom:var(--hq4-scale);flex-direction:column;align-items:center;width:max-content;max-width:none;display:flex}.home-q4 .stack{width:var(--w);height:calc(var(--chrome-h) + (var(--w) - var(--chrome-w)) * .625);margin-right:var(--peek-x);margin-bottom:var(--peek-y);touch-action:pan-y;cursor:pointer;border-radius:var(--radius);outline:none;position:relative}.home-q4 .stack:focus-visible{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--light)}.home-q4 .card{padding:var(--pad);border-radius:var(--radius);background:rgba(255,255,255,calc(var(--glass-alpha) * var(--o,1)));border:1px solid rgba(var(--accent-rgb),var(--o,1));backdrop-filter:blur(calc(var(--glass-blur) * var(--k,1)));transform-origin:100% 100%;transform:translate(calc(var(--d,0) * var(--step-x)),calc(var(--d,0) * var(--step-y) + var(--lift,0px))) scale(var(--s,1));opacity:var(--k,1);filter:blur(var(--blur,0px));z-index:var(--z,1);transition:transform var(--dur) var(--ease),opacity var(--dur) var(--ease),background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),-webkit-backdrop-filter var(--dur) var(--ease),backdrop-filter var(--dur) var(--ease),filter var(--dur) var(--ease);transition-delay:var(--delay,0s);-webkit-user-select:none;user-select:none;position:absolute;inset:0}.home-q4 .card:hover{z-index:var(--z,1)}.home-q4 .card.no-anim,.home-q4 .card.no-anim .card__body,.home-q4 .card.no-anim .card__body:after{transition:none}.home-q4 .card__body{aspect-ratio:16/10;border-radius:var(--inner-radius);color:#2226;width:100%;opacity:var(--o,1);transition:opacity var(--dur) var(--ease);transition-delay:var(--delay,0s);background:#fff;place-items:center;font-size:14px;display:grid;position:relative;overflow:hidden}.home-q4 .card__body:after{content:"";background:var(--bg);opacity:var(--tint,0);transition:opacity var(--dur) var(--ease);transition-delay:var(--delay,0s);pointer-events:none;position:absolute;inset:0}.home-q4 .card__body img{-o-object-fit:cover;object-fit:cover;width:100%;max-width:none;height:100%;display:block}.home-q4 .nav{width:var(--nav-w);flex:none}.home-q4 .nav__list{gap:var(--nav-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.home-q4 .nav__item{border:1px solid var(--nav-border);border-radius:var(--nav-radius);background:var(--nav-bg);backdrop-filter:blur(4px);text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;appearance:none;transition:background-color .25s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease);flex-direction:column;margin:0;padding:12px 24px;display:flex;position:relative}.home-q4 .nav__title{color:var(--nav-title);white-space:nowrap;text-overflow:ellipsis;transition:color .25s var(--ease);font-size:16px;font-weight:500;line-height:20px;overflow:hidden}.home-q4 .nav__more{display:grid}.home-q4 .nav__desc{min-height:0;color:var(--nav-desc);transition:color .25s var(--ease);font-size:14px;line-height:17px;overflow:hidden}.home-q4 .nav__desc:before{content:"";height:4px;display:block}.home-q4 .nav__ring{pointer-events:none;opacity:0;width:calc(100% + 2px);height:calc(100% + 2px);transition:opacity .2s var(--ease);position:absolute;inset:-1px;overflow:visible}.home-q4 .nav__ring rect{fill:none;stroke:var(--progress);stroke-width:3px;stroke-linecap:round;stroke-dasharray:100 100;stroke-dashoffset:0}.home-q4 .nav__item:hover{background:var(--nav-hover-bg)}.home-q4 .nav__item:focus-visible{outline:2px solid var(--light);outline-offset:2px}.home-q4 .nav__item[aria-selected=true]{background:var(--nav-active-bg);border-color:var(--progress-track);box-shadow:0 8px 24px rgba(var(--shadow-rgb),.25)}.home-q4 .nav__item[aria-selected=true] .nav__title,.home-q4 .nav__item[aria-selected=true] .nav__desc{color:var(--nav-active)}.home-q4 .nav__item[aria-selected=true] .nav__ring{opacity:1}.home-q4 .nav.is-playing .nav__item[aria-selected=true] .nav__ring rect{animation:hq4-ring var(--interval) linear forwards}@keyframes hq4-ring{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}.home-q4 .group{border:1px solid var(--nav-border);border-radius:var(--group-radius);backdrop-filter:blur(var(--group-blur));padding:var(--group-pad);background:#ffffff08}.home-q4 .group--sources{padding:var(--sources-pad)}.home-q4 .group--slides{align-items:center;gap:var(--group-gap);width:max-content;max-width:none;display:flex}.home-q4 .sources{gap:var(--tile-gap);display:flex}.home-q4 .source{width:var(--tile);height:var(--tile);border:1px solid var(--nav-border);border-radius:var(--tile-radius);background:var(--nav-bg);backdrop-filter:blur(4px);transition:background-color .5s var(--ease),border-color .5s var(--ease),box-shadow .5s var(--ease);place-items:center;display:grid}.home-q4 .source.is-active{background:rgba(var(--glow-rgb),.16);border-color:var(--glow);box-shadow:0 0 0 1px rgba(var(--glow-rgb),.35),0 0 16px rgba(var(--accent-rgb),.45)}.home-q4 .source--link{cursor:pointer;text-decoration:none}.home-q4 .source--link:hover{background:var(--nav-hover-bg);border-color:var(--glow)}.home-q4 .source--link:focus-visible{outline:2px solid var(--light);outline-offset:2px}.home-q4 .source img{width:var(--icon);height:var(--icon);max-width:none;display:block}.home-q4 .links{z-index:1;width:100%;height:var(--links-h);display:block;position:relative;overflow:visible}.home-q4 .links__line{fill:none;stroke:var(--nav-border);stroke-width:1.5px}.home-q4 .links__pulse{fill:none;stroke:var(--glow);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:14 100;stroke-dashoffset:14px;filter:drop-shadow(0 0 3px var(--accent)) drop-shadow(0 0 8px rgba(var(--accent-rgb),.7))}.home-q4 .links__port{fill:var(--bg);stroke:var(--accent);stroke-width:1.5px;filter:drop-shadow(0 0 0 rgba(var(--glow-rgb),0)) drop-shadow(0 0 0 rgba(var(--accent-rgb),0));transition:r .5s var(--ease),fill .5s var(--ease),stroke .5s var(--ease),filter .5s var(--ease)}.home-q4 .links__port.is-lit{fill:var(--glow);stroke:var(--glow);filter:drop-shadow(0 0 2px rgba(var(--glow-rgb),.9)) drop-shadow(0 0 10px rgba(var(--accent-rgb),.6))}.home-q4 .top_h2{background-image:linear-gradient(#eef0ff,#8ec5ff)}@media (prefers-reduced-motion:reduce){.home-q4{--dur:1ms}.home-q4 .nav__item,.home-q4 .nav__more{transition:none!important}.home-q4 .links__pulse{display:none}}@media (width<=1400px){.home-q4{--gutter:32px}}@media (width<=1200px){.home-q4{--nav-w:232px}.home-q4 .nav__item{padding:10px 16px}}@media (width<=900px){.home-q4{--aside:0px;--group-gap:12px;--nav-h:100px;--group-pad:12px;--group-radius:16px;--links-h:44px;--tile-gap:6px;--tile-radius:8px;--sources-pad:var(--group-pad);--step-x:32px;--step-y:24px;background-image:linear-gradient(90deg,#075b7e,#633c75);background-size:auto}.home-q4__bg{display:none}.home-q4__waves{z-index:-1;pointer-events:none;display:block;position:absolute;inset:0;overflow:hidden}.home-q4__bar--left,.home-q4__bar--right{aspect-ratio:auto;height:100%;top:0;transform:none}.home-q4__waves svg{width:100%;height:100%;display:block}.home-q4 .scene{--tile:min(48px, calc((100cqi - var(--sources-pad) * 2 - 2px - var(--tile-gap) * 8) / 9));--icon:calc(var(--tile) / 2);--w:min(calc(var(--img-w) + var(--chrome-w)), calc(var(--content) - var(--scene-w) - var(--peek-x)))}.home-q4 .group--slides{flex-direction:column;align-items:stretch}.home-q4 .nav{width:0;min-width:100%}.home-q4 .nav__list{display:block}.home-q4 .nav__item{min-height:var(--nav-h);padding:10px 16px}.home-q4 .nav__item:not([aria-selected=true]){display:none}.home-q4 .nav__item[aria-selected=true]{background:var(--nav-bg);border-color:var(--nav-border);box-shadow:none;animation:hq4-caption-in .3s var(--ease)}.home-q4 .nav__item[aria-selected=true] .nav__title{color:var(--nav-title)}.home-q4 .nav__item[aria-selected=true] .nav__desc{color:var(--nav-desc)}.home-q4 .nav__ring rect{stroke-width:1px}}@keyframes hq4-caption-in{0%{opacity:0;transform:translateY(-4px)}}@media (width<=560px){.home-q4{--pad:5px;--radius:9px;--inner-radius:5px;--page-pad:12px;--step-x:20px;--step-y:16px}}@media (width<=500px){.home-q4{--gutter:16px}}