.InteractiveDemo-module__cHTdVq__demo{text-align:left;width:min(1220px,94%);color:var(--ink);margin:65px auto 0;scroll-margin-top:105px;position:relative}.InteractiveDemo-module__cHTdVq__stage{perspective:1600px;scroll-margin-top:105px;position:relative}.InteractiveDemo-module__cHTdVq__device{background:linear-gradient(135deg,#526274,#19212c 20%,#101925 80%,#526274);border-radius:25px 25px 12px 12px;padding:10px;position:relative;box-shadow:0 35px 65px -25px #14416780,0 0 0 1px #ffffff90,inset 0 0 0 2px #344252}.InteractiveDemo-module__cHTdVq__notch{z-index:8;pointer-events:none;background:#131b26;border-radius:0 0 11px 11px;place-items:center;width:125px;height:20px;display:grid;position:absolute;top:9px;left:calc(50% - 62.5px)}.InteractiveDemo-module__cHTdVq__notch i{background:radial-gradient(circle at 60% 35%,#334562,#111927 65%);border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 1px #202a39}.InteractiveDemo-module__cHTdVq__desktop{isolation:isolate;background:#5cb5ee;border-radius:16px 16px 5px 5px;height:690px;position:relative;overflow:hidden}.InteractiveDemo-module__cHTdVq__wallpaper{transform:scale(1.025) translate(var(--pointer-x,0px),var(--pointer-y,0px));pointer-events:none;transition:transform 1.6s cubic-bezier(.16,1,.3,1),filter 1.4s;position:absolute;inset:-15px}.InteractiveDemo-module__cHTdVq__wallpaperImage{object-fit:cover;object-position:50% 57%}.InteractiveDemo-module__cHTdVq__wallpaperLight{background:linear-gradient(#07367218,#0000 45%,#05224e38);position:absolute;inset:0}.InteractiveDemo-module__cHTdVq__systemBar{z-index:2;top:0;color:#fff;text-shadow:0 1px 3px #12376825;justify-content:space-between;align-items:center;height:28px;padding:0 20px;font-size:10px;display:flex;position:absolute;inset-inline:0}.InteractiveDemo-module__cHTdVq__systemBrand,.InteractiveDemo-module__cHTdVq__systemStatus{align-items:center;gap:15px;display:flex}.InteractiveDemo-module__cHTdVq__systemBrand{opacity:0;transition:opacity .5s}.InteractiveDemo-module__cHTdVq__systemBrand strong{font-size:10px;font-weight:700}.InteractiveDemo-module__cHTdVq__apple{font-size:12px}.InteractiveDemo-module__cHTdVq__systemStatus{gap:10px;margin-left:auto}.InteractiveDemo-module__cHTdVq__systemStatus>span{display:none}.InteractiveDemo-module__cHTdVq__lockScreen{z-index:3;color:#fff;text-align:center;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0;overflow:hidden}.InteractiveDemo-module__cHTdVq__lockScreen:focus-visible{border-radius:16px;outline-offset:-6px!important;outline:3px solid #fff!important}.InteractiveDemo-module__cHTdVq__lockScreen:disabled{pointer-events:none}.InteractiveDemo-module__cHTdVq__clock{text-shadow:0 2px 20px #1261aa10;flex-direction:column;align-items:center;gap:0;width:100%;transition:transform .9s cubic-bezier(.65,0,.35,1),opacity .65s,filter .8s;display:flex;position:absolute;top:11%}.InteractiveDemo-module__cHTdVq__clock>span{letter-spacing:-.5px;font-size:21px;font-weight:600}.InteractiveDemo-module__cHTdVq__clock>strong{letter-spacing:-7px;color:#f1fbffef;font-family:ui-rounded,-apple-system,BlinkMacSystemFont,Plus Jakarta Sans,sans-serif;font-size:112px;font-weight:700;line-height:1.22}.InteractiveDemo-module__cHTdVq__lockProfile{flex-direction:column;align-items:center;transition:transform .7s cubic-bezier(.65,0,.35,1),opacity .45s,filter .7s;display:flex;position:absolute;bottom:8%}.InteractiveDemo-module__cHTdVq__avatar{background:linear-gradient(150deg,#d7f6fc,#85c5e9 55%,#689dcf);border:2px solid #ffffffa3;border-radius:50%;place-items:center;width:59px;height:59px;display:grid;box-shadow:0 7px 25px #03387140}.InteractiveDemo-module__cHTdVq__avatar>span{letter-spacing:-1px;color:#f8fcff;background:#ffffff3d;border-radius:50%;place-items:center;width:45px;height:45px;font-size:17px;font-weight:700;display:grid}.InteractiveDemo-module__cHTdVq__lockProfile>strong{text-shadow:0 2px 5px #14406a40;margin-top:10px;font-size:14px;font-weight:600}.InteractiveDemo-module__cHTdVq__unlockPrompt{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff17;border:1px solid #ffffff50;border-radius:99px;align-items:center;gap:8px;margin-top:16px;padding:11px 17px;font-size:11px;font-weight:500;transition:background .25s,transform .25s;display:flex;box-shadow:0 4px 20px #234d7c0a}.InteractiveDemo-module__cHTdVq__lockScreen:hover .InteractiveDemo-module__cHTdVq__unlockPrompt{background:#ffffff30;transform:translateY(-2px)}.InteractiveDemo-module__cHTdVq__unlockPrompt>svg:last-child{transition:transform .25s}.InteractiveDemo-module__cHTdVq__lockScreen:hover .InteractiveDemo-module__cHTdVq__unlockPrompt>svg:last-child{transform:translate(3px)}.InteractiveDemo-module__cHTdVq__noPassword{color:#f0f9ffb3;margin-top:11px;font-size:9px}.InteractiveDemo-module__cHTdVq__lockShine{pointer-events:none;background:linear-gradient(115deg,#0000 42%,#ffffff0a 50%,#0000 58%);animation:12s ease-in-out infinite InteractiveDemo-module__cHTdVq__lockShine;position:absolute;inset:-50%}.InteractiveDemo-module__cHTdVq__deviceBase{background:linear-gradient(#e2e9ed,#a4b3c0 35%,#d0dbe4 60%,#6c8193);border-radius:2px 2px 70% 70%/2px 2px 100% 100%;height:14px;margin:0 -2.5%;position:relative;box-shadow:0 14px 19px -6px #23496b35}.InteractiveDemo-module__cHTdVq__deviceBase i{background:linear-gradient(#8395a6,#b8c5d0);border-radius:0 0 10px 10px;width:130px;height:5px;margin:auto;display:block}.InteractiveDemo-module__cHTdVq__window{z-index:4;background:var(--bg-stage);isolation:isolate;border:1px solid #ffffffc9;border-radius:13px;animation:1.05s cubic-bezier(.16,1,.3,1) both InteractiveDemo-module__cHTdVq__openDesktop;position:absolute;inset:42px 20px 20px;overflow:hidden;transform:translateZ(0);box-shadow:0 25px 65px -22px #12325465,0 1px 5px #12364a1f}.InteractiveDemo-module__cHTdVq__chrome{background:#ffffffc9;border-bottom:1px solid #e0e5ec;grid-template-columns:1fr auto 1fr;align-items:center;height:43px;padding:0 14px;display:grid}.InteractiveDemo-module__cHTdVq__dots{gap:6px;display:flex}.InteractiveDemo-module__cHTdVq__dots i{background:#ee9c96;border-radius:50%;width:8px;height:8px}.InteractiveDemo-module__cHTdVq__dots i:nth-child(2){background:#e9c979}.InteractiveDemo-module__cHTdVq__dots i:nth-child(3){background:#92cda3}.InteractiveDemo-module__cHTdVq__address{color:#526c7e;align-items:center;gap:7px;font-size:10px;font-weight:600;display:flex}.InteractiveDemo-module__cHTdVq__address>span:last-child{color:#9caab4;font-weight:500}.InteractiveDemo-module__cHTdVq__addressMark{color:#4b86ac;background:#e1edf4;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.InteractiveDemo-module__cHTdVq__windowActions{justify-self:end;align-items:center;gap:9px;display:flex}.InteractiveDemo-module__cHTdVq__reset{color:#6d8596;border-radius:6px;align-items:center;gap:6px;min-height:34px;padding:0 5px;font-size:10px;display:flex}.InteractiveDemo-module__cHTdVq__reset:hover{background:#e8f2f9}.InteractiveDemo-module__cHTdVq__stage[data-phase=unlocking] .InteractiveDemo-module__cHTdVq__clock,.InteractiveDemo-module__cHTdVq__stage[data-phase=unlocked] .InteractiveDemo-module__cHTdVq__clock{opacity:0;filter:blur(12px);transform:translateY(-70px)scale(1.05)}.InteractiveDemo-module__cHTdVq__stage[data-phase=unlocking] .InteractiveDemo-module__cHTdVq__lockProfile,.InteractiveDemo-module__cHTdVq__stage[data-phase=unlocked] .InteractiveDemo-module__cHTdVq__lockProfile{opacity:0;filter:blur(10px);transform:translateY(45px)scale(.9)}.InteractiveDemo-module__cHTdVq__stage[data-phase=unlocking] .InteractiveDemo-module__cHTdVq__wallpaper,.InteractiveDemo-module__cHTdVq__stage[data-phase=unlocked] .InteractiveDemo-module__cHTdVq__wallpaper{filter:brightness(.93);transform:scale(1.13)}.InteractiveDemo-module__cHTdVq__stage[data-phase=unlocking] .InteractiveDemo-module__cHTdVq__systemBrand,.InteractiveDemo-module__cHTdVq__stage[data-phase=unlocked] .InteractiveDemo-module__cHTdVq__systemBrand{opacity:1}.InteractiveDemo-module__cHTdVq__stage[data-phase=unlocking] .InteractiveDemo-module__cHTdVq__systemStatus>span,.InteractiveDemo-module__cHTdVq__stage[data-phase=unlocked] .InteractiveDemo-module__cHTdVq__systemStatus>span{display:inline}.InteractiveDemo-module__cHTdVq__stage[data-phase=unlocked] .InteractiveDemo-module__cHTdVq__lockScreen{visibility:hidden}.InteractiveDemo-module__cHTdVq__app{gap:24px;height:calc(100% - 43px);padding:16px;display:flex}.InteractiveDemo-module__cHTdVq__sidebar{box-shadow:var(--shadow-card-sm);background:#fff;border-radius:25px;flex-direction:column;flex:0 0 196px;padding:24px 14px 16px;display:flex}.InteractiveDemo-module__cHTdVq__logo{width:145px;height:auto;margin:0 10px}.InteractiveDemo-module__cHTdVq__sample{letter-spacing:1.1px;color:#91a0ad;margin:13px 10px 30px;font-size:8px;font-weight:700}.InteractiveDemo-module__cHTdVq__sidebar nav{flex-direction:column;gap:5px;display:flex}.InteractiveDemo-module__cHTdVq__sidebar nav button{color:#687482;border-radius:30px;align-items:center;gap:12px;min-height:44px;padding:0 15px;font-size:13px;font-weight:600;transition:background .2s;display:flex}.InteractiveDemo-module__cHTdVq__sidebar nav .InteractiveDemo-module__cHTdVq__active,.InteractiveDemo-module__cHTdVq__sidebar nav .InteractiveDemo-module__cHTdVq__active:hover{color:#fff;background:#4292c6;box-shadow:0 6px 15px #4292c633}.InteractiveDemo-module__cHTdVq__maxNote{color:#4c85aa;background:linear-gradient(140deg,#f3f9fe,#eaf3fb);border-radius:16px;margin:auto 0 22px;padding:17px 13px}.InteractiveDemo-module__cHTdVq__maxNote strong{color:#385e78;margin-top:10px;font-size:12px;font-weight:700;display:block}.InteractiveDemo-module__cHTdVq__maxNote p{color:#7a92a4;margin:7px 0 12px;font-size:10px;line-height:1.8}.InteractiveDemo-module__cHTdVq__maxNote button{align-items:center;gap:5px;font-size:10px;font-weight:700;display:flex}.InteractiveDemo-module__cHTdVq__student{border-top:1px solid #f0f2f4;align-items:center;gap:10px;padding:14px 6px 0;display:flex}.InteractiveDemo-module__cHTdVq__student>span{color:#67869f;background:#edf3f9;border-radius:50%;place-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:grid}.InteractiveDemo-module__cHTdVq__student strong{font-size:10px;font-weight:700;display:block}.InteractiveDemo-module__cHTdVq__student small{color:#a0aab4;font-size:9px}.InteractiveDemo-module__cHTdVq__main{flex-direction:column;flex:1;min-width:0;display:flex}.InteractiveDemo-module__cHTdVq__screen{scrollbar-width:thin;scrollbar-color:#ccd5dd transparent;outline:none;flex:1;min-height:0;padding:13px 12px 20px 0;overflow:hidden auto}.InteractiveDemo-module__cHTdVq__screenContent{animation:.32s ease-out both InteractiveDemo-module__cHTdVq__arrive}.InteractiveDemo-module__cHTdVq__screen .fixed{z-index:90}.InteractiveDemo-module__cHTdVq__window [role=dialog]{max-height:calc(100% - 32px)}.InteractiveDemo-module__cHTdVq__mobileBar,.InteractiveDemo-module__cHTdVq__mobileNav{display:none}.InteractiveDemo-module__cHTdVq__notice{color:#3a6989;background:#e0edf8;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:13px 16px;font-size:12px;line-height:1.6;display:flex}.InteractiveDemo-module__cHTdVq__notice button{padding:0 4px;font-size:20px}.InteractiveDemo-module__cHTdVq__demo button{cursor:pointer}.InteractiveDemo-module__cHTdVq__demo button:focus-visible,.InteractiveDemo-module__cHTdVq__demo a:focus-visible{outline-offset:3px;outline:3px solid #4292c6}@keyframes InteractiveDemo-module__cHTdVq__arrive{0%{opacity:.5}to{opacity:1}}@keyframes InteractiveDemo-module__cHTdVq__lockShine{0%,25%{transform:translate(-35%)}65%,to{transform:translate(35%)}}@keyframes InteractiveDemo-module__cHTdVq__openDesktop{0%,10%{opacity:0;filter:blur(12px);transform:translateY(55px)scale(.91)}to{opacity:1;filter:blur();transform:translateZ(0)}}@media (max-width:1023px){.InteractiveDemo-module__cHTdVq__sidebar{flex-basis:164px;padding-inline:10px}.InteractiveDemo-module__cHTdVq__logo{width:128px}.InteractiveDemo-module__cHTdVq__app{gap:18px}.InteractiveDemo-module__cHTdVq__screen{padding-right:5px}.InteractiveDemo-module__cHTdVq__desktop{height:670px}}@media (max-width:760px){.InteractiveDemo-module__cHTdVq__demo{width:94%;margin-top:44px;scroll-margin-top:100px}.InteractiveDemo-module__cHTdVq__stage{scroll-margin-top:100px}.InteractiveDemo-module__cHTdVq__device{border-radius:20px 20px 8px 8px;padding:6px}.InteractiveDemo-module__cHTdVq__desktop{border-radius:14px 14px 4px 4px;height:620px;min-height:550px;max-height:80svh}.InteractiveDemo-module__cHTdVq__notch{border-radius:0 0 8px 8px;width:90px;height:15px;top:5px;left:calc(50% - 45px)}.InteractiveDemo-module__cHTdVq__notch i{width:4px;height:4px}.InteractiveDemo-module__cHTdVq__systemBar{height:23px;padding-inline:12px}.InteractiveDemo-module__cHTdVq__systemStatus{gap:6px}.InteractiveDemo-module__cHTdVq__systemStatus>svg{width:12px}.InteractiveDemo-module__cHTdVq__systemStatus>span,.InteractiveDemo-module__cHTdVq__systemBrand>span:not(.InteractiveDemo-module__cHTdVq__apple){display:none!important}.InteractiveDemo-module__cHTdVq__systemBrand{gap:6px}.InteractiveDemo-module__cHTdVq__systemBrand strong,.InteractiveDemo-module__cHTdVq__systemBrand .InteractiveDemo-module__cHTdVq__apple{font-size:8px}.InteractiveDemo-module__cHTdVq__clock{top:13%}.InteractiveDemo-module__cHTdVq__clock>span{font-size:16px}.InteractiveDemo-module__cHTdVq__clock>strong{letter-spacing:-5px;font-size:87px}.InteractiveDemo-module__cHTdVq__lockProfile{bottom:8%}.InteractiveDemo-module__cHTdVq__lockProfile>strong{font-size:13px}.InteractiveDemo-module__cHTdVq__avatar{width:54px;height:54px}.InteractiveDemo-module__cHTdVq__avatar>span{width:40px;height:40px;font-size:15px}.InteractiveDemo-module__cHTdVq__unlockPrompt{padding:10px 14px;font-size:10px}.InteractiveDemo-module__cHTdVq__noPassword{font-size:8px}.InteractiveDemo-module__cHTdVq__deviceBase{height:10px;margin-inline:-1%}.InteractiveDemo-module__cHTdVq__deviceBase i{width:90px;height:3px}.InteractiveDemo-module__cHTdVq__window{border-radius:9px;inset:30px 5px 6px}.InteractiveDemo-module__cHTdVq__chrome{grid-template-columns:26px 1fr 55px;height:35px;padding:0 8px}.InteractiveDemo-module__cHTdVq__dots{gap:3px}.InteractiveDemo-module__cHTdVq__dots i{width:5px;height:5px}.InteractiveDemo-module__cHTdVq__address{justify-content:center;gap:5px;font-size:8px}.InteractiveDemo-module__cHTdVq__address>span:last-child,.InteractiveDemo-module__cHTdVq__reset span{display:none}.InteractiveDemo-module__cHTdVq__reset{min-height:28px;padding:0 5px}.InteractiveDemo-module__cHTdVq__windowActions{gap:0}.InteractiveDemo-module__cHTdVq__app{height:calc(100% - 35px);padding:0;display:block}.InteractiveDemo-module__cHTdVq__sidebar{display:none}.InteractiveDemo-module__cHTdVq__main{height:100%}.InteractiveDemo-module__cHTdVq__screen{padding:13px 12px 20px}.InteractiveDemo-module__cHTdVq__mobileBar{justify-content:space-between;align-items:center;gap:10px;padding:13px 13px 9px;display:flex}.InteractiveDemo-module__cHTdVq__mobileLogo{width:110px;height:auto}.InteractiveDemo-module__cHTdVq__mobileBar>span{color:#8295a2;font-size:7px}.InteractiveDemo-module__cHTdVq__mobileNav{background:#fff;border-top:1px solid #e6e9ed;flex-shrink:0;justify-content:space-around;padding:4px 8px 7px;display:flex}.InteractiveDemo-module__cHTdVq__mobileNav button{color:#929eaa;border-radius:12px;flex-direction:column;align-items:center;gap:3px;min-width:72px;padding:7px 12px;font-size:9px;display:flex}.InteractiveDemo-module__cHTdVq__mobileNav .InteractiveDemo-module__cHTdVq__mobileActive{color:#2b6c99;background:#edf6fc}}@media (prefers-reduced-motion:reduce){.InteractiveDemo-module__cHTdVq__demo *,.InteractiveDemo-module__cHTdVq__demo :before,.InteractiveDemo-module__cHTdVq__demo :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.InteractiveDemo-module__cHTdVq__app{background:var(--bg,#f5f7f9);gap:0;padding:0}.InteractiveDemo-module__cHTdVq__sidebar{border-right:1px solid var(--border,#e5eaf0);box-shadow:none;border-radius:0;flex-basis:180px;padding:24px 13px 16px}.InteractiveDemo-module__cHTdVq__sidebar nav button{color:var(--ink,#141820);border-radius:12px}.InteractiveDemo-module__cHTdVq__sidebar nav .InteractiveDemo-module__cHTdVq__active,.InteractiveDemo-module__cHTdVq__sidebar nav .InteractiveDemo-module__cHTdVq__active:hover{background:var(--surface,#fff);color:var(--ink,#20252b);box-shadow:0 2px 5px #141e2d0f,0 5px 16px #141e2d12}.InteractiveDemo-module__cHTdVq__main{border:1px solid var(--border,#e2e8ef);background:var(--bg,#f5f7f9);border-radius:19px;margin:12px;overflow:hidden}.InteractiveDemo-module__cHTdVq__screen{padding:16px}.InteractiveDemo-module__cHTdVq__window[data-platform-theme=dark] .InteractiveDemo-module__cHTdVq__chrome,.InteractiveDemo-module__cHTdVq__window[data-platform-theme=dark] .InteractiveDemo-module__cHTdVq__sidebar,.InteractiveDemo-module__cHTdVq__window[data-platform-theme=dark] .InteractiveDemo-module__cHTdVq__mobileNav{background:var(--surface);border-color:var(--border)}.InteractiveDemo-module__cHTdVq__window[data-platform-theme=dark] .InteractiveDemo-module__cHTdVq__address,.InteractiveDemo-module__cHTdVq__window[data-platform-theme=dark] .InteractiveDemo-module__cHTdVq__reset{color:var(--ink-soft)}.InteractiveDemo-module__cHTdVq__window[data-platform-theme=dark] .InteractiveDemo-module__cHTdVq__maxNote{background:var(--bg-elevated)}.InteractiveDemo-module__cHTdVq__window[data-platform-theme=dark] .InteractiveDemo-module__cHTdVq__maxNote strong,.InteractiveDemo-module__cHTdVq__window[data-platform-theme=dark] .InteractiveDemo-module__cHTdVq__maxNote p,.InteractiveDemo-module__cHTdVq__window[data-platform-theme=dark] .InteractiveDemo-module__cHTdVq__mobileNav button{color:var(--ink-soft)}.InteractiveDemo-module__cHTdVq__window[data-platform-theme=dark] .InteractiveDemo-module__cHTdVq__mobileNav .InteractiveDemo-module__cHTdVq__mobileActive{background:var(--accent-soft);color:var(--accent-deep)}.InteractiveDemo-module__cHTdVq__logo{background:#fff;border-radius:7px}@media (max-width:760px){.InteractiveDemo-module__cHTdVq__main{border:0;border-radius:0;margin:0}.InteractiveDemo-module__cHTdVq__chrome{grid-template-columns:20px 1fr 84px}.InteractiveDemo-module__cHTdVq__screen{padding:12px}.InteractiveDemo-module__cHTdVq__app{height:calc(100% - 35px)}}@media (min-width:761px){.InteractiveDemo-module__cHTdVq__screen [data-home-mobile-brand]{display:none}}.InteractiveDemo-module__cHTdVq__sidebar nav button{color:var(--ink);font-weight:550}.InteractiveDemo-module__cHTdVq__sidebar nav button:hover{background:var(--bg-soft)}.InteractiveDemo-module__cHTdVq__sample{margin-bottom:20px}.InteractiveDemo-module__cHTdVq__maxNote{margin-top:20px;margin-bottom:auto;padding:14px 12px}.InteractiveDemo-module__cHTdVq__student{color:var(--ink);border-color:var(--line);margin-top:18px}.InteractiveDemo-module__cHTdVq__screenContent{min-width:0}.InteractiveDemo-module__cHTdVq__screen [data-home-mobile-brand]{display:none}.InteractiveDemo-module__cHTdVq__window [class*=hover\:bg]:not([class*=rounded]){border-radius:12px}@media (max-width:760px){.InteractiveDemo-module__cHTdVq__mobileNav{justify-content:space-around;gap:2px;padding-inline:4px}.InteractiveDemo-module__cHTdVq__mobileNav button{flex:1;gap:4px;min-width:0;padding:7px 3px;font-size:8px}.InteractiveDemo-module__cHTdVq__mobileNav button svg{width:17px;height:17px}.InteractiveDemo-module__cHTdVq__screen{padding:12px}.InteractiveDemo-module__cHTdVq__maxNote{display:none}}
