:root{--bg: #0b0b0d;--bg-deep: #0a0a14;--bg-deep-2: #0d1b3e;--surface: #15151a;--surface-raised: #1e1e24;--divider: #2a2a30;--text-primary: #f2f2f2;--text-secondary: #a8a8ae;--text-muted: #5a5a60;--accent-blue: #2e7df0;--accent-purple: #a347d6;--accent-green: #3fae5c;--accent-gold: #f5c518;--max-width: 1120px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-primary);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg);background-image:radial-gradient(circle at 15% 50%,rgba(163,71,214,.06),transparent 35%),radial-gradient(circle at 85% 20%,rgba(46,125,240,.07),transparent 35%),radial-gradient(circle at 75% 90%,rgba(63,174,92,.06),transparent 35%);background-attachment:fixed}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font-family:inherit}.section{max-width:var(--max-width);margin:0 auto;padding:5rem 1.5rem}.section h2{font-size:clamp(1.6rem,3vw,2.1rem);text-align:center;margin-bottom:2.5rem;position:relative}.section h2:after{content:"";display:block;width:64px;height:4px;margin:.9rem auto 0;border-radius:999px;background:linear-gradient(90deg,var(--accent-blue),var(--accent-purple),var(--accent-green))}.gradient-text{background:linear-gradient(90deg,var(--accent-blue),var(--accent-purple) 55%,var(--accent-green));background-clip:text;-webkit-background-clip:text;color:transparent}.nav{position:sticky;top:0;z-index:10;background:#0b0b0dd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--divider)}.nav-inner{max-width:var(--max-width);margin:0 auto;padding:.9rem 1.5rem;display:flex;align-items:center;gap:1.5rem}.nav-logo{display:flex}.nav-links{display:flex;gap:1.5rem;flex:1}.nav-links a{color:var(--text-secondary);font-size:.95rem;transition:color .15s}.nav-links a:hover{color:var(--text-primary)}.nav-badge{font-size:.8rem;font-weight:600;color:var(--accent-gold);border:1px solid rgba(245,197,24,.45);background:#f5c5181f;border-radius:999px;padding:.3rem .7rem;white-space:nowrap;box-shadow:0 0 16px #f5c51840}a.nav-badge{color:var(--accent-gold);transition:background-color .15s,box-shadow .2s,border-color .15s}a.nav-badge:hover{background:#f5c51833;border-color:#f5c518bf;box-shadow:0 0 20px #f5c51866}.nav-right{display:flex;align-items:center;gap:.9rem}.lang-switch{display:flex;align-items:center;gap:.2rem;border:1px solid var(--divider);border-radius:999px;padding:.2rem}.lang-switch-item{font-size:.78rem;font-weight:700;color:var(--text-secondary);padding:.25rem .55rem;border-radius:999px;transition:color .15s,background-color .15s}.lang-switch-item:hover{color:var(--text-primary)}.lang-switch-item.active{color:var(--text-primary);background:var(--accent-blue)}@media(max-width:860px){.nav-links{display:none}.nav-right{margin-left:auto}}@media(max-width:640px){.nav-badge{display:none}}.sync-pairing{max-width:34rem;margin:0 auto;padding:5rem 1.5rem;text-align:center}.sync-pairing h1{font-size:2rem;margin-bottom:1.5rem}.sync-pairing p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.sync-pairing__actions{margin:2rem 0}.sync-pairing__button{display:inline-block;padding:.85rem 1.6rem;border-radius:999px;background:var(--accent-blue);color:var(--text-primary);font-weight:600;text-decoration:none}.sync-pairing__note{font-size:.85rem;color:var(--text-muted)}.not-found{max-width:var(--max-width);margin:0 auto;padding:6rem 1.5rem;text-align:center}.not-found h1{font-size:3rem;margin-bottom:1rem}.logo{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.05rem;color:var(--text-primary)}.logo-word{letter-spacing:-.01em}.hero{position:relative;max-width:var(--max-width);margin:0 auto;padding:4rem 1.5rem 3rem;display:grid;grid-template-columns:1fr 1.05fr;gap:3rem;align-items:center}main{overflow-x:clip}.hero-copy,.hero-visual{position:relative;z-index:1}.hero-glow{position:absolute;z-index:0;border-radius:50%;filter:blur(70px);opacity:.55;pointer-events:none;animation:drift 14s ease-in-out infinite alternate}.hero-glow-blue{width:480px;height:480px;top:-160px;right:-120px;background:var(--accent-blue)}.hero-glow-purple{width:380px;height:380px;bottom:-140px;left:-100px;background:var(--accent-purple);animation-delay:-4s}.hero-glow-green{width:300px;height:300px;bottom:40px;right:10%;background:var(--accent-green);opacity:.35;animation-delay:-8s}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(-20px,25px) scale(1.08)}}@media(prefers-reduced-motion:reduce){.hero-glow{animation:none}}.hero-copy h1{font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.1;margin:1rem 0 1.25rem}.hero-sub{color:var(--text-secondary);font-size:1.1rem;max-width:36rem}.pill{display:inline-block;font-size:.85rem;font-weight:600;background:var(--surface-raised);border:1px solid transparent;border-radius:999px;padding:.35rem .8rem;color:var(--text-secondary);background-image:linear-gradient(var(--surface-raised),var(--surface-raised)),linear-gradient(90deg,var(--accent-blue),var(--accent-purple),var(--accent-green));background-origin:border-box;background-clip:padding-box,border-box}.hero-actions{display:flex;gap:1rem;margin:2rem 0 1rem;flex-wrap:wrap}.btn{display:inline-block;padding:.75rem 1.4rem;border-radius:10px;font-weight:600;font-size:.95rem;transition:opacity .15s,background-color .15s,box-shadow .2s,transform .2s,border-color .15s}.btn-primary{background:linear-gradient(120deg,var(--accent-blue),var(--accent-purple));color:#fff;box-shadow:0 8px 24px -6px #2e7df080}.btn-primary:hover{box-shadow:0 10px 28px -4px #a347d68c;transform:translateY(-1px)}.btn-ghost{background:transparent;border:1px solid var(--divider);color:var(--text-primary)}.btn-ghost:hover{background:var(--surface-raised);border-color:var(--accent-blue)}.hero-note{color:var(--text-muted);font-size:.85rem}.hero-visual{display:flex;justify-content:center;position:relative}.phone-glow{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 0deg,var(--accent-blue),var(--accent-purple),var(--accent-green),var(--accent-blue));filter:blur(50px);opacity:.45;z-index:0;animation:spin 10s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.phone-glow{animation:none}}@media(max-width:800px){.hero{grid-template-columns:1fr;text-align:center;padding-top:3rem}.hero-actions{justify-content:center}.hero-sub{margin:0 auto}}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.step{background:var(--surface);border:1px solid var(--divider);border-radius:16px;padding:1.75rem;transition:transform .2s,border-color .2s}.step:hover{transform:translateY(-3px);border-color:var(--accent-blue)}.step-number{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));box-shadow:0 0 18px #2e7df073;color:#fff;font-weight:700;margin-bottom:1rem}.step:nth-of-type(2) .step-number{background:linear-gradient(135deg,var(--accent-purple),var(--accent-green));box-shadow:0 0 18px #a347d673}.step:nth-of-type(3) .step-number{background:linear-gradient(135deg,var(--accent-green),var(--accent-gold));box-shadow:0 0 18px #3fae5c73}.step h3{margin-bottom:.5rem}.step p{color:var(--text-secondary);font-size:.95rem}@media(max-width:800px){.steps{grid-template-columns:1fr}}.benefits-section{background:linear-gradient(180deg,var(--surface),var(--bg) 90%);border-top:1px solid var(--divider);border-bottom:1px solid var(--divider)}.benefits{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;text-align:center}.benefit{transition:transform .2s}.benefit:hover{transform:translateY(-4px)}.benefit-icon{display:inline-flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;border-radius:14px;font-size:1.5rem;margin-bottom:.9rem;transition:box-shadow .2s}.benefit:hover .benefit-icon{box-shadow:0 0 22px currentColor}.benefit h3{font-size:1rem;margin-bottom:.4rem}.benefit p{color:var(--text-secondary);font-size:.9rem}@media(max-width:900px){.benefits{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.benefits{grid-template-columns:1fr}}.accent-blue{background:#2e7df026;color:var(--accent-blue)}.accent-purple{background:#a347d626;color:var(--accent-purple)}.accent-green{background:#3fae5c26;color:var(--accent-green)}.accent-gold{background:#f5c51826;color:var(--accent-gold)}.benefit-icon.accent-blue{background:linear-gradient(135deg,#2e7df04d,#2e7df014)}.benefit-icon.accent-purple{background:linear-gradient(135deg,#a347d64d,#a347d614)}.benefit-icon.accent-green{background:linear-gradient(135deg,#3fae5c4d,#3fae5c14)}.benefit-icon.accent-gold{background:linear-gradient(135deg,#f5c5184d,#f5c51814)}.features{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.feature{border-radius:16px;padding:1.75rem;border-left:3px solid transparent;background:var(--surface);transition:transform .2s,box-shadow .2s,background-color .2s}.feature:hover{transform:translateY(-4px);background:var(--surface-raised)}.feature.accent-blue{border-left-color:var(--accent-blue);background:var(--surface)}.feature.accent-blue:hover{box-shadow:0 12px 30px -12px #2e7df073}.feature.accent-purple{border-left-color:var(--accent-purple)}.feature.accent-purple:hover{box-shadow:0 12px 30px -12px #a347d673}.feature.accent-green{border-left-color:var(--accent-green)}.feature.accent-green:hover{box-shadow:0 12px 30px -12px #3fae5c73}.feature.accent-gold{border-left-color:var(--accent-gold)}.feature.accent-gold:hover{box-shadow:0 12px 30px -12px #f5c51873}.feature h3{color:var(--text-primary);margin-bottom:.5rem}.feature p{color:var(--text-secondary);font-size:.95rem}@media(max-width:800px){.features{grid-template-columns:1fr}}.device{position:relative;container-type:inline-size}.device-body{position:relative;padding:var(--bezel);border-radius:var(--radius);background:linear-gradient(145deg,#2c2c34,#101014 55%,#1d1d23);box-shadow:inset 0 0 0 1px #ffffff17,0 30px 60px -24px #000c,0 24px 70px -30px #2e7df073}.device-screen{position:relative;overflow:hidden;aspect-ratio:var(--ratio);border-radius:calc(var(--radius) - var(--bezel));background:#0b0b0d}.device-screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease}.device-screen img.is-active{opacity:1}.device-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.07),transparent 38%);pointer-events:none}.device-tv{--ratio: 16 / 9;--bezel: 1.4cqw;--radius: 2cqw}.device-tv .device-body{background:#0c0c0f;margin-bottom:7cqw}.device-tv .device-body:before,.device-tv .device-body:after{content:"";position:absolute;left:50%;transform:translate(-50%);background:linear-gradient(180deg,#2a2a31,#121216)}.device-tv .device-body:before{top:100%;width:5cqw;height:5.6cqw}.device-tv .device-body:after{top:calc(100% + 5.4cqw);width:34cqw;height:1.6cqw;border-radius:1cqw 1cqw .4cqw .4cqw;box-shadow:0 10px 30px -6px #000c}.device-tablet{--ratio: 16 / 10;--bezel: 2.6cqw;--radius: 4.5cqw}.device-ipad{--ratio: 2048 / 2732;--bezel: 3.4cqw;--radius: 6cqw}.device-iphone{--ratio: 1284 / 2778;--bezel: 3.6cqw;--radius: 15cqw}.device-android{--ratio: 1080 / 2400;--bezel: 3cqw;--radius: 11cqw}.device-iphone .device-screen:before,.device-android .device-screen:before{content:"";position:absolute;z-index:2;left:50%;transform:translate(-50%);background:#000}.device-iphone .device-screen:before{top:2.4cqw;width:30cqw;height:8.5cqw;border-radius:999px}.device-android .device-screen:before{top:2.2cqw;width:4.2cqw;height:4.2cqw;border-radius:50%;box-shadow:0 0 0 1px #ffffff14}.hero-cluster{position:relative;z-index:1;width:100%;max-width:560px;aspect-ratio:1 / .74}.hero-device{position:absolute;animation:float 7s ease-in-out infinite alternate}.hero-device-tv{top:0;left:0;width:88%}.hero-device-android{left:2%;bottom:0;width:21%;animation-delay:-2.5s}.hero-device-iphone{right:0;bottom:0;width:24%;animation-delay:-5s}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@media(prefers-reduced-motion:reduce){.hero-device{animation:none}}.hero-visual{align-items:center}.section-sub{text-align:center;color:var(--text-secondary);max-width:38rem;margin:-1.25rem auto 2rem}.device-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;margin:0 auto 2.5rem;padding:.35rem;width:fit-content;max-width:100%;background:var(--surface);border:1px solid var(--divider);border-radius:999px}.device-tab{display:inline-flex;align-items:center;gap:.45rem;border:0;background:transparent;color:var(--text-secondary);font-size:.9rem;font-weight:600;padding:.55rem 1rem;border-radius:999px;cursor:pointer;transition:color .15s,background-color .2s,box-shadow .2s}.device-tab:hover{color:var(--text-primary)}.device-tab.active{color:#fff;background:linear-gradient(120deg,var(--accent-blue),var(--accent-purple));box-shadow:0 6px 20px -6px #2e7df099}.showcase-stage{--stage-h: 540px;display:grid;grid-template-columns:300px 1fr;gap:2.5rem;align-items:center}.screen-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.screen-item{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:.15rem;width:100%;text-align:left;font:inherit;color:inherit;background:transparent;border:1px solid transparent;border-radius:12px;padding:.7rem 1rem;cursor:pointer;transition:background-color .2s,border-color .2s}.screen-item:hover{background:var(--surface)}.screen-item-title{font-weight:600;color:var(--text-secondary);transition:color .2s}.screen-item-body{display:none;font-size:.88rem;color:var(--text-secondary)}.screen-item.active{background:var(--surface-raised);border-color:var(--divider)}.screen-item.active .screen-item-title{color:var(--text-primary)}.screen-item.active .screen-item-body{display:block}.screen-progress{position:absolute;left:0;bottom:0;height:3px;width:100%;transform-origin:left;background:linear-gradient(90deg,var(--accent-blue),var(--accent-purple),var(--accent-green));animation:progress 4.2s linear forwards}.screen-progress.paused{animation-play-state:paused}@keyframes progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.showcase-device{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(var(--stage-h) + 3rem);position:relative}.showcase-device:before{content:"";position:absolute;inset:10% 15%;border-radius:50%;background:radial-gradient(circle,rgba(163,71,214,.28),rgba(46,125,240,.12) 45%,transparent 70%);filter:blur(30px);z-index:0}.showcase-zoom{position:relative;z-index:1;display:flex;justify-content:center;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.showcase-device .device-tv,.showcase-device .device-tablet{width:100%;max-width:760px}.showcase-device .device-iphone{width:calc(var(--stage-h) * 1284 / 2778)}.showcase-device .device-android{width:calc(var(--stage-h) * 1080 / 2400)}.showcase-device .device-ipad{width:calc(var(--stage-h) * 2048 / 2732)}.device.enter{animation:device-in .5s cubic-bezier(.2,.8,.2,1)}@keyframes device-in{0%{opacity:0;transform:translateY(16px) scale(.96)}}@media(prefers-reduced-motion:reduce){.device.enter{animation:none}}.showcase-caption{position:relative;z-index:1;margin-top:1.25rem;color:var(--text-secondary);font-size:.9rem;text-align:center}.lightbox{border:0;padding:0;background:transparent;max-width:94vw;max-height:94vh;overflow:visible}.lightbox::backdrop{background:#050508e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lightbox-img{max-width:94vw;max-height:90vh;border-radius:14px;box-shadow:0 30px 80px -20px #2e7df080}.lightbox-close{position:absolute;top:-.75rem;right:-.75rem;width:2.4rem;height:2.4rem;border-radius:50%;border:1px solid var(--divider);background:var(--surface-raised);color:var(--text-primary);font-size:1.5rem;line-height:1;cursor:pointer}@media(max-width:900px){.showcase-stage{--stage-h: 460px;grid-template-columns:1fr;gap:1.5rem}.showcase-device{order:-1;min-height:0}.screen-list{position:relative;flex-direction:row;overflow-x:auto;scrollbar-width:none;padding-bottom:.25rem}.screen-list li{flex:0 0 auto}.screen-item{padding:.55rem .9rem;border-color:var(--divider);border-radius:999px}.screen-item.active .screen-item-body{display:none}}@media(max-width:600px){.showcase-stage{--stage-h: 420px}.device-tabs{border-radius:18px}.device-tab{padding:.5rem .8rem;font-size:.85rem}}.faq-list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:.75rem}.faq-item{background:var(--surface);border:1px solid var(--divider);border-radius:14px;overflow:hidden;transition:border-color .2s}.faq-item[open]{border-color:var(--accent-blue)}.faq-question{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 1.4rem;font-weight:600;font-size:1rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"+";flex-shrink:0;font-size:1.4rem;font-weight:300;color:var(--accent-blue);transition:transform .2s;line-height:1}.faq-item[open] .faq-question:after{transform:rotate(45deg)}.faq-item:hover .faq-question{color:var(--accent-blue)}.faq-answer{padding:0 1.4rem 1.2rem;color:var(--text-secondary);font-size:.95rem;line-height:1.65;margin:0}.guide-page{padding-top:3rem}.guide-back-link{display:inline-block;color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem;transition:color .15s}.guide-back-link:hover{color:var(--accent-blue)}.guide-title{font-size:clamp(1.9rem,4vw,2.6rem);line-height:1.15;margin-bottom:.75rem}.guide-intro{color:var(--text-secondary);font-size:1.05rem;max-width:42rem;margin-bottom:2.5rem}.guide-layout{display:grid;grid-template-columns:220px 1fr;gap:3rem;align-items:start}.guide-toc{position:sticky;top:5.5rem;background:var(--surface);border:1px solid var(--divider);border-radius:14px;padding:1.25rem 1.4rem}.guide-toc-heading{display:block;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.75rem}.guide-toc ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.guide-toc a{color:var(--text-secondary);font-size:.9rem;transition:color .15s}.guide-toc a:hover{color:var(--accent-blue)}.guide-content{display:flex;flex-direction:column;gap:3rem;min-width:0}.guide-section{scroll-margin-top:5.5rem;border-top:1px solid var(--divider);padding-top:2.25rem}.guide-section h2{text-align:left;font-size:clamp(1.3rem,2.4vw,1.7rem);margin-bottom:1.5rem}.guide-section h2:after{margin:.75rem 0 0}.guide-topic{margin-bottom:1.6rem}.guide-topic h3{font-size:1.05rem;color:var(--text-primary);margin-bottom:.4rem}.guide-topic p{color:var(--text-secondary);font-size:.95rem;line-height:1.65}.guide-topic ul{margin:.75rem 0 0;padding-left:1.2rem;color:var(--text-secondary);font-size:.95rem;line-height:1.6;display:flex;flex-direction:column;gap:.4rem}.guide-back-to-top{display:inline-block;color:var(--text-muted);font-size:.85rem;margin-top:.5rem;transition:color .15s}.guide-back-to-top:hover{color:var(--accent-blue)}@media(max-width:900px){.guide-layout{grid-template-columns:1fr}.guide-toc{position:static}}.footer{border-top:1px solid var(--divider);padding:3rem 1.5rem;position:relative}.footer:before{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:160px;height:2px;background:linear-gradient(90deg,var(--accent-blue),var(--accent-purple),var(--accent-green))}.footer-inner{max-width:var(--max-width);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.footer-tagline{color:var(--text-secondary);font-size:.9rem}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:var(--text-secondary);font-size:.9rem}.footer-links a:hover{color:var(--text-primary)}.footer-copy{color:var(--text-muted);font-size:.8rem}.showcase-screen-note{display:none}@media(max-width:900px){.showcase-screen-note{display:block;text-align:center;color:var(--text-secondary);font-size:.92rem;min-height:2.8em}}