:root{--purple:#6023c8;--ink:#090725;--muted:#625584;--line:#e9e6ef}*{box-sizing:border-box}body{margin:0;background:#f5f3f9;color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #a37cf1;outline-offset:3px}svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.shell{max-width:460px;margin:auto;background:#fdfdff;min-height:100dvh;container-type:inline-size;padding-bottom:env(safe-area-inset-bottom)}header{display:flex;align-items:center;justify-content:space-between;padding:3cqw 3.2cqw 1.7cqw;height:11.5cqw}.brand{display:flex;align-items:center;gap:2.5cqw;text-decoration:none;color:var(--ink);font-size:4.5cqw;letter-spacing:.1cqw;font-weight:900}.brand>svg{width:7.5cqw;height:8cqw;stroke:none}.bell{position:relative;background:none;border:0;color:var(--ink);padding:0;margin-right:1.8cqw}.bell svg{width:6cqw;height:6cqw}.bell i,.sip i{position:absolute;width:1.8cqw;height:1.8cqw;border-radius:50%;background:#7c19e2;right:-.6cqw;top:0}main{padding:0 3.2cqw 1cqw}.hero{position:relative;overflow:hidden;background:#5828ad;border-radius:2.3cqw;height:36cqw;color:white}.hero-photo{position:absolute;right:0;top:0;width:48%;height:100%;stroke:none}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#5428a8 0%,#6130b5 36%,#6030b5ee 43%,#6735ba80 54%,transparent 66%)}.hero-copy{position:relative;z-index:1;padding:2.2cqw 3.3cqw}.ad{display:inline-block;background:#eee7ff;color:#4e2987;font-size:2.3cqw;line-height:1.1;padding:.35cqw 1.2cqw;border-radius:1.4cqw}h1{font-size:5.6cqw;line-height:1.02;letter-spacing:-.15cqw;margin:2.1cqw 0 1.4cqw}.hero p{font-size:3.5cqw;color:#e2d7f3;margin:0 0 2.4cqw}.hero-copy button{background:linear-gradient(110deg,#7430e4,#7421df);border:0;color:#fff;border-radius:1.9cqw;font-size:3.5cqw;font-weight:600;padding:1.8cqw 3.5cqw}.hero-copy button span{padding-left:2cqw;font-size:4cqw}.dots{position:absolute;bottom:1.3cqw;left:46%;display:flex;gap:1cqw}.dots i{width:1.9cqw;height:1.9cqw;background:#b49bd7;border-radius:50%}.dots i:first-child{background:#7618df}.dots i:nth-child(2){background:#d1bfe8}.balance{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:2cqw;padding:2cqw 2.6cqw;margin-top:2.3cqw;height:16.8cqw;background:#fff}.balance span{font-size:3.4cqw;color:var(--muted)}.balance strong{display:block;font-size:8.5cqw;line-height:1.05;letter-spacing:-.25cqw;font-weight:800}.primary{background:linear-gradient(110deg,#5d1fbe,#6728cf);color:white;border:0;padding:2.7cqw 4cqw;border-radius:1.7cqw;font-weight:600;font-size:3.4cqw;width:32.4%;min-height:8.7cqw}.quick{display:grid;grid-template-columns:1fr .9fr 1fr;gap:1.6cqw;margin:1.8cqw 0 2cqw}.quick button{border:1px solid #e5e0ef;background:#f5f1fc;border-radius:1.8cqw;padding:1.5cqw 1cqw 1cqw;color:#580bac;display:flex;align-items:center;flex-direction:column;height:25.6cqw;justify-content:flex-end}.quick svg{height:12.3cqw;width:14cqw;stroke-width:1.35;margin-bottom:.8cqw}.quick .soft{stroke:none;fill:#e3d6fa}.quick span{display:flex;justify-content:center;align-items:center;width:100%;min-height:9.6cqw;background:linear-gradient(110deg,#5728aa,#5123ac);border-radius:1.3cqw;color:white;font-size:3.5cqw;line-height:1.03;font-weight:700}.tv-card{display:flex;align-items:stretch;gap:1.9cqw;border-radius:2cqw;background:linear-gradient(100deg,#5423a8,#5521ad);color:white;padding:2.1cqw 1.8cqw 1.8cqw 2.7cqw;margin-bottom:1.8cqw;height:29cqw}.tv-copy{width:50%;min-width:0;display:flex;flex-direction:column}.tv-copy h2{font-size:4.2cqw;margin:0 0 1.3cqw;line-height:1.1}.tv-copy p{font-size:2.8cqw;color:#d3c3ef;margin:.2cqw 0}.tv-copy h3{font-size:3.9cqw;line-height:1.1;white-space:nowrap;letter-spacing:-.08cqw;margin:0 0 1cqw}.continue{display:flex;align-items:center;justify-content:center;gap:1cqw;margin-top:auto;width:100%;background:#fff;border:0;border-radius:1.6cqw;color:#5823b3;font-size:3.1cqw;letter-spacing:-.08cqw;font-weight:700;padding:1.3cqw 0;white-space:nowrap}.continue span{font-size:4.2cqw}.tv-poster{position:relative;width:48%;border:0;padding:0;overflow:hidden;border-radius:1.8cqw;background:#120b20}.tv-poster>svg{width:100%;height:100%;stroke:none}.progress{position:absolute;bottom:1cqw;left:1.5cqw;right:1.5cqw;height:1.2cqw;background:#929393;border-radius:1cqw;overflow:hidden}.progress i{display:block;width:65%;height:100%;background:#992ded}.parental{border:1px solid var(--line);border-radius:1.7cqw;padding:1.5cqw 1.9cqw;background:#fff;margin-bottom:1cqw;height:18.2cqw}.parent-title{width:100%;display:flex;align-items:center;gap:2.4cqw;border:0;background:none;color:var(--muted);padding:0;font-size:2.8cqw;height:4.4cqw}.parent-title svg{width:4.7cqw;height:4.7cqw;color:#6015bd}.parent-title b{margin-left:auto;font-size:5cqw;color:var(--ink);line-height:1}.parent-body{display:flex;align-items:center;justify-content:space-between;margin-top:.6cqw}.youtube{display:flex;align-items:center;gap:3.2cqw;background:none;border:0;padding:0;color:var(--ink);text-align:left}.youtube>svg{width:11cqw;height:7.7cqw;stroke:none}.youtube strong{font-size:4.6cqw;letter-spacing:-.2cqw}.youtube small{display:flex;align-items:center;gap:1.3cqw;white-space:nowrap;color:#26b94b;font-size:2.8cqw}.youtube i{width:1.7cqw;height:1.7cqw;background:#12c447;border-radius:50%}.schedule{display:flex;align-items:center;gap:1.5cqw;background:linear-gradient(110deg,#5e23bf,#5222ad);border:0;border-radius:1.8cqw;color:#eee2ff;padding:1.5cqw 2cqw;font-size:3.8cqw}.schedule svg{width:5.7cqw;height:5.7cqw}.schedule small{display:block;font-size:2.5cqw}.history{display:flex;align-items:center;gap:4cqw;width:100%;height:8.7cqw;border:1px solid var(--line);border-radius:1.7cqw;padding:1cqw 3.7cqw;background:#fff;color:var(--muted);text-align:left}.history svg{width:4.6cqw;height:5.6cqw;color:#6422be}.history strong,.history span{display:block;font-size:2.5cqw}.history strong{margin-bottom:.3cqw}.history b{margin-left:auto;font-size:5cqw;color:var(--ink)}.demo-note{font-size:1.9cqw;text-align:center;color:#8c8497;margin:.7cqw 0}
.shell{display:flex;flex-direction:column}main{flex:1}nav{position:sticky;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);background:#fffffffa;border-top:1px solid var(--line);border-radius:2.5cqw 2.5cqw 0 0;padding:1.5cqw 1cqw calc(1.2cqw + env(safe-area-inset-bottom));z-index:5;box-shadow:0 -3px 16px #21104006}nav button{position:relative;border:0;background:none;color:#51426f;display:flex;align-items:center;gap:1cqw;flex-direction:column;padding:0 0 1.3cqw;font-size:2.6cqw}nav svg{width:5.5cqw;height:5.5cqw;stroke-width:1.4}nav button[aria-current]{color:#7817d8;font-weight:700}nav button[aria-current]:after{position:absolute;bottom:0;content:'';height:.55cqw;background:#7817d8;width:10cqw;border-radius:1cqw}nav button[data-tab=home][aria-current] svg{fill:#7817d8;stroke:#7817d8}.sip i{right:4cqw;top:0;width:1.6cqw;height:1.6cqw}dialog{border:1px solid var(--line);border-radius:22px;padding:30px 24px;max-width:380px;width:calc(100% - 32px);color:var(--ink)}dialog::backdrop{background:#20103680;backdrop-filter:blur(4px)}dialog h2{font-size:23px;padding-right:20px}dialog p,.section-note{font-size:14px;line-height:1.6;color:#766b86}#close{position:absolute;right:12px;top:8px;background:none;border:0;font-size:29px;color:#8b7b9f}.service-link{display:block;text-align:center;background:var(--purple);color:white;text-decoration:none;padding:14px;border-radius:12px;margin-top:20px;font-size:14px;font-weight:700}.back{border:0;background:none;color:var(--purple);padding:15px 0}.section-title{font-size:30px;letter-spacing:-1px;margin-bottom:7px}.section-list{margin-top:24px}.badge{display:inline-block;font-size:10px;background:#f2ebff;color:var(--purple);border-radius:6px;padding:6px 9px;margin-top:10px}.row{display:flex;width:100%;text-align:left;padding:16px;margin:10px 0;border:1px solid var(--line);border-radius:14px;background:white}.row strong{font-size:15px}.row p{font-size:12px;color:var(--muted);margin-bottom:0}[hidden]{display:none!important}@media(min-width:600px){body{padding:20px}.shell{border-radius:24px;overflow:clip;box-shadow:0 10px 60px #24114012;min-height:calc(100dvh - 40px)}}
.hero-photo{width:55%;mask-image:linear-gradient(to right,transparent,#000 29%)}.hero-shade{background:linear-gradient(90deg,#5428a8 0%,#6130b5 36%,#6030b5a0 49%,transparent 65%)}.hero h1{margin-top:1.7cqw;margin-bottom:1.2cqw}.hero p{margin-bottom:1.6cqw}.hero-copy button{padding:1.3cqw 3.5cqw}.hero-copy button span{font-size:3.5cqw}.dots{z-index:2}

nav a{position:relative;text-decoration:none;color:#51426f;display:flex;align-items:center;gap:1cqw;flex-direction:column;padding:0 0 1.3cqw;font-size:2.6cqw}

.quick-frame{position:fixed;left:-10000px;top:0;width:400px;height:600px;border:0}.quick-frame.visible{position:static;width:100%;height:65vh;border:0}.quick-status{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);z-index:15;width:90%;max-width:400px;background:#fff;color:#45217a;border:1px solid #dcccef;border-radius:14px;padding:14px;box-shadow:0 4px 24px #0002}.quick-status[hidden]{display:none}

[data-panel="door"],[data-panel="barrier"]{transition:background .35s,box-shadow .35s,border-color .35s;position:relative;overflow:hidden}
.quick-success{background:#e0faed!important;border-color:#26b775!important;box-shadow:0 0 0 3px #26b77522,0 6px 22px #13a76b33!important}
.quick-success>span{background:linear-gradient(135deg,#16a76b,#087c50)!important;color:white!important}
.quick-success svg{color:#09935d!important;stroke:#09935d!important;filter:drop-shadow(0 3px 5px #0c985633)}
.quick-success .door-leaf{transform-origin:4px 12px;animation:door-open 3.5s ease-in-out both}
.quick-success .barrier-arm{transform-origin:9px 11px;animation:barrier-open 3.5s cubic-bezier(.22,.75,.25,1) both}
.quick-busy svg{animation:command-pulse .8s ease-in-out infinite}
.quick-error>span{background:#ad354b!important;color:white!important}
@keyframes door-open{0%,100%{transform:perspective(70px) rotateY(0)}25%,80%{transform:perspective(70px) rotateY(-68deg)}}
@keyframes barrier-open{0%,100%{transform:rotate(0)}25%,80%{transform:rotate(-65deg)}}
@keyframes command-pulse{50%{opacity:.45;transform:scale(.94)}}
@media(prefers-reduced-motion:reduce){.quick-success .door-leaf,.quick-success .barrier-arm,.quick-busy svg{animation:none}}

.camera-dialog{width:min(94vw,600px);padding:40px 8px 8px;border:0;border-radius:20px}.camera-close{position:absolute;right:12px;top:6px;border:0;background:transparent;font-size:30px;color:#563480;min-width:40px;min-height:36px}

.camera-dialog{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#08090d;overflow:hidden}
.camera-dialog::backdrop{background:#08090d}
.camera-dialog .quick-frame.visible{display:block;position:absolute;inset:0;width:100%;height:100%;border:0}
.camera-dialog .camera-close{position:absolute;z-index:10;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:#161820a6;color:#fff;font:300 28px/44px Arial;text-align:center;cursor:pointer}
.camera-close:focus-visible{outline:2px solid white;outline-offset:2px}

.yt-dialog{width:min(94vw,600px);max-height:90dvh;border:0;border-radius:18px;padding:44px 0 0;overflow:hidden}.yt-dialog iframe{display:block;width:100%;height:75dvh;border:0}.youtube.yt-blocked small{color:#bc3549}.youtube.yt-blocked small i{background:#bc3549}.youtube:disabled,.schedule:disabled{opacity:.65}

.youtube.yt-unavailable{filter:grayscale(1);color:#85858d}.youtube.yt-unavailable small{color:#85858d}.youtube.yt-unavailable small i{background:#96969e}.schedule.yt-unavailable{background:#92929b;filter:grayscale(1)}

.youtube.yt-blocked{filter:grayscale(1);color:#85858d}.youtube.yt-blocked small{color:#85858d}.youtube.yt-blocked small i{background:#96969e}.schedule.yt-blocked{background:#92929b;filter:grayscale(1)}