:root{--ink:#203a68;--mint:#43d9c8;--paper:#f5f7f8;--muted:#657084;--line:#dbe1e8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid #0d9488;outline-offset:6px}.wrap{max-width:1160px;margin:auto;padding-left:32px;padding-right:32px}.nav{display:flex;justify-content:space-between;align-items:center;padding-top:26px;padding-bottom:26px}.brand{display:flex;align-items:center;gap:12px;font-weight:750;line-height:1.3}.brand img{border-radius:10px}.brand small{display:block;color:var(--muted);font-size:11px;letter-spacing:2px;margin-top:3px}.nav nav{display:flex;gap:28px;font-size:14px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;padding-top:70px;padding-bottom:90px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:3px;margin:0 0 22px;color:#387e79}h1{font-size:clamp(46px,5vw,67px);letter-spacing:-3px;line-height:1.18;margin:0 0 30px}h2,h3,p{margin-top:0}.lead{font-size:19px;color:var(--muted)}.actions{display:flex;align-items:center;gap:24px;margin:34px 0 16px}.button{display:inline-flex;align-items:center;gap:28px;padding:13px 21px;border-radius:10px;font-size:14px;font-weight:650}.primary{background:var(--ink);color:white;box-shadow:0 6px 16px #203a6815}.primary:hover{background:#345582;text-decoration:none}.text-link{font-size:14px;font-weight:650}.small,.demo-note{font-size:12px;color:var(--muted)}.hero-art{position:relative;height:370px;background:#e5eeef;border-radius:45% 45% 30% 38%;isolation:isolate}.art-label{position:absolute;top:0;right:14px;font-size:11px;letter-spacing:3px;color:#487d79}.remote{position:absolute;left:17px;top:33px;width:100px;height:292px;border-radius:38px;background:#203a68;box-shadow:12px 15px 0 #203a6815;transform:rotate(-9deg);display:flex;align-items:center;flex-direction:column;padding-top:18px;z-index:2}.power{width:9px;height:9px;border-radius:50%;border:2px solid #fff9;margin-bottom:20px}.remote button{width:45px;height:45px;border:0;border-radius:50%;font-size:21px;background:var(--mint);cursor:pointer;touch-action:none;user-select:none}.remote button:active{transform:scale(.93)}.dpad{display:grid;place-items:center;width:70px;height:70px;background:#ffffff12;border:1px solid #ffffff30;border-radius:50%;margin-top:22px;color:#fff9;font-size:35px}.remote-small{display:flex;gap:10px;margin-top:24px}.remote-small i{width:10px;height:10px;border-radius:50%;background:#ffffff60}.editor{position:absolute;left:148px;right:-10px;top:85px;background:white;border:1px solid #d2dee5;border-radius:14px;box-shadow:0 20px 40px #203a6815;transform:rotate(3deg)}.editor-top{display:flex;gap:5px;align-items:center;padding:12px;border-bottom:1px solid #e7ecf0}.editor-top i{width:6px;height:6px;border-radius:50%;background:#bdc8d5}.editor-top span{margin-left:auto;font-size:10px;color:var(--muted)}.editor-body{padding:24px 20px}.editor-body p{font-size:24px;line-height:1.6;font-weight:600;margin:0 0 25px}.cursor{float:left;height:23px;width:3px;background:var(--mint);margin:7px 10px 0 0}.editor-status{font-size:11px;color:#427a74;display:inline-block;background:#e6f6f2;border-radius:20px;padding:4px 12px}.signal{position:absolute;left:105px;top:133px;display:flex;gap:4px;align-items:center;z-index:3}.signal i{width:3px;height:10px;background:var(--mint);border-radius:3px}.signal i:nth-child(2n){height:24px}.signal i:nth-child(3){height:35px}.demo-note{position:absolute;bottom:-22px;width:100%;text-align:center}.is-listening .signal i{animation:pulse .6s ease-in-out infinite alternate}.is-listening .editor-status{background:#fff1d5;color:#7f5d27}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;border-top:1px solid var(--line);padding-top:32px;padding-bottom:66px}.features span{font-size:11px;color:var(--muted)}.features h2{font-size:19px;margin:10px 0}.features p{font-size:14px;color:var(--muted);margin:0}.section{padding-top:80px;padding-bottom:80px}.section-title{font-size:36px;line-height:1.4;letter-spacing:-1px;margin-bottom:38px}.how{background:var(--ink);color:#fff}.how .eyebrow{color:var(--mint)}.flow{display:flex;align-items:center;gap:28px}.flow>div{flex:1;border-top:1px solid #ffffff35;padding-top:22px}.flow span{color:var(--mint);font-size:20px}.flow h3{font-size:18px;margin:10px 0}.flow p{font-size:13px;color:#bccbdf}.flow b{font-size:22px;color:var(--mint)}.explanation{max-width:810px;color:#c1cee0;font-size:14px;margin:30px 0 0}.start{display:grid;grid-template-columns:1fr 1.2fr;gap:60px}.start p{color:var(--muted);font-size:14px}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:22px;border-bottom:1px solid var(--line);padding:19px 0}.steps li:first-child{padding-top:0}.steps>li>span{font-size:12px;color:#378d82;padding-top:4px}.steps h3{font-size:18px;margin-bottom:6px}.steps p{margin:0}.compatibility{background:#eaf0f1}.compat-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.compat-grid h3{font-size:14px;color:#387e79;border-bottom:1px solid #cfdcde;padding-bottom:14px}.compat-grid p{font-size:14px}.compat-grid .device-title{font-size:22px;font-weight:700}.muted{color:var(--muted)}.tools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.tools span{font-size:13px;border:1px solid #cad8dc;border-radius:7px;background:#ffffff80;padding:6px 12px}.privacy{display:flex;gap:30px;align-items:flex-start}.privacy img{border-radius:24px}.privacy h2{font-size:25px;margin-bottom:15px}.privacy p{font-size:14px;max-width:790px;color:var(--muted)}.privacy .eyebrow{font-size:11px;margin-bottom:10px}.privacy .small{font-size:12px}.wrap footer,footer.wrap{border-top:1px solid var(--line);padding-top:32px;padding-bottom:32px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}footer p{font-size:12px;color:var(--muted);margin:5px 0}.footer-links{display:flex;gap:24px;font-size:13px}.disclaimer{width:100%;font-size:11px}@keyframes pulse{to{transform:scaleY(.45)}}@media(max-width:900px){.hero{gap:24px}.hero-art{transform:scale(.9);transform-origin:center}.actions{gap:14px;flex-wrap:wrap}.compat-grid{gap:36px}.nav nav{gap:16px}}@media(max-width:700px){.wrap{padding-left:22px;padding-right:22px}.nav{align-items:flex-start}.brand{font-size:13px}.nav nav{gap:14px;font-size:12px}.nav nav>a:nth-child(-n+2){display:none}.hero{grid-template-columns:1fr;padding-top:34px;gap:30px;padding-bottom:60px}.hero-art{max-width:460px;width:100%;margin:0 auto;transform:none}.editor{right:0;left:145px}.editor-body p{font-size:20px}.features{grid-template-columns:1fr;gap:25px;padding-bottom:45px}.features>div{position:relative;padding-left:34px}.features span{position:absolute;left:0;top:10px}.section{padding-top:55px;padding-bottom:55px}.section-title{font-size:30px}.start,.compat-grid{grid-template-columns:1fr;gap:32px}.flow{flex-direction:column;align-items:stretch;gap:10px}.flow b{transform:rotate(90deg);align-self:center}.flow>div{padding-top:15px}.flow h3{margin:5px 0}.privacy{gap:18px}.privacy img{width:56px;height:56px;border-radius:15px}.privacy h2{font-size:20px}.footer-links{gap:16px;flex-wrap:wrap}.hero-art .demo-note{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.is-listening .signal i{animation:none}}
.language-switch{display:inline-flex;align-items:center;gap:10px;font-size:12px;white-space:nowrap;border-left:1px solid var(--line);padding-left:16px}.language-switch b{font-weight:750}.language-switch a{color:var(--muted)}html[lang=en] h1{letter-spacing:-2px}html[lang=en] .hero .lead{font-size:17px}html[lang=en] .editor-body p{font-size:20px}html[lang=en] .demo-note{font-size:10px}@media(max-width:440px){.nav nav>a{display:none}.language-switch{padding-left:10px}.hero-art .editor{left:130px}.hero-art .editor-body{padding:20px 14px}html[lang=en] .editor-body p{font-size:16px}}

/* Native video controls; no autoplay or third-party player. */
.actions{flex-wrap:wrap}.demo-heading{display:flex;justify-content:space-between;gap:32px;align-items:flex-end;margin-bottom:28px}.demo-heading .section-title{margin-bottom:14px}.demo-heading p{color:var(--muted);max-width:760px}.demo-heading .eyebrow{color:#387e79}.demo-language{font-size:12px;flex-shrink:0}.demo-video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#fff9ef;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 45px #203a6810}.demo-video:focus-visible{outline:3px solid #0d9488;outline-offset:5px}.demo-links{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:16px;font-size:12px;color:var(--muted)}.demo-links a{color:var(--ink);white-space:nowrap}@media(max-width:900px){.nav nav{gap:14px}.demo-heading{display:block}.demo-language{margin-bottom:0}}@media(max-width:700px){.demo-links{align-items:flex-start}.demo-video{border-radius:12px}}

.troubleshooting{padding-bottom:0}.troubleshooting .section-title{margin-bottom:24px}.troubleshooting-card{background:#fff;border:1px solid var(--line);border-left:4px solid #0d9488;border-radius:14px;padding:28px 32px}.troubleshooting-card h3{font-size:20px;margin-bottom:14px}.troubleshooting-card p,.troubleshooting-card li{font-size:14px;color:var(--muted)}.troubleshooting-card ol{padding-left:22px}.troubleshooting-card li{margin-bottom:10px}.troubleshooting-card strong{color:var(--ink)}@media(max-width:700px){.troubleshooting-card{padding:22px}.nav nav a[href="#troubleshooting"]{display:none}}

/* Cathedral 3D Stage Gallery & Interface Showcase */
.interface-section{padding-top:52px;padding-bottom:58px}.interface-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;flex-wrap:wrap;margin-bottom:20px}.interface-heading .section-title{margin-bottom:10px}.lead-sub{font-size:15.5px;color:var(--muted);max-width:760px;margin:0}.gallery-category-switch{display:inline-flex;background:#e9edf2;padding:3px;border-radius:11px;gap:3px;border:1px solid var(--line)}.category-btn{border:0;background:transparent;color:var(--muted);font-size:13px;font-weight:650;padding:7px 16px;border-radius:8px;cursor:pointer;font-family:inherit;transition:all .18s ease}.category-btn:hover{color:var(--ink)}.category-btn.is-active{background:#ffffff;color:var(--ink);box-shadow:0 3px 10px rgba(32,58,104,0.12)}.category-btn:focus-visible{outline:3px solid #0d9488;outline-offset:2px}.cathedral-gallery{display:flex;flex-direction:column;gap:16px;position:relative}.gallery-stage-container{position:relative;perspective:1300px;perspective-origin:50% 50%;display:flex;align-items:center;justify-content:center;padding:10px 0 20px;overflow:hidden}.gallery-stage{position:relative;width:100%;height:480px;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d}.stage-slide{position:absolute;width:min(690px,78%);border-radius:15px;background:#ffffff;border:1px solid var(--line);box-shadow:0 14px 35px rgba(32,58,104,0.13);cursor:pointer;transform-style:preserve-3d;user-select:none;transition:transform .5s cubic-bezier(0.2,0.9,0.3,1),opacity .5s ease,filter .5s ease,box-shadow .5s ease;overflow:hidden}.stage-slide:focus-visible{outline:4px solid #0d9488;outline-offset:4px}.stage-slide img{width:100%;height:auto;display:block;aspect-ratio:1020/772;background:#f5f7f8;pointer-events:none}.stage-slide .window-top{display:flex;align-items:center;padding:9px 15px;background:#fbfcfd;border-bottom:1px solid var(--line);gap:11px}.stage-slide .window-dots{display:flex;gap:5px;align-items:center}.stage-slide .window-dots i{width:9px;height:9px;border-radius:50%;display:inline-block}.stage-slide .window-dots i:nth-child(1){background:#ff5f57}.stage-slide .window-dots i:nth-child(2){background:#febc2e}.stage-slide .window-dots i:nth-child(3){background:#28c840}.stage-slide .window-title{font-size:11.5px;color:var(--muted);font-weight:550;margin-left:auto;margin-right:auto;padding-right:44px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-slide.slide-active{transform:translate3d(0,0,0) scale(1);z-index:10;opacity:1;filter:none;box-shadow:0 22px 55px rgba(32,58,104,0.2),0 0 0 1px rgba(219,225,232,0.8)}.stage-slide.slide-prev{transform:translate3d(-46%,0,-95px) rotateY(23deg) scale(0.85);z-index:5;opacity:0.64;filter:brightness(0.92);box-shadow:0 12px 30px rgba(32,58,104,0.11)}.stage-slide.slide-prev:hover{opacity:0.86;filter:brightness(0.98)}.stage-slide.slide-next{transform:translate3d(46%,0,-95px) rotateY(-23deg) scale(0.85);z-index:5;opacity:0.64;filter:brightness(0.92);box-shadow:0 12px 30px rgba(32,58,104,0.11)}.stage-slide.slide-next:hover{opacity:0.86;filter:brightness(0.98)}.stage-slide.slide-hidden-left{transform:translate3d(-85%,0,-230px) rotateY(36deg) scale(0.7);z-index:1;opacity:0;pointer-events:none}.stage-slide.slide-hidden-right{transform:translate3d(85%,0,-230px) rotateY(-36deg) scale(0.7);z-index:1;opacity:0;pointer-events:none}.stage-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,0.92);backdrop-filter:blur(8px);border:1px solid var(--line);color:var(--ink);font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;box-shadow:0 5px 18px rgba(32,58,104,0.13);transition:all .2s ease;user-select:none}.stage-nav:hover{background:var(--ink);color:#ffffff;transform:translateY(-50%) scale(1.08)}.stage-nav:focus-visible{outline:3px solid #0d9488}.stage-prev{left:10px}.stage-next{right:10px}.gallery-indicators{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;padding:0 8px}.gallery-indicator-btn{background:#ffffff;border:1px solid var(--line);border-radius:18px;padding:5px 13px;font-size:11.8px;font-weight:600;color:var(--muted);cursor:pointer;font-family:inherit;transition:all .18s ease;display:inline-flex;align-items:center;gap:5px}.gallery-indicator-btn:hover{border-color:#b4c2ce;color:var(--ink);background:#fcfdfe}.gallery-indicator-btn.is-active{background:var(--ink);border-color:var(--ink);color:#ffffff;box-shadow:0 3px 9px rgba(32,58,104,0.17)}.gallery-indicator-btn:focus-visible{outline:3px solid #0d9488;outline-offset:2px}.indicator-step{font-size:10px;opacity:0.75;font-weight:700}.gallery-caption-card{background:#ffffff;border:1px solid var(--line);border-radius:13px;padding:16px 24px;box-shadow:0 5px 18px rgba(32,58,104,0.05);display:flex;flex-direction:column;gap:7px;position:relative}.caption-header{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.caption-badge{background:#e7f3f3;color:#286b65;font-size:11px;font-weight:700;padding:2.5px 9px;border-radius:5px;letter-spacing:0.5px}.caption-title{font-size:17px;margin:0;color:var(--ink);font-weight:700}.caption-desc{margin:0;font-size:13.8px;color:var(--muted);line-height:1.58}.caption-hint{margin:2px 0 0;font-size:11.8px;color:#78869b;display:flex;align-items:center;gap:6px}.gallery-lightbox{border:none;border-radius:18px;padding:0;max-width:min(1120px,94vw);max-height:92vh;background:transparent;box-shadow:0 30px 90px rgba(0,0,0,0.5);overflow:hidden}.gallery-lightbox::backdrop{background:rgba(18,28,45,0.75);backdrop-filter:blur(10px)}.lightbox-content{background:#ffffff;border-radius:18px;overflow:hidden;display:flex;flex-direction:column}.lightbox-top{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:#fbfcfd;border-bottom:1px solid var(--line)}.lightbox-title{font-size:13px;font-weight:650;color:var(--ink)}.lightbox-close{border:none;background:#e9edf2;color:var(--ink);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;font-weight:700;transition:all .15s ease}.lightbox-close:hover{background:var(--ink);color:#ffffff}@media(max-width:1000px){.gallery-stage{height:400px}.stage-slide{width:min(580px,82%)}.stage-slide.slide-prev{transform:translate3d(-42%,0,-80px) rotateY(19deg) scale(0.85)}.stage-slide.slide-next{transform:translate3d(42%,0,-80px) rotateY(-19deg) scale(0.85)}}@media(max-width:760px){.gallery-stage{height:320px}.gallery-stage-container{perspective:750px;padding:4px 0 14px}.stage-slide{width:min(440px,88%);border-radius:12px}.stage-slide.slide-prev{transform:translate3d(-35%,0,-60px) rotateY(14deg) scale(0.88);opacity:0.45}.stage-slide.slide-next{transform:translate3d(35%,0,-60px) rotateY(-14deg) scale(0.88);opacity:0.45}.stage-nav{width:36px;height:36px;font-size:20px}.stage-prev{left:4px}.stage-next{right:4px}.caption-title{font-size:15px}.caption-desc{font-size:12.8px}.gallery-caption-card{padding:13px 18px}.stage-slide .window-title{display:none}.nav nav>a[href="#interface"]{display:none}}@media(max-width:480px){.gallery-stage{height:235px}.stage-slide{width:92%}.stage-slide.slide-prev{display:none}.stage-slide.slide-next{display:none}.gallery-indicators{gap:4px}.gallery-indicator-btn{font-size:10.8px;padding:4px 8px}}@media(prefers-reduced-motion:reduce){.stage-slide{transition:opacity .2s ease;transform:none !important}.stage-slide:not(.slide-active){display:none}}