@property --n{syntax:"<integer>";inherits:true;initial-value:0}.ap{--ink:#1d1d1f;--mute:#6e6e73;--faint:#8e8e93;--line:#ececf0;--brand:#1f4f82;--brand-2:#4aa3c9;--ok:#34c759;--warn:#ff9f0a;--bad:#ff453a;color:var(--ink);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;background:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Segoe UI,system-ui,sans-serif;position:absolute;inset:0;overflow:hidden;container-type:inline-size}.ap *,.ap :before,.ap :after{box-sizing:border-box}.ap b,.ap strong,.ap h4{font-weight:650}.ap small{font-size:inherit}.ap ul{margin:0;padding:0;list-style:none}.ap svg{flex:none}.ap-views{flex:1;min-height:0;position:relative}.ap-v{opacity:0;visibility:hidden;pointer-events:none;filter:blur(6px);transition:opacity .42s ease, transform .76s var(--ease-apple,cubic-bezier(.22, .9, .24, 1)), filter .42s ease, visibility 0s linear .76s;flex-direction:column;display:flex;position:absolute;inset:0;transform:translateY(1.6cqw)scale(.985)}.scene-stage:not([data-view]) .ap-v--1,.scene-stage[data-view="1"] .ap-v--1,.scene-stage[data-view="2"] .ap-v--2,.scene-stage[data-view="3"] .ap-v--3{opacity:1;visibility:visible;pointer-events:auto;filter:none;transition-delay:90ms,90ms,90ms,0s;transform:none}.scene-stage:not([data-view]) .ap-v--1 .ap-in,.scene-stage[data-view="1"] .ap-v--1 .ap-in,.scene-stage[data-view="2"] .ap-v--2 .ap-in,.scene-stage[data-view="3"] .ap-v--3 .ap-in{animation:apRise .8s var(--ease-apple,cubic-bezier(.22, .9, .24, 1)) both;animation-delay:calc(.16s + var(--i,0) * 70ms)}@keyframes apRise{0%{opacity:0;transform:translateY(2.2cqw)scale(.97)}to{opacity:1;transform:none}}.ap-count{--n:var(--to)}.ap-count:before{counter-reset:c var(--n);content:counter(c)}.scene-stage:not([data-view]) .ap-v--1 .ap-count,.scene-stage[data-view="1"] .ap-v--1 .ap-count,.scene-stage[data-view="2"] .ap-v--2 .ap-count,.scene-stage[data-view="3"] .ap-v--3 .ap-count{animation:apCount 1.4s var(--ease-apple,cubic-bezier(.22, .9, .24, 1)) .3s both}@keyframes apCount{0%{--n:0}}.ap-bar,.ap-meter>i{transform-origin:0}.ap-bar{transform-origin:bottom}.scene-stage:not([data-view]) .ap-v--1 .ap-bar,.scene-stage[data-view="1"] .ap-v--1 .ap-bar{animation:apGrowY 1s var(--ease-apple,cubic-bezier(.22, .9, .24, 1)) calc(.42s + var(--i,0) * 80ms) both, apBreath calc(2.4s + var(--i,0) * .37s) ease-in-out 2s infinite alternate}@keyframes apBreath{to{scale:1 var(--b,1.07)}}.ap-bar:nth-child(odd){--b:.93}.scene-stage[data-view="2"] .ap-v--2 .ap-meter>i,.scene-stage[data-view="3"] .ap-v--3 .ap-meter>i{animation:apGrowX 1.1s var(--ease-apple,cubic-bezier(.22, .9, .24, 1)) both;animation-delay:calc(.42s + var(--i,0) * 80ms)}@keyframes apGrowY{0%{transform:scaleY(0)}}@keyframes apGrowX{0%{transform:scaleX(0)}}.ap-live{color:var(--mute);align-items:center;gap:.6cqw;font-size:1cqw;font-weight:600;display:inline-flex}.ap-live--right{margin-left:auto}.ap-live i,.ap-bell i{background:var(--ok);width:.7cqw;height:.7cqw;box-shadow:0 0 0 0 color-mix(in oklab, var(--ok) 55%, transparent);border-radius:50%;animation:2s ease-out infinite apPulse;display:block}.ap-bell i{background:var(--bad);box-shadow:0 0 0 0 color-mix(in oklab, var(--bad) 55%, transparent);position:absolute;top:.1cqw;right:.2cqw}@keyframes apPulse{70%{box-shadow:0 0 0 .9cqw #0000}to{box-shadow:0 0 #0000}}.ap-avatar{background:linear-gradient(145deg, var(--brand), var(--brand-2));color:#fff;border-radius:50%;place-items:center;width:3cqw;height:3cqw;font-size:1cqw;font-weight:700;display:grid}.ap-chip{color:#55585f;white-space:nowrap;background:#eef0f3;border-radius:999px;align-items:center;width:fit-content;padding:.35cqw .9cqw;font-size:.95cqw;font-weight:600;display:inline-flex}.ap-chip--ok{color:#1c8a3a;background:#e4f6e9}.ap-chip--warn{color:#a35c00;background:#fff0d9}.ap-chip--bad{color:#c0271d;background:#ffe4e1}.ap-meter{background:#eceef2;border-radius:999px;height:.7cqw;display:block;overflow:hidden}.ap-meter--thin{height:.5cqw}.ap-meter>i{border-radius:inherit;background:linear-gradient(90deg, var(--brand-2), var(--brand));height:100%;display:block}.ap-meter>i.is-ok{background:var(--ok)}.ap-meter>i.is-warn{background:var(--warn)}.ap-meter>i.is-bad{background:var(--bad)}.ap-sample{z-index:3;color:#a1a1a6;pointer-events:none;font-size:.85cqw;position:absolute}.ap--kio{--ih:3.3cqw;grid-template-columns:17cqw minmax(0,1fr);font-size:1.15cqw;display:grid}.ap-side{border-right:1px solid var(--line);background:#fbfbfd;flex-direction:column;padding:1.8cqw 1.2cqw 1.4cqw;display:flex}.ap-brand{align-items:center;gap:.9cqw;padding:0 .5cqw;font-size:1.55cqw;display:flex}.ap-brand-mark{background:linear-gradient(145deg, var(--brand), var(--brand-2));border-radius:.7cqw;width:2.2cqw;height:2.2cqw;box-shadow:inset 0 0 0 .12cqw #ffffff59}.ap-nav{flex-direction:column;margin-top:2.4cqw;display:flex;position:relative}.ap-nav-hl{height:var(--ih);transform:translate3d(0, calc(var(--view,0) * var(--ih)), 0);transition:transform .7s var(--ease-apple,cubic-bezier(.22, .9, .24, 1));background:#e6f0fa;border-radius:.9cqw;position:absolute;inset:0 0 auto}.ap-nav-item{height:var(--ih);color:var(--mute);align-items:center;gap:.9cqw;padding:0 1cqw;font-weight:600;transition:color .4s;display:flex;position:relative}.scene-stage:not([data-view]) .ap-nav-item[data-n="0"],.scene-stage[data-view="1"] .ap-nav-item[data-n="0"],.scene-stage[data-view="2"] .ap-nav-item[data-n="1"],.scene-stage[data-view="3"] .ap-nav-item[data-n="2"]{color:var(--brand)}.ap-user{border-top:1px solid var(--line);align-items:center;gap:.9cqw;margin-top:auto;padding:1.2cqw .5cqw 0;font-size:1.05cqw;display:flex}.ap-user b{display:block}.ap-user small{color:var(--faint);font-size:.9cqw}.ap-main{flex-direction:column;min-width:0;display:flex;position:relative}.ap-top{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:1.4cqw;height:4.8cqw;padding:0 2.2cqw;display:flex}.ap-crumbs{grid-template-areas:"a b c d";grid-auto-flow:column;align-items:center;gap:.7cqw;font-size:1.25cqw;font-weight:650;display:grid}.ap-crumbs>span:first-child{color:var(--faint)}.ap-crumbs>i{color:#c7c7cc;font-style:normal}.ap-crumb{opacity:0;transition:opacity .38s ease, transform .56s var(--ease-apple,cubic-bezier(.22, .9, .24, 1));grid-area:1/3;transform:translateY(.6cqw)}.scene-stage:not([data-view]) .ap-crumb--1,.scene-stage[data-view="1"] .ap-crumb--1,.scene-stage[data-view="2"] .ap-crumb--2,.scene-stage[data-view="3"] .ap-crumb--3{opacity:1;transform:none}.ap-crumbs{grid-template-columns:auto auto auto}.ap-search{width:24cqw;height:2.9cqw;color:var(--faint);background:#f1f1f4;border-radius:999px;align-items:center;gap:.8cqw;margin-left:auto;padding:0 1.2cqw;font-size:1.05cqw;display:flex}.ap-bell{width:2.9cqw;height:2.9cqw;color:var(--mute);place-items:center;display:grid;position:relative}.ap-avatar--sm{width:2.7cqw;height:2.7cqw;font-size:.95cqw}.ap--kio .ap-sample{bottom:.9cqw;left:2.2cqw}.ap--kio .ap-v{gap:1.5cqw;padding:2cqw 2.2cqw 3cqw}.ap-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.3cqw;display:grid}.ap-kpi{background:#fff;border-radius:1.5cqw;flex-direction:column;gap:.5cqw;padding:1.4cqw 1.5cqw;display:flex;box-shadow:0 1px 2px #0000000a,0 0 0 1px #0000000a}.ap-kpi small{color:var(--mute);font-size:1cqw;font-weight:600}.ap-kpi b{letter-spacing:-.035em;font-size:3.5cqw;font-weight:700;line-height:1.05}.ap-kpi--warn b{color:#b45309}.ap-split{flex:1;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:1.4cqw;min-height:0;display:grid}.ap-card{background:#fff;border-radius:1.5cqw;flex-direction:column;min-height:0;padding:1.5cqw 1.6cqw;display:flex;box-shadow:0 1px 2px #0000000a,0 0 0 1px #0000000a}.ap-card-head{justify-content:space-between;align-items:center;font-size:1.2cqw;display:flex}.ap-chart{flex:1;align-items:stretch;gap:1.3cqw;min-height:0;padding-top:1.2cqw;display:flex}.ap-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:.6cqw;min-width:0;display:flex}.ap-col small{color:var(--faint);font-size:.95cqw;font-weight:600}.ap-bar{background:linear-gradient(180deg, #a6dcee, var(--brand-2));border-radius:.7cqw .7cqw .25cqw .25cqw;width:100%;max-width:3.8cqw}.ap-bar.is-today{background:linear-gradient(180deg, var(--brand-2), var(--brand));box-shadow:0 .8cqw 1.8cqw -.6cqw color-mix(in oklab, var(--brand) 60%, transparent)}.ap-feed li{border-bottom:1px solid #f1f1f4;align-items:center;gap:.9cqw;padding:.85cqw 0;font-size:1.1cqw;display:flex;overflow:hidden}.ap-feed li span{flex:1;min-width:0}.ap-feed li small{color:var(--faint);font-size:.95cqw}.ap-dot{background:#c7c7cc;border-radius:50%;flex:none;width:.8cqw;height:.8cqw}.ap-dot--ok{background:var(--ok)}.ap-dot--warn{background:var(--warn)}.scene-stage:not([data-view]) .ap-feed-new,.scene-stage[data-view="1"] .ap-feed-new{animation:apNew .9s var(--ease-apple,cubic-bezier(.22, .9, .24, 1)) 1.7s both}@keyframes apNew{0%{opacity:0;background:#e8f4fd;max-height:0;padding-block:0;transform:translateY(-1cqw)}to{opacity:1;background:0 0;max-height:4cqw}}.ap-toolbar{align-items:center;gap:.8cqw;display:flex}.ap-pill{color:#3a3a3c;background:#fff;border-radius:999px;align-items:center;gap:.5cqw;padding:.65cqw 1.3cqw;font-size:1.05cqw;font-weight:600;display:inline-flex;box-shadow:0 0 0 1px #0000000f}.ap-pill.is-on{background:var(--ink);color:#fff;box-shadow:none}.ap-btn{background:var(--brand);color:#fff;border-radius:999px;align-items:center;gap:.6cqw;margin-left:auto;padding:.75cqw 1.4cqw;font-size:1.05cqw;font-weight:650;display:inline-flex}.ap-table{background:#fff;border-radius:1.5cqw;flex:1;min-height:0;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 0 0 1px #0000000a}.ap-tr{border-bottom:1px solid #f1f1f4;grid-template-columns:2.2fr .8fr 1.6fr 1.1fr;align-items:center;gap:1.4cqw;height:4.2cqw;padding:0 1.8cqw;font-size:1.15cqw;display:grid}.ap-th{height:3cqw;color:var(--faint);letter-spacing:.07em;text-transform:uppercase;background:#fafafc;font-size:.9cqw;font-weight:650}.ap-strong,.ap-num{font-weight:650}.ap-stat{color:var(--mute);align-items:baseline;gap:.6cqw;font-size:1.2cqw;font-weight:600;display:inline-flex}.ap-stat b{color:var(--ink);letter-spacing:-.03em;font-size:2.4cqw}.ap-stat--warn b{color:#b45309}.ap-kanban{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3cqw;min-height:0;display:grid}.ap-kcol{background:#ebebf0;border-radius:1.6cqw;flex-direction:column;gap:.95cqw;padding:1.2cqw;display:flex}.ap-kcol-head{justify-content:space-between;align-items:center;padding:0 .3cqw .2cqw;font-size:1.1cqw;display:flex}.ap-kcol-head small{min-width:2cqw;height:2cqw;color:var(--mute);background:#fff;border-radius:999px;place-items:center;font-size:.95cqw;font-weight:650;display:grid}.ap-kcard{background:#fff;border-radius:1.1cqw;flex-direction:column;gap:.35cqw;padding:1.2cqw 1.3cqw;display:flex;box-shadow:0 1px 2px #0000000d}.ap-kcard b{font-size:1.15cqw}.ap-kcard small{color:var(--faint);margin-bottom:.5cqw;font-size:1cqw}.scene-stage[data-view="3"] .ap-kcard--moving{animation:apDone 1.8s var(--ease-apple,cubic-bezier(.22, .9, .24, 1)) 2.2s both}@keyframes apDone{30%{transform:translateY(-.5cqw)scale(1.03);box-shadow:0 1.4cqw 2.6cqw -.8cqw #1f4f8259}to{box-shadow:0 0 0 .2cqw color-mix(in oklab, var(--ok) 70%, transparent), 0 1px 2px #0000000d;transform:none}}.ap--sedna{background:#f2f2f7;flex-direction:column;font-size:3.8cqw;display:flex}.ap-status{align-items:flex-end;height:12.5cqw;padding:0 8cqw 1.2cqw;font-size:3.6cqw;display:flex}.ap--sedna .ap-v{gap:3cqw;padding:1cqw 5cqw 0}.ap-large{letter-spacing:-.035em;margin:0;font-size:9.6cqw;font-weight:800;line-height:1.05}.ap-sub{color:var(--mute);margin:-1.5cqw 0 0;font-size:3.8cqw}.ap-hero{background:#fff;border-radius:5cqw;grid-template-columns:1fr 1fr;gap:3cqw;padding:4cqw 4.4cqw;display:grid}.ap-hero small{color:var(--mute);font-size:3cqw;font-weight:600;display:block}.ap-hero strong{letter-spacing:-.035em;margin-top:.8cqw;font-size:8.6cqw;font-weight:750;line-height:1.05;display:block}.ap-hero strong .ap-count{font-size:inherit;letter-spacing:inherit}.ap-hero--one{justify-content:space-between;align-items:center;display:flex}.ap--sedna .ap-chip{padding:1cqw 2.6cqw;font-size:2.9cqw}.ap-stages{gap:1.8cqw;margin-right:-5cqw;display:flex;overflow:hidden}.ap-stages span{color:#3a3a3c;white-space:nowrap;background:#e3e3e8;border-radius:999px;flex:none;padding:1.8cqw 3.6cqw;font-size:3.2cqw;font-weight:650}.ap-stages span.is-on{background:var(--brand);color:#fff}.ap-deals{flex-direction:column;gap:2.2cqw;display:flex}.ap-deal{background:#fff;border-radius:5cqw;align-items:center;gap:3.2cqw;padding:3cqw 3.6cqw;display:flex}.ap-avatar--co{width:10.5cqw;height:10.5cqw;font-size:3.2cqw}.ap-deal-main{flex-direction:column;flex:1;gap:.6cqw;min-width:0;display:flex}.ap-deal-main b{font-size:3.8cqw}.ap-deal-main small{color:var(--faint);font-size:3.1cqw}.ap-amount{letter-spacing:-.02em;font-size:3.9cqw}.ap-deal--col{padding:3.4cqw 4cqw}.ap-deal--col .ap-meter{height:1.4cqw;margin-top:1.4cqw}.scene-stage:not([data-view]) .ap-deal--moving,.scene-stage[data-view="1"] .ap-deal--moving{animation:apRise .8s var(--ease-apple,cubic-bezier(.22, .9, .24, 1)) both, apNudge 1.6s var(--ease-apple,cubic-bezier(.22, .9, .24, 1)) 2.2s both;animation-delay:calc(.16s + var(--i,0) * 70ms), 2.2s}@keyframes apNudge{35%{background:#eaf3fb;transform:translate(2cqw)scale(1.03);box-shadow:0 4cqw 8cqw -3cqw #1f4f8273}to{transform:none}}.ap-timeline{background:#fff;border-radius:5cqw;flex-direction:column;padding:1.5cqw 4cqw;display:flex}.ap-tl{border-bottom:1px solid #f1f1f4;align-items:center;gap:3.4cqw;padding:3.2cqw 0;display:flex;position:relative}.ap-tl:last-child{border-bottom:0}.ap-tl-dot{background:var(--brand-2);border-radius:50%;flex:none;width:2.6cqw;height:2.6cqw}.ap-tl--new .ap-tl-dot{background:var(--ok);animation:2s ease-out infinite apPulse}.ap-tl span{flex-direction:column;flex:1;gap:.5cqw;min-width:0;display:flex}.ap-tl b{font-size:3.7cqw}.ap-tl small{color:var(--faint);font-size:3cqw}.ap-tl em{color:var(--faint);font-size:3cqw;font-style:normal}.ap-tabbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border-top:1px solid #dcdce1;grid-template-columns:repeat(5,1fr);height:17.5cqw;padding:2.2cqw 1cqw 5.5cqw;display:grid}.ap-tab{color:var(--faint);flex-direction:column;align-items:center;gap:.8cqw;font-size:2.5cqw;font-weight:600;transition:color .4s;display:flex}.scene-stage:not([data-view]) .ap-tab--1,.scene-stage[data-view="1"] .ap-tab--1,.scene-stage[data-view="2"] .ap-tab--2,.scene-stage[data-view="3"] .ap-tab--3{color:var(--brand)}.ap--sedna .ap-sample{text-align:center;font-size:2.4cqw;bottom:18.4cqw;left:0;right:0}@media (prefers-reduced-motion:reduce){.ap *,.ap :before,.ap :after{transition:none!important;animation:none!important}.ap-v{filter:none}}.ap--sedna .ap-deal-main b,.ap--sedna .ap-tl b{font-size:4.2cqw}.ap--sedna .ap-deal-main small,.ap--sedna .ap-tl small,.ap--sedna .ap-tl em{font-size:3.4cqw}.ap--sedna .ap-amount{font-size:4.3cqw}.ap--sedna .ap-deal{padding-block:3.4cqw}.ap--sedna .ap-large{font-size:10.4cqw}.ap-status{justify-content:space-between;align-items:center;height:14cqw;padding:0 8.2cqw}.ap-status-icons{align-items:center;gap:1.2cqw;display:inline-flex}.ap-status-icons svg{width:4.4cqw;height:4.4cqw}.ap-status-icons svg:last-child{width:6cqw}.ap-hero--brand{color:#fff;background:linear-gradient(145deg,#1f4f82,#3b87b8 70%,#5ec3e0);position:relative;overflow:hidden;box-shadow:0 5cqw 9cqw -4cqw #1f4f8299}.ap-hero--brand small{color:#ffffffc7}.ap-spark{z-index:0;opacity:.55;width:100%;height:38%;position:absolute;bottom:0;left:0;right:0}.ap-spark path{fill:none;stroke:#fff;stroke-width:1.6px;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0}.ap-hero--brand>div{z-index:1;position:relative}.scene-stage:not([data-view]) .ap-v--1 .ap-spark path,.scene-stage[data-view="1"] .ap-v--1 .ap-spark path{animation:apDraw 1.8s var(--ease-apple,cubic-bezier(.22, .9, .24, 1)) .5s both}@keyframes apDraw{0%{stroke-dashoffset:1px}}.ap--sedna .ap-deal,.ap--sedna .ap-timeline,.ap--sedna .ap-hero:not(.ap-hero--brand){box-shadow:0 .4cqw 1.6cqw -.6cqw #0000001f}.scene-stage:not([data-view]) .ap-v--1 .ap-count--tick,.scene-stage[data-view="1"] .ap-v--1 .ap-count--tick{animation:apCount 1.4s var(--ease-apple,cubic-bezier(.22, .9, .24, 1)) .3s both, apTick 14s linear 3s infinite}@keyframes apTick{0%,30%{--n:37}34%,64%{--n:38}68%,98%{--n:39}to{--n:37}}.ap-cursor,.ap-touch{z-index:30;pointer-events:none;position:absolute;top:0;left:0;transform:translate(70cqw,40cqw)}.ap-cursor{filter:drop-shadow(0 .3cqw .5cqw #00000059);width:2.3cqw;height:2.3cqw}.ap-cursor svg{display:block;position:relative}.ap-ripple{opacity:0;background:#1f4f8259;border-radius:50%;width:3cqw;height:3cqw;margin:-1.5cqw 0 0 -1.5cqw;position:absolute;top:.2cqw;left:.3cqw;transform:scale(.2)}@keyframes apClick{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(1.6)}}.scene-stage:not([data-view]) .ap-cursor,.scene-stage[data-view="1"] .ap-cursor{animation:curK1 7s var(--ease-apple,cubic-bezier(.22, .9, .24, 1)) .4s both}@keyframes curK1{0%{transform:translate(70cqw,42cqw)}22%{transform:translate(27cqw,14.5cqw)}48%{transform:translate(27cqw,14.5cqw)}72%{transform:translate(61cqw,25cqw)}to{transform:translate(61cqw,25cqw)}}.scene-stage[data-view="2"] .ap-cursor{animation:curK2 6s var(--ease-apple,cubic-bezier(.22, .9, .24, 1)) .1s both}.scene-stage[data-view="2"] .ap-cursor .ap-ripple:not(.ap-ripple--2){animation:.7s ease-out .95s both apClick}@keyframes curK2{0%{transform:translate(61cqw,25cqw)}16%{transform:translate(7.5cqw,11.7cqw)}34%{transform:translate(7.5cqw,11.7cqw)}60%{transform:translate(88cqw,8.6cqw)}to{transform:translate(52cqw,29cqw)}}.scene-stage[data-view="3"] .ap-cursor{animation:curK3 6s var(--ease-apple,cubic-bezier(.22, .9, .24, 1)) .1s both}.scene-stage[data-view="3"] .ap-cursor .ap-ripple:not(.ap-ripple--2){animation:.7s ease-out .95s both apClick}.scene-stage[data-view="3"] .ap-cursor .ap-ripple--2{animation:.7s ease-out 2.7s both apClick}@keyframes curK3{0%{transform:translate(52cqw,29cqw)}16%{transform:translate(7.5cqw,15cqw)}34%{transform:translate(7.5cqw,15cqw)}58%{transform:translate(60cqw,27cqw)}to{transform:translate(60cqw,27cqw)}}.scene-stage[data-view="3"] .ap-kcard--moving{animation-delay:2.7s}.ap-touch{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;background:#ffffff8c;border-radius:50%;width:8cqw;height:8cqw;margin:-4cqw 0 0 -4cqw;transform:translate(60cqw,150cqw);box-shadow:0 0 0 .5cqw #1f4f8240,0 2cqw 4cqw #00000040}.ap-touch .ap-ripple{width:14cqw;height:14cqw;margin:-7cqw 0 0 -7cqw;top:50%;left:50%}.scene-stage:not([data-view]) .ap-touch,.scene-stage[data-view="1"] .ap-touch{animation:curS1 6.5s var(--ease-apple,cubic-bezier(.22, .9, .24, 1)) .6s both}.scene-stage:not([data-view]) .ap-touch .ap-ripple,.scene-stage[data-view="1"] .ap-touch .ap-ripple{animation:.8s ease-out 2.1s both apClick}@keyframes curS1{0%{opacity:0;transform:translate(70cqw,150cqw)}12%{opacity:1}34%{opacity:1;transform:translate(50cqw,100cqw)}70%{opacity:1;transform:translate(50cqw,100cqw)}to{opacity:0;transform:translate(50cqw,104cqw)}}.scene-stage[data-view="2"] .ap-touch{animation:curS2 4s var(--ease-apple,cubic-bezier(.22, .9, .24, 1)) .1s both}.scene-stage[data-view="2"] .ap-touch .ap-ripple{animation:.8s ease-out .9s both apClick}@keyframes curS2{0%{opacity:0;transform:translate(40cqw,200cqw)}15%{opacity:1}24%,58%{opacity:1;transform:translate(30.4cqw,210cqw)}to{opacity:0;transform:translate(30.4cqw,214cqw)}}.scene-stage[data-view="3"] .ap-touch{animation:curS3 4s var(--ease-apple,cubic-bezier(.22, .9, .24, 1)) .1s both}.scene-stage[data-view="3"] .ap-touch .ap-ripple{animation:.8s ease-out .9s both apClick}@keyframes curS3{0%{opacity:0;transform:translate(30.4cqw,200cqw)}15%{opacity:1}24%,58%{opacity:1;transform:translate(50cqw,210cqw)}to{opacity:0;transform:translate(50cqw,214cqw)}}@media (prefers-reduced-motion:reduce){.ap-cursor,.ap-touch{display:none}}.scene-stage:has(.device--laptop){--open:clamp(0, calc(var(--p,0) / .18), 1);--zoom:clamp(0, calc((var(--p,0) - .2) / .28), 1);min-height:560svh}.scene-stage:has(.device--laptop) .stage-wrap{grid-template-columns:minmax(0,1fr);justify-items:center;gap:0;width:min(1500px,96vw)}.scene-stage:has(.device--laptop) .stage-col--product{width:100%}.device--laptop .device-frame{transform-origin:50% 34%;width:min(100%,1120px,132svh);transform:translate3d(0, calc((1 - var(--zoom,0)) * 7svh), 0) scale(calc(.78 + var(--zoom,0) * .52))}.mb-scene{perspective:2600px;perspective-origin:50% 100%;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.mb-lid{aspect-ratio:16/10.2;transform-origin:50% 100%;width:100%;transform:rotateX(calc(-90deg * (1 - var(--open,1))));backface-visibility:hidden;background:linear-gradient(#4a4b50,#2a2b2f);border-radius:2.1cqw 2.1cqw .5cqw .5cqw;padding:.55cqw;position:relative;box-shadow:inset 0 0 0 .1cqw #ffffff29,0 -.1cqw #ffffff0d}.mb-bezel{background:#050506;border-radius:1.6cqw 1.6cqw .2cqw .2cqw;width:100%;height:100%;padding:.75cqw;position:relative}.device--laptop .mb-screen{width:100%;height:100%;opacity:clamp(0, calc((var(--open,1) - .55) * 2.2), 1);background:#f5f5f7;border-radius:.9cqw .9cqw .1cqw .1cqw;position:relative;overflow:hidden}.mb-notch{z-index:5;background:#050506;border-radius:0 0 .9cqw .9cqw;width:9%;height:1.55cqw;position:absolute;top:0;left:50%;transform:translate(-50%)}.mb-notch:after{content:"";background:#1a2a3d;border-radius:50%;width:.45cqw;height:.45cqw;position:absolute;top:.5cqw;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 .1cqw #2c4666}.mb-base{z-index:2;background:linear-gradient(#e9ebee 0%,#c3c7cc 38%,#9da2a9 100%);border-radius:.2cqw .2cqw 2.4cqw 2.4cqw/.2cqw .2cqw 1.6cqw 1.6cqw;width:112%;height:1.7cqw;margin-top:-.05cqw;position:relative;box-shadow:inset 0 .1cqw #ffffffe6,inset 0 -.15cqw .2cqw #00000040}.mb-base:before{content:"";background:linear-gradient(#8e9399,#bfc3c8);border-radius:0 0 1cqw 1cqw;width:15%;height:.7cqw;position:absolute;top:0;left:50%;transform:translate(-50%)}.mb-shadow{pointer-events:none;background:radial-gradient(closest-side,#00000080,#0000 78%);border-radius:50%;width:96%;height:4cqw;position:absolute;bottom:-2.2cqw;left:50%;transform:translate(-50%)}.scene-stage:has(.device--laptop) .stage-col--text{z-index:6;padding:calc(var(--header-h,76px) + 3svh) 0 4.5svh;text-align:center;pointer-events:none;flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:absolute;inset:0;transform:none}.scene-stage:has(.device--laptop) .stage-wrap{position:relative}.scene-stage:has(.device--laptop) .stage-type{opacity:clamp(0, calc(1 - (var(--p,0) - .04) / .09), 1);justify-items:center}.scene-stage:has(.device--laptop) .type-lines{place-items:center;gap:.6em;overflow:visible}.scene-stage:has(.device--laptop) .type-line{grid-area:auto;margin:0;padding:0;-webkit-mask-image:none;mask-image:none}.scene-stage:has(.device--laptop) .type-line--2{opacity:1;max-width:28ch;transform:none}.scene-stage.headline-2:has(.device--laptop) .type-line--2{opacity:1;max-width:28ch;transform:none}.scene-stage.headline-2:has(.device--laptop) .type-line--1{opacity:1;transform:none}:is(.scene-stage:has(.device--laptop) .stage-captions,.scene-stage:has(.device--laptop) .dotnav,.scene-stage:has(.device--laptop) .stage-demo){opacity:clamp(0, calc((var(--p,0) - .4) / .08), 1)}.scene-stage:has(.device--laptop) .stage-demo{display:none}.scene-stage:has(.device--laptop) .stage-caption{text-align:center;grid-area:1/1}.scene-stage:has(.device--laptop) .stage-captions{-webkit-backdrop-filter:blur(14px);background:#12181cbd;border-radius:999px;width:min(560px,88vw);height:4.4em;margin-top:auto;position:relative}.scene-stage:has(.device--laptop) .stage-caption{text-align:center;justify-content:center;align-items:center;padding:0 1.6em}.scene-stage:has(.device--laptop) .dotnav{margin-top:1.1em}@media (width<=900px){.scene-stage:has(.device--laptop){min-height:480svh}.device--laptop .device-frame{width:118%;transform:translate3d(0, calc((1 - var(--zoom,0)) * 3svh), 0) scale(calc(.86 + var(--zoom,0) * .5))}.scene-stage:has(.device--laptop) .stage-wrap{width:100%}}@media (prefers-reduced-motion:reduce){.scene-stage:has(.device--laptop){--open:1;--zoom:.5}}@media (width>=901px) and (height<=860px){.scene-stage .device--laptop .device-frame{width:min(100%,1180px,117svh);transform:translate3d(0, calc((1 - var(--zoom,0)) * 2svh), 0) scale(calc(.92 + var(--zoom,0) * .1))}.scene-stage:has(.device--laptop) .stage-col--text{padding-top:calc(var(--header-h,76px) + 1svh);padding-bottom:2.5svh}}@media (width>=901px) and (height<=700px){.scene-stage .device--laptop .device-frame{width:min(100%,1180px,102svh)}}.scene-stage .device--phone .device-frame{aspect-ratio:9/19.3;width:auto;height:min(66svh,640px);transform:translate3d(0, calc((.5 - var(--p,0)) * 3svh), 0);container-type:inline-size}.scene-stage .device--phone .device-3d{display:none}.ip-scene{width:100%;height:100%;position:relative}.ip-body{background:linear-gradient(135deg,#ffffff80,#0000 28% 70%,#ffffff2e),linear-gradient(160deg,#8f9297,#44464b 38%,#7a7d82 62%,#303236);border-radius:15.5cqw;width:100%;height:100%;padding:1.5cqw;position:relative;box-shadow:inset 0 0 0 .35cqw #1a1b1d,inset 0 0 0 .6cqw #ffffff1a,0 5cqw 9cqw -2cqw #0000008c,0 0 0 .25cqw #ffffff0f}.ip-bezel{background:#030304;border-radius:14cqw;width:100%;height:100%;padding:1.9cqw}.ip-screen{isolation:isolate;background:#f2f2f7;border-radius:12.2cqw;width:100%;height:100%;position:relative;overflow:hidden}.ip-island{z-index:6;background:#000;border-radius:999px;width:29cqw;height:8.4cqw;display:block;position:absolute;top:3.4cqw;left:50%;transform:translate(-50%)}.ip-island i{background:radial-gradient(circle at 35% 35%,#2c4b73,#0b1220 70%);border-radius:50%;width:3.2cqw;height:3.2cqw;position:absolute;top:50%;right:3.2cqw;transform:translateY(-50%)}.ip-home{z-index:6;background:#000000d1;border-radius:999px;width:34cqw;height:1.3cqw;position:absolute;bottom:2.2cqw;left:50%;transform:translate(-50%)}.ip-glare{z-index:7;pointer-events:none;background:linear-gradient(118deg,#ffffff29 0%,#ffffff0a 26%,#0000 44%);position:absolute;inset:0}.ip-btn{background:linear-gradient(90deg,#5d6065,#8d9096 60%,#4a4d52);border-radius:.5cqw;width:.9cqw;position:absolute}.ip-btn--action{height:4.2cqw;top:17%;left:-.6cqw}.ip-btn--up{height:8.5cqw;top:24%;left:-.6cqw}.ip-btn--down{height:8.5cqw;top:34%;left:-.6cqw}.ip-btn--power{background:linear-gradient(270deg,#5d6065,#8d9096 60%,#4a4d52);height:13cqw;top:29%;right:-.6cqw}.ip-shadow{z-index:-1;background:radial-gradient(closest-side,#00000080,#0000 80%);border-radius:50%;height:7cqw;position:absolute;bottom:-3.4cqw;left:6%;right:6%}@media (width<=900px){.scene-stage .device--phone .device-frame{height:min(52svh,470px)}}@media (width>=901px) and (height<=760px){.scene-stage .device--phone .device-frame{height:min(70svh,540px)}}
