@import "https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,200;14..32,300;14..32,400;14..32,500;14..32,600;14..32,700&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&display=swap";:root,.mode-light,.mode-light .mode-invert .mode-invert,.mode-light .mode-invert .mode-invert .mode-invert .mode-invert,.mode-dark .mode-invert,.mode-dark .mode-invert .mode-invert .mode-invert,.mode-dark .mode-invert .mode-invert .mode-invert .mode-invert .mode-invert{--color-fg:0,0%,7%;--color-bg:240,11%,95%;--color-logo-fg:0,0%,100%;--color-logo-bg:0,0%,0%;--color-surface-bg:0,0%,100%;--color-footer-bg:240,11%,99%;--color-header-bg:240,11%,98%}.mode-dark,.mode-dark .mode-invert .mode-invert,.mode-dark .mode-invert .mode-invert .mode-invert .mode-invert,.mode-light .mode-invert,.mode-light .mode-invert .mode-invert .mode-invert,.mode-light .mode-invert .mode-invert .mode-invert .mode-invert .mode-invert{--color-fg:0,0%,100%;--color-bg:240.02 6.03% 9.98%;--color-logo-fg:0,0%,0%;--color-logo-bg:0,0%,100%;--color-surface-bg:0,0%,0%;--color-footer-bg:210,11%,1%;--color-header-bg:210,11%,2%}:root{--buncss-light:initial;--buncss-dark: ;color-scheme:light;--font-sans:"Inter","Noto Sans JP","Noto Sans TC",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;--font-family-base:var(--font-sans);--font-weight-regular:400;--font-weight-medium:500;--font-weight-semiheavy:550;--font-weight-semibold:600;--font-weight-bold:700;--font-size-xxs:.65rem;--font-size-xs:.7rem;--font-size-sm:.75rem;--font-size-sm-2:.8rem;--font-size-md:.85rem;--font-size-md-2:.9rem;--font-size-lg:1rem;--font-size-xl:1.1rem;--font-size-2xl:1.4rem;--font-size-3xl:1.8rem;--font-size-display:22px;--duration-fast:.2s;--duration-quick:.15s;--duration-slow:.3s;--duration-instant:.1s;--duration-stripes:.4s;--duration-blink:1.5s;--hover-raise:-1px;--space-1:3px;--space-2:4px;--space-3:5px;--space-4:6px;--space-5:8px;--space-6:9px;--space-7:10px;--space-8:12px;--space-9:14px;--space-10:15px;--space-11:16px;--space-12:18px;--space-13:20px;--space-14:24px;--space-15:29px;--space-16:32px;--space-17:35px;--space-18:37px;--space-19:40px;--space-20:56px;--space-21:60px;--space-22:72px;--space-23:100px;--space-24:110px;--space-25:120px;--space-26:130px;--space-27:200px;--radius-control:5px;--radius-pill:999px;--radius-sm:12px;--radius-md:14px;--radius-lg:16px;--color-surface:#fff;--color-surface-muted:#f4f3f1;--color-surface-ghost:#1111110d;--color-border:#1111111f;--color-border-strong:#1113;--color-text:#1e1e20;--color-text-muted:#1119;--color-text-subtle:#11111173;--color-text-faint:#11111159;--color-shadow:#11111114;--color-danger:#fca5a5;--color-danger-bg:#ff36361a;--color-danger-border:#ff363659;--color-dark-bg:#000;--color-dark-surface:#0a0a0ab3;--color-dark-surface-strong:#0006;--color-dark-border:#ffffff1f;--color-dark-border-strong:#fff3;--color-dark-text:#fff;--color-dark-text-muted:#fff9;--color-dark-text-subtle:#ffffff73;--color-dark-text-faint:#ffffff59;--color-dark-overlay:#0000001a;--color-dark-overlay-strong:#00000059;--color-dark-overlay-stronger:#0006;--color-dark-shadow:#00000059;--color-transparent:transparent;--layout-min-height:100vh;--control-radius:var(--radius-control);--control-border:1px solid var(--color-border);--control-bg:var(--color-surface);--control-text:var(--color-text);--control-ghost-bg:var(--color-surface-ghost);--control-ghost-border:1px solid var(--color-border-strong);--control-ghost-text:var(--color-text);--action-link-padding:var(--space-7)var(--space-11);--action-link-radius:var(--radius-pill);--action-link-font-size:var(--font-size-md-2);--action-link-font-weight:var(--font-weight-semibold);--action-link-primary-bg:var(--color-surface);--action-link-primary-text:var(--color-text);--action-link-ghost-border:1px solid var(--color-border);--action-link-ghost-text:var(--color-text);--action-link-hover-opacity:.9;--action-link-hover-shift:var(--hover-raise);--button-padding:var(--space-7)var(--space-11);--button-font-size:var(--font-size-sm);--button-letter-spacing:.1em;--button-primary-bg:var(--color-text);--button-primary-text:var(--color-surface);--button-primary-border:var(--color-text);--button-ghost-bg:var(--color-surface-ghost);--button-ghost-text:var(--color-text);--button-ghost-border:var(--color-border-strong);--button-border-default:1px solid transparent;--button-disabled-opacity:.5;--button-hover-shift:var(--hover-raise);--camera-state-gap:var(--space-7);--camera-state-button-padding:var(--space-4)var(--space-9);--camera-state-button-font-size:var(--font-size-sm);--camera-state-button-letter-spacing:.08em;--camera-state-button-border:1px solid var(--color-border);--camera-state-button-bg:var(--color-surface);--camera-state-button-text:var(--color-text);--camera-state-error-size:var(--font-size-xs);--camera-state-error-color:var(--color-danger);--login-form-padding:var(--space-14);--login-form-gap:var(--space-11);--login-form-radius:var(--radius-lg);--login-form-bg:var(--color-surface);--login-form-border:1px solid var(--color-border);--login-form-fields-gap:var(--space-9);--section-header-gap:var(--space-4);--section-header-row-gap:var(--space-10);--section-header-eyebrow-size:var(--font-size-sm);--section-header-eyebrow-letter-spacing:.2em;--section-header-eyebrow-color:var(--color-text-subtle);--section-header-title-size:var(--font-size-3xl);--section-header-title-weight:var(--font-weight-semibold);--section-header-subtitle-size:.95rem;--section-header-subtitle-color:var(--color-text-muted);--card-shadow:inset 0 0 1px .5px #ffffff1a,#0e3f7e17 0px 0px 0px 1px,#2a33a90a 0px 1px 1px -.5px,#2a334608 0px 3px 3px -1.5px,#2a334605 0px 6px 6px -3px,#0e3f7e05 0px 12px 12px -6px,#0e3f7e0a 0px 24px 24px -12px;--chart-overlay-fallback:#ef4444;--chart-tooltip-border: ;--notice-padding:var(--space-13);--notice-gap:var(--space-5);--notice-radius:var(--radius-md);--notice-bg:var(--color-surface-muted);--notice-border:1px solid var(--color-border);--notice-error-bg:var(--color-danger-bg);--notice-error-border:1px solid var(--color-danger-border);--notice-title-size:var(--font-size-lg);--notice-title-weight:var(--font-weight-semibold);--notice-description-size:var(--font-size-md-2);--notice-description-color:var(--color-text-muted);--notice-actions-margin:var(--space-4);--select-trigger-gap:var(--space-4);--select-trigger-padding:var(--space-4)var(--space-7);--select-trigger-font-size:var(--font-size-sm);--select-trigger-letter-spacing:.08em;--select-value-gap:var(--space-2);--select-trigger-bg:var(--color-surface);--select-trigger-text:var(--color-text);--select-trigger-border:1px solid var(--color-border);--select-popup-bg:var(--color-surface);--select-popup-border:1px solid var(--color-border);--select-popup-padding:var(--space-4);--select-popup-shadow:0 12px 32px var(--color-shadow);--select-item-gap:var(--space-6);--select-item-padding:var(--space-4)var(--space-7);--select-item-font-size:var(--font-size-sm-2);--select-item-color:var(--color-text);--select-item-highlight-bg:var(--color-surface-ghost);--select-indicator-width:12px;--spinner-size:10px;--spinner-offset-start:-100px;--spinner-offset-1:100px;--spinner-offset-2:110px;--spinner-offset-3:120px;--spinner-offset-4:130px;--spinner-offset-end:200px;--spinner-color:var(--color-text);--spinner-duration:2s;--text-input-gap:var(--space-5);--text-input-label-size:var(--font-size-sm);--text-input-letter-spacing:.08em;--text-input-field-padding:var(--space-7)var(--space-8);--text-input-field-size:var(--font-size-md-2);--text-input-field-letter-spacing:.02em;--text-input-field-bg:var(--color-surface);--text-input-field-border:1px solid var(--color-border);--text-input-field-focus-border:#11111180;--text-input-field-focus-shadow:0 0 0 3px #11111114;--text-input-disabled-opacity:.6;--video-list-gap:var(--space-9);--video-card-padding:var(--space-11)var(--space-12);--video-card-radius:var(--radius-md);--video-card-border:1px solid var(--color-border);--video-card-hover-border:#1111114d;--video-card-hover-shift:var(--hover-raise);--video-card-title-size:var(--font-size-lg);--video-card-title-weight:var(--font-weight-semibold);--video-meta-size:var(--font-size-md);--video-meta-color:var(--video-card-meta-color);--page-header-padding:var(--space-10)var(--space-21);--page-header-logo-color:#111;--page-header-link-gap:var(--space-14);--page-header-link-gap-tight:var(--space-3);--page-header-link-padding:0 19px;--page-header-link-radius:var(--radius-pill);--page-header-link-color:#111;--page-header-link-border:2px solid transparent;--page-header-link-hover-border:2px solid #0003;--page-header-link-active-border:2px solid #111;--page-header-primary-bg:#111;--page-header-primary-color:#fff;--page-header-primary-hover-bg:#000000bf;--page-header-secondary-border:.5px solid #888;--page-header-secondary-hover-bg:#0000000d;--page-layout-gap:var(--space-14);--video-player-bg:#000;--video-player-radius:0px;--video-player-overlay:var(--color-dark-overlay);--video-player-overlay-opacity:0;--video-player-overlay-opacity-hover:1;--video-player-seeker-bottom:var(--space-15);--video-player-seeker-side:var(--space-10);--video-player-seeker-padding:var(--space-13);--video-player-seeker-padding-hover:18.5px;--video-player-seeker-bar-height:3px;--video-player-seeker-bar-height-hover:5px;--video-player-seeker-margin:var(--space-17);--video-player-seeker-bar-bg:var(--color-dark-overlay-strong);--video-player-seeker-bar-fill:var(--color-dark-text);--video-player-seeker-bar-buffer:#ffffff38;--video-player-seeker-dot-offset:1.5px;--video-player-seeker-dot-size:10px;--video-player-seeker-dot-size-hover:16px;--video-player-seeker-time-size:var(--font-size-sm);--video-player-seeker-time-weight:var(--font-weight-semiheavy);--video-player-seeker-time-bottom:32px;--video-player-label-size:var(--font-size-display);--video-player-label-line-height:16px;--video-player-label-offset:var(--space-10);--video-player-controls-padding:0px var(--space-3);--video-player-controls-gap:0px;--video-player-control-button-padding:var(--space-7)var(--space-5);--video-player-control-icon-size:19px;--video-player-control-icon-size-lg:24px;--video-player-control-opacity:.8;--video-player-control-opacity-disabled:.4;--video-player-control-stroke-width:2;--video-player-stripes-size:9px;--video-player-stripes-width:var(--space-22);--video-player-stripes-bg:var(--color-dark-overlay-stronger);--video-player-stripes-mask-start:30%;--video-player-stripes-mask-end:100%;--video-player-mask-solid:#000;--video-player-mask-clear:#0000;--video-player-live-padding-right:10px;--video-player-live-dot-size:7px;--rec-color:#ee0100}*{box-sizing:border-box}section.hero .hero__content{perspective:800px}.hero__stream{position:absolute;z-index:-5;aspect-ratio:4/3;object-fit:cover;overflow:clip;background:#000;border-radius:6px;width:500px;top:50%;left:50%;translate:-60% -50%;box-shadow:inset 0 0 1px .5px #ffffff1a,0 0 0 1px #0e3f7e17,0 13px 27px -5px #00000d4d,0 8px 16px -8px #00000080}.hero__stream--0{transform:translate(0,0)rotateY(-53deg)}.hero__stream--1{filter:brightness(.9)saturate(.9)contrast(.9);transform:translate3d(55px,0,-50px)rotateY(-45deg)}.hero__stream--2{filter:brightness(.8)saturate(.8)contrast(.8);transform:translate3d(110px,0,-100px)rotateY(-30deg)}.hero__stream--3{filter:brightness(.7)saturate(.7)contrast(.7);transform:translate3d(160px,0,-120px)rotateY(-15deg)}.hero__stream--4{filter:brightness(.6)saturate(.6)contrast(.6);transform:translate3d(240px,0,-140px)rotateY(5deg)}:root{--color-tornado-a:42.9,99.1%,57.6%;--color-tornado-b:0,0%,0%;--color-leonhart-a:146.2,95.0%,34.7%;--color-leonhart-b:0,0%,0%;--color-fireball-a:1.4,85.2%,44.1%;--color-fireball-b:0,0%,0%;--color-garlando-a:213,99.0%,39.8%;--color-garlando-b:.4,100.0%,39.4%;--color-primary:var(--color-tornado-a)}html{background-color:hsl(var(--color-bg))}body{font-family:var(--font-family-base);font-size:var(--text-body);line-height:var(--lh-body);letter-spacing:var(--trk-body);font-weight:var(--w-regular);background-image:linear-gradient(180deg,hsl(var(--color-primary))30%,color-mix(in srgb,hsl(var(--color-primary))80%,hsl(var(--color-fg)))100%);color:var(--color-text);min-height:var(--layout-min-height);background-position:0 0;background-repeat:no-repeat;background-size:100% 100%;background-attachment:fixed;margin:0}.spinner{width:var(--spinner-size);height:var(--spinner-size);display:block;margin:var(--space-10)auto;position:relative;color:var(--spinner-color);left:var(--spinner-offset-start);box-sizing:border-box;animation:shadowRolling var(--spinner-duration)linear infinite;border-radius:50%}@keyframes shadowRolling{0%{box-shadow:0px 0 var(--color-transparent),0px 0 var(--color-transparent),0px 0 var(--color-transparent),0px 0 var(--color-transparent)}12%{box-shadow:var(--spinner-offset-1)0 var(--spinner-color),0px 0 var(--color-transparent),0px 0 var(--color-transparent),0px 0 var(--color-transparent)}25%{box-shadow:var(--spinner-offset-2)0 var(--spinner-color),var(--spinner-offset-1)0 var(--spinner-color),0px 0 var(--color-transparent),0px 0 var(--color-transparent)}36%{box-shadow:var(--spinner-offset-3)0 var(--spinner-color),var(--spinner-offset-2)0 var(--spinner-color),var(--spinner-offset-1)0 var(--spinner-color),0px 0 var(--color-transparent)}50%{box-shadow:var(--spinner-offset-4)0 var(--spinner-color),var(--spinner-offset-3)0 var(--spinner-color),var(--spinner-offset-2)0 var(--spinner-color),var(--spinner-offset-1)0 var(--spinner-color)}62%{box-shadow:var(--spinner-offset-end)0 var(--color-transparent),var(--spinner-offset-4)0 var(--spinner-color),var(--spinner-offset-3)0 var(--spinner-color),var(--spinner-offset-2)0 var(--spinner-color)}75%{box-shadow:var(--spinner-offset-end)0 var(--color-transparent),var(--spinner-offset-end)0 var(--color-transparent),var(--spinner-offset-4)0 var(--spinner-color),var(--spinner-offset-3)0 var(--spinner-color)}87%{box-shadow:var(--spinner-offset-end)0 var(--color-transparent),var(--spinner-offset-end)0 var(--color-transparent),var(--spinner-offset-end)0 var(--color-transparent),var(--spinner-offset-4)0 var(--spinner-color)}to{box-shadow:var(--spinner-offset-end)0 var(--color-transparent),var(--spinner-offset-end)0 var(--color-transparent),var(--spinner-offset-end)0 var(--color-transparent),var(--spinner-offset-end)0 var(--color-transparent)}}html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;font-kerning:normal;font-feature-settings:"kern" 1,"liga" 1,"calt" 1}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto}:root{--text-sz-body:1rem;--text-sz-title:4rem;--text-sz-subtitle:1.25rem;--text-sz-caption:.9375rem;--text-sz-note:.7375rem;--text-sz-button:.97rem;--text-sz-input:.9375rem;--text-sz-label:.9375rem;--lh-none:1;--lh-xs:1.0625;--lh-sm:1.14286;--lh-md:1.22;--lh-lg:1.6;--trk-md-n:-.03em;--trk-sm-n:-.015em;--trk-xs-n:-.009em;--trk-none:0em;--trk-xs-p:.007em;--trk-sm-p:.015em;--trk-md-p:.07em;--trk-lg-p:.12em;--trk-xl-p:.22em;--w-regular:400;--w-medium:500;--w-button:600;--w-semibold:600;--w-bold:700}.font{font-weight:var(--font-weight);font-size:var(--font-size);line-height:var(--line-height);letter-spacing:var(--letter-spacing);color:hsl(var(--color-fg));margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0}.font-bold{font-weight:var(--w-bold)}.font-no-wrap{white-space:nowrap}.font-align-center{display:block;text-align:center;align-self: center;margin-inline-start:auto;margin-inline-end:auto}section.section .font-title{--text-sz-title:2.5rem;--font-weight:var(--w-semibold);--line-height:var(--lh-none);--letter-spacing:var(--trk-sm-n);max-width:600px}section.section .font-subtitle{--text-sz-subtitle:.8rem;--font-weight:var(--w-regular);--line-height:var(--lh-none);--letter-spacing:var(--trk-sm-n);text-transform:none}.page-footer .font-body{--text-sz-body:.9rem}div.card .font-title{--text-sz-title:1.6rem;--font-weight:var(--w-semibold);--line-height:var(--lh-none);--letter-spacing:var(--trk-xs-p);max-width:600px}.font-title{--font-weight:var(--w-bold);--font-size:var(--text-sz-title);--line-height:var(--lh-xs);--letter-spacing:var(--trk-xs-n);max-width:600px}.font-subtitle{--font-weight:var(--w-semibold);--font-size:var(--text-sz-subtitle);--line-height:var(--lh-sm);--letter-spacing:var(--trk-xs-p);text-transform:uppercase;color:color-mix(in srgb,hsl(var(--color-fg))85%,black)}.font-body{--font-weight:var(--w-regular);--font-size:var(--text-sz-body);--line-height:var(--lh-lg);--letter-spacing:var(--trk-none);text-align:justify;opacity:.8;margin-top:calc((1 - var(--line-height))*1.1rem)}.font-caption{--font-weight:var(--w-semibold);--font-size:var(--text-sz-caption);--line-height:var(--lh-none);--letter-spacing:var(--trk-sm-n)}.font-note{--font-weight:var(--w-regular);--font-size:var(--text-sz-note);--line-height:var(--lh-md);--letter-spacing:var(--trk-sm-n)}.font-button{--font-weight:var(--w-medium);--font-size:var(--text-sz-button);--line-height:var(--lh-none);--letter-spacing:var(--trk-sm-n)}.font-input{--font-weight:var(--w-regular);--font-size:var(--text-sz-input);--line-height:var(--lh-none);--letter-spacing:var(--trk-sm-n)}.font-label{--font-weight:var(--w-regular);--font-size:var(--text-sz-label);--line-height:var(--lh-none);--letter-spacing:var(--trk-sm-n)}:not(.stack-h)>.font-title+.font-caption,:not(.stack-h)>.font-title+.font-body{margin-top:var(--sp-7)}:not(.stack-h)>p.font-body+p.font-body,:not(.stack-h)>.font-title+.columns{margin-top:var(--sp-5)}:not(.stack-h)>.font-body+.columns{margin-top:var(--sp-7)}.font-caption:not(:only-child){margin-bottom:var(--sp-5)}.font-caption:only-child,.stack-h>.font-caption{margin-bottom:0}.stack-h>.font{margin-block-start:0;margin-block-end:0;line-height:1}footer .font-body+.font-body{margin-top:var(--sp-1)}.font:has(strong){color:hsla(var(--color-fg),.5);font-weight:calc(var(--font-weight)*.8)}.font:has(strong) strong{color:hsla(var(--color-fg),1);font-weight:calc(var(--font-weight)*1.2)}:root{--sp-hairline:.5px;--sp-border:1px;--sp-thin:2px;--sp-dot:3px;--sp-square:4px;--sp-1:5px;--sp-2:10px;--sp-3:15px;--sp-4:20px;--sp-5:25px;--sp-6:30px;--sp-7:35px;--sp-8:40px;--sp-9:45px;--sp-10:50px;--sp-11:55px;--sp-12:60px;--sp-13:65px;--sp-14:70px;--sp-15:75px;--sp-16:80px;--sp-17:85px;--sp-18:90px;--sp-19:95px;--sp-20:100px}.stack{display:flex}.stack-width-full{width:100%}.stack-width-min{width:min-content}.stack-width-max{width:max-content}.stack-width-content{width:-moz-fit-content;width:fit-content}.stack-equal-width>*{flex:1}.stack-h{flex-direction:row;justify-content:space-between;align-items: start}.stack-h-wrap{flex-wrap:wrap}.stack-h-halign-left{justify-content:flex-start}.stack-h-halign-center{justify-content:center}.stack-h-halign-right{justify-content:flex-end}.stack-h-halign-space-between{justify-content:space-between}.stack-h-halign-space-around{justify-content:space-around}.stack-h-halign-space-evenly{justify-content:space-evenly}.stack-h-valign-top{align-items: flex-start}.stack-h-valign-center{align-items: center}.stack-h-valign-bottom{align-items: flex-end}.stack-h-valign-stretch{align-items:stretch}.stack-h-valign-space-between{align-items:space-between}.stack-h-valign-space-around{align-items:space-around}.stack-h-valign-space-evenly{align-items:space-evenly}.stack-v{flex-direction:column;justify-content:space-between;align-items: start}.stack-v-halign-left{align-items: flex-start}.stack-v-halign-center{align-items: center}.stack-v-halign-right{align-items: flex-end}.stack-v-halign-stretch{align-items:stretch}.stack-v-halign-space-between{align-items:space-between}.stack-v-halign-space-around{align-items:space-around}.stack-v-halign-space-evenly{align-items:space-evenly}.stack-v-valign-top{justify-content:flex-start}.stack-v-valign-center{justify-content:center}.stack-v-valign-bottom{justify-content:flex-end}.stack-v-valign-stretch{justify-content:stretch}.stack-v-valign-space-between{justify-content:space-between}.stack-v-valign-space-around{justify-content:space-around}.stack-v-valign-space-evenly{justify-content:space-evenly}.columns{display:grid;gap:var(--sp-10)}.columns-2{grid-template-columns:repeat(2,1fr)}.columns-3{grid-template-columns:repeat(3,1fr)}.columns-4{grid-template-columns:repeat(4,1fr)}.columns-5{grid-template-columns:repeat(5,1fr)}.logo__squircle{fill:hsl(var(--color-logo-bg))}.logo__body{fill:hsl(var(--color-logo-fg));stroke:hsl(var(--color-logo-fg))}.spacer{flex:1}.spacer--sized{display:block;width:var(--spacer-size);height:var(--spacer-size)}section.hero{--hero-height:98vh;--header-height:calc(var(--page-header-height) + var(--sp-15) + var(--sp-3));--hero-padding:var(--page-padding-x);position:relative;z-index:200;margin-top:calc(var(--header-height)*-1);overflow:clip;opacity:0;animation:fadeIn .2s ease-in-out forwards}section.hero .hero__bg{position:absolute;z-index:0;overflow:hidden;inset:0}section.hero .hero__bg>*{position:absolute;inset:0}section.hero .hero__bg>img,section.hero .hero__bg>video{object-fit:cover;object-position:center center;min-width:100%;min-height:100%}section.hero:has(.hero__bg>img,.hero__bg>video):before{content:"";position:absolute;z-index:1;background-image:linear-gradient(to top,hsl(var(--color-surface-bg)),#0000);pointer-events:none;opacity:.77;inset:0}section.hero .hero__header{position:relative;height:calc(var(--hero-height) + 200px)}section.hero .hero__content{position:relative;z-index:1;display:flex;margin-inline-start:auto;margin-inline-end:auto;margin-top:calc((var(--hero-height) + var(--sp-3) + 200px)*-1 + var(--header-height)*.67);margin-bottom:var(--hero-padding);height:calc(var(--hero-height) - var(--header-height)*.67);flex-direction:column;width:100%;max-width:1200px;padding:0}section.hero--wide .hero__content{padding-left:var(--hero-padding);max-width:100%}section.hero .hero__content>.columns,section.hero .hero__content>.stack{width:100%;height:100%}section.hero .hero__content>:last-child{padding-bottom:0}section.hero .hero-valign-top{justify-content:flex-start}section.hero .hero-valign-center{justify-content:center}section.hero .hero-valign-bottom{justify-content:flex-end}section.hero .hero-valign-stretch{justify-content:stretch}section.hero .hero-halign-left{align-items: flex-start}section.hero .hero-halign-center{text-align:center;align-items: center}section.hero .hero-halign-right{align-items: flex-end}section.hero .hero-halign-stretch{align-items:stretch}@keyframes fadeIn{to{opacity:1}}.page-header{position:sticky;top:var(--sp-4);margin-bottom:var(--sp-15);display:flex;z-index:100;overflow:visible;justify-content:space-between;align-items: center;font-size:.95rem}.page-header>*{z-index:101}.page-header a:has(.foos-logo):hover{border:0}.page-header .foos-logo{height:var(--page-header-logo-height);display:block;width:auto}.page-header__links{display:flex;gap:var(--sp-5)}.page-header__links__right{display:flex;align-items: center;gap:var(--sp-2)}.page-header a{color:hsl(var(--color-fg));font-weight:var(--font-weight-medium);text-decoration:none;height:var(--page-header-link-height);display:inline-flex;border-top:2px solid #0000;border-bottom:2px solid #0000;justify-content:center;align-items: center}.page-header a:hover,.page-header a.page-header__link--active{border-bottom:2px solid hsl(var(--color-fg))}.page-header a.primary,.page-header a.secondary{padding:var(--page-header-link-padding);background:var(--color-transparent);border-radius:var(--page-header-link-radius);transition:background var(--duration-slow)ease}.page-header a.primary{background:var(--page-header-primary-bg);color:var(--page-header-primary-color)}.page-header a.primary:hover{background:var(--page-header-primary-hover-bg);transition:none}.page-header a.secondary{border:var(--page-header-secondary-border)}.page-header a.secondary:hover{background:var(--page-header-secondary-hover-bg);transition:none}.page-header a.picker{color:#333;transition:box-shadow var(--duration-fast)ease;text-shadow:.5px 1px #fff;background:#fcfcfc;border:.5px solid #bbb;border-radius:999px;gap:3px;height:27px;padding:0 5px;font-size:.75rem;line-height:1;box-shadow:inset .5px 1px 2px #ddd,0 0 #fff3}.page-header a.picker svg{filter:drop-shadow(.5px 1px 0px #fff)}.page-header a.picker--padded{padding:0 10px}.page-header a.picker:hover{border-color:#999;box-shadow:inset .5px 1px 2px #ddd,0 0 0 3px #fff3}.page-header__link__icon__flag{width:15px;height:15px;margin-left:-3px;margin-right:2px}.page-header__link__icon{stroke-width:.5;stroke:#0003;stroke-linecap:round;width:16px;height:16px}.page-header__link__chevron{width:12px;height:12px;margin-left:5px;margin-right:-4px}.page-header__main-menu{display:flex;backdrop-filter:blur(24px);background-color:hsl(from color-mix(in srgb,hsl(var(--color-primary))30%,hsl(var(--color-bg)))h s l/.2);height:calc(var(--page-header-logo-height) + var(--page-header-padding)*2);padding:var(--page-header-padding);border-radius:16px;justify-content:space-between;align-items: center}.page-header__main-menu>.stack-h:last-child{margin-inline:var(--page-header-links-margin)}@supports (corner-shape: squircle){.page-header__main-menu{border-radius:28px;corner-shape:squircle}}.page-layout--marketing{--page-padding-x:var(--sp-12);--page-padding-y:var(--sp-0);--page-header-height:60px;--page-header-padding:5px;--page-header-logo-height:var(--sp-10);--page-header-links-margin:var(--sp-6);--page-header-link-height:var(--sp-6);display:flex;flex-direction:column;justify-content:start;align-items:stretch;min-height:100vh}.page-layout--marketing__content{overflow:visible;display:flex;padding:var(--page-padding-y)var(--page-padding-x);flex-direction:column;width:100%;margin-inline-start:auto;margin-inline-end:auto}.page-footer{position:relative;background:hsl(var(--color-bg));color:hsl(var(--color-fg));padding:var(--space-20)var(--space-10);display:flex;flex-direction:row;justify-content:center;align-items: center;height:320px;margin-top:120px;padding-bottom:140px}.page-footer ul,.page-footer li{list-style:none;margin:0;padding:0}.page-footer a{text-decoration:none}.page-footer a:hover{text-decoration:underline}.page-footer .foos-logo{width:68px}.page-footer__text{text-align:center;letter-spacing:.06em;text-shadow:.5px 1px 0px hsl(var(--color-bg));width:68px;margin-top:1px;font-size:.55rem;line-height:1.4}.page-footer__text span{opacity:.7}section.section{padding-block:var(--sp-15);width:100%}section.section .section__content{display:flex;flex-direction:column;width:100%;max-width:1200px;margin-inline-start:auto;margin-inline-end:auto}section.section.mode-invert{background:hsl(var(--color-bg))}section.section:first-child,section.section:not(.mode-invert)+section.section:not(.mode-invert){margin-top:calc(var(--sp-10)*-1)}.button{border-radius:var(--control-radius);border:var(--button-border-default);padding:var(--button-padding);font-size:var(--button-font-size);letter-spacing:var(--button-letter-spacing);text-transform:uppercase;cursor:pointer;transition:transform var(--duration-fast)ease,border-color var(--duration-fast)ease,background-color var(--duration-fast)ease,color var(--duration-fast)ease}.button--primary{background:var(--button-primary-bg);color:var(--button-primary-text);border-color:var(--button-primary-border)}.button--primary:hover{transform:translateY(var(--button-hover-shift))}.button--ghost{background:var(--button-ghost-bg);color:var(--button-ghost-text);border-color:var(--button-ghost-border)}.button:disabled{opacity:var(--button-disabled-opacity);cursor:not-allowed;transform:none}.notice{padding:var(--notice-padding);border-radius:var(--notice-radius);background:var(--notice-bg);border:var(--notice-border);display:flex;gap:var(--notice-gap);flex-direction:column}.notice--error{background:var(--notice-error-bg);border-color:var(--color-danger-border)}.notice__title{font-size:var(--notice-title-size);font-weight:var(--notice-title-weight);margin:0}.notice__description{color:var(--notice-description-color);font-size:var(--notice-description-size);margin:0}.notice__actions{margin-top:var(--notice-actions-margin)}.text-input{display:flex;gap:var(--text-input-gap);color:var(--color-text);font-size:var(--text-input-label-size);letter-spacing:var(--text-input-letter-spacing);text-transform:uppercase;flex-direction:column}.text-input__label{display:inline-flex;align-items: center;gap:var(--space-4)}.text-input__field{border-radius:var(--control-radius);border:var(--text-input-field-border);background:var(--text-input-field-bg);color:var(--color-text);padding:var(--text-input-field-padding);font-size:var(--text-input-field-size);letter-spacing:var(--text-input-field-letter-spacing);outline:none}.text-input__field:focus-visible{border-color:var(--text-input-field-focus-border);box-shadow:var(--text-input-field-focus-shadow)}.text-input__field:disabled{opacity:var(--text-input-disabled-opacity);cursor:not-allowed}.login-form{display:flex;gap:var(--login-form-gap);padding:var(--login-form-padding);border-radius:var(--login-form-radius);background:var(--login-form-bg);border:var(--login-form-border);flex-direction:column}.login-form__fields{display:flex;gap:var(--login-form-fields-gap);flex-direction:column}.login-form__actions{display:flex;justify-content:flex-start}.section-header{display:flex;gap:var(--section-header-gap);flex-direction:column}.section-header__row{display:flex;justify-content:space-between;align-items: flex-start;gap:var(--section-header-row-gap)}.section-header__text{display:flex;gap:var(--section-header-gap);flex-direction:column}.section-header__actions{display:flex;align-items: center;gap:var(--space-5)}.section-header__eyebrow{font-size:var(--section-header-eyebrow-size);letter-spacing:var(--section-header-eyebrow-letter-spacing);text-transform:uppercase;color:var(--section-header-eyebrow-color)}.section-header__title{font-size:var(--section-header-title-size);font-weight:var(--section-header-title-weight);margin:0}.section-header__subtitle{color:var(--section-header-subtitle-color);font-size:var(--section-header-subtitle-size);margin:0}@media (max-width:720px){.section-header__row{flex-direction:column;align-items: flex-start}}.card{background:hsl(var(--color-surface-bg));padding:var(--sp-4)var(--sp-5);border:0;border-radius:15px}.card.hoverable{transition:all .3s}.card.hoverable:hover{box-shadow:0 15px 30px hsl(from color-mix(in srgb,hsl(var(--color-primary))60%,#000)h s l/.7);transform:translateY(-2px)}.select-control__trigger{display:inline-flex;align-items: center;gap:var(--select-trigger-gap);border:var(--select-trigger-border);background:var(--select-trigger-bg);color:var(--select-trigger-text);padding:var(--select-trigger-padding);border-radius:var(--control-radius);font-size:var(--select-trigger-font-size);letter-spacing:var(--select-trigger-letter-spacing);cursor:pointer;pointer-events:auto}.select-control__value{display:inline-flex;align-items: center;gap:var(--select-value-gap)}.select-control__icon{opacity:.7}.select-control__positioner{z-index:40}.select-control__popup{background:var(--select-popup-bg);border:var(--select-popup-border);border-radius:var(--control-radius);padding:var(--select-popup-padding);box-shadow:var(--select-popup-shadow)}.select-control__list{display:flex;gap:var(--space-2);flex-direction:column}.select-control__item{display:flex;align-items: center;gap:var(--select-item-gap);padding:var(--select-item-padding);border-radius:calc(var(--control-radius) - 1px);color:var(--select-item-color);font-size:var(--select-item-font-size);cursor:pointer}.select-control__item[data-highlighted]{background:var(--select-item-highlight-bg);color:var(--select-item-color)}.select-control__item-indicator{width:var(--select-indicator-width);display:inline-flex;color:var(--select-item-color);justify-content:center;align-items: center}.select-control__item-text{flex:1}.camera-state-control{display:flex;align-items: center;gap:var(--camera-state-gap);flex-wrap:wrap;justify-content:flex-end}.camera-state-control__button{border:var(--camera-state-button-border);background:var(--camera-state-button-bg);color:var(--camera-state-button-text);padding:var(--camera-state-button-padding);border-radius:var(--control-radius);font-size:var(--camera-state-button-font-size);letter-spacing:var(--camera-state-button-letter-spacing);text-transform:uppercase;cursor:pointer}.camera-state-control__button:disabled{opacity:.5;cursor:not-allowed}.camera-state-control__error{font-size:var(--camera-state-error-size);color:var(--camera-state-error-color)}:root{--char-height:140px;--palette-1:#38bdf8;--palette-2:#f97316;--palette-3:#22c55e;--palette-4:#f43f5e;--palette-5:#a855f7;--palette-6:#eab308;--palette-7:#14b8a6;--palette-8:#ef4444;--palette-bytes-1:#60a5fa;--palette-bytes-2:#f97316;--palette-disk-1:#22c55e;--palette-disk-2:#f97316;--palette-load-1:#a855f7;--palette-load-2:#60a5fa;--palette-load-3:#22c55e;--palette-temp-1:#22d3ee;--palette-temp-2:#38bdf8;--palette-temp-3:#a855f7;--palette-temp-4:#f97316;--palette-temp-5:#facc15;--usage-green:#22c55e;--usage-yellow:#eab308;--usage-red:#ef4444}.chart{display:flex;gap:var(--sp-5);min-height:calc(var(--chart-height) + 40px);flex-direction:column}.chart__plot{position:relative;height:var(--chart-height);margin:0 calc(var(--sp-5)*-1)}.chart__svg{height:var(--chart-height);display:block;width:100%}.chart__grid line{stroke:hsl(var(--color-fg));stroke-dasharray:4 6;opacity:.19}.chart__grid line:first-child{stroke-dasharray:0 0}.chart__axis text{fill:color-mix(in srgb,hsl(var(--color-fg))65%,hsl(var(--color-surface-bg)));font-size:var(--text-sz-note)}.chart__line{fill:none;stroke:var(--chart-color,hsl(var(--color-fg)));stroke-width:2}.chart__area{opacity:.9}.chart__cursor line{stroke:hsl(var(--color-fg));stroke-width:1}.chart__cursor circle{fill:hsl(var(--color-fg));stroke:hsl(var(--color-fg));stroke-width:1}.chart__overlay{cursor:default}.chart__empty{color:hsl(var(--color-fg));font-size:var(--text-sz-caption);display:flex;height:var(--chart-height);justify-content:center;align-items: center}.chart-legend__pill{width:var(--sp-square);border-radius:var(--sp-dot);background:var(--series-color,hsl(var(--color-fg)));margin-right:var(--sp-square);height:12px;margin-top:-1px}.tooltip__trigger{position:absolute;pointer-events:all;inset:0}.tooltip__popup{background:hsl(from color-mix(in srgb,hsl(var(--color-bg))96%,hsl(var(--color-fg)))h s l/.7);border-radius:var(--radius-sm);padding:var(--sp-2)var(--sp-3);pointer-events:none;isolation:isolate;z-index:1000;backdrop-filter:saturate(2.8)blur(16px);box-shadow:inset 0 0 1px .5px #ffffff1a,0 0 0 1px #0e3f7e17,0 13px 27px -5px #00000d4d,0 8px 16px -8px #00000080}.chart-tooltip{display:grid;grid-template-columns:1fr auto;gap:var(--sp-1)var(--sp-5);align-items: center}.chart-tooltip__row{display:contents}.chart-tooltip__row>:nth-child(2){margin-left:auto}.telemetry-dashboard__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4)}@media (max-width:960px){.telemetry-dashboard__grid{grid-template-columns:1fr}}.video-player{position:relative;border-radius:var(--video-player-radius);overflow:hidden;background:var(--video-player-bg)}.video-player video,.video-player iframe{display:block;object-fit:contain;width:100%;height:100%}.video-player__overlay{position:absolute;border-radius:inherit;overflow:hidden;background:var(--video-player-overlay);opacity:var(--video-player-overlay-opacity);transition:opacity var(--duration-fast)ease;border:none;inset:0}.video-player:hover .video-player__overlay{opacity:var(--video-player-overlay-opacity-hover)}.video-player__main-controls{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-player__seeker{position:absolute;bottom:var(--video-player-seeker-bottom);left:var(--video-player-seeker-side);right:var(--video-player-seeker-side);padding-bottom:var(--video-player-seeker-padding);transition:padding-bottom var(--duration-quick)ease}.video-player__seeker-bar{position:relative;margin-top:var(--video-player-seeker-margin);height:var(--video-player-seeker-bar-height);max-height:var(--video-player-seeker-bar-height);border-radius:var(--radius-pill);background:var(--video-player-seeker-bar-bg);transition:height var(--duration-quick)ease,max-height var(--duration-quick)ease,margin-top var(--duration-quick)ease}.video-player__seeker-bar-fill{position:relative;display:block;border-radius:inherit;background:var(--video-player-seeker-bar-fill);pointer-events:none;height:100%;transition:none!important}.video-player__seeker-bar-fill:after{content:"";position:absolute;top:var(--video-player-seeker-dot-offset);width:var(--video-player-seeker-dot-size);height:var(--video-player-seeker-dot-size);background:var(--video-player-seeker-bar-fill);pointer-events:none;border-radius:50%;right:0;transform:translate(50%,-50%)}.video-player__seeker-bar-buffer{position:absolute;display:block;border-radius:inherit;background:var(--video-player-seeker-bar-buffer);pointer-events:none;transition:width var(--duration-instant)ease;top:0;bottom:0;left:0}.video-player__seeker:hover{padding-bottom:var(--video-player-seeker-padding-hover)}.video-player__seeker:hover .video-player__seeker-bar{height:var(--video-player-seeker-bar-height-hover);max-height:var(--video-player-seeker-bar-height-hover)}.video-player__seeker:hover .video-player__seeker-bar-fill:after{width:var(--video-player-seeker-dot-size-hover);height:var(--video-player-seeker-dot-size-hover)}.video-player__seeker-start,.video-player__seeker-end{position:absolute;bottom:var(--video-player-seeker-time-bottom);font-size:var(--video-player-seeker-time-size);font-weight:var(--video-player-seeker-time-weight);pointer-events:none}.video-player__seeker-start{color:var(--color-dark-text);left:0}.video-player__seeker-end{color:var(--color-dark-text);right:0}.video-player__seeker-end--live{color:var(--rec-color);text-transform:uppercase;padding-right:var(--video-player-live-padding-right)}.video-player__seeker-end--live:after{content:"";position:absolute;width:var(--video-player-live-dot-size);height:var(--video-player-live-dot-size);background:var(--rec-color);animation:blink var(--duration-blink)infinite;border-radius:50%;top:50%;right:0;transform:translateY(-50%)}.video-player__label{position:absolute;left:var(--video-player-label-offset);top:var(--video-player-label-offset);color:var(--color-dark-text);font-size:var(--video-player-label-size);line-height:var(--video-player-label-line-height);pointer-events:none}.video-player__controls{position:absolute;padding:var(--video-player-controls-padding);gap:var(--video-player-controls-gap);color:var(--color-dark-text);display:flex;pointer-events:none;flex-direction:row;justify-content:start;align-items: center;bottom:0;left:0;right:0}.video-player__spacer{flex:1}.video-player__controls>button{padding:var(--video-player-control-button-padding);cursor:pointer;color:var(--color-dark-text);opacity:var(--video-player-control-opacity);transition:opacity var(--duration-quick)ease;pointer-events:auto;background:0 0;border:none;margin:0}.video-player__controls>button:hover{opacity:1}.video-player__controls>button:disabled{opacity:var(--video-player-control-opacity-disabled);pointer-events:none}.video-player__controls>button svg{height:var(--video-player-control-icon-size);stroke-width:var(--video-player-control-stroke-width)}.video-player__button--large svg{height:var(--video-player-control-icon-size-lg)}.video-player__media{display:block;border-radius:var(--video-player-radius);--media-object-fit:contain;--media-object-position:50% 50%;width:100%;height:100%}.video-player__stripes{--stripes-size:var(--video-player-stripes-size);position:absolute;width:var(--video-player-stripes-width);overflow:hidden;border-radius:inherit;background-color:var(--video-player-stripes-bg);-webkit-mask-image:linear-gradient(to left,var(--video-player-mask-solid)var(--video-player-stripes-mask-start),var(--video-player-mask-clear)var(--video-player-stripes-mask-end));mask-image:linear-gradient(to left,var(--video-player-mask-solid)var(--video-player-stripes-mask-start),var(--video-player-mask-clear)var(--video-player-stripes-mask-end));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;top:0;bottom:0;right:0}.video-player__stripes>div{position:absolute;inset:0;right:calc(var(--stripes-size)*-1);background:repeating-linear-gradient(-45deg,transparent 25%,transparent 50%,var(--rec-color)50%,var(--rec-color)75%);background-size:var(--stripes-size)var(--stripes-size);animation:animateStripes var(--duration-stripes)linear infinite}@keyframes animateStripes{0%{transform:translate(0)}to{transform:translateX(calc(var(--stripes-size)*-1))}}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.video-player__playback-rate{display:inline-flex;pointer-events:auto;align-items: center}.page{display:grid;gap:24px;max-width:1100px;margin:0 auto;padding:32px}.list-wrap{background:linear-gradient(135deg,#fffdf9 0%,#f3e8d9 100%);border-radius:24px;padding:24px;box-shadow:0 20px 60px #1d1a161f}.list-header{display:flex;justify-content:space-between;align-items: center;margin-bottom:16px}.badge{color:#f9f2e8;background:#1d1a16;border-radius:999px;padding:6px 14px;font-size:.85rem}.error{color:#f7d7c7;background:#2a1d16;border-radius:12px;padding:12px 16px}.empty{background:#efe4d4;border-radius:12px;padding:18px;font-size:.95rem}.video-list{list-style:none;display:grid;gap:12px;margin:0;padding:0}.video-item{display:grid;grid-template-columns:1fr auto;align-items: center;gap:12px;margin:0}.video-card{display:flex;text-align:left;cursor:pointer;background:#fdfbf7;border:none;border-radius:18px;justify-content:space-between;align-items: center;gap:12px;width:100%;padding:16px 20px;transition:transform .2s,box-shadow .2s}.video-card h3{margin:0 0 6px;font-size:1.1rem}.video-card p{color:#4f4438;margin:0;font-size:.9rem}.video-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #1d1a161f}.delete{color:#fff5ec;cursor:pointer;background:#b04934;border:none;border-radius:12px;padding:10px 16px;transition:transform .2s,box-shadow .2s;font-size:.85rem}.delete:hover{transform:translateY(-1px);box-shadow:0 6px 20px #b049344d}.chevron{color:#f9f2e8;background:#1d1a16;border-radius:999px;padding:8px 16px;font-size:.85rem}.dialog-backdrop{position:fixed;display:grid;z-index:10;background:#140f0a99;place-items: center;padding:24px;inset:0}.dialog{display:grid;background:#fffdf9;border-radius:24px;gap:20px;width:min(960px,100%);padding:24px;box-shadow:0 30px 80px #0f0a054d}.dialog-header{display:flex;justify-content:space-between;align-items: center;gap:16px}.close{color:#f9f2e8;cursor:pointer;background:#1d1a16;border:none;border-radius:50%;width:40px;height:40px;font-size:1rem}.dialog-player{display:grid;gap:12px}@media (max-width:720px){.page{padding:20px}.video-item{grid-template-columns:1fr}.dialog{padding:16px}.video-card{flex-direction:column;align-items: flex-start}.controls{grid-template-columns:1fr;align-items:stretch}}
