:root{--app-vh: 100vh;--frame-gap: clamp(8px, 1.35vw, 18px);--frame-radius: clamp(26px, 3.2vw, 44px);--ink: #111217;--paper: #f2f2f4;--blue: #0a7cff}*{box-sizing:border-box}html{width:100%;height:100%;scroll-behavior:smooth;background:#000}html.lenis,html.lenis body{height:100%}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:clip}body{width:100%;height:100%;margin:0;padding:var(--frame-gap);overflow:hidden;background:#000;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}button{color:inherit;font:inherit}#frame{position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--frame-radius);background:#0b0c11;isolation:isolate}#root{width:100%;height:100%}.showcase{width:100%;height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;scrollbar-width:none}.showcase::-webkit-scrollbar{display:none}.showcase-content{min-height:100%}.unlock-stage{position:relative;height:calc(var(--app-vh) * 2);background:#0b0c11}.showcase-page{position:relative;width:100%;height:var(--app-vh);min-height:0;overflow:hidden;padding:clamp(66px,8vh,88px) clamp(28px,6.7vw,104px) 108px}.unlock-stage .showcase-page{position:sticky;top:0}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#frame>canvas{z-index:100!important;position:fixed!important}@media (max-width: 1050px){.showcase-page{padding-left:42px;padding-right:42px}}@media (max-width: 760px){:root{--frame-gap: 8px;--frame-radius: 28px}.showcase-page{padding:62px 16px 92px}}.layout-only-page{display:flex;align-items:center}.siri-page{background:#0b0c11}.navigation-page{background:#e9e9eb}.controls-page{background:#d9d8d5}.feedback-page{background:#12141a}.layout-grid{width:100%;height:min(72vh,720px);min-height:430px;margin:0 auto}.layout-grid-siri,.layout-grid-navigation,.layout-grid-controls{display:grid;grid-template-columns:minmax(290px,.72fr) minmax(520px,1.28fr);align-items:center;gap:clamp(40px,7vw,112px)}.layout-slot,.layout-window-slot,.layout-card,.layout-device-slot,.layout-stack-slot>div{border:1px solid rgba(17,18,23,.12);background:rgba(255,255,255,.2)}.siri-page .layout-slot,.feedback-page .layout-slot,.feedback-page .layout-device-slot,.feedback-page .layout-stack-slot>div{border-color:#ffffff1f;background:rgba(255,255,255,.045)}.layout-copy-slot{width:100%;height:58%;min-height:250px;border-radius:32px}.layout-feature-slot{width:100%;height:100%;border-radius:38px}.layout-window-slot{display:grid;grid-template-columns:29% 1fr;width:100%;height:100%;overflow:hidden;border-radius:34px}.layout-sidebar-slot{border-right:1px solid rgba(17,18,23,.1);background:rgba(255,255,255,.26)}.layout-main-slot{display:grid;grid-template-rows:1fr auto;gap:16px;padding:clamp(18px,2.4vw,34px)}.layout-wide-card,.layout-small-card-row>div{border:1px solid rgba(17,18,23,.1);border-radius:24px;background:rgba(255,255,255,.24)}.layout-small-card-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;height:25%;min-height:72px}.layout-card-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:14px;width:100%;height:100%}.layout-card{border-radius:26px}.layout-grid-feedback{display:grid;grid-template-columns:minmax(250px,.66fr) minmax(280px,.88fr) minmax(280px,1fr);align-items:center;gap:clamp(18px,3vw,44px)}.layout-device-slot{width:100%;height:100%;border-radius:38px}.layout-stack-slot{display:grid;grid-template-rows:repeat(3,1fr);gap:14px;height:78%}.layout-stack-slot>div{border-radius:24px}@media (max-width: 1050px){.layout-grid-siri,.layout-grid-navigation,.layout-grid-controls{grid-template-columns:minmax(260px,.66fr) minmax(420px,1.34fr);gap:36px}.layout-grid-feedback{grid-template-columns:minmax(210px,.6fr) minmax(240px,.82fr) minmax(240px,1fr);gap:20px}}@media (max-width: 760px){.layout-grid{height:100%;min-height:0}.layout-grid-siri,.layout-grid-navigation,.layout-grid-controls{grid-template-columns:1fr;grid-template-rows:31% 1fr;gap:12px}.layout-copy-slot{height:100%;min-height:0;border-radius:22px}.layout-feature-slot,.layout-window-slot{border-radius:27px}.layout-window-slot{grid-template-columns:28% 1fr}.layout-main-slot{gap:9px;padding:12px}.layout-wide-card{border-radius:18px}.layout-small-card-row{min-height:54px;gap:7px}.layout-small-card-row>div{border-radius:14px}.layout-card-grid{gap:8px}.layout-card{border-radius:20px}.layout-grid-feedback{grid-template-columns:1fr 1.08fr;grid-template-rows:30% 1fr;gap:9px}.layout-grid-feedback .layout-copy-slot{grid-column:1 / -1}.layout-device-slot{border-radius:26px}.layout-stack-slot{height:100%;gap:8px}.layout-stack-slot>div{border-radius:18px}}.info-page{display:flex;align-items:center;justify-content:center;background:#f5f5f7;padding:40px}.info-container{width:100%;max-width:800px;display:flex;flex-direction:column;gap:30px}.info-title{font-size:32px;font-weight:700;color:#1d1d1f;margin:0;text-align:left}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.info-card{display:flex;align-items:center;gap:20px;padding:24px;background:rgba(255,255,255,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 6px #00000005,0 1px 3px #0000000a;border:1px solid rgba(255,255,255,.5)}.info-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000000f,0 4px 8px #0000000a;background:rgba(255,255,255,.9)}.info-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#000;color:#fff;border-radius:12px;flex-shrink:0}.info-icon svg{width:24px;height:24px}.info-content{display:flex;flex-direction:column;gap:4px}.info-content h3{margin:0;font-size:18px;font-weight:600;color:#1d1d1f}.info-content p{margin:0;font-size:14px;color:#86868b}@media (prefers-color-scheme: dark){.info-page{background:#000}.info-title{color:#f5f5f7}.info-card{background:rgba(30,30,30,.7);border-color:#ffffff1a}.info-card:hover{background:rgba(40,40,40,.9)}.info-content h3{color:#f5f5f7}.info-icon{background:#fff;color:#000}}.architecture-page{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:#ffffff;padding:60px 40px 100px;height:auto;min-height:100vh;overflow:visible}.arch-container{width:100%;max-width:900px;display:flex;flex-direction:column;gap:40px}.arch-title{font-size:36px;font-weight:700;color:#1d1d1f;text-align:center;margin:0;letter-spacing:-.5px}.arch-intro{font-size:18px;line-height:1.6;color:#86868b;text-align:center;max-width:700px;margin:0 auto}.arch-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.arch-card{background:#f5f5f7;border-radius:24px;padding:32px;display:flex;flex-direction:column;gap:16px}.arch-card h3{margin:0;font-size:24px;font-weight:600;color:#1d1d1f;display:flex;align-items:center;gap:10px}.arch-card p{margin:0;font-size:15px;line-height:1.6;color:#515154}.arch-full-card{grid-column:1 / -1;background:linear-gradient(135deg,#1d1d1f,#434345);color:#fff}.arch-full-card h3{color:#fff}.arch-full-card p{color:#e8e8ed}@media (max-width: 768px){.arch-grid{grid-template-columns:1fr}}@media (prefers-color-scheme: dark){.architecture-page{background:#000}.arch-title{color:#f5f5f7}.arch-card{background:#1c1c1e}.arch-card h3{color:#f5f5f7}.arch-card p{color:#a1a1a6}}.glass-page{display:flex;align-items:center;justify-content:center;padding:10vh 10vw;gap:20px;background:#eeeeee;color:#000;flex-direction:column}.glass-output{position:relative;border-radius:40px;width:100%;height:100%;background-color:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.bg-grid-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;display:flex;justify-content:center;align-items:center;clip-path:inset(0 round 40px)}.bg-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:max-content max-content;gap:20px;width:100%;padding:24px;animation:bgMoveUpDown 6s infinite alternate;animation-play-state:paused}.glass-page.is-active-page .bg-grid{animation-play-state:running}@keyframes bgMoveUpDown{0%,15%{transform:translateY(-20%);animation-timing-function:cubic-bezier(.4,0,.2,1)}85%,to{transform:translateY(20%)}}.bg-item{display:flex;flex-direction:column;gap:12px}.bg-item img{width:100%;aspect-ratio:1/1;border-radius:20px;object-fit:cover;box-shadow:0 4px 12px #0000001a}.bg-item-text{display:flex;flex-direction:column;gap:4px;padding:0 8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.bg-item-title{font-size:18px;font-weight:700;color:#111}.bg-item-subtitle{font-size:15px;color:#666}.glass-dock-dummy{position:absolute;bottom:30px;width:460px;transform:scale(1.5);transform-origin:bottom center;max-width:calc(100% - 32px);height:84px;border-radius:999px;background:rgba(255,255,255,.85);box-shadow:0 0 24px #1011171f;display:flex;align-items:center;padding:0 16px;isolation:isolate}.dummy-buttons{display:flex;width:100%;justify-content:space-between;position:relative;z-index:2}.dummy-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:90px;height:72px;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:600;font-size:13px}.dummy-icon{width:28px;height:28px;margin-bottom:2px}.dummy-btn.active{color:#4b23a9}.dummy-highlight{position:absolute;top:50%;left:12px;transform:translateY(-50%);width:96px;height:72px;background:rgba(0,0,0,.2);border-radius:999px;z-index:1}.slider-wrap{display:flex;justify-content:center;align-items:center;border-radius:100px;padding:0 60px;width:100%;height:80px;gap:20px;background-color:#fff}.div-slider{--range-progress: 50%;position:relative;width:100%;padding:25px 0;cursor:pointer;touch-action:none;outline:none}.div-slider:focus-visible{outline:2px solid #0a7cff;outline-offset:4px;border-radius:20px}.slider-track{position:relative;width:100%;height:8px;border-radius:10px;background:rgba(17,31,34,.24)}.slider-fill{position:absolute;top:0;bottom:0;left:var(--fill-left, 0%);right:var(--fill-right, auto);width:var(--fill-width, var(--range-progress));border-radius:inherit;background:#0a7cff}.slider-thumb{position:absolute;left:var(--range-progress);top:50%;display:grid;width:60px;height:42px;place-items:center;overflow:hidden;border-radius:50px;border:1px solid rgba(0,0,0,.2);box-shadow:0 3px 9px #141a2421;transform:translate(-50%,-50%);will-change:width,height}@media (max-width: 1050px){.glass-page{grid-template-columns:minmax(260px,.66fr) minmax(420px,1.34fr);gap:36px}}@media (max-width: 760px){.glass-page{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);align-items:stretch;gap:18px}.div-slider{padding:21px 0}.slider-thumb{width:55px;height:36px;border-radius:14px}}.siri-page{display:flex;align-items:center;justify-content:center;padding:10vh 10vw;gap:20px;background:#111;color:#000;flex-direction:row}.siri-output{position:relative;border-radius:40px;width:100%;height:100%;background-color:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.siri-page .bg-grid-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;display:flex;justify-content:center;align-items:center;clip-path:inset(0 round 40px)}.siri-page .bg-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:max-content max-content;gap:20px;width:100%;padding:24px;animation:bgMoveUpDown 14s infinite alternate;animation-play-state:paused}.siri-page.is-active-page .bg-grid{animation-play-state:running}.siri-page .bg-item{display:flex;flex-direction:column;gap:12px}.siri-page .bg-item img{width:100%;aspect-ratio:1/1;border-radius:20px;object-fit:cover;box-shadow:0 4px 12px #0000001a}.siri-page .bg-item-text{display:flex;flex-direction:column;gap:4px;padding:0 8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.siri-page .bg-item-title{font-size:18px;font-weight:700;color:#111}.siri-page .bg-item-subtitle{font-size:15px;color:#666}.dynamic-island{position:absolute;top:60px;width:160px;height:40px;border-radius:100px;background:black;isolation:isolate}.dynamic-island span{position:absolute;width:20px;height:20px;border-radius:50%;background-color:#111;right:10px;top:10px}.siri-circle{position:absolute;top:30px;width:280px;height:200px;border-radius:100px;background:linear-gradient(rgba(0,0,0,1) 40%,rgba(0,0,0,0) 100%);box-shadow:0 20px 20px #0000004d;transform-origin:top center;isolation:isolate;display:flex;align-items:center;padding-left:10px}.siri-controls-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;border-radius:40px;padding:30px;width:180px;height:280px;background-color:#fff;box-shadow:0 4px 20px #0000000d}.siri-btn{flex:1;width:100%;background:none;border:none;font-size:16px;font-weight:500;color:#666;cursor:pointer;padding:0;border-radius:20px;transition:all .2s ease;font-family:inherit;text-align:center;display:flex;align-items:center;justify-content:center}.siri-btn:hover{color:#111;background:rgba(0,0,0,.05)}.siri-btn.active{color:#111;font-weight:600;background:rgba(0,0,0,.08)}.siri-btn.off-btn{color:#ff3b30}.siri-btn.off-btn:hover{background:rgba(255,59,48,.1)}@media (max-width: 1050px){.siri-page{padding:8vh 5vw}}@media (max-width: 760px){.siri-page{flex-direction:column;padding:5vh 5vw}.siri-controls-wrap{flex-direction:row;width:100%;height:80px;padding:0 30px;border-radius:100px}.siri-btn{padding:12px 0}}.siri-inner-content{position:absolute;top:0;left:0;width:100%;height:100%;padding:20px 20px 20px 90px;display:flex;flex-direction:column;justify-content:center;color:#fff;z-index:15;box-sizing:border-box}#siri-text-content p{margin:0;font-size:15px;line-height:1.5;font-weight:500;text-shadow:0 1px 6px rgba(0,0,0,.8)}#siri-media-content{flex-direction:row;align-items:center;gap:15px}#siri-media-content img{width:60px;height:60px;border-radius:12px;object-fit:cover;box-shadow:0 4px 10px #0009}.siri-media-text h4{margin:0 0 4px;font-size:15px;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.8)}.siri-media-text p{margin:0;font-size:13px;color:#eee;text-shadow:0 1px 4px rgba(0,0,0,.8)}.siri-content-wrapper{width:100%;height:100%;opacity:0;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-start;color:#fff;z-index:10;overflow:hidden;padding:40px;box-sizing:border-box}.siri-text-content{align-items:center;justify-content:center;text-align:center}.siri-text-content h3{font-size:28px;font-weight:600;margin:0 0 10px;background:linear-gradient(135deg,#fff,#a1a1a6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.siri-text-content p{font-size:16px;color:#ffffffb3;margin:0;max-width:80%;line-height:1.5}.siri-full-content{padding-top:60px}.siri-full-content .header{font-size:32px;font-weight:700;margin-bottom:20px}.siri-full-content .content-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;height:100%;overflow-y:auto}.siri-full-content .content-card{background:rgba(255,255,255,.1);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:15px;border:1px solid rgba(255,255,255,.2)}.siri-full-content .content-card img{width:100%;height:120px;object-fit:cover;border-radius:12px}.siri-full-content .content-card h4{margin:0;font-size:18px;font-weight:600}.siri-full-content .content-card p{margin:0;font-size:14px;color:#ffffffb3;line-height:1.5}.bottom-dock{--dock-opacity: 0;position:absolute;z-index:50;left:50%;bottom:max(14px,env(safe-area-inset-bottom));width:min(calc(100% - 32px),420px);padding:5px;border-radius:50px;background:rgba(255,255,255,.85);box-shadow:0 0 24px #1011171f;opacity:var(--dock-opacity);transform:translate(-50%);transition:opacity .16s linear;pointer-events:none;isolation:isolate;touch-action:none;user-select:none;-webkit-user-select:none}.bottom-dock.is-visible{pointer-events:auto}.dock-buttons-group{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;position:relative;z-index:2;width:100%;height:100%}.dock-buttons-group button{position:relative;z-index:2;min-width:0;height:56px;padding:5px 2px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;border-radius:999px;background:transparent;color:#000;cursor:pointer;-webkit-tap-highlight-color:transparent}.dock-buttons-group button svg{color:#000}.dock-buttons-group button.is-active{cursor:grab}.bottom-dock.is-dragging,.bottom-dock.is-dragging button{cursor:grabbing}.dock-highlight{position:absolute;z-index:1;top:5px;left:5px;width:80px;height:56px;display:block;border-radius:50px;transform-origin:center;will-change:transform,width,height;box-shadow:0 0 10px #0000001a;background-color:#0000001a;pointer-events:none}.dock-icon{height:30px;display:grid;place-items:center;font-size:19px;font-weight:680;line-height:1}.dock-icon-navigation{font-size:23px;transform:translateY(-1px)}.dock-icon-controls{font-size:22px;transform:rotate(90deg)}.dock-icon-feedback{font-size:12px}.bottom-dock small{overflow:hidden;max-width:100%;font-size:9px;font-weight:650;text-overflow:ellipsis}@media (max-width: 760px){.bottom-dock{width:calc(100% - 16px);bottom:max(8px,env(safe-area-inset-bottom))}.bottom-dock button{height:54px}.dock-highlight{top:5px;height:54px}.bottom-dock small{font-size:8px}}.lock-screen{--unlock: 0;--lock-background-opacity: 1;position:absolute;z-index:70;top:0;right:0;bottom:0;left:0;overflow:hidden;background:transparent;color:#fff;touch-action:pan-y;-webkit-user-select:none;user-select:none}.lock-screen.is-past{visibility:hidden;pointer-events:none}.lock-background{position:absolute;top:0;right:0;bottom:0;left:0;will-change:opacity}.lock-background:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.wallpaper{position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%}.wallpaper-light{position:absolute;left:50%;top:43%;width:75vw;height:75vw;max-width:950px;max-height:950px;background:radial-gradient(circle,rgba(255,230,207,.65),transparent 63%);transform:translate(-50%,-50%)}.shape-back{width:min(1000px,88vw);height:67vh;background:linear-gradient(135deg,rgba(46,40,78,.48),rgba(103,68,103,.78));transform:translate(-58%) rotate(-8deg);box-shadow:inset 60px 40px 120px #ffffff1a}.shape-front{width:min(780px,70vw);height:61vh;bottom:-17%;background:linear-gradient(145deg,rgba(245,179,144,.82),rgba(112,71,113,.92) 65%);transform:translate(-32%) rotate(10deg);box-shadow:inset 50px 30px 100px #ffe6ca4d}.wallpaper-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.13;background-color:gray;mix-blend-mode:soft-light}.lock-interface{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000029;border-radius:var(--frame-radius);will-change:transform}.lock-time{position:absolute;top:clamp(68px,13vh,126px);left:50%;color:#fff;font-size:clamp(74px,11vw,152px);font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:-.065em;line-height:.9;transform:translate(-50%)}.unlock-hint{position:absolute;left:24px;right:24px;bottom:max(12px,env(safe-area-inset-bottom));width:calc(100% - 48px);height:52px;border:0;background:transparent;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;cursor:pointer}.unlock-hint span{font-size:11px;letter-spacing:.04em;text-shadow:0 1px 8px rgba(0,0,0,.32);animation:hint-float 2.3s ease-in-out infinite}.unlock-hint i{width:132px;height:5px;border-radius:9px;background:#fff}@keyframes hint-float{0%,to{transform:translateY(0);opacity:.65}50%{transform:translateY(-5px);opacity:1}}@media (max-width: 760px){.shape-back{width:145vw}.shape-front{width:115vw}.lock-time{top:clamp(58px,11vh,88px);font-size:clamp(66px,22vw,104px)}}