:root{color-scheme:dark;background:#000;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0;background:#000}body{overflow:hidden}.stage{min-height:100svh;position:relative;overflow:hidden;padding:0;background:#000;color:#fff}.lockup{--headline-size: clamp(1.62rem, calc(1.02rem + 3.15vw) , 5.7rem);--headline-top: clamp(92px, 11svh, 140px);--visual-top: clamp(176px, 22svh, 260px);--visual-height: clamp(330px, 39svh, 460px);--chart-gap: clamp(84px, 8svh, 126px);--chart-top: calc(var(--visual-top) + var(--visual-height) + var(--chart-gap));position:fixed;inset:0;z-index:2;pointer-events:none}.headline-stack{position:fixed;top:var(--headline-top);left:50%;z-index:2;transform:translate(-50%)}h1{margin:0;color:#fff;font-size:var(--headline-size);font-weight:200;letter-spacing:0;line-height:.88;text-align:center;text-shadow:0 0 12px rgb(255 255 255 / .14),0 0 42px rgb(255 255 255 / .08);white-space:nowrap}@media(min-width:900px)and (min-height:720px){.lockup{--headline-top: clamp(92px, 10svh, 128px)}}.benchmark-chart{display:flex;flex-direction:column;position:fixed;top:var(--chart-top);left:50%;z-index:2;width:min(680px,calc(100vw - 44px));color:#fff;pointer-events:auto;transform:translate(-50%)}.benchmark-copy{order:1;display:grid;gap:3px;margin:0 0 10px;text-align:center;text-shadow:0 0 10px rgb(255 255 255 / .12),0 0 30px rgb(255 255 255 / .08);transform:translateY(-15%)}.benchmark-kicker,.benchmark-copy p{margin:0;color:#ffffff94;font-size:clamp(.82rem,calc(.68rem + .42vw),1rem);font-weight:400;letter-spacing:.08em;line-height:1.25;text-transform:uppercase}.bar-chart{order:3;display:grid;grid-template-columns:repeat(5,minmax(34px,1fr));gap:clamp(7px,1.7vw,18px);align-items:end;min-height:clamp(116px,22svh,162px);overflow:visible;padding:clamp(32px,4.5svh,52px) 0 0}.bar-group{display:grid;gap:7px;min-width:0}.bars{display:grid;grid-template-columns:repeat(3,minmax(8px,1fr));gap:clamp(4px,.7vw,8px);align-items:end;height:clamp(78px,16svh,118px)}.bar{position:relative;display:flex;align-items:flex-end;justify-content:center;height:100%;min-width:0;cursor:default;outline:none}.bar:after{position:absolute;bottom:calc(100% + 12px);left:50%;z-index:4;padding:5px 7px;border:1px solid rgb(255 255 255 / .16);background:#000000e6;color:#ffffffeb;content:attr(data-tooltip);font-size:clamp(.68rem,calc(.58rem + .26vw),.78rem);line-height:1;opacity:0;pointer-events:none;transform:translate(-50%,3px);transition:opacity 70ms ease,transform 70ms ease;white-space:nowrap}.bar:hover:after,.bar:focus-visible:after{opacity:1;transform:translate(-50%)}.bar-fill{display:block;width:100%;min-height:5px;border:1px solid rgb(255 255 255 / .22);background:#ffffff52;box-shadow:0 0 16px #ffffff14;pointer-events:none}.bar-cadical .bar-fill{background:#ffffff2e}.bar-kissat .bar-fill{background:#ffffff61}.bar-zeta .bar-fill{background:#ffffffeb;box-shadow:0 0 10px #ffffff42,0 0 26px #ffffff24}.case-label{color:#ffffffdb;font-size:clamp(.7rem,calc(.6rem + .3vw),.82rem);line-height:1;text-align:center}.benchmark-legend{order:2;display:flex;justify-content:center;gap:clamp(12px,2vw,20px);margin:0 0 clamp(26px,4svh,44px);color:#ffffffa3;font-size:clamp(.76rem,calc(.64rem + .36vw),.9rem);line-height:1;transform:translateY(-15%)}.benchmark-legend span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.benchmark-legend i{display:inline-block;width:9px;height:9px;border:1px solid rgb(255 255 255 / .22)}.legend-cadical{background:#ffffff2e}.legend-kissat{background:#ffffff61}.legend-zeta{background:#ffffffeb;box-shadow:0 0 12px #ffffff3d}.visual-shell{position:fixed;top:var(--visual-top);left:50%;z-index:0;display:grid;width:min(620px,calc(100vw - 48px));height:var(--visual-height);margin:0;pointer-events:none;transform:translate(-50%)}.visual-frame{width:100%;height:100%;contain:layout paint;overflow:hidden;pointer-events:auto}#visual-stage{display:block;width:100%;height:100%;cursor:grab;outline:none;touch-action:none}#visual-stage:active{cursor:grabbing}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:620px),(max-aspect-ratio:3 / 4){.lockup{--headline-size: min(3.53rem, 4.46svh, calc((100svw - 28px) / 12.7));--headline-top: clamp(58px, 8svh, 88px);--visual-top: clamp(148px, 20svh, 224px);--chart-bottom: clamp(150px, 14svh, 220px);--chart-reserve: 214px;--visual-height: min( clamp(320px, 45svh, 640px), calc(100svh - var(--visual-top) - var(--chart-reserve) - var(--chart-bottom) - var(--chart-gap)) );--chart-gap: clamp(30px, 5svh, 58px)}.headline-stack{top:var(--headline-top)}h1{line-height:.95;white-space:nowrap}.visual-shell{top:var(--visual-top);width:min(620px,calc(100vw - 28px));height:var(--visual-height)}.visual-frame{height:100%;min-height:0}.benchmark-chart{top:auto;bottom:var(--chart-bottom);width:min(620px,calc(100vw - 28px))}.benchmark-copy{gap:2px;margin-bottom:7px;transform:none}.benchmark-kicker,.benchmark-copy p{font-size:clamp(.78rem,2vw,.9rem);letter-spacing:.065em;line-height:1.22}.bar-chart{gap:6px;min-height:122px;padding:46px 0 0}.bar:after{bottom:calc(100% + 16px)}.bars{gap:3px;height:76px}.case-label{font-size:clamp(.72rem,1.9vw,.82rem)}.benchmark-legend{justify-content:center;gap:9px;margin:0 0 18px;font-size:clamp(.76rem,2vw,.86rem);transform:none}.benchmark-legend i{width:8px;height:8px}}
