.platform-showcase{width:100%;height:100%;min-height:0;position:relative;display:flex;flex-direction:column;align-items:center;overflow:hidden;background:#edecef}.platform-device-switch{flex:none;display:flex;justify-content:center;gap:4px;width:100%;padding:10px}.platform-device-choices{display:flex;gap:4px}.platform-mobile-label,.platform-showcase .platform-mobile-expand{display:none}.platform-showcase .platform-device-switch button{border:0;border-radius:100px;padding:7px 20px;background:transparent;color:#605b6c;font:600 12px Manrope,sans-serif;cursor:pointer;transition:background .2s,color .2s}.platform-showcase .platform-device-switch button[aria-pressed=true]{color:#fff;background:#292530;box-shadow:0 3px 9px #28233318}.platform-showcase button:focus-visible{outline:2px solid #74618f;outline-offset:3px}.platform-device-stage{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:0;padding:0 18px 16px;box-sizing:border-box;container-type:size}.platform-device-frame{display:flex;flex-direction:column;position:relative;width:100%;height:calc(100% - 9px);min-height:0;overflow:hidden;border:2px solid #535159;border-radius:13px;background:#202026;box-shadow:0 18px 32px #29233216,0 1px 1px #fff inset;box-sizing:border-box}.platform-window-chrome{flex:none;display:flex;position:relative;justify-content:space-between;align-items:center;gap:12px;height:32px;padding:0 12px;background:#f4f3f5;border-bottom:1px solid #e2e0e5}.platform-window-controls{display:flex;gap:2px}.platform-showcase .platform-window-controls button{position:relative;display:grid;place-items:center;width:24px;height:24px;min-height:0;border:0;border-radius:5px;padding:0;background:transparent;font:600 10px Arial,sans-serif;color:#303033;cursor:pointer}.platform-window-controls button:before{content:"";position:absolute;width:12px;height:12px;border:1px solid #0001;border-radius:50%;background:var(--window-control-color);box-sizing:border-box}.platform-window-controls span{position:relative;opacity:0}.platform-window-controls:hover span,.platform-window-controls:focus-within span{opacity:1}.platform-window-close{--window-control-color: #ff6158}.platform-window-minimise{--window-control-color: #febc2e}.platform-window-expand{--window-control-color: #29c840}.platform-window-title{position:absolute;left:50%;transform:translate(-50%);color:#504957;font:650 11px Manrope,sans-serif}.platform-window-sample{color:#837b8d;font:500 10px Manrope,sans-serif}.platform-device-screen{position:relative;flex:1 1 auto;min-width:0;min-height:0;width:100%;overflow:hidden;background:#f6f7f9}.platform-device-screen>iframe[data-native-app-frame]{display:block;border:0;width:100%;height:100%;min-height:0;background:#f6f7f9}.platform-preview{position:absolute;inset:0;background:#f6f7f9}.platform-preview picture,.platform-preview img{display:block;width:100%;height:100%}.platform-preview img{object-fit:cover;object-position:top left}.platform-showcase .platform-preview-open{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;color:#fff;font:600 13px Manrope,sans-serif;cursor:pointer}.platform-preview-action{position:absolute;left:50%;bottom:7%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:20px;min-height:48px;width:max-content;max-width:calc(100% - 32px);padding:12px 23px;border:1px solid #ffffff4a;border-radius:100px;background:#292530;box-shadow:0 6px 28px #19142230}.platform-showcase .platform-preview-open:hover .platform-preview-action{background:#41364e}.platform-load-state{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(320px,calc(100% - 32px));border-radius:18px;box-shadow:0 12px 40px #19142220;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;background:#f6f7f9;color:#504957;text-align:center;font:500 14px Manrope,sans-serif}.platform-showcase .platform-load-state button{min-height:44px;padding:10px 22px;border:0;border-radius:100px;background:#292530;color:#fff;font:600 13px Manrope,sans-serif;cursor:pointer}.platform-device-base{flex:none;position:relative;height:9px;width:calc(100% + 20px);border-radius:2px 2px 50% 50%/2px 2px 9px 9px;background:linear-gradient(#b9b7bd,#d9d8dc 35%,#9b979f);box-shadow:0 7px 9px #26232c12}.platform-device-base>span{display:block;width:16%;height:3px;margin:auto;background:#8e8b94;border-radius:0 0 6px 6px}.platform-phone-crown,.platform-phone-home{display:none}.platform-showcase[data-device=phone]{background:#eeecef}.platform-showcase[data-device=phone] .platform-device-frame{flex:none;height:min(100%,850px);width:min(390px,51cqh,calc(100cqw - 20px));border:5px solid #29282d;padding:3px;border-radius:42px;box-shadow:0 0 0 1px #99959e,0 0 0 3px #d3ced6,0 18px 34px #34283f20;background:#111}.platform-showcase[data-device=phone] .platform-window-chrome,.platform-showcase[data-device=phone] .platform-device-base{display:none}.platform-showcase[data-device=phone] .platform-device-screen{border-radius:0}.platform-showcase[data-device=phone] .platform-phone-crown{display:flex;flex:none;justify-content:center;height:30px;border-radius:32px 32px 0 0;background:#f6f7f9}.platform-phone-crown>span{margin-top:5px;width:29%;height:20px;border-radius:30px;background:#101014}.platform-showcase[data-device=phone] .platform-phone-home{display:flex;flex:none;justify-content:center;height:15px;border-radius:0 0 32px 32px;background:#f6f7f9}.platform-phone-home>span{margin-top:4px;width:30%;height:4px;border-radius:10px;background:#25202d}.platform-window-restore{position:absolute;inset:32px 0 0;display:flex;gap:12px;align-items:center;justify-content:center;border:0;background:#efedf1;color:#3e344d;font:600 14px Manrope,sans-serif;cursor:pointer}@media(max-width:640px){.platform-device-stage{padding:0 8px 12px}.platform-window-sample{display:none}.platform-device-base{width:calc(100% + 10px)}.platform-showcase[data-device=phone] .platform-device-frame{width:min(390px,53cqh,calc(100cqw - 12px));border-radius:36px}}@media(max-width:800px){.platform-device-switch{justify-content:space-between;align-items:center;padding:8px 14px;min-height:52px}.platform-device-choices{display:none}.platform-mobile-label{display:block;color:#605b6c;font:600 12px Manrope,sans-serif}.platform-showcase .platform-mobile-expand{display:flex;align-items:center;gap:10px;min-height:44px;padding:7px 12px;background:#292530;color:#fff}.platform-showcase[data-device=phone] .platform-device-stage{padding:0 0 10px}.platform-showcase[data-device=phone] .platform-device-frame{width:min(390px,100%)}[data-product-expanded=true] .platform-device-switch,dialog[open] .platform-device-switch{display:none}[data-product-expanded=true] .platform-showcase[data-device=phone] .platform-device-stage,dialog[open] .platform-showcase[data-device=phone] .platform-device-stage{padding:0}[data-product-expanded=true] .platform-showcase[data-device=phone] .platform-device-frame,dialog[open] .platform-showcase[data-device=phone] .platform-device-frame{width:min(100%,640px);height:100%;max-height:none;padding:0;border:0;border-radius:0;box-shadow:none}[data-product-expanded=true] .platform-showcase[data-device=phone] .platform-phone-crown,[data-product-expanded=true] .platform-showcase[data-device=phone] .platform-phone-home,dialog[open] .platform-showcase[data-device=phone] .platform-phone-crown,dialog[open] .platform-showcase[data-device=phone] .platform-phone-home{display:none}}@media(prefers-reduced-motion:reduce){.platform-showcase *{transition:none}}@media(max-width:800px){.platform-showcase[data-demo-loading=idle][data-device=desktop]{background:#eeecef}.platform-showcase[data-demo-loading=idle][data-device=desktop] .platform-device-stage{padding:0 0 10px}.platform-showcase[data-demo-loading=idle][data-device=desktop] .platform-device-frame{flex:none;height:min(100%,850px);width:min(390px,100%);border:5px solid #29282d;padding:3px;border-radius:42px;box-shadow:0 0 0 1px #99959e,0 0 0 3px #d3ced6,0 18px 34px #34283f20;background:#111}.platform-showcase[data-demo-loading=idle][data-device=desktop] .platform-window-chrome,.platform-showcase[data-demo-loading=idle][data-device=desktop] .platform-device-base{display:none}.platform-showcase[data-demo-loading=idle][data-device=desktop] .platform-phone-crown{display:flex;flex:none;justify-content:center;height:30px;border-radius:32px 32px 0 0;background:#f6f7f9}.platform-showcase[data-demo-loading=idle][data-device=desktop] .platform-phone-home{display:flex;flex:none;justify-content:center;height:15px;border-radius:0 0 32px 32px;background:#f6f7f9}[data-product-expanded=true] .platform-showcase[data-demo-loading=idle][data-device=desktop] .platform-device-frame,dialog[open] .platform-showcase[data-demo-loading=idle][data-device=desktop] .platform-device-frame{width:min(100%,640px);height:100%;max-height:none;padding:0;border:0;border-radius:0;box-shadow:none}[data-product-expanded=true] .platform-showcase[data-demo-loading=idle][data-device=desktop] .platform-phone-crown,[data-product-expanded=true] .platform-showcase[data-demo-loading=idle][data-device=desktop] .platform-phone-home,dialog[open] .platform-showcase[data-demo-loading=idle][data-device=desktop] .platform-phone-crown,dialog[open] .platform-showcase[data-demo-loading=idle][data-device=desktop] .platform-phone-home{display:none}}