.screen-stage{isolation:isolate;perspective:1600px;min-width:0;min-height:0;margin:0;position:relative;overflow:hidden;container-type:size}.stage-camera{transform-style:preserve-3d;will-change:transform;grid-template-rows:100%;grid-template-columns:100%;place-items:center;display:grid;position:absolute;inset:0}.phone{--phone-w:min(47cqh, 88cqw);--dp:calc(var(--phone-w) * .907801 / 427);width:var(--phone-w);aspect-ratio:1410/2968;transform-style:preserve-3d;will-change:transform;flex:none;position:relative}@container (height<=460px){.phone{--phone-w:min(84cqw, 340px)}}.screen-stage[data-cropped]{mask-image:linear-gradient(#0000,#000 10% 90%,#0000)}.screen-stage[data-device=mac]{mask-image:linear-gradient(#000 82%,#0000)}.phone-halo{z-index:0;filter:blur(22px);pointer-events:none;background:radial-gradient(52% 50%,oklch(62% .085 307/.62),oklch(58% .075 307/.22) 52%,#0000 74%);border-radius:50%;width:170%;height:96%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.phone-back,.phone-mask{pointer-events:none;position:absolute}.phone-back{z-index:1;width:100%;height:100%;filter:drop-shadow(0 calc(var(--dp) * 24) calc(var(--dp) * 30) oklch(2% .01 290/.7)) drop-shadow(0 calc(var(--dp) * 10) calc(var(--dp) * 40) oklch(50% .12 300/.35));inset:0}.phone-screen{z-index:2;border-radius:calc(var(--dp) * 33);color:#f3f3f5;width:90.7801%;height:96.2264%;font-family:var(--body);font-size:calc(var(--dp) * 14);background:#0e1014;line-height:1.25;position:absolute;top:2.0216%;left:4.1844%;overflow:hidden}.phone-mask{z-index:3;width:90.7801%;height:96.2264%;top:2.0216%;left:4.1844%}.phone-screen [data-layer]{position:absolute;inset:0}.scr-home{background:radial-gradient(70% 38% at 78% 12%,oklch(99% .004 250),#0000 70%),radial-gradient(90% 44% at 15% 40%,oklch(90% .03 250/.9),#0000 68%),radial-gradient(80% 40% at 80% 58%,oklch(78% .05 262/.7),#0000 66%),radial-gradient(90% 46% at 30% 92%,oklch(62% .05 262/.75),#0000 68%),linear-gradient(oklch(94% .02 250) 0%,oklch(84% .035 255) 45%,oklch(60% .05 262) 100%)}.scr-status{top:calc(var(--dp) * 10);left:calc(var(--dp) * 22);right:calc(var(--dp) * 22);font-size:calc(var(--dp) * 14);color:oklch(25% .02 262);justify-content:space-between;align-items:center;font-weight:500;display:flex;position:absolute}.scr-status-right{gap:calc(var(--dp) * 4);display:inline-flex}.scr-sys{width:calc(var(--dp) * 16);height:calc(var(--dp) * 16);-webkit-mask:var(--sys) center / contain no-repeat;mask:var(--sys) center / contain no-repeat;background:oklch(25% .02 262);display:block}.scr-sys:last-child{transform:rotate(90deg)}.scr-date{top:calc(var(--dp) * 74);left:calc(var(--dp) * 34);font-size:calc(var(--dp) * 22);color:oklch(28% .02 262);opacity:.8;position:absolute}.scr-widget{top:calc(var(--dp) * 176);left:calc(var(--dp) * 27);width:calc(var(--dp) * 272);min-height:calc(var(--dp) * 226);padding:calc(var(--dp) * 52) calc(var(--dp) * 16) calc(var(--dp) * 24);border-radius:calc(var(--dp) * 28);align-content:start;gap:calc(var(--dp) * 8);background:oklch(20% .006 285/.86);display:grid;position:absolute}.scr-widget-eyebrow{font-size:calc(var(--dp) * 12);letter-spacing:.06em;color:#f3f3f5;font-weight:600}.scr-widget-title{font-size:calc(var(--dp) * 20);color:#f3f3f5;font-weight:600;line-height:1.3}.scr-widget-sub{font-size:calc(var(--dp) * 14);color:oklch(95% 0 0/.55)}.scr-row,.scr-dock{left:calc(var(--dp) * 22);right:calc(var(--dp) * 22);grid-template-columns:repeat(4,1fr);justify-items:center;display:grid;position:absolute}.scr-row{top:calc(var(--dp) * 588)}.scr-dock{top:calc(var(--dp) * 772)}.scr-app{justify-items:center;gap:calc(var(--dp) * 10);display:grid}.scr-icon{width:calc(var(--dp) * 60);height:calc(var(--dp) * 60);background:#fff;border-radius:50%;place-items:center;display:grid}.scr-icon img{object-fit:contain;width:55%;height:55%}.scr-app[data-app=chrome] .scr-icon{background:0 0}.scr-app[data-app=chrome] .scr-icon img,.scr-app[data-app=messages] .scr-icon img{width:100%;height:100%}.scr-app[data-app=calendar] .scr-icon img{width:58%;height:58%}.scr-app-label{font-size:calc(var(--dp) * 13);color:oklch(20% .02 262)}.scr-search{left:calc(var(--dp) * 22);right:calc(var(--dp) * 22);top:calc(var(--dp) * 874);height:calc(var(--dp) * 50);border-radius:calc(var(--dp) * 25);padding:0 calc(var(--dp) * 18);background:#fff;justify-content:space-between;align-items:center;display:flex;position:absolute}.scr-g{width:calc(var(--dp) * 24);height:calc(var(--dp) * 24);display:block}.scr-search-right{align-items:center;gap:calc(var(--dp) * 18);display:inline-flex}.scr-mic{width:calc(var(--dp) * 18);height:calc(var(--dp) * 24);display:block}.scr-lens{width:calc(var(--dp) * 24);height:calc(var(--dp) * 24);display:block}.scr-handle{bottom:calc(var(--dp) * 10);width:calc(var(--dp) * 108);height:calc(var(--dp) * 4);background:oklch(20% .02 262);border-radius:2px;position:absolute;left:50%;transform:translate(-50%)}.scr-splash{opacity:0;visibility:hidden;background:#fff;place-items:center;display:grid}.scr-splash img{width:calc(var(--dp) * 96);height:calc(var(--dp) * 96)}.scr-shield{padding:0 calc(var(--dp) * 32);opacity:0;visibility:hidden;background:#0e1014;place-items:center;display:grid}.scr-breath{width:calc(var(--dp) * 340);height:calc(var(--dp) * 340);fill:oklch(95% 0 0/.035);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scr-shield-content{text-align:center;justify-items:center;width:100%;display:grid;position:relative}.scr-shield-prefix{font-size:calc(var(--dp) * 16);color:oklch(95% 0 0/.55);font-weight:500}.scr-shield-title{margin-top:calc(var(--dp) * 20);font-family:var(--display);font-size:calc(var(--dp) * 28);color:#f3f3f5;-webkit-line-clamp:6;-webkit-box-orient:vertical;font-weight:300;line-height:1.28571;display:-webkit-box;overflow:hidden}.scr-shield-back{margin-top:calc(var(--dp) * 64);width:100%;height:calc(var(--dp) * 56);border-radius:calc(var(--dp) * 28);color:#0e1014;font-size:calc(var(--dp) * 16);background:#f3f3f5;place-items:center;font-weight:500;display:grid}.scr-shield-out{margin-top:calc(var(--dp) * 20);width:100%;height:calc(var(--dp) * 52);border-radius:calc(var(--dp) * 26);color:oklch(95% 0 0/.72);font-size:calc(var(--dp) * 14);background:oklch(15% .006 285);place-items:center;font-weight:500;display:grid}.scr-shield-hint{margin-top:calc(var(--dp) * 10);font-size:calc(var(--dp) * 12);color:oklch(95% 0 0/.4)}.scr-tap{z-index:3;width:calc(var(--dp) * 44);height:calc(var(--dp) * 44);margin:calc(var(--dp) * -22) 0 0 calc(var(--dp) * -22);box-shadow:0 0 0 calc(var(--dp) * 2) oklch(20% .03 285/.18);opacity:0;pointer-events:none;background:oklch(20% .03 285/.38);border-radius:50%;position:absolute}@media (prefers-reduced-motion:reduce){.scr-shield{opacity:1;visibility:visible}}.phone-iphone{--dp:calc(var(--phone-w) * .893333 / 402);aspect-ratio:1350/2760}.phone-iphone .phone-back{z-index:3}.phone-iphone .phone-screen{z-index:2;border-radius:calc(var(--dp) * 55);width:89.3333%;height:95%;font-family:-apple-system, "SF Pro Text", "Helvetica Neue", var(--body);background:#0e1014;top:2.5%;left:5.3333%}.ios-home{background:radial-gradient(90% 60% at 20% 70%,oklch(86% .09 190/.9),#0000 62%),radial-gradient(70% 55% at 78% 30%,oklch(62% .16 262/.95),#0000 60%),radial-gradient(60% 40% at 55% 5%,oklch(90% .05 230/.9),#0000 60%),linear-gradient(oklch(93% .03 230) 0%,oklch(80% .08 220) 50%,oklch(60% .13 250) 100%)}.ios-status{top:calc(var(--dp) * 16);left:calc(var(--dp) * 32);right:calc(var(--dp) * 28);height:calc(var(--dp) * 22);color:#fff;font-size:calc(var(--dp) * 17);justify-content:space-between;align-items:center;font-weight:600;display:flex;position:absolute}.ios-status .scr-sys{width:calc(var(--dp) * 18);height:calc(var(--dp) * 18);background:#fff}.ios-status-right{align-items:center;gap:calc(var(--dp) * 6);display:inline-flex}.ios-battery{width:calc(var(--dp) * 27);height:calc(var(--dp) * 13);border-radius:calc(var(--dp) * 4);background:#fff;display:block}.ios-island{top:calc(var(--dp) * 14.33);width:calc(var(--dp) * 220);height:calc(var(--dp) * 35.67);border-radius:calc(var(--dp) * 17.83);padding:0 calc(var(--dp) * 14) 0 calc(var(--dp) * 12);color:#fff;font-size:calc(var(--dp) * 14);font-variant-numeric:tabular-nums;background:#000;justify-content:space-between;align-items:center;font-weight:600;display:flex;position:absolute;left:50%;transform:translate(-50%)}.ios-island img{width:calc(var(--dp) * 18);height:calc(var(--dp) * 18);filter:brightness(0)invert()}.ios-grid{top:calc(var(--dp) * 86);left:calc(var(--dp) * 27);right:calc(var(--dp) * 27);row-gap:calc(var(--dp) * 24);grid-template-columns:repeat(4,1fr);justify-items:center;display:grid;position:absolute}.ios-app{justify-items:center;gap:calc(var(--dp) * 6);display:grid}.ios-icon{width:calc(var(--dp) * 60);height:calc(var(--dp) * 60);border-radius:calc(var(--dp) * 14);box-shadow:0 calc(var(--dp) * 1) calc(var(--dp) * 3) oklch(0% 0 0/.18);background:#fff;place-items:center;display:grid;overflow:hidden}.ios-icon img{object-fit:contain;width:60%;height:60%}.ios-app[data-app=korture-now] .ios-icon img,.ios-app[data-app=safari] .ios-icon img,.ios-app[data-app=messages-ios] .ios-icon img,.ios-app[data-app=phone-ios] .ios-icon img,.ios-app[data-app=music-ios] .ios-icon img{width:100%;height:100%}.ios-app[data-app=korture-now] .ios-icon,.ios-app[data-app=messages-ios] .ios-icon,.ios-app[data-app=phone-ios] .ios-icon,.ios-app[data-app=music-ios] .ios-icon{box-shadow:none;background:0 0}.ios-app-label{font-size:calc(var(--dp) * 12);color:#fff;text-shadow:0 1px 2px oklch(0% 0 0/.35);font-weight:500}.ios-search{bottom:calc(var(--dp) * 118);align-items:center;gap:calc(var(--dp) * 4);height:calc(var(--dp) * 28);padding:0 calc(var(--dp) * 14);border-radius:calc(var(--dp) * 14);color:#fff;font-size:calc(var(--dp) * 13);backdrop-filter:blur(6px);background:oklch(100% 0 0/.42);font-weight:500;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.ios-search .scr-sys{width:calc(var(--dp) * 14);height:calc(var(--dp) * 14);background:#fff}.ios-dock{bottom:calc(var(--dp) * 22);left:calc(var(--dp) * 14);right:calc(var(--dp) * 14);height:calc(var(--dp) * 92);border-radius:calc(var(--dp) * 34);backdrop-filter:blur(10px);background:oklch(100% 0 0/.28);grid-template-columns:repeat(4,1fr);place-items:center;display:grid;position:absolute;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.35)}.ios-handle{bottom:calc(var(--dp) * 8);width:calc(var(--dp) * 140);height:calc(var(--dp) * 5);background:#fff;border-radius:3px;position:absolute;left:50%;transform:translate(-50%)}.ios-shield{padding:0 calc(var(--dp) * 24) calc(var(--dp) * 34);opacity:0;visibility:hidden;background:#0e1014;grid-template-rows:1fr auto;display:grid}.ios-shield-content{align-content:center;justify-items:center;gap:calc(var(--dp) * 22);padding-bottom:calc(var(--dp) * 60);text-align:center;display:grid}.ios-shield-icon{width:calc(var(--dp) * 72);height:calc(var(--dp) * 72);background:#f3f3f5;display:block;mask:url(/brand/bee-closed.svg) 50%/contain no-repeat}.ios-shield-title{max-width:calc(var(--dp) * 330);color:#f3f3f5;font-size:calc(var(--dp) * 20);font-weight:600;line-height:1.25}.ios-shield-back{height:calc(var(--dp) * 50);border-radius:calc(var(--dp) * 25);color:#0e1014;font-size:calc(var(--dp) * 17);background:#f3f3f5;place-items:center;font-weight:600;display:grid}.phone-mac{--phone-w:100cqw;--dp:calc(var(--phone-w) * .78342 / 1512);aspect-ratio:3860/2540;place-self:start center}.phone-mac .phone-halo{width:110%;height:120%;top:45%}@container (width<=700px){.phone-mac{--phone-w:190cqw}}.phone-mac .phone-back{z-index:3;filter:drop-shadow(0 calc(var(--dp) * 18) calc(var(--dp) * 30) oklch(2% .01 290/.6))}.phone-mac .phone-screen{z-index:2;border-radius:calc(var(--dp) * 12);width:78.342%;height:77.3228%;font-family:-apple-system, "SF Pro Text", "Helvetica Neue", var(--body);font-size:calc(var(--dp) * 13);top:11.3386%;left:10.829%}.phone-mac .scr-tap{width:calc(var(--dp) * 28);height:calc(var(--dp) * 28);margin:calc(var(--dp) * -14) 0 0 calc(var(--dp) * -14)}.mac-desk{background:radial-gradient(70% 60% at 15% 90%,oklch(55% .16 300/.9),#0000 60%),radial-gradient(60% 55% at 85% 20%,oklch(62% .16 250/.9),#0000 62%),radial-gradient(50% 45% at 55% 60%,oklch(75% .12 330/.6),#0000 60%),linear-gradient(160deg,oklch(42% .14 275),oklch(60% .16 255) 55%,oklch(50% .16 300))}.mac-menubar{height:calc(var(--dp) * 24);padding:0 calc(var(--dp) * 12) 0 calc(var(--dp) * 16);backdrop-filter:blur(20px);color:#fff;font-size:calc(var(--dp) * 13);text-shadow:0 1px 2px oklch(0% 0 0/.25);background:oklch(100% 0 0/.22);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.mac-menubar-left,.mac-menubar-right{align-items:center;gap:calc(var(--dp) * 16);display:inline-flex}.mac-menubar-left b{font-weight:700}.mac-menubar .scr-sys{width:calc(var(--dp) * 16);height:calc(var(--dp) * 16);background:#fff}.mac-apple{width:calc(var(--dp) * 14)!important;height:calc(var(--dp) * 16)!important}.mac-battery{width:calc(var(--dp) * 24);height:calc(var(--dp) * 11);border-radius:calc(var(--dp) * 3);background:#fff;display:block}.mac-bee,.mac-bee-mark{width:calc(var(--dp) * 16);height:calc(var(--dp) * 16);background:#fff;display:inline-block;mask:url(/brand/bee-closed.svg) 50%/contain no-repeat}.mac-win{left:calc(var(--dp) * var(--x));top:calc(var(--dp) * var(--y));width:calc(var(--dp) * var(--w));height:calc(var(--dp) * var(--h));border-radius:calc(var(--dp) * 12);color:oklch(20% .01 260);box-shadow:0 calc(var(--dp) * 22) calc(var(--dp) * 60) oklch(0% 0 0/.35), 0 0 0 .5px oklch(0% 0 0/.25);transform-origin:50% 100%;background:oklch(98.5% .002 260);position:absolute;overflow:hidden}.mac-titlebar{align-items:center;gap:calc(var(--dp) * 14);height:calc(var(--dp) * 38);padding:0 calc(var(--dp) * 14);font-size:calc(var(--dp) * 13);color:oklch(35% .01 260);background:oklch(94% .003 260);border-bottom:1px solid oklch(0% 0 0/.08);font-weight:600;display:flex}.mac-lights{gap:calc(var(--dp) * 8);display:inline-flex}.mac-lights i{width:calc(var(--dp) * 12);height:calc(var(--dp) * 12);border-radius:50%;display:block}.mac-lights i:first-child{background:#ff5f57}.mac-lights i:nth-child(2){background:#febc2e}.mac-lights i:nth-child(3){background:#28c840}.mac-title{text-align:center;padding-right:calc(var(--dp) * 60);flex:1}.mac-tabs{gap:calc(var(--dp) * 6);flex:1;display:inline-flex}.mac-tab{padding:calc(var(--dp) * 4) calc(var(--dp) * 12);border-radius:calc(var(--dp) * 8);color:oklch(45% .01 260);white-space:nowrap;font-weight:500}.mac-tab-on{color:oklch(20% .01 260);background:#fff;box-shadow:0 0 0 .5px oklch(0% 0 0/.12)}.mac-urlbar{margin:calc(var(--dp) * 10) calc(var(--dp) * 14);height:calc(var(--dp) * 30);border-radius:calc(var(--dp) * 8);font-size:calc(var(--dp) * 12);color:oklch(40% .01 260);background:oklch(93% .003 260);place-items:center;display:grid}.mac-page{gap:calc(var(--dp) * 12);padding:calc(var(--dp) * 10) calc(var(--dp) * 40);display:grid}.mac-line{height:calc(var(--dp) * 10);background:oklch(85% .005 260);border-radius:5px;display:block}.mac-line.w60{width:60%}.mac-line.w90{width:90%}.mac-line.w75{width:75%}.mac-line.w80{width:80%}.mac-line.w50{width:50%}.mac-block{height:calc(var(--dp) * 120);border-radius:calc(var(--dp) * 8);background:oklch(90% .02 250);display:block}.mac-mail{display:grid}.mac-mail-row{gap:calc(var(--dp) * 3);padding:calc(var(--dp) * 12) calc(var(--dp) * 18);font-size:calc(var(--dp) * 13);border-bottom:1px solid oklch(0% 0 0/.06);display:grid}.mac-mail-row b{font-weight:600}.mac-mail-row span{color:oklch(45% .01 260)}.mac-chat{gap:calc(var(--dp) * 8);padding:calc(var(--dp) * 16);height:calc(100% - var(--dp) * 38);align-content:end;display:grid}.mac-bubble{max-width:78%;padding:calc(var(--dp) * 8) calc(var(--dp) * 12);border-radius:calc(var(--dp) * 16);font-size:calc(var(--dp) * 13);line-height:1.3}.mac-bubble.them{background:oklch(92% .003 260);justify-self:start}.mac-bubble.me{color:#fff;background:#1b7bff;justify-self:end}.mac-keynote{grid-template-columns:calc(var(--dp) * 150) 1fr;height:calc(100% - var(--dp) * 38);background:oklch(96% .003 260);display:grid}.mac-slides{gap:calc(var(--dp) * 10);padding:calc(var(--dp) * 14);border-right:1px solid oklch(0% 0 0/.08);align-content:start;display:grid}.mac-slides span{aspect-ratio:16/9;border-radius:calc(var(--dp) * 4);background:#fff;display:block;box-shadow:0 0 0 .5px oklch(0% 0 0/.15)}.mac-slides span.on{box-shadow:0 0 0 2px #1b7bff}.mac-canvas{aspect-ratio:16/9;width:84%;box-shadow:0 calc(var(--dp) * 6) calc(var(--dp) * 24) oklch(0% 0 0/.15);align-content:center;place-self:center;justify-items:center;gap:calc(var(--dp) * 10);background:#fff;display:grid}.mac-slide-title{font-size:calc(var(--dp) * 34);letter-spacing:-.02em;font-weight:700}.mac-slide-sub{font-size:calc(var(--dp) * 14);color:oklch(55% .01 260)}.mac-dock{bottom:calc(var(--dp) * 8);gap:calc(var(--dp) * 10);padding:calc(var(--dp) * 8);border-radius:calc(var(--dp) * 22);backdrop-filter:blur(16px);background:oklch(100% 0 0/.28);display:inline-flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px oklch(100% 0 0/.35)}.mac-dock-app{width:calc(var(--dp) * 56);height:calc(var(--dp) * 56);border-radius:calc(var(--dp) * 13);background:#fff;place-items:center;display:grid;overflow:hidden}.mac-dock-app img{object-fit:contain;width:62%;height:62%}.mac-dock-app[data-app=finder],.mac-dock-app[data-app=safari],.mac-dock-app[data-app=messages-ios],.mac-dock-app[data-app=mail],.mac-dock-app[data-app=notes]{background:0 0}.mac-dock-app[data-app=finder] img,.mac-dock-app[data-app=safari] img,.mac-dock-app[data-app=messages-ios] img,.mac-dock-app[data-app=mail] img,.mac-dock-app[data-app=notes] img{width:100%;height:100%}.mac-card{top:calc(var(--dp) * 30);right:calc(var(--dp) * 150);width:calc(var(--dp) * 380);padding:calc(var(--dp) * 18) calc(var(--dp) * 20) calc(var(--dp) * 20);border-radius:calc(var(--dp) * 18);color:#f3f3f5;box-shadow:0 calc(var(--dp) * 24) calc(var(--dp) * 60) oklch(0% 0 0/.5), inset 0 1px 0 oklch(100% 0 0/.08);transform-origin:90% 0;opacity:0;visibility:hidden;background:oklch(16% .012 290/.96);position:absolute}.mac-card-head{align-items:center;gap:calc(var(--dp) * 7);font-size:calc(var(--dp) * 11);letter-spacing:.06em;text-transform:uppercase;color:oklch(95% 0 0/.6);font-weight:600;display:flex}.mac-card-head .mac-bee-mark{width:calc(var(--dp) * 13);height:calc(var(--dp) * 13);background:#f3f3f5}.mac-card-action{margin-top:calc(var(--dp) * 12);font-family:var(--display);font-size:calc(var(--dp) * 22);font-weight:300;line-height:1.25}.mac-card-receipt{gap:calc(var(--dp) * 8);margin-top:calc(var(--dp) * 14);display:grid}.mac-card-did{font-size:calc(var(--dp) * 14);font-weight:500}.mac-card-calm{font-size:calc(var(--dp) * 12);color:oklch(95% 0 0/.6);line-height:1.4}.mac-card-verbs,.mac-shield-doors{gap:calc(var(--dp) * 8);margin-top:calc(var(--dp) * 8);align-items:center;display:flex}.mac-card-verbs span,.mac-shield-doors span,.mac-card-start span{height:calc(var(--dp) * 30);padding:0 calc(var(--dp) * 14);border-radius:calc(var(--dp) * 10);font-size:calc(var(--dp) * 13);white-space:nowrap;background:oklch(100% 0 0/.1);place-items:center;font-weight:500;display:inline-grid;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.14)}.mac-card-start{margin-top:calc(var(--dp) * 14)}.mac-card-start span,.mac-card-verbs .mac-verb-prominent{color:#0e1014;box-shadow:none;background:#f3f3f5}.mac-card-lists{margin-top:calc(var(--dp) * 10);display:none}.mac-list+.mac-list{margin-top:calc(var(--dp) * 11);padding-top:calc(var(--dp) * 11);border-top:1px solid oklch(100% 0 0/.1)}.mac-list-head{justify-content:space-between;align-items:baseline;gap:calc(var(--dp) * 8);margin-bottom:calc(var(--dp) * 7);display:flex}.mac-list-head span{font-size:calc(var(--dp) * 10);letter-spacing:.12em;text-transform:uppercase;color:oklch(95% 0 0/.6);font-weight:500}.mac-list-head em{font-style:normal;font-size:calc(var(--dp) * 12);color:oklch(95% 0 0/.6);white-space:nowrap}.mac-row{align-items:center;gap:calc(var(--dp) * 4);height:calc(var(--dp) * 22);margin:0 calc(var(--dp) * -6);padding:0 calc(var(--dp) * 6);border-radius:calc(var(--dp) * 6);font-size:calc(var(--dp) * 12);color:oklch(95% 0 0/.6);display:flex}.mac-row span{flex:1}.mac-row b{color:#f3f3f5;opacity:0;font-weight:400}.mac-row-window i{width:calc(var(--dp) * 5);height:calc(var(--dp) * 5);margin:0 calc(var(--dp) * 3) 0 calc(var(--dp) * 1);border-right:calc(var(--dp) * 1.5) solid currentColor;border-bottom:calc(var(--dp) * 1.5) solid currentColor;opacity:.8;transform:rotate(-45deg)}.mac-row.is-hover,.screen-stage[data-still=receipt] [data-mac-row-hover]{color:#f3f3f5;background:oklch(100% 0 0/.09)}.mac-row.is-hover b,.screen-stage[data-still=receipt] [data-mac-row-hover] b{opacity:1}.mac-card-paused,.mac-card [data-mac-back-to-it]{display:none}.mac-card-finished{margin-top:0}.mac-shield{opacity:1;visibility:visible;pointer-events:none}.mac-scrim{opacity:0;background:oklch(11% .01 290/.45);position:absolute;inset:0}.mac-shield-card{width:calc(var(--dp) * 440);padding:calc(var(--dp) * 30);border-radius:calc(var(--dp) * 22);color:#f3f3f5;box-shadow:0 calc(var(--dp) * 30) calc(var(--dp) * 80) oklch(0% 0 0/.55), inset 0 1px 0 oklch(100% 0 0/.08);opacity:0;background:oklch(16% .012 290/.97);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mac-shield-action{margin-top:calc(var(--dp) * 14);font-family:var(--display);font-size:calc(var(--dp) * 28);font-weight:300;line-height:1.2}.mac-shield-away{margin-top:calc(var(--dp) * 18);font-size:calc(var(--dp) * 14);color:oklch(95% 0 0/.62)}.mac-shield-doors{margin-top:calc(var(--dp) * 26)}.mac-bee-rest{width:calc(var(--dp) * 26);height:calc(var(--dp) * 26);background:#f3f3f5;margin-left:auto}@media (prefers-reduced-motion:reduce){.mac-card{opacity:1;visibility:visible}.mac-card [data-mac-start]{display:none}.mac-win[data-hides]{opacity:0}[data-screen-stage=mac-door] .mac-card [data-mac-did],[data-screen-stage=mac-door] .mac-card [data-mac-calm],[data-screen-stage=mac-door] .mac-card [data-mac-minute]{display:none}[data-screen-stage=mac-door] .mac-card [data-mac-paused]{display:block}[data-screen-stage=mac-door] .mac-card [data-mac-back-to-it]{display:inline-grid}[data-screen-stage=mac-door] .mac-bee{opacity:.45}}.scr-work{color:#202124;opacity:0;visibility:hidden;background:#fff;font-family:Roboto,Google Sans,system-ui,sans-serif}.phone-iphone .scr-work{font-family:-apple-system,SF Pro Text,Roboto,system-ui,sans-serif}.scr-work-bar{align-items:center;gap:calc(var(--dp) * 12);height:calc(var(--dp) * 56);margin-top:calc(var(--dp) * 44);padding:0 calc(var(--dp) * 16);font-size:calc(var(--dp) * 16);color:#3c4043;font-weight:500;display:flex}.phone-iphone .scr-work-bar{margin-top:calc(var(--dp) * 54)}.scr-work-bar i{width:calc(var(--dp) * 18);height:calc(var(--dp) * 14);border:calc(var(--dp) * 2) solid #5f6368;border-width:0 0 calc(var(--dp) * 2) calc(var(--dp) * 2);margin-left:calc(var(--dp) * 6);transform:rotate(45deg)scale(.7)}.scr-work-page{margin:calc(var(--dp) * 10) calc(var(--dp) * 14) 0;padding:calc(var(--dp) * 28) calc(var(--dp) * 20);min-height:calc(var(--dp) * 560);border-radius:calc(var(--dp) * 6);box-shadow:0 0 0 1px #dadce0, 0 calc(var(--dp) * 2) calc(var(--dp) * 8) #00000014;align-content:start;gap:calc(var(--dp) * 8);background:#fff;display:grid}.scr-work-title{font-size:calc(var(--dp) * 22);margin-bottom:calc(var(--dp) * 10);font-weight:500}.scr-work-line{font-size:calc(var(--dp) * 15);color:#202124;opacity:0;line-height:1.5;display:block}.scr-work-caret{width:calc(var(--dp) * 2);height:calc(var(--dp) * 20);margin-top:calc(var(--dp) * -4);background:#1a73e8;display:block}.screen-stage[data-plain] .scr-widget,.screen-stage[data-plain] .ios-island,.screen-stage[data-plain] .ios-app[data-app=korture-now]{display:none}.scr-row-plain{top:calc(var(--dp) * 480);display:none}.screen-stage[data-plain] .scr-row-plain{display:grid}.screen-stage[data-still=shield] .scr-shield,.screen-stage[data-still=shield] .ios-shield,.screen-stage[data-still=shield] .mac-card{opacity:1;visibility:visible}.screen-stage[data-still=shield] [data-mac-start]{display:none}.screen-stage[data-still=shield] .mac-win[data-hides]{opacity:0}.screen-stage[data-still=receipt] .mac-card,.screen-stage[data-still=door] .mac-card{opacity:1;visibility:visible}.screen-stage[data-still=receipt] [data-mac-start],.screen-stage[data-still=door] [data-mac-start]{display:none}.screen-stage[data-still=receipt] .mac-win[data-hides],.screen-stage[data-still=door] .mac-win[data-hides]{opacity:0}.screen-stage[data-still=receipt] .mac-card-lists{display:block}.screen-stage[data-still=door] [data-mac-did],.screen-stage[data-still=door] [data-mac-calm],.screen-stage[data-still=door] [data-mac-minute]{display:none}.screen-stage[data-still=door] [data-mac-paused]{display:block}.screen-stage[data-still=door] [data-mac-back-to-it]{display:inline-grid}.screen-stage[data-still=door] .mac-bee{opacity:.45}.card-state .content-flow>.screen-stage[data-still] .phone{--phone-w:min(47cqh, 88cqw)}.screen-stage[data-still] .phone-halo{opacity:.8}.screen-stage[data-still] .phone{--phone-w:min(46cqh, 100cqw)}.screen-stage[data-still] .phone-mac,.card-state .content-flow>.screen-stage[data-still] .phone-mac{--phone-w:100cqw}.screen-stage[data-still][data-device=mac]:not([data-shot]){mask-image:none}.card-state .content-flow>.screen-stage[data-still][data-cropped]:not([data-device=mac]) .phone{--phone-w:min(84cqw, 340px)}.card-state .content-flow>.screen-stage[data-still=home][data-cropped][data-device=pixel] .stage-camera{translate:0 calc(min(84cqw,340px)/2.79447)}.card-state .content-flow>.screen-stage[data-still=home][data-cropped][data-device=iphone] .stage-camera{translate:0 calc(min(84cqw,340px)/1.22309)}.card-state .content-flow>.screen-stage[data-still][data-device=mac]:not([data-shot]){mask-image:linear-gradient(#000 82%,#0000)}.screen-stage[data-device=mac][data-shot=card]{-webkit-mask-composite:source-in;mask-image:linear-gradient(#0000,#000 9% 84%,#0000),linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-composite:intersect}.screen-stage[data-screen-stage=mac-door][data-shot=card],.screen-stage[data-still=door][data-shot=card]{mask-image:linear-gradient(#0000,#000 12% 62%,#0000 86%),linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.screen-stage[data-device=mac][data-shot=card][data-cropped],.screen-stage[data-screen-stage=mac-door][data-shot=card][data-cropped],.screen-stage[data-still=door][data-shot=card][data-cropped]{mask-image:linear-gradient(#0000,#000 8% 86%,#0000)}.card-state .content-flow>.screen-stage[data-shot=card] .phone-mac{--phone-w:max(280cqh, 300cqw);--mac-h:calc(var(--phone-w) * .658031);translate:calc(var(--phone-w) * -.215) calc(var(--mac-h) * .19);align-self:center}.screen-stage[data-shot=card] .phone-halo{opacity:.55}.card-state .content-flow>[data-screen-stage=mac-door][data-shot=card] .phone-mac,.card-state .content-flow>.screen-stage[data-still=door][data-shot=card] .phone-mac{translate:calc(var(--phone-w) * -.215) calc(var(--mac-h) * .225)}@container (height<=460px){.card-state .content-flow>.screen-stage[data-shot=card] .phone-mac{--phone-w:457cqw;translate:calc(var(--phone-w) * -.215) calc(var(--mac-h) * .387 - 50cqh)}}.platform-trio{grid-template-rows:minmax(0,1fr) auto auto auto;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr) minmax(0,1fr);align-items:end;gap:6px clamp(12px,2.5vw,36px);height:100%;min-height:0;display:grid}.trio-item{grid-template-rows:subgrid;min-height:0;color:inherit;grid-row:1/-1;align-content:end;text-decoration:none;display:grid}.trio-item[data-platform=mac]{order:0}.trio-item[data-platform=iphone]{order:-1}.trio-item[data-platform=android]{order:1}.trio-stage{height:100%;min-height:0;margin-bottom:8px;position:relative}.trio-stage .screen-stage{position:absolute;inset:0;overflow:visible}.trio-item[data-platform=mac] .trio-stage .screen-stage{overflow:hidden}.trio-item[data-platform=mac] .stage-camera{align-items:end}.trio-item[data-platform=mac] .phone-halo{height:96%;top:46%}.trio-item[data-platform=mac] .phone-mac,.trio-item[data-platform=mac] .screen-stage[data-still] .phone-mac{--phone-w:min(100cqw, 152cqh);align-self:end}.trio-title{color:var(--ink);font-size:.95rem;font-weight:560}.trio-copy{color:var(--ink-soft);text-wrap:pretty;font-size:.82rem;line-height:1.45}.trio-link{color:var(--ink);text-underline-offset:4px;font-size:.82rem;font-weight:520}.trio-item:hover .trio-link{text-decoration:underline}.trio-item:focus-visible{outline:2px solid var(--focus);outline-offset:6px;border-radius:12px}@media (width<=640px){.platform-trio,.platform-trio-noted{flex-direction:column;justify-content:safe center;gap:16px;height:auto;min-height:100%;display:flex}.trio-item{grid-template-rows:auto auto auto;grid-template-columns:116px minmax(0,1fr);align-content:center;align-items:start;gap:3px 16px;min-height:112px;display:grid}.trio-stage{grid-area:1/1/4/2;align-self:start;height:108px;margin-bottom:0}.trio-item .trio-stage .stage-camera{align-items:start}.trio-item .trio-stage .screen-stage[data-still] .phone,.trio-item .trio-stage .screen-stage[data-still] .phone-mac{align-self:start}.trio-title{grid-column:2;font-size:.92rem}.trio-copy{grid-column:2;font-size:.76rem;line-height:1.4;display:block}.trio-link{white-space:nowrap;grid-column:2;margin-top:2px;font-size:.76rem}.trio-note{text-align:left;order:2;margin:0;font-size:.72rem}.card-state .content-flow>.screen-stage[data-band]{mask-image:linear-gradient(#0000,#000 7% 93%,#0000)}.card-state .content-flow>.screen-stage[data-band][data-screen-stage] .phone{--phone-w:100cqw}.card-state .content-flow>.screen-stage[data-band] .phone-halo{opacity:.7}.card-state .content-flow>.screen-stage[data-band][data-still=shield] .phone{--phone-w:78cqw}.card-state .content-flow>.screen-stage[data-band][data-still=shield][data-device=iphone] .stage-camera{translate:0 8cqw}.card-state .content-flow>.screen-stage[data-band][data-still=shield][data-device=pixel] .stage-camera{translate:0}.card-state .content-flow>.screen-stage[data-band][data-still=home][data-device=pixel] .stage-camera{translate:0 39.5cqw}.card-state .content-flow>.screen-stage[data-band][data-still=home][data-device=iphone] .stage-camera{translate:0 63cqw}.card-state .content-flow>.screen-stage[data-band][data-still=home][data-device=iphone]{mask-image:linear-gradient(#000 86%,#0000)}@media (prefers-reduced-motion:reduce){.screen-stage[data-band][data-screen-stage$=-shield]:not([data-still]) .scr-shield,.screen-stage[data-band][data-screen-stage$=-shield]:not([data-still]) .ios-shield{opacity:1;visibility:visible}.card-state .content-flow>.screen-stage[data-band][data-screen-stage$=-shield]:not([data-still]) .phone{--phone-w:78cqw}.card-state .content-flow>.screen-stage[data-band][data-screen-stage=android-shield]:not([data-still]) .stage-camera{translate:0}.card-state .content-flow>.screen-stage[data-band][data-screen-stage=iphone-shield]:not([data-still]) .stage-camera{translate:0 8cqw}.card-state .content-flow>.screen-stage[data-band][data-plain][data-device=iphone] .stage-camera{translate:0 63cqw}.card-state .content-flow>.screen-stage[data-band][data-plain][data-device=pixel] .stage-camera{translate:0 -19cqw}}}