:root{--bg: #f7f7f4;--surface: #ffffff;--surface-subtle: #efefe9;--surface-dark: #171a18;--fg: #181817;--fg-soft: #4f4f49;--dim: #76766e;--border: rgba(24, 24, 20, .12);--border-strong: rgba(24, 24, 20, .22);--accent: #0f7b4d;--accent-bright: #62d698;--accent-soft: #e4f2ea;--accent-pale: #f0f7f3;--shadow-sm: 0 1px 2px rgba(20, 20, 16, .06);--shadow-md: 0 24px 70px rgba(20, 20, 16, .12);--shadow-lg: 0 40px 120px rgba(20, 20, 16, .18);--radius-sm: 10px;--radius: 18px;--radius-lg: 30px;--font: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Hiragino Sans", "Noto Sans JP", sans-serif;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased}button,select{font:inherit;color:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}[hidden]{display:none!important}:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:4px}.skip-link{position:fixed;z-index:100;top:12px;left:12px;padding:10px 14px;border-radius:var(--radius-sm);background:var(--fg);color:var(--surface);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.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}.section-shell{width:min(1240px,calc(100% - 48px));margin-inline:auto}.site-header{position:absolute;z-index:20;top:0;left:50%;width:min(1320px,calc(100% - 40px));height:82px;display:flex;align-items:center;justify-content:space-between;gap:32px;transform:translate(-50%)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:730;letter-spacing:-.02em}.brand-mark{width:30px;height:30px;display:inline-grid;place-items:center;border-radius:9px;background:var(--accent);color:#fff;font-weight:800}.nav-links{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:13px;color:var(--fg-soft)}.nav-links a{transition:color .16s ease}.nav-links a:hover{color:var(--fg)}.header-actions{display:flex;align-items:center;gap:10px}.locale-control select{height:38px;padding:0 9px;border:1px solid var(--border);border-radius:11px;background:#ffffffa6;color:var(--fg-soft);font-size:12px}.github-button{min-height:38px;display:inline-flex;align-items:center;padding:0 16px;border-radius:11px;background:var(--fg);color:#fff;font-size:13px;font-weight:650}.hero{min-height:100svh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:130px 0 88px;text-align:center;isolation:isolate}.hero:before{position:absolute;z-index:-2;width:min(850px,82vw);aspect-ratio:1;content:"";border-radius:50%;background:radial-gradient(circle,rgba(15,123,77,.12),rgba(15,123,77,.025) 45%,transparent 70%);filter:blur(6px)}.hero:after{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;content:"";opacity:.24;background-image:radial-gradient(rgba(15,123,77,.28) .6px,transparent .7px);background-size:18px 18px;-webkit-mask-image:radial-gradient(circle at 50% 48%,black,transparent 62%);mask-image:radial-gradient(circle at 50% 48%,black,transparent 62%)}.eyebrow{margin:0 0 20px;color:var(--accent);font-size:12px;font-weight:760;letter-spacing:.14em;text-transform:uppercase}.hero h1{max-width:980px;margin:0;font-size:clamp(62px,8.8vw,128px);font-weight:750;letter-spacing:-.075em;line-height:.88}html[lang=ja] h1,html[lang=ja] h2,html[lang=ja] h3,html[lang=ja] h4{font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Noto Sans JP,sans-serif;font-feature-settings:"palt";font-weight:650;letter-spacing:-.025em}html[lang=ja] .hero h1{font-size:clamp(58px,8vw,108px);line-height:.98}html[lang=ja] .demo-copy h3{font-size:clamp(36px,3.2vw,48px);line-height:1.08}.hero-copy{max-width:690px;margin:34px auto 0;color:var(--fg-soft);font-size:clamp(18px,2vw,23px);letter-spacing:-.025em;line-height:1.55}.hero-actions{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:36px}.primary-button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 24px;border:0;border-radius:999px;background:var(--accent);box-shadow:0 10px 30px #0f7b4d33;color:#fff;font-size:15px;font-weight:690;transition:background .16s ease,transform .16s ease,box-shadow .16s ease}.primary-button:hover{background:#0b6840;transform:translateY(-2px);box-shadow:0 14px 34px #0f7b4d42}.primary-button:active{transform:translateY(0)}.play-glyph{font-size:11px}.text-link{display:inline-flex;align-items:center;gap:7px;color:var(--fg-soft);font-size:14px;font-weight:650}.text-link:hover{color:var(--accent)}.hero-orbit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.orbit-caption{position:absolute;padding:10px 15px;border:1px solid rgba(15,123,77,.13);border-radius:999px;background:#ffffff9e;box-shadow:var(--shadow-sm);color:var(--accent);font-size:11px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:float-caption 7s ease-in-out infinite}.orbit-one{top:28%;left:5%;transform:rotate(-5deg)}.orbit-two{top:24%;right:4%;animation-delay:-2s;transform:rotate(4deg)}.orbit-three{right:9%;bottom:21%;animation-delay:-4s;transform:rotate(-3deg)}@keyframes float-caption{0%,to{translate:0 0}50%{translate:0 -10px}}.scroll-cue{position:absolute;bottom:28px;display:flex;align-items:center;gap:10px;color:var(--dim);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.story{padding-top:130px}.story-intro{text-align:center}.story-intro h2,.section-heading h2,.compact-heading h2,.final-cta h2{margin:0;font-size:clamp(44px,6vw,82px);font-weight:710;letter-spacing:-.062em;line-height:.98}.story-intro>p:last-child{max-width:620px;margin:28px auto 0;color:var(--fg-soft);font-size:18px;line-height:1.65}.story-track{position:relative;height:520vh;margin-top:90px}.story-sticky{position:sticky;top:0;min-height:100svh;display:grid;grid-template-columns:minmax(240px,.65fr) minmax(650px,1.8fr);grid-template-rows:1fr auto;align-items:center;gap:26px 56px;width:min(1440px,calc(100% - 52px));margin-inline:auto;padding:60px 0 34px}.demo-copy{padding-left:max(0px,calc((100vw - 1400px)/2))}.demo-kicker{margin:0 0 16px;color:var(--accent);font-size:12px;font-weight:760;letter-spacing:.12em;text-transform:uppercase}.demo-copy h3{max-width:330px;margin:0;font-size:clamp(38px,4vw,62px);font-weight:720;letter-spacing:-.06em;line-height:.98}.demo-copy>p:last-child{max-width:340px;margin:22px 0 0;color:var(--fg-soft);font-size:15px;line-height:1.65}.product-stage{--phase-progress: 0;position:relative;min-height:min(68vh,680px);display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(15,123,77,.12);border-radius:38px;background:radial-gradient(circle at 70% 40%,rgba(98,214,152,.24),transparent 31%),radial-gradient(circle at 20% 70%,rgba(15,123,77,.1),transparent 38%),linear-gradient(135deg,#eff7f2,#e6f2eb);box-shadow:inset 0 1px #fffc,var(--shadow-md)}.product-stage:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";opacity:.36;background-image:radial-gradient(rgba(15,123,77,.42) .55px,transparent .65px);background-size:15px 15px;-webkit-mask-image:linear-gradient(135deg,transparent,black 50%,transparent);mask-image:linear-gradient(135deg,transparent,black 50%,transparent)}.signal{position:absolute;width:440px;height:440px;border:1px solid rgba(15,123,77,.15);border-radius:50%;opacity:0;transform:scale(.6);transition:opacity .8s ease,transform 1s ease}.signal-two{width:590px;height:590px}.product-stage[data-phase="4"] .signal{opacity:1;transform:scale(1)}.laptop{position:relative;z-index:2;width:min(78%,780px);transform:translate(3%) scale(.9);transition:transform .7s cubic-bezier(.2,.8,.2,1)}.laptop-screen{aspect-ratio:16 / 10;overflow:hidden;border:9px solid #292c2a;border-bottom-width:15px;border-radius:18px 18px 11px 11px;background:#f7f7f4;box-shadow:0 30px 80px #14231938}.laptop-base{width:110%;height:14px;margin-left:-5%;border-radius:2px 2px 16px 16px;background:linear-gradient(#d8d8d4,#a8aaa7);box-shadow:0 12px 25px #1419162e}.app-bar{height:15%;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--border);background:#fff}.mini-brand{display:flex;align-items:center;gap:6px;font-size:clamp(7px,.78vw,12px);font-weight:720}.mini-brand>span{width:17px;height:17px;display:grid;place-items:center;border-radius:5px;background:var(--accent);color:#fff;font-size:9px}.mini-brand small{color:var(--dim);font-weight:520}.broadcast-pill{display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:99px;background:var(--surface-subtle);color:var(--dim);font-size:clamp(6px,.68vw,10px);font-weight:700}.broadcast-pill i{width:5px;height:5px;border-radius:50%;background:#9c9c94;transition:background .3s ease,box-shadow .3s ease}.console-grid{height:85%;display:grid;grid-template-columns:1.6fr 1fr;gap:3%;padding:3%}.panel{border:1px solid var(--border);border-radius:clamp(6px,1vw,13px);background:#fff;box-shadow:var(--shadow-sm)}.setup-panel{position:relative;padding:6%}.panel-label{display:flex;align-items:center;gap:8px;margin:0 0 7%;font-size:clamp(6px,.72vw,11px)}.panel-label>span{width:17px;height:17px;display:grid;place-items:center;border-radius:5px;background:var(--accent-soft);color:var(--accent);font-size:8px}.provider-choice{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:5%;margin-bottom:4%;border:1px solid var(--border);border-radius:8px}.provider-choice.selected{border-color:#0f7b4d61;background:var(--accent-pale)}.provider-icon{width:21px;height:21px;display:grid;place-items:center;border-radius:6px;background:var(--accent-soft);color:var(--accent);font-size:8px;font-weight:800}.provider-choice span:nth-child(2){display:grid;gap:2px}.provider-choice b{font-size:clamp(5px,.63vw,9px)}.provider-choice small{color:var(--dim);font-size:clamp(4px,.52vw,7px)}.provider-choice>i{width:8px;height:8px;border:2px solid var(--accent);border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px #fff}.muted-choice{opacity:.58}.open-room-button{position:absolute;left:6%;right:6%;bottom:7%;min-height:12%;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:8px;background:var(--accent);color:#fff;font-size:clamp(6px,.7vw,10px);font-weight:700;transition:transform .4s ease,background .3s ease}.open-room-button i{width:6px;height:6px;border:1px solid white;border-radius:2px}.side-panels{display:grid;grid-template-rows:1.18fr .82fr;gap:6%}.share-panel,.audience-panel{padding:7%}.share-row{display:grid;grid-template-columns:35% 1fr;align-items:center;gap:8%;opacity:.18;transform:translateY(5px);transition:opacity .5s ease,transform .5s ease}.qr-code{aspect-ratio:1;border:4px solid white;border-radius:5px;background:repeating-conic-gradient(#18251e 0,#18251e 25%,#fff 0,#fff 50%) 50% / 7px 7px;box-shadow:0 0 0 1px var(--border)}.link-preview{display:grid;gap:6px;min-width:0}.link-preview small{color:var(--dim);font-size:clamp(4px,.5vw,7px)}.link-preview span{overflow:hidden;padding:6px;border:1px solid var(--border);border-radius:5px;color:var(--fg-soft);font-size:clamp(4px,.48vw,7px);white-space:nowrap}.audience-panel{position:relative;display:grid;grid-template-columns:1fr auto}.audience-panel>div:first-child{display:grid;align-content:start;gap:3px}.audience-panel small{color:var(--accent);font-size:clamp(4px,.48vw,7px);text-transform:uppercase}.audience-panel b{font-size:clamp(6px,.7vw,10px)}.audience-count{font-size:clamp(16px,2vw,28px);transition:color .3s ease}.audience-pills{position:absolute;left:7%;right:7%;bottom:13%;display:flex;gap:4px;opacity:0;transform:translateY(5px);transition:opacity .5s ease,transform .5s ease}.audience-pills span{padding:4px 6px;border-radius:99px;background:var(--accent-soft);color:var(--accent);font-size:clamp(4px,.46vw,7px)}.phone{position:absolute;z-index:5;right:5%;bottom:5%;width:min(24%,220px);opacity:0;transform:translate(35%,18%) rotate(7deg) scale(.78);transition:opacity .65s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.phone-screen{aspect-ratio:9 / 18.5;overflow:hidden;border:8px solid #222522;border-radius:31px;background:#f7f7f4;box-shadow:0 35px 70px #11281a40}.phone-bar{height:12%;display:flex;align-items:center;gap:5px;padding:0 9%;border-bottom:1px solid var(--border);background:#fff;font-size:clamp(5px,.65vw,9px)}.phone-brand{width:15px;height:15px;display:grid;place-items:center;border-radius:4px;background:var(--accent);color:#fff;font-size:7px}.phone-bar i{width:6px;height:6px;margin-left:auto;border-radius:50%;background:var(--accent-bright)}.language-picker{position:absolute;top:12%;inset-inline:8px;bottom:8px;z-index:2;display:flex;flex-direction:column;padding:18% 9% 9%;border-radius:0 0 21px 21px;background:#f7f7f4;transition:opacity .35s ease,transform .35s ease}.language-picker small{color:var(--accent);font-size:clamp(4px,.5vw,7px);font-weight:700}.language-picker h4{margin:7px 0 15px;font-size:clamp(9px,1.22vw,17px);letter-spacing:-.04em}.language-picker button{display:flex;justify-content:space-between;padding:8px;margin-bottom:5px;border:1px solid var(--border);border-radius:7px;background:#fff;font-size:clamp(5px,.6vw,8px);text-align:left}.language-picker button:first-of-type{border-color:#0f7b4d73;background:var(--accent-pale);color:var(--accent)}.caption-view{height:88%;display:flex;flex-direction:column;justify-content:flex-start;padding:12% 14% 14%;background:linear-gradient(#f8f8f5,#edf5f0)}.live-label{margin-bottom:12px;color:var(--accent);font-size:clamp(4px,.48vw,7px);font-weight:800}.live-label i{display:inline-block;width:5px;height:5px;margin-right:3px;border-radius:50%;background:#27bd73}.caption-view p{min-height:3.2em;margin:0;font-size:clamp(10px,1.5vw,21px);font-weight:700;letter-spacing:-.05em;line-height:1.35}.caption-view small{min-height:2.8em;margin-top:12px;color:var(--dim);font-size:clamp(5px,.65vw,9px);line-height:1.4}.audience-device{position:absolute;z-index:4;width:18%;aspect-ratio:1.45;display:flex;flex-direction:column;justify-content:flex-end;padding:2.5%;border:5px solid #2c302d;border-radius:14px;background:linear-gradient(#f8f8f5,#eaf4ee);box-shadow:0 25px 55px #11281a33;opacity:0;transition:opacity .55s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.audience-device span{color:var(--accent);font-size:clamp(4px,.5vw,7px);font-weight:800}.audience-device p{margin:6px 0 0;font-size:clamp(6px,.85vw,12px);font-weight:700;line-height:1.2}.device-two{left:3%;bottom:7%;transform:translate(-30%,30%) rotate(-8deg)}.device-three{z-index:7;right:3%;top:3%;width:19%;transform:translate(25%,-25%) rotate(6deg)}.product-stage[data-phase="1"] .open-room-button,.product-stage[data-phase="2"] .open-room-button,.product-stage[data-phase="3"] .open-room-button,.product-stage[data-phase="4"] .open-room-button{background:#17261e;transform:scale(.98)}.product-stage[data-phase="1"] .broadcast-pill i,.product-stage[data-phase="2"] .broadcast-pill i,.product-stage[data-phase="3"] .broadcast-pill i,.product-stage[data-phase="4"] .broadcast-pill i{background:#24bd72;box-shadow:0 0 0 3px #24bd7224}.product-stage[data-phase="1"] .share-row,.product-stage[data-phase="2"] .share-row,.product-stage[data-phase="3"] .share-row,.product-stage[data-phase="4"] .share-row{opacity:1;transform:none}.product-stage[data-phase="2"] .laptop,.product-stage[data-phase="3"] .laptop,.product-stage[data-phase="4"] .laptop{transform:translate(-6%) scale(.82)}.product-stage[data-phase="2"] .phone,.product-stage[data-phase="3"] .phone,.product-stage[data-phase="4"] .phone{opacity:1;transform:translate(0) rotate(2deg) scale(1)}.product-stage[data-phase="2"] .audience-device,.product-stage[data-phase="3"] .audience-device,.product-stage[data-phase="4"] .audience-device{opacity:1;transform:translate(0) rotate(-3deg)}.product-stage[data-phase="2"] .device-three,.product-stage[data-phase="3"] .device-three,.product-stage[data-phase="4"] .device-three{transform:translate(0) rotate(3deg)}.product-stage[data-phase="2"] .audience-count:after,.product-stage[data-phase="3"] .audience-count:after,.product-stage[data-phase="4"] .audience-count:after{content:"3"}.product-stage[data-phase="2"] .audience-count{font-size:0;color:var(--accent)}.product-stage[data-phase="2"] .audience-count:after{font-size:clamp(16px,2vw,28px)}.product-stage[data-phase="3"] .audience-count,.product-stage[data-phase="4"] .audience-count{font-size:0;color:var(--accent)}.product-stage[data-phase="3"] .audience-count:after,.product-stage[data-phase="4"] .audience-count:after{font-size:clamp(16px,2vw,28px)}.product-stage[data-phase="2"] .audience-pills,.product-stage[data-phase="3"] .audience-pills,.product-stage[data-phase="4"] .audience-pills{opacity:1;transform:none}.product-stage[data-phase="4"] .language-picker{opacity:0;transform:translateY(-8px);pointer-events:none}.player{grid-column:2;display:flex;align-items:center;gap:14px;max-width:560px;width:100%;margin-inline:auto}.player-toggle,.replay-button{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--border);border-radius:50%;background:#fff;color:var(--fg);box-shadow:var(--shadow-sm)}.player-toggle span{font-size:11px}.progress-wrap{display:flex;align-items:center;gap:12px;width:100%}.progress-track{position:relative;height:3px;flex:1;overflow:hidden;border-radius:99px;background:#1818141f}.progress-track span{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:var(--accent);transition:width .1s linear}.progress-label{min-width:32px;color:var(--dim);font-size:11px;font-variant-numeric:tabular-nums}.static-steps{display:none}.use-cases{padding-top:170px}.section-heading{max-width:900px;margin-bottom:70px}.section-heading h2{max-width:850px}.use-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.use-card{min-height:520px;position:relative;overflow:hidden;padding:34px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease,box-shadow .22s ease}.use-card.is-visible{opacity:1;transform:none}.use-card:hover{box-shadow:var(--shadow-md)}.use-number{position:absolute;top:32px;right:32px;color:var(--dim);font-size:11px}.use-card h3{margin:24px 0 10px;font-size:26px;letter-spacing:-.045em}.use-card>p{max-width:500px;margin:0;color:var(--fg-soft);font-size:15px;line-height:1.65}.use-visual{height:300px;position:relative;overflow:hidden;border-radius:20px;background:var(--accent-pale)}.presentation-visual{background:linear-gradient(145deg,#dfeee6,#f5f7f2)}.presenter{position:absolute;left:18%;bottom:12%;width:30px;height:86px;border-radius:20px 20px 5px 5px;background:#183c2a}.presenter:before{position:absolute;top:-27px;left:4px;width:23px;height:23px;content:"";border-radius:50%;background:#d9a779}.screen{position:absolute;top:13%;right:12%;width:56%;height:55%;padding:10%;border:7px solid #29332d;border-radius:8px;background:#fff;box-shadow:0 18px 30px #14281b24}.screen i{display:block;height:8px;margin-bottom:10px;border-radius:9px;background:var(--accent)}.screen i:nth-child(2){width:82%;background:#76c89c}.screen i:nth-child(3){width:65%;background:#b4d9c4}.seats{position:absolute;left:28%;right:6%;bottom:-8%;display:flex;justify-content:space-around}.seats b{width:56px;height:74px;border-radius:50% 50% 10px 10px;background:#709180;box-shadow:0 -20px 0 -13px #283b31}.class-visual{background:linear-gradient(145deg,#edf1df,#f7f6ef)}.board{position:absolute;top:11%;left:15%;right:15%;height:52%;padding:12%;border:8px solid #796e55;background:#355e4b}.board i{display:block;width:72%;height:4px;margin-bottom:16px;border-radius:4px;background:#ffffffad}.board i:last-child{width:46%}.desks{position:absolute;left:10%;right:10%;bottom:10%;display:grid;grid-template-columns:1fr 1fr;gap:15px 40px}.desks b{height:18px;border-radius:5px;background:#b7925f;box-shadow:0 7px #7e6340}.globe-visual{display:grid;place-items:center;background:radial-gradient(circle,#edf8f1,#dceee3)}.globe{width:180px;height:180px;position:relative;border:2px solid rgba(15,123,77,.42);border-radius:50%;box-shadow:inset 22px 0 50px #0f7b4d14}.globe:before,.globe:after,.globe i{position:absolute;content:"";border:1px solid rgba(15,123,77,.25);border-radius:50%}.globe:before{top:0;right:58px;bottom:0;left:58px}.globe:after{top:34px;right:0;bottom:34px;left:0}.globe i{width:9px;height:9px;border:0;background:var(--accent);box-shadow:0 0 0 7px #0f7b4d1a}.globe i:nth-child(1){top:30%;left:27%}.globe i:nth-child(2){top:49%;right:20%}.globe i:nth-child(3){bottom:18%;left:47%}.globe-visual>span{position:absolute;padding:6px 9px;border-radius:99px;background:#fff;color:var(--accent);box-shadow:var(--shadow-sm);font-size:10px;font-weight:700}.globe-visual>span:nth-of-type(1){top:18%;left:14%}.globe-visual>span:nth-of-type(2){top:22%;right:10%}.globe-visual>span:nth-of-type(3){right:20%;bottom:15%}.community-visual{background:linear-gradient(145deg,#e7eef2,#f1f5f2)}.caption-bubble{position:absolute;top:16%;left:12%;right:12%;padding:28px;border-radius:18px;background:#1c2420;box-shadow:var(--shadow-md);color:#fff;font-size:28px;font-weight:680;text-align:center}.community-visual b{position:absolute;bottom:10%;width:76px;height:76px;border-radius:50% 50% 14px 14px;background:#547364;box-shadow:0 -24px 0 -15px #d3a178}.community-visual b:nth-of-type(1){left:14%}.community-visual b:nth-of-type(2){left:41%;background:#806e5f}.community-visual b:nth-of-type(3){right:12%;background:#4e6178}.features{padding-top:190px}.compact-heading{max-width:850px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);border-left:1px solid var(--border)}.feature-grid article{min-height:300px;padding:38px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease,background .18s ease}.feature-grid article.is-visible{opacity:1;transform:none}.feature-grid article:hover{background:var(--surface)}.feature-mark{width:50px;height:50px;display:grid;place-items:center;margin-bottom:56px;border-radius:15px;background:var(--accent-soft);color:var(--accent);font-size:17px;font-weight:750}.feature-grid h3{margin:0 0 11px;font-size:19px;letter-spacing:-.035em}.feature-grid p{margin:0;color:var(--fg-soft);font-size:14px;line-height:1.65}.open-source{padding-top:190px}.open-card{min-height:670px;display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden;border-radius:42px;background:var(--surface-dark);color:#f4f5f1;opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.open-card.is-visible{opacity:1;transform:none}.open-copy{display:flex;flex-direction:column;justify-content:center;padding:70px}.eyebrow.light{color:var(--accent-bright)}.open-copy h2{margin:0;font-size:clamp(48px,5vw,74px);letter-spacing:-.064em;line-height:.98}.open-copy>p:not(.eyebrow){max-width:520px;margin:28px 0 0;color:#bec5bf;font-size:16px;line-height:1.7}.open-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:38px}.light-button{min-height:50px;display:inline-flex;align-items:center;gap:10px;padding:0 20px;border-radius:99px;background:#fff;color:#172019;font-size:14px;font-weight:680}.dark-text-link{display:inline-flex;align-items:center;gap:7px;color:#d9ded9;font-size:13px;font-weight:620}.architecture{position:relative;min-height:600px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(72,184,129,.18),transparent 53%)}.architecture:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";opacity:.22;background-image:radial-gradient(rgba(255,255,255,.45) .6px,transparent .7px);background-size:19px 19px;-webkit-mask-image:radial-gradient(circle,black,transparent 68%);mask-image:radial-gradient(circle,black,transparent 68%)}.arch-node{position:absolute;z-index:2;display:grid;gap:4px;padding:18px 22px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:#ffffff12;box-shadow:0 20px 45px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.arch-node span,.arch-node small{color:#9fa9a2;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.arch-node b{font-size:14px}.speaker-node{top:13%;left:50%;transform:translate(-50%)}.relay-node{top:42%;left:50%;min-width:180px;transform:translate(-50%);text-align:center;border-color:#62d69859;background:#1a583873}.arch-line{position:absolute;z-index:1;left:50%;width:1px;background:linear-gradient(var(--accent-bright),rgba(98,214,152,.1))}.line-a{top:27%;height:15%}.line-b{top:57%;height:15%}.arch-line i{position:absolute;left:-2px;width:5px;height:5px;border-radius:50%;background:var(--accent-bright);box-shadow:0 0 12px var(--accent-bright);animation:signal-dot 2s linear infinite}.line-b i:nth-child(2){animation-delay:-.65s}.line-b i:nth-child(3){animation-delay:-1.3s}@keyframes signal-dot{0%{top:0}to{top:100%}}.viewer-nodes{position:absolute;top:72%;left:10%;right:10%;display:flex;justify-content:space-between}.viewer-nodes>div{width:29%;display:grid;place-items:center;gap:6px;padding:20px 8px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#ffffff0f}.viewer-nodes span{color:var(--accent-bright);font-size:13px;font-weight:750}.viewer-nodes small{color:#9fa9a2;font-size:9px}.final-cta{padding-top:190px;padding-bottom:150px;text-align:center}.large-mark{width:56px;height:56px;margin-bottom:28px;border-radius:17px;font-size:26px}.final-cta h2{max-width:900px;margin-inline:auto}.final-cta>p{margin:24px 0 0;color:var(--fg-soft);font-size:17px}.centered{justify-content:center}.site-footer{min-height:100px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;border-top:1px solid var(--border);color:var(--dim);font-size:12px}.site-footer .brand{color:var(--fg)}.site-footer>p{text-align:center}.site-footer>a:last-child{justify-self:end;color:var(--fg-soft)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}.hero .reveal:nth-child(2){transition-delay:80ms}.hero .reveal:nth-child(3){transition-delay:.16s}.hero .reveal:nth-child(4){transition-delay:.24s}@media(max-width:1050px){.story-sticky{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:20px;padding-top:92px}.demo-copy{display:grid;grid-template-columns:170px 1fr;gap:6px 24px;align-items:end;padding:0 24px}.demo-kicker{grid-row:1 / 3;align-self:start;margin-top:8px}.demo-copy h3{max-width:none;font-size:38px}.demo-copy>p:last-child{max-width:600px;margin:6px 0 0}.product-stage{min-height:58vh}.player{grid-column:1}.feature-grid{grid-template-columns:repeat(2,1fr)}.open-card{grid-template-columns:1fr}.architecture{min-height:560px}}@media(max-width:760px){.section-shell{width:min(100% - 30px,620px)}.site-header{width:calc(100% - 28px);height:70px}.nav-links,.header-github{display:none}.brand{font-size:14px}.brand-mark{width:28px;height:28px}.hero{min-height:94svh;padding-top:105px}.hero h1{font-size:clamp(53px,17vw,78px)}html[lang=ja] .hero h1{font-size:clamp(40px,11.5vw,48px);line-height:1.02}.hero-copy{margin-top:26px;font-size:17px}.hero-actions{flex-direction:column;gap:18px;margin-top:30px}.orbit-caption{display:none}.scroll-cue{bottom:18px}.story{padding-top:100px}.story-intro h2,.section-heading h2,.compact-heading h2,.final-cta h2{font-size:clamp(42px,12vw,62px)}.story-track{height:430vh;margin-top:55px}.story-sticky{width:calc(100% - 20px);min-height:100svh;padding:76px 0 22px;gap:14px}.demo-copy{display:block;min-height:112px;padding:0 14px}.demo-kicker{margin:0 0 7px;font-size:10px}.demo-copy h3{font-size:31px}html[lang=ja] .demo-copy h3{font-size:30px}.demo-copy>p:last-child{margin-top:8px;font-size:12px;line-height:1.45}.product-stage{min-height:51vh;border-radius:25px}.laptop{width:90%;transform:translate(0) translateY(-8%) scale(.92)}.product-stage[data-phase="2"] .laptop,.product-stage[data-phase="3"] .laptop,.product-stage[data-phase="4"] .laptop{transform:translate(-6%,-13%) scale(.76)}.phone{right:4%;bottom:3%;width:28%}.phone-screen{border-width:5px;border-radius:19px}.language-picker{inset-inline:5px;bottom:5px;border-radius:0 0 12px 12px}.audience-device{width:22%;border-width:3px;border-radius:9px}.device-two{left:1%;bottom:6%}.device-three{top:2%;right:30%;width:24%}.player{padding:0 12px}.use-cases,.features,.open-source{padding-top:120px}.section-heading{margin-bottom:42px}.use-grid{grid-template-columns:1fr;gap:14px}.use-card{min-height:auto;padding:22px}.use-visual{height:250px}.use-number{top:22px;right:22px}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:245px;padding:28px}.feature-mark{margin-bottom:38px}.open-card{border-radius:26px}.open-copy{padding:46px 25px}.open-copy h2{font-size:46px}.open-actions{align-items:flex-start;flex-direction:column}.architecture{min-height:500px}.final-cta{padding-top:120px;padding-bottom:100px}.site-footer{min-height:150px;grid-template-columns:1fr auto}.site-footer>p{grid-column:1 / 3;grid-row:1;text-align:left}.site-footer .brand{grid-row:2}.site-footer>a:last-child{grid-row:2}}@media(prefers-color-scheme:dark){:root{--bg: #171716;--surface: #20201f;--surface-subtle: #2c2c29;--fg: #f1f1ed;--fg-soft: #c9c9c2;--dim: #999990;--border: rgba(255,255,245,.12);--border-strong: rgba(255,255,245,.22);--accent: #48b881;--accent-soft: #173d2b;--accent-pale: #1b2d23;color-scheme:dark}.locale-control select{background:#20201fb8}.hero:after,.product-stage:before{opacity:.13}.orbit-caption{background:#20201fbf}.product-stage{background:radial-gradient(circle at 70% 40%,rgba(72,184,129,.19),transparent 31%),linear-gradient(135deg,#1a2c22,#17221c)}.laptop-screen,.phone-screen,.language-picker{background:#232321}.app-bar,.panel,.phone-bar{background:#292927}.console-grid{background-color:#20201f}.caption-view,.audience-device{background:linear-gradient(#222822,#1b2d23)}.provider-choice.selected{background:#173d2b}.open-room-button{color:#07130c}.share-row .qr-code{filter:invert(.86)}.player-toggle,.replay-button{background:#252523}.use-visual{filter:brightness(.75) saturate(.8)}.open-card{border:1px solid var(--border)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal,.use-card,.feature-grid article,.open-card{opacity:1;transform:none}.story-track{height:auto}.story-sticky{position:relative;min-height:auto;padding-block:40px}.demo-copy,.player{display:none}.product-stage{min-height:min(68vw,650px)}.static-steps{display:grid;gap:0;padding-top:30px}.static-steps li{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:26px 0;border-top:1px solid var(--border)}.static-steps li>span{color:var(--accent);font-size:11px;font-weight:750}.static-steps h3{margin:0 0 6px;font-size:20px}.static-steps p{margin:0;color:var(--fg-soft);line-height:1.6}}