:root{--bg:#f7f3ec;--bg-soft:#efe9df;--ink:#1a1714;--ink-muted:#5c554c;--ink-faint:#8a8278;--accent:#c4923a;--accent-hot:#d4a54e;--accent-soft:#c4923a24;--line:#1a17141a;--glass:#1a17140a;--cta-bg:#1a1714;--cta-ink:#f7f3ec;--ease:cubic-bezier(.22, 1, .36, 1);--serif:"Instrument Serif", "Times New Roman", serif;--sans:"DM Sans", system-ui, -apple-system, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100%;overflow-x:clip}body{min-height:100dvh;font-family:var(--sans);font-optical-sizing:auto;background:var(--bg);color:var(--ink);max-width:100%;line-height:1.5;overflow-x:clip}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(70% 55% at 50% -8%,#f5c89661,#0000 70%),radial-gradient(40% 32% at 78% 12%,#f0b4782e,#0000 65%),radial-gradient(32% 26% at 18% 18%,#ffdcb438,#0000 60%);height:70vh;position:fixed;inset:-20% 0 auto}#root{z-index:1;flex-direction:column;max-width:100%;min-height:100dvh;display:flex;position:relative;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}ul,ol{list-style:none}.page{flex-direction:column;flex:1;width:min(1080px,100% - 1.75rem);max-width:100%;min-height:100dvh;margin:0 auto;padding:1.35rem 0 2rem;display:flex;overflow-x:clip}.topbar{animation:rise .9s var(--ease) both;justify-content:space-between;align-items:center;margin-bottom:1.6rem;display:flex}.logo{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);font-size:1.4rem;transition:opacity .2s}.logo:hover{opacity:.85}.logo span{color:var(--accent)}.topbar-meta{font-family:var(--mono);letter-spacing:.05em;color:var(--ink-faint);font-size:.68rem}.hero{text-align:center;flex-direction:column;align-items:center;gap:1.05rem;width:100%;max-width:100%;padding-bottom:.35rem;display:flex;overflow-x:clip}.eyebrow{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);animation:rise .95s var(--ease) both;margin-bottom:-.05rem;font-size:.9rem}.hero h1{font-family:var(--serif);letter-spacing:-.038em;color:var(--ink);text-wrap:balance;animation:rise 1s var(--ease) 40ms both;max-width:14ch;font-size:clamp(2.95rem,7.8vw,4.85rem);font-weight:400;line-height:1.02}.hero-mark{all:unset;-webkit-box-decoration-break:clone;box-decoration-break:clone;white-space:normal;background:linear-gradient(#0000 62%,#d4a54e6b 62% 92%,#0000 92%);border-radius:.08em;padding:0 .08em;display:inline}.hero-sub{color:var(--ink-muted);letter-spacing:-.012em;text-wrap:balance;max-width:40rem;animation:rise 1s var(--ease) 70ms both;margin-top:-.05rem;font-size:clamp(1.14rem,2.7vw,1.38rem);line-height:1.52}.cta-row{width:100%;max-width:22rem;animation:rise 1s var(--ease) .1s both;flex-direction:column;align-items:stretch;gap:.45rem;display:flex}.cta{background:var(--cta-bg);width:100%;color:var(--cta-ink);letter-spacing:-.015em;transition:transform .35s var(--ease), background .25s ease, box-shadow .35s var(--ease);border-radius:999px;justify-content:center;align-items:center;padding:1.02rem 1.85rem;font-size:1.14rem;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffff1f,0 10px 32px #1a171429}.cta:hover{background:#0f0d0b;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff24,0 12px 36px #1a171433}.cta:active{transform:translateY(0)}.cta:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.under-mac{font-family:var(--mono);letter-spacing:.045em;color:var(--ink-muted);text-align:center;max-width:100%;animation:rise 1s var(--ease) .18s both;margin:0;font-size:.86rem}.demo{width:100%;max-width:100%;animation:rise 1.05s var(--ease) .16s both;flex-direction:column;align-items:center;gap:.35rem;display:flex;overflow-x:clip}.demo-stage{justify-content:center;align-items:flex-start;width:100%;max-width:min(1020px,100%);margin:0 auto;display:flex;overflow:clip visible}.demo-frame-slot{position:relative}.demo-scale{flex-shrink:0;max-width:100%;margin:0 auto;position:relative;overflow:visible}.morning-macbook.mockframe .screen{box-shadow:none;background:url(/macos-wallpaper.jpg) 50%/cover no-repeat,#1a0f2e!important;overflow:visible!important}.morning-macbook.mockframe.phase-recording{filter:drop-shadow(0 0 22px #f59b622e)}.screen-ui{width:100%;height:100%;position:relative;overflow:visible}.morning-island{z-index:5;color:#fff;transition:width .42s var(--ease), height .42s var(--ease), border-radius .42s var(--ease), opacity .3s ease;background:#030304fa;justify-content:center;align-items:center;display:flex;position:absolute;top:-2px;left:50%;overflow:hidden;transform:translate(-50%)}.morning-island.is-idle{border-radius:0 0 16px 16px;width:184px;height:30px}.morning-island.is-recording{border-radius:0 0 24px 24px;width:252px;height:46px}.morning-island.is-working{border-radius:0 0 18px 18px;width:168px;height:38px}.island-camera{background:#ffffff1f;border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:inset 0 0 0 1px #ffffff0f}.island-row{box-sizing:border-box;align-items:center;gap:8px;width:100%;height:100%;padding:0 12px 0 14px;display:flex}.island-row-working{justify-content:center;gap:8px;padding:0 14px}.island-accent{background:#f59b62;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.4s ease-in-out infinite accent-pulse;box-shadow:0 0 8px #f59b628c}.waveform{flex:1;justify-content:center;align-items:center;gap:2px;min-width:0;height:18px;display:flex}.waveform i{opacity:.92;transform-origin:50%;background:#fff;border-radius:2px;width:2.5px;animation:.85s ease-in-out infinite wave;display:block}.waveform i:first-child{height:5px}.waveform i:nth-child(2){height:11px}.waveform i:nth-child(3){height:16px}.waveform i:nth-child(4){height:8px}.waveform i:nth-child(5){height:14px}.waveform i:nth-child(6){height:6px}.waveform i:nth-child(7){height:12px}.waveform i:nth-child(8){height:9px}.waveform i:nth-child(9){height:5px}.island-timer{font-family:var(--mono);letter-spacing:.02em;color:#ffffffb8;font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0;min-width:2.4em;font-size:11px}.island-cancel{color:#ffffffd9;background:#ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.island-spinner{border:1.5px solid #ffffff38;border-top-color:#ffffffd9;border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:.7s linear infinite spin}.island-working-label{font-family:var(--mono);letter-spacing:.02em;color:#ffffff73;white-space:nowrap;font-size:11px}.app-window{z-index:2;text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform-origin:50%;transition:opacity .32s var(--ease), transform .32s var(--ease), filter .32s var(--ease);background:#fcfaf7f5;border:1px solid #ffffff8c;border-radius:10px;flex-direction:column;display:flex;position:absolute;inset:12% 14% 15%;overflow:hidden;box-shadow:0 18px 48px #00000047,inset 0 2px #fff6}.app-window.is-leaving{opacity:0;filter:blur(2px);pointer-events:none;transform:translate(-18px)scale(.96)}.app-window.is-entering{animation:window-enter .38s var(--ease) both}@keyframes window-enter{0%{opacity:0;filter:blur(2px);transform:translate(22px)scale(.96)}to{opacity:1;filter:blur();transform:translate(0)scale(1)}}.app-window.gmail{background:#fff}.notes-dots{gap:5px;display:flex}.notes-dots i{background:#1a17141f;border-radius:50%;width:8px;height:8px}.notes-dots i:first-child{background:#ff5f57}.notes-dots i:nth-child(2){background:#febc2e}.notes-dots i:nth-child(3){background:#28c840}.notes-name,.gmail-name{font-family:var(--sans);letter-spacing:-.01em;color:#1a171473;font-size:.78rem;font-weight:500}.gmail-titlebar,.notes-titlebar{background:#ffffff8c;border-bottom:1px solid #1a171414;align-items:center;gap:.55rem;padding:.5rem .75rem;display:flex}.gmail-titlebar{background:#f2f2f2}.gmail-chrome{background:#fff;border-bottom:1px solid #1a171414;flex-direction:column;display:flex}.gmail-field{border-bottom:1px solid #1a17140f;align-items:baseline;gap:.65rem;padding:.42rem .85rem;font-size:.82rem;line-height:1.35;display:flex}.gmail-field:last-child{border-bottom:none}.gmail-label{width:3.6rem;font-family:var(--sans);color:#1a171466;flex-shrink:0;font-size:.72rem;font-weight:500}.gmail-value{color:#1a1714;letter-spacing:-.01em;font-size:.84rem}.gmail-body,.notes-body{background:#fffefb;flex:1;padding:.95rem 1.1rem 1.1rem;overflow:hidden}.gmail-body{background:#fff}.app-window.notes{background:#fff8c9;border-color:#f0b42859}.notes-titlebar{background:linear-gradient(#ffe98a 0%,#f7d75a 100%);border-bottom:1px solid #b4821438}.notes-body{background:linear-gradient(#fff8c8e6,#fff3a8 40%,#ffec8a)}.notes-line,.gmail-line{font-family:var(--sans);color:#1a1714;letter-spacing:-.01em;min-height:3.2em;font-size:1.08rem;line-height:1.55}.notes-bullets{white-space:pre-wrap;font-size:1.05rem;line-height:1.65}.notes-empty{color:#0000}.ghost-cursor{vertical-align:-.1em;background:#f59b62;border-radius:1px;width:1.5px;height:.95em;margin-left:2px;animation:1.05s step-end infinite blink;display:inline-block}.app-window.claude{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0c0c0e;border:1px solid #ffffff1a;box-shadow:0 18px 48px #00000073,inset 0 1px #ffffff0f}.claude-titlebar{background:#1c1c1e;border-bottom:1px solid #ffffff14;align-items:center;gap:.55rem;padding:.45rem .75rem;display:flex}.claude-name{font-family:var(--mono);letter-spacing:-.01em;color:#ffffff8c;white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;font-weight:500;overflow:hidden}.claude-repl{color:#e8e6e3;background:#0c0c0e;flex-direction:column;flex:1;min-height:0;display:flex}.claude-status{font-family:var(--mono);letter-spacing:.02em;color:#ffffff6b;background:#111113;border-bottom:1px solid #ffffff0f;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.62rem;display:flex}.claude-model{color:#d97757;font-weight:500}.claude-branch{color:#7dd3a0}.claude-sep{opacity:.45}.claude-transcript{flex-direction:column;flex:1;gap:.55rem;padding:.65rem .75rem .4rem;display:flex;overflow:hidden}.claude-msg{font-family:var(--mono);font-size:.72rem;line-height:1.45}.claude-user{color:#ffffffe0;gap:.45rem;display:flex}.claude-prompt{color:#d97757;flex-shrink:0;font-weight:600}.claude-assistant{color:#e8e6e3d1;flex-direction:column;gap:.25rem;padding-left:.1rem;display:flex}.claude-badge{letter-spacing:.04em;text-transform:uppercase;color:#d97757;opacity:.85;align-self:flex-start;font-size:.58rem}.claude-assistant p{margin:0}.claude-assistant code{font-family:var(--mono);color:#9ecbff;background:#ffffff0f;border-radius:3px;padding:.05em .3em;font-size:.68rem}.claude-tool{font-family:var(--mono);color:#fff6;align-items:center;gap:.45rem;padding:.15rem 0;font-size:.62rem;display:inline-flex}.claude-tool-spin{border:1.5px solid #d9775740;border-top-color:#d97757;border-radius:50%;flex-shrink:0;width:9px;height:9px;animation:.7s linear infinite spin}.claude-input{background:#141416;border:1px solid #d9775773;border-radius:8px;align-items:flex-start;gap:.45rem;min-height:2.4rem;margin:.4rem .55rem .55rem;padding:.5rem .6rem;display:flex;box-shadow:0 0 0 1px #00000059}.claude-input-prompt{font-family:var(--mono);color:#d97757;flex-shrink:0;font-size:.78rem;font-weight:600;line-height:1.35}.claude-input-text{font-family:var(--mono);color:#f2f0ed;word-break:break-word;flex:1;min-width:0;font-size:.78rem;line-height:1.4}.claude-placeholder{color:#ffffff47}.ghost-cursor.claude-cursor{background:#d97757;height:.9em}.mac-dock{z-index:4;-webkit-backdrop-filter:blur(18px)saturate(1.3);background:#ffffff38;border:1px solid #ffffff59;border-radius:16px;align-items:flex-end;gap:.45rem;padding:.4rem .55rem .35rem;display:flex;position:absolute;bottom:2.8%;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #00000047,inset 0 1px #fff6}.dock-item{width:42px;transition:transform .35s var(--ease);flex-direction:column;align-items:center;display:flex;position:relative}.dock-item.is-active{transform:translateY(-5px)scale(1.08)}.dock-item.is-selecting{animation:dock-select .55s var(--ease)}@keyframes dock-select{0%{transform:translateY(0)scale(1)}35%{transform:translateY(-10px)scale(1.18)}to{transform:translateY(-5px)scale(1.08)}}.dock-icon{box-sizing:border-box;background:#fff;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;padding:8px;display:flex;overflow:hidden;box-shadow:0 2px 6px #00000038,0 0 0 .5px #0000001f}.dock-icon img{object-fit:contain;background:0 0;width:100%;height:100%;display:block}.dock-item.is-active .dock-icon{box-shadow:0 4px 12px #0000004d,0 0 0 1.5px #ffffff8c}.dock-dot{background:#ffffffd9;border-radius:50%;width:4px;height:4px;position:absolute;bottom:-5px;box-shadow:0 0 4px #00000059}.replay-link{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-faint);opacity:.75;border-radius:4px;padding:.25rem .5rem;font-size:.68rem;transition:opacity .2s,color .2s}.replay-link:hover{opacity:1;color:var(--ink-muted)}.replay-link:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.section{border-top:1px solid var(--line);text-align:center;animation:rise 1s var(--ease) .18s both;margin-top:2.75rem;padding-top:2rem}.section h2{font-family:var(--serif);letter-spacing:-.02em;margin-bottom:.85rem;font-size:clamp(1.75rem,3.8vw,2.25rem);font-weight:400}.section-lead{color:var(--ink-muted);text-wrap:balance;max-width:34rem;margin:0 auto;font-size:1.12rem;line-height:1.55}.steps{text-align:left;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:1.5rem;display:grid}.steps li{border:1px solid var(--line);background:#ffffff59;border-radius:14px;gap:.75rem;padding:1rem 1.05rem;display:flex}.step-num{width:1.55rem;height:1.55rem;font-family:var(--mono);background:var(--ink);color:var(--cta-ink);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;margin-top:.1rem;font-size:.72rem;display:inline-flex}.steps strong{letter-spacing:-.015em;margin-bottom:.25rem;font-size:1.05rem;display:block}.steps p{color:var(--ink-muted);font-size:.95rem;line-height:1.45}.privacy-points{text-align:left;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.4rem;display:grid}.privacy-points li{background:var(--accent-soft);border:1px solid #c4923a2e;border-radius:14px;padding:1rem 1.05rem}.privacy-points strong{letter-spacing:-.01em;margin-bottom:.3rem;font-size:1.02rem;display:block}.privacy-points span{color:var(--ink-muted);font-size:.95rem;line-height:1.45}.buy-block{margin-top:1.5rem;flex-direction:column;align-items:center;gap:1.15rem;max-width:28rem;margin-inline:auto;display:flex}.buy-meta{font-family:var(--mono);letter-spacing:.045em;color:var(--ink-muted);margin:0;font-size:.78rem}.buy-block .cta-row{width:100%;max-width:20rem}.buy-block .cta{width:100%}.aside-notch{text-align:center;background:#fff6;border:1px solid #1a171414;border-radius:14px;width:100%;max-width:36rem;margin-top:.35rem;padding:.95rem 1.15rem}.aside-notch p{color:var(--ink-muted);text-wrap:balance;max-width:34rem;margin:0 auto;font-size:.95rem;line-height:1.5}.aside-label{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-right:.55rem;font-size:.62rem;display:inline-block}.section.buy{padding-bottom:.25rem}.footer{border-top:1px solid var(--line);color:var(--ink-faint);animation:rise 1s var(--ease) .24s both;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.65rem 1.5rem;margin-top:2rem;padding-top:1.25rem;font-size:.72rem;display:flex}.footer a{text-underline-offset:3px;-webkit-text-decoration:underline #8a827873;text-decoration:underline #8a827873;transition:color .2s}.footer a:hover{color:var(--ink-muted)}.footer a:focus-visible{outline:1px solid var(--accent);outline-offset:2px;border-radius:2px}.footer-left{flex-wrap:wrap;gap:.5rem 1rem;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes accent-pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 8px #f59b628c}50%{opacity:.7;transform:scale(.9);box-shadow:0 0 4px #f59b624d}}@keyframes wave{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=720px){.steps,.privacy-points{grid-template-columns:1fr}}@media (width<=640px){.page{width:calc(100% - .85rem);padding-top:.85rem;padding-bottom:1.5rem}.topbar{margin-bottom:1.1rem}.logo{font-size:1.5rem}.hero{align-items:stretch;gap:.95rem}.eyebrow{text-align:center;font-size:.82rem}.hero h1{letter-spacing:-.044em;text-align:center;text-wrap:pretty;width:100%;max-width:none;font-size:clamp(3.2rem,14.2vw,4.05rem);line-height:.98}.hero-sub{max-width:none;padding:0 .1rem;font-size:1.16rem}.cta-row{align-self:stretch;width:100%;max-width:none}.cta{width:100%;padding:1.18rem 1.5rem;font-size:1.16rem}.demo{gap:.3rem;width:calc(100% + .3rem);margin-inline:-.15rem}.demo-stage{aspect-ratio:auto;border:1px solid var(--line);background:radial-gradient(80% 60% at 50% 0,#f5c89633,#0000 70%),#1a17140a;border-radius:22px;justify-content:center;align-items:flex-start;width:100%;max-width:100%;height:auto;min-height:0;position:relative;overflow:hidden;box-shadow:0 18px 48px #1a17141a,inset 0 1px #ffffff73}.demo-scale{width:100%;max-width:none;margin-top:0;position:relative;overflow:visible}.under-mac{letter-spacing:.04em;margin-top:.15rem;font-size:.74rem}.morning-island.is-idle{border-radius:0 0 22px 22px;width:300px;height:48px}.morning-island.is-recording{border-radius:0 0 30px 30px;width:420px;height:74px}.morning-island.is-working{border-radius:0 0 24px 24px;width:260px;height:56px}.island-accent{width:12px;height:12px}.waveform{gap:3.5px;height:26px}.waveform i{width:3.5px}.island-timer{font-size:15px}.island-cancel{width:24px;height:24px}.island-spinner{width:16px;height:16px}.island-working-label{font-size:13px}.island-row{gap:12px;padding:0 16px 0 18px}.app-window{inset:20% 12%}.notes-line,.gmail-line{font-size:1.23rem}.notes-bullets{font-size:1.2rem;line-height:1.55}.gmail-body,.notes-body{padding:.75rem .85rem .9rem}.notes-titlebar,.gmail-titlebar,.claude-titlebar{padding:.48rem .7rem}.notes-name,.gmail-name,.claude-name{font-size:.98rem}.gmail-field{padding:.4rem .7rem;font-size:1.05rem}.gmail-label{width:3.6rem;font-size:.87rem}.gmail-value{font-size:1.01rem}.mac-dock{border-radius:18px;gap:.55rem;padding:.5rem .7rem .45rem;bottom:3.5%}.dock-item{width:54px}.dock-icon{border-radius:12px;width:48px;height:48px;padding:11px}.claude-msg,.claude-input-text,.claude-input-prompt{font-size:.95rem}.claude-status{padding:.4rem .75rem;font-size:.81rem}.claude-badge{font-size:.81rem}.claude-assistant code{font-size:.9rem}.claude-tool{font-size:.81rem}.claude-input{min-height:2.4rem;padding:.48rem .55rem}.claude-transcript{gap:.45rem;padding:.55rem .65rem .35rem}.section{margin-top:1.85rem;padding-top:1.45rem}.footer{flex-direction:column;gap:.35rem;margin-top:1.6rem;padding-top:1.1rem}}@media (height>=820px) and (width>=700px){.page{padding-top:1.6rem}.topbar{margin-bottom:1.75rem}.hero{gap:1.15rem}}@media (width>=900px){.cta-row{align-self:center;max-width:20rem}.hero{gap:1.2rem}.demo-stage{margin-top:.15rem}}.mockframe{transition:all .5s cubic-bezier(.075,.82,.165,1);display:inline-block;position:relative;box-sizing:content-box!important}.mockframe .screen{z-index:3;background:#fff;border-radius:1px;width:100%;height:100%;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 3px #111}.mockframe .top-bar,.mockframe .bottom-bar{background:#000;width:100%;height:3px;display:block}.mockframe .middle-bar{background:#000;width:3px;height:4px;position:absolute;top:0;left:90px}.mockframe.iphone8{background:#d9dbdc;border-radius:56px;width:375px;height:667px;padding:105px 24px;box-shadow:inset 0 0 3px #0003}.mockframe.iphone8:before{content:"";z-index:1;background:#f8f8f8;border-radius:50px;width:calc(100% - 12px);height:calc(100% - 12px);position:absolute;top:6px;left:6px}.mockframe.iphone8:after{content:"";z-index:2;border-radius:48px;width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;top:8px;left:8px;box-shadow:inset 0 0 3px #0000001a,inset 0 0 6px 3px #fff}.mockframe.iphone8 .home{z-index:3;background:linear-gradient(135deg,#303233 0%,#b5b7b9 50%,#f0f2f2 69%,#303233 100%);border-radius:100%;width:68px;height:68px;margin-left:-34px;position:absolute;bottom:22px;left:50%}.mockframe.iphone8 .home:before{content:"";background:#f8f8f8;border-radius:100%;width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;top:4px;left:4px}.mockframe.iphone8 .top-bar{background:#bfbfc0;height:14px;position:absolute;top:68px;left:0}.mockframe.iphone8 .bottom-bar{background:#bfbfc0;height:14px;position:absolute;bottom:68px;left:0}.mockframe.iphone8 .sleep{background:#d9dbdc;border-radius:0 2px 2px 0;width:4px;height:66px;position:absolute;top:190px;right:-4px}.mockframe.iphone8 .volume{z-index:0;background:#d9dbdc;border-radius:2px 0 0 2px;width:4px;height:66px;position:absolute;top:188px;left:-4px}.mockframe.iphone8 .volume:before{background:inherit;content:"";border-radius:2px 0 0 2px;width:2px;height:40px;display:block;position:absolute;top:-78px;left:2px}.mockframe.iphone8 .volume:after{background:inherit;content:"";border-radius:2px 0 0 2px;width:4px;height:66px;display:block;position:absolute;top:82px;left:0}.mockframe.iphone8 .camera{z-index:3;background:#3c3d3d;border-radius:100%;width:12px;height:12px;margin-left:-6px;position:absolute;top:24px;left:50%}.mockframe.iphone8 .sensor{z-index:3;background:#3c3d3d;border-radius:100%;width:16px;height:16px;position:absolute;top:49px;left:134px}.mockframe.iphone8 .speaker{z-index:3;background:#292728;border-radius:6px;width:70px;height:6px;margin-left:-35px;position:absolute;top:54px;left:50%}.mockframe.iphone8.gold{background:#f9e7d3}.mockframe.iphone8.gold .top-bar,.mockframe.iphone8.gold .bottom-bar{background:#fff}.mockframe.iphone8.gold .sleep,.mockframe.iphone8.gold .volume{background:#f9e7d3}.mockframe.iphone8.gold .home{background:linear-gradient(135deg,#cebba9 0%,#f9e7d3 50%,#cebba9 100%)}.mockframe.iphone8.black{background:#464646;box-shadow:inset 0 0 3px #000000b3}.mockframe.iphone8.black:before{background:#080808}.mockframe.iphone8.black:after{box-shadow:inset 0 0 3px #0000001a,inset 0 0 6px 3px #212121}.mockframe.iphone8.black .top-bar,.mockframe.iphone8.black .bottom-bar{background:#212121}.mockframe.iphone8.black .volume,.mockframe.iphone8.black .sleep{background:#464646}.mockframe.iphone8.black .camera{background:#080808}.mockframe.iphone8.black .home{background:linear-gradient(135deg,#080808 0%,#464646 50%,#080808 100%)}.mockframe.iphone8.black .home:before{background:#080808}.mockframe.iphone8.landscape{width:667px;height:375px;padding:24px 105px}.mockframe.iphone8.landscape .sleep{border-radius:0 0 2px 2px;width:66px;height:4px;top:100%;right:190px}.mockframe.iphone8.landscape .volume{border-radius:2px 2px 0 0;width:66px;height:4px;top:-4px;left:calc(100% - 254px)}.mockframe.iphone8.landscape .volume:before{border-radius:2px 2px 0 0;width:40px;height:2px;top:2px;left:auto;right:-78px}.mockframe.iphone8.landscape .volume:after{border-radius:2px 2px 0 0;width:66px;height:4px;top:0;left:-82px}.mockframe.iphone8.landscape .top-bar{width:14px;height:100%;top:0;left:calc(100% - 82px)}.mockframe.iphone8.landscape .bottom-bar{width:14px;height:100%;top:0;left:68px}.mockframe.iphone8.landscape .home{margin-top:-34px;margin-left:0;top:50%;left:22px}.mockframe.iphone8.landscape .sensor{top:134px;left:calc(100% - 65px)}.mockframe.iphone8.landscape .speaker{width:6px;height:70px;margin-top:-35px;margin-left:0;top:50%;left:calc(100% - 60px)}.mockframe.iphone8.landscape .camera{margin-top:-5px;margin-left:0;top:50%;left:calc(100% - 32px)}.mockframe.iphone8plus{background:#d9dbdc;border-radius:56px;width:414px;height:736px;padding:112px 26px;box-shadow:inset 0 0 3px #0003}.mockframe.iphone8plus:before{content:"";z-index:1;background:#f8f8f8;border-radius:50px;width:calc(100% - 12px);height:calc(100% - 12px);position:absolute;top:6px;left:6px}.mockframe.iphone8plus:after{content:"";z-index:2;border-radius:48px;width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;top:8px;left:8px;box-shadow:inset 0 0 3px #0000001a,inset 0 0 6px 3px #fff}.mockframe.iphone8plus .home{z-index:3;background:linear-gradient(135deg,#303233 0%,#b5b7b9 50%,#f0f2f2 69%,#303233 100%);border-radius:100%;width:68px;height:68px;margin-left:-34px;position:absolute;bottom:24px;left:50%}.mockframe.iphone8plus .home:before{content:"";background:#f8f8f8;border-radius:100%;width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;top:4px;left:4px}.mockframe.iphone8plus .top-bar{background:#bfbfc0;height:14px;position:absolute;top:68px;left:0}.mockframe.iphone8plus .bottom-bar{background:#bfbfc0;height:14px;position:absolute;bottom:68px;left:0}.mockframe.iphone8plus .sleep{background:#d9dbdc;border-radius:0 2px 2px 0;width:4px;height:66px;position:absolute;top:190px;right:-4px}.mockframe.iphone8plus .volume{z-index:0;background:#d9dbdc;border-radius:2px 0 0 2px;width:4px;height:66px;position:absolute;top:188px;left:-4px}.mockframe.iphone8plus .volume:before{background:inherit;content:"";border-radius:2px 0 0 2px;width:2px;height:40px;display:block;position:absolute;top:-78px;left:2px}.mockframe.iphone8plus .volume:after{background:inherit;content:"";border-radius:2px 0 0 2px;width:4px;height:66px;display:block;position:absolute;top:82px;left:0}.mockframe.iphone8plus .camera{z-index:3;background:#3c3d3d;border-radius:100%;width:12px;height:12px;margin-left:-6px;position:absolute;top:29px;left:50%}.mockframe.iphone8plus .sensor{z-index:3;background:#3c3d3d;border-radius:100%;width:16px;height:16px;position:absolute;top:54px;left:154px}.mockframe.iphone8plus .speaker{z-index:3;background:#292728;border-radius:6px;width:70px;height:6px;margin-left:-35px;position:absolute;top:59px;left:50%}.mockframe.iphone8plus.gold{background:#f9e7d3}.mockframe.iphone8plus.gold .top-bar,.mockframe.iphone8plus.gold .bottom-bar{background:#fff}.mockframe.iphone8plus.gold .sleep,.mockframe.iphone8plus.gold .volume{background:#f9e7d3}.mockframe.iphone8plus.gold .home{background:linear-gradient(135deg,#cebba9 0%,#f9e7d3 50%,#cebba9 100%)}.mockframe.iphone8plus.black{background:#464646;box-shadow:inset 0 0 3px #000000b3}.mockframe.iphone8plus.black:before{background:#080808}.mockframe.iphone8plus.black:after{box-shadow:inset 0 0 3px #0000001a,inset 0 0 6px 3px #212121}.mockframe.iphone8plus.black .top-bar,.mockframe.iphone8plus.black .bottom-bar{background:#212121}.mockframe.iphone8plus.black .volume,.mockframe.iphone8plus.black .sleep{background:#464646}.mockframe.iphone8plus.black .camera{background:#080808}.mockframe.iphone8plus.black .home{background:linear-gradient(135deg,#080808 0%,#464646 50%,#080808 100%)}.mockframe.iphone8plus.black .home:before{background:#080808}.mockframe.iphone8plus.landscape{width:736px;height:414px;padding:26px 112px}.mockframe.iphone8plus.landscape .sleep{border-radius:0 0 2px 2px;width:66px;height:4px;top:100%;right:190px}.mockframe.iphone8plus.landscape .volume{border-radius:2px 2px 0 0;width:66px;height:4px;top:-4px;left:calc(100% - 254px)}.mockframe.iphone8plus.landscape .volume:before{border-radius:2px 2px 0 0;width:40px;height:2px;top:2px;left:auto;right:-78px}.mockframe.iphone8plus.landscape .volume:after{border-radius:2px 2px 0 0;width:66px;height:4px;top:0;left:-82px}.mockframe.iphone8plus.landscape .top-bar{width:14px;height:100%;top:0;left:calc(100% - 82px)}.mockframe.iphone8plus.landscape .bottom-bar{width:14px;height:100%;top:0;left:68px}.mockframe.iphone8plus.landscape .home{margin-top:-34px;margin-left:0;top:50%;left:24px}.mockframe.iphone8plus.landscape .sensor{top:154px;left:calc(100% - 70px)}.mockframe.iphone8plus.landscape .speaker{width:6px;height:70px;margin-top:-35px;margin-left:0;top:50%;left:calc(100% - 65px)}.mockframe.iphone8plus.landscape .camera{margin-top:-5px;margin-left:0;top:50%;left:calc(100% - 29px)}.mockframe.ipad{background:#242324;border-radius:44px;width:576px;height:768px;padding:90px 25px}.mockframe.ipad:before{content:"";background:#1e1e1e;border-radius:40px;width:calc(100% - 8px);height:calc(100% - 8px);display:block;position:absolute;top:4px;left:4px}.mockframe.ipad .camera{background:#3c3d3d;border-radius:100%;width:10px;height:10px;margin-left:-5px;position:absolute;top:44px;left:50%}.mockframe.ipad .top-bar,.mockframe.ipad .bottom-bar{display:none}.mockframe.ipad .home{background:#242324;border-radius:36px;width:50px;height:50px;margin-left:-25px;position:absolute;bottom:22px;left:50%}.mockframe.ipad .home:after{content:"";border:1px solid #ffffff1a;border-radius:4px;width:15px;height:15px;margin-top:-8px;margin-left:-8px;display:block;position:absolute;top:50%;left:50%}.mockframe.ipad.landscape{width:768px;height:576px;padding:25px 90px}.mockframe.ipad.landscape .camera{margin-top:-5px;margin-left:0;top:50%;left:calc(100% - 44px)}.mockframe.ipad.landscape .home{margin-top:-25px;margin-left:0;top:50%;left:22px}.mockframe.ipad.silver{background:#bcbcbc}.mockframe.ipad.silver:before{background:#fcfcfc}.mockframe.ipad.silver .home{background:#fcfcfc;box-shadow:inset 0 0 0 1px #bcbcbc}.mockframe.ipad.silver .home:after{border:1px solid #0003}.mockframe.macbook{background:#bebebe;border-radius:34px;width:960px;height:600px;margin:0 auto;padding:44px 44px 76px}.mockframe.macbook:before{content:"";background:#1e1e1e;border-radius:30px;width:calc(100% - 8px);height:calc(100% - 8px);display:block;position:absolute;top:4px;left:4px}.mockframe.macbook .top-bar{content:"";background:#bebebe;border-bottom-right-radius:90px 18px;border-bottom-left-radius:90px 18px;width:calc(100% + 140px);height:40px;display:block;position:absolute;top:680px;left:-70px;box-shadow:inset 0 -4px 13px 3px #2229}.mockframe.macbook .top-bar:before{content:"";background:#f0f0f0;border-bottom:2px solid #aaa;border-radius:5px;width:100%;height:24px;display:block;position:relative;top:0;left:0}.mockframe.macbook .top-bar:after{content:"";background:#ddd;border-radius:0 0 20px 20px;width:16%;height:14px;margin-left:auto;margin-right:auto;display:block;position:absolute;top:0;left:0;right:0;box-shadow:inset 0 -3px 10px #999}.mockframe.macbook .bottom-bar{content:"";background:0 0;width:calc(100% + 140px);height:26px;display:block;position:absolute;top:680px;left:-70px}.mockframe.macbook .bottom-bar:before,.mockframe.macbook .bottom-bar:after{content:"";width:80px;height:calc(100% - 2px);display:block;position:absolute;top:0}.mockframe.macbook .bottom-bar:before{background:linear-gradient(90deg,#747474 0%,#c3c3c3 5%,#ebebeb 14%,#979797 41%,#f0f0f0 80% 100%,#f0f0f0 100%);left:0}.mockframe.macbook .bottom-bar:after{background:linear-gradient(90deg,#f0f0f0 0% 0%,#f0f0f0 20%,#979797 59%,#ebebeb 86%,#c3c3c3 95%,#747474 100%);right:0}.mockframe.macbook .camera{background:#3c3d3d;border-radius:100%;width:10px;height:10px;margin-left:-5px;position:absolute;top:20px;left:50%}.mockframe.macbook .home{display:none}.mockframe.iphone-x{background:#fdfdfd;border-radius:66px;width:375px;height:812px;padding:26px;box-shadow:inset 0 0 11px #000}.mockframe.iphone-x .overflow{border-radius:66px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.mockframe.iphone-x .shadow{background:radial-gradient(#0009 0%,#fff0 60%);border-radius:100%;width:90px;height:90px;position:absolute}.mockframe.iphone-x .shadow--tl{top:-20px;left:-20px}.mockframe.iphone-x .shadow--tr{top:-20px;right:-20px}.mockframe.iphone-x .shadow--bl{bottom:-20px;left:-20px}.mockframe.iphone-x .shadow--br{bottom:-20px;right:-20px}.mockframe.iphone-x:before{content:"";z-index:1;background:#000;border-radius:61px;width:calc(100% - 10px);height:calc(100% - 10px);position:absolute;top:5px;left:5px}.mockframe.iphone-x .inner-shadow{z-index:1;border-radius:56px;width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;top:10px;left:10px;overflow:hidden;box-shadow:inset 0 0 15px #ffffffa8}.mockframe.iphone-x .inner-shadow:before{content:"";z-index:2;border-radius:200px/112px;width:100%;height:116%;position:absolute;top:-8%;left:0;box-shadow:inset 0 0 20px #fff}.mockframe.iphone-x .screen{box-shadow:none;border-radius:40px}.mockframe.iphone-x .top-bar,.mockframe.iphone-x .bottom-bar{background:#0000001a;width:100%;height:8px;position:absolute;left:0}.mockframe.iphone-x .top-bar{top:80px}.mockframe.iphone-x .bottom-bar{bottom:80px}.mockframe.iphone-x .volume,.mockframe.iphone-x .volume:before,.mockframe.iphone-x .volume:after,.mockframe.iphone-x .sleep{background:#b5b5b5;width:3px;position:absolute}.mockframe.iphone-x .volume{height:32px;top:116px;left:-3px}.mockframe.iphone-x .volume:before{content:"";height:62px;top:62px;left:0}.mockframe.iphone-x .volume:after{content:"";height:62px;top:140px;left:0}.mockframe.iphone-x .sleep{height:96px;top:200px;right:-3px}.mockframe.iphone-x .camera{background:#0d4d71;border-radius:100%;width:6px;height:6px;position:absolute;top:9px;left:154px}.mockframe.iphone-x .speaker{background:#171818;border-radius:6px;width:60px;height:6px;margin-left:-30px;position:absolute;top:9px;left:50%}.mockframe.iphone-x .notch{z-index:4;background:#000;border-bottom-right-radius:24px;border-bottom-left-radius:24px;width:210px;height:30px;position:absolute;top:26px;left:108px}.mockframe.iphone-x .notch:before,.mockframe.iphone-x .notch:after{content:"";width:8px;height:8px;position:absolute;top:0}.mockframe.iphone-x .notch:after{background:radial-gradient(circle at 0 100%,#0000 0 70%,#000 70% 100%);left:-8px}.mockframe.iphone-x .notch:before{background:radial-gradient(circle at 100% 100%,#0000 0 70%,#000 70% 100%);right:-8px}.mockframe.iphone-x.landscape{width:812px;height:375px}.mockframe.iphone-x.landscape .top-bar,.mockframe.iphone-x.landscape .bottom-bar{width:8px;height:100%;top:0}.mockframe.iphone-x.landscape .top-bar{left:80px}.mockframe.iphone-x.landscape .bottom-bar{bottom:auto;left:auto;right:80px}.mockframe.iphone-x.landscape .volume,.mockframe.iphone-x.landscape .volume:before,.mockframe.iphone-x.landscape .volume:after,.mockframe.iphone-x.landscape .sleep{height:3px}.mockframe.iphone-x.landscape .inner-shadow:before{border-radius:112px/200px;width:116%;height:100%;top:0;left:-8%}.mockframe.iphone-x.landscape .volume{width:32px;top:auto;bottom:-3px;left:116px}.mockframe.iphone-x.landscape .volume:before{width:62px;top:0;left:62px}.mockframe.iphone-x.landscape .volume:after{width:62px;top:0;left:140px}.mockframe.iphone-x.landscape .sleep{width:96px;top:-3px;left:200px;right:auto}.mockframe.iphone-x.landscape .camera{top:auto;bottom:154px;left:9px}.mockframe.iphone-x.landscape .speaker{width:6px;height:60px;margin-top:-30px;margin-left:0;top:50%;left:9px}.mockframe.iphone-x.landscape .notch{border-top-right-radius:24px;border-bottom-right-radius:24px;border-bottom-left-radius:0;width:30px;height:210px;top:auto;bottom:108px;left:26px}.mockframe.iphone-x.landscape .notch:before,.mockframe.iphone-x.landscape .notch:after{left:0}.mockframe.iphone-x.landscape .notch:after{background:radial-gradient(circle at 100% 100%,#0000 0 70%,#000 70% 100%);top:auto;bottom:-8px}.mockframe.iphone-x.landscape .notch:before{background:radial-gradient(circle at 100% 0,#0000 0 70%,#000 70% 100%);top:-8px}.mockframe.iphone17{background:linear-gradient(145deg,#4a4a4a 0%,#333 15%,#252525 50%,#333 85%,#4a4a4a 100%);border-radius:52px;width:375px;height:812px;padding:12px;position:relative;box-shadow:inset 0 0 0 1px #fff3,inset 0 1px #ffffff40,0 30px 60px -15px #00000080,0 0 0 1px #0006}.mockframe.iphone17:before{content:"";z-index:1;background:linear-gradient(145deg,#1a1a1a 0%,#111 100%);border-radius:50px;position:absolute;inset:3px}.mockframe.iphone17:after{content:"";z-index:2;background:#000;border-radius:44px;position:absolute;inset:10px}.mockframe.iphone17 .antenna{z-index:5;background:linear-gradient(90deg,#0000 0%,#1a1a1a 15%,#0a0a0a 50%,#1a1a1a 85%,#0000 100%);border-radius:1px;width:12px;height:3px;position:absolute}.mockframe.iphone17 .antenna.top-left{top:82px;left:0}.mockframe.iphone17 .antenna.top-right{top:82px;right:0}.mockframe.iphone17 .antenna.bottom-left{bottom:82px;left:0}.mockframe.iphone17 .antenna.bottom-right{bottom:82px;right:0}.mockframe.iphone17 .corner-highlight{z-index:1;pointer-events:none;width:60px;height:60px;position:absolute}.mockframe.iphone17 .corner-highlight.tl{background:radial-gradient(at 100% 100%,#ffffff26 0%,#ffffff0f 30%,#0000 60%);border-radius:46px 0 0;top:6px;left:6px}.mockframe.iphone17 .corner-highlight.tr{background:radial-gradient(at 0 100%,#ffffff26 0%,#ffffff0f 30%,#0000 60%);border-radius:0 46px 0 0;top:6px;right:6px}.mockframe.iphone17 .corner-highlight.bl{background:radial-gradient(at 100% 0,#ffffff1f 0%,#ffffff0d 30%,#0000 60%);border-radius:0 0 0 46px;bottom:6px;left:6px}.mockframe.iphone17 .corner-highlight.br{background:radial-gradient(at 0 0,#ffffff1f 0%,#ffffff0d 30%,#0000 60%);border-radius:0 0 46px;bottom:6px;right:6px}.mockframe.iphone17 .inner-edge{z-index:1;pointer-events:none;border:1px solid #50505080;border-radius:45px;position:absolute;inset:9px}.mockframe.iphone17 .screen{z-index:3;background:#fff;border-radius:42px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 0 0 2px #000}.mockframe.iphone17 .dynamic-island{z-index:10;box-sizing:border-box;background:#000;border-radius:15px;justify-content:flex-end;align-items:center;gap:6px;width:128px;height:29px;padding-right:11px;display:flex;position:absolute;top:22px;left:50%;transform:translate(-50%)}.mockframe.iphone17 .dynamic-island .indicator{background:#22c55e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 5px #22c55e,0 0 8px #22c55e80}.mockframe.iphone17 .dynamic-island .camera{background:radial-gradient(circle at 40% 40%,#3a3a4a 0%,#252530 40%,#15151a 70%,#0a0a0f 100%);border-radius:50%;width:11px;height:11px;position:relative;box-shadow:inset 0 1px 2px #000c,0 0 0 1px #3c3c504d}.mockframe.iphone17 .dynamic-island .camera:before{content:"";background:radial-gradient(#64649666 0%,#0000 100%);border-radius:50%;width:3px;height:2px;position:absolute;top:2px;left:2px}.mockframe.iphone17 .dynamic-island .camera:after{content:"";background:radial-gradient(circle,#3c508c59 0%,#0000 70%);border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mockframe.iphone17 .sleep{z-index:4;background:linear-gradient(#5a5a5a 0%,#454545 8%,#353535 20%,#2d2d2d 50%,#353535 80%,#454545 92%,#5a5a5a 100%);border-radius:0 2px 2px 0;width:3px;height:85px;position:absolute;top:165px;right:-3px;box-shadow:1px 0 2px #0000004d}.mockframe.iphone17 .action{z-index:4;background:linear-gradient(#5a5a5a 0%,#454545 8%,#353535 20%,#2d2d2d 50%,#353535 80%,#454545 92%,#5a5a5a 100%);border-radius:2px 0 0 2px;width:3px;height:34px;position:absolute;top:165px;left:-3px;box-shadow:-1px 0 2px #0000004d}.mockframe.iphone17 .volume{z-index:4;background:linear-gradient(#5a5a5a 0%,#454545 8%,#353535 20%,#2d2d2d 50%,#353535 80%,#454545 92%,#5a5a5a 100%);border-radius:2px 0 0 2px;width:3px;height:58px;position:absolute;top:215px;left:-3px;box-shadow:-1px 0 2px #0000004d}.mockframe.iphone17 .volume:before{content:"";background:linear-gradient(#5a5a5a 0%,#454545 8%,#353535 20%,#2d2d2d 50%,#353535 80%,#454545 92%,#5a5a5a 100%);border-radius:2px 0 0 2px;width:3px;height:58px;position:absolute;top:70px;left:0;box-shadow:-1px 0 2px #0000004d}.mockframe.iphone17 .camera-control{z-index:4;background:linear-gradient(#5a5a5a 0%,#454545 8%,#353535 20%,#2d2d2d 50%,#353535 80%,#454545 92%,#5a5a5a 100%);border-radius:0 2px 2px 0;width:3px;height:42px;position:absolute;top:380px;right:-3px;box-shadow:1px 0 2px #0000004d}.mockframe.iphone17 .top-bar,.mockframe.iphone17 .bottom-bar,.mockframe.iphone17 .home,.mockframe.iphone17 .sensor,.mockframe.iphone17 .speaker,.mockframe.iphone17 .sensors,.mockframe.iphone17 .more-sensors,.mockframe.iphone17 .inner,.mockframe.iphone17 .inner-shadow{display:none}.mockframe.iphone17.white{background:linear-gradient(145deg,#fafaf7 0%,#e8e8e3 15%,#d8d8d3 50%,#e8e8e3 85%,#fafaf7 100%);box-shadow:inset 0 0 0 1px #fffffff2,inset 0 1px #fff,0 30px 60px -15px #0003,0 0 0 1px #0000000f}.mockframe.iphone17.white:before{background:linear-gradient(145deg,#d0d0cb 0%,#c0c0bb 100%)}.mockframe.iphone17.white .antenna{background:linear-gradient(90deg,#0000 0%,#a0a09b 15%,#888883 50%,#a0a09b 85%,#0000 100%)}.mockframe.iphone17.white .corner-highlight.bl,.mockframe.iphone17.white .corner-highlight.br{background:radial-gradient(at 50% 0,#fff9 0%,#fff3 40%,#0000 70%)}.mockframe.iphone17.white .corner-highlight.tl,.mockframe.iphone17.white .corner-highlight.tr{background:radial-gradient(at 50% 100%,#ffffffb3 0%,#ffffff40 40%,#0000 70%)}.mockframe.iphone17.white .inner-edge{border-color:#b4b4af99}.mockframe.iphone17.white .sleep,.mockframe.iphone17.white .camera-control,.mockframe.iphone17.white .action,.mockframe.iphone17.white .volume,:is(.mockframe.iphone17.white .sleep,.mockframe.iphone17.white .camera-control,.mockframe.iphone17.white .action,.mockframe.iphone17.white .volume):before{box-shadow:none;background:linear-gradient(#f0f0eb 0%,#d8d8d3 15%,#c8c8c3 50%,#d8d8d3 85%,#f0f0eb 100%)}.mockframe.iphone17.mist-blue{background:linear-gradient(145deg,#c8d5e0 0%,#a8bac8 15%,#95a8b8 50%,#a8bac8 85%,#c8d5e0 100%);box-shadow:inset 0 0 0 1px #ffffff8c,inset 0 1px #ffffffa6,0 30px 60px -15px #00000047,0 0 0 1px #0000001a}.mockframe.iphone17.mist-blue:before{background:linear-gradient(145deg,#8598a8 0%,#758898 100%)}.mockframe.iphone17.mist-blue .antenna{background:linear-gradient(90deg,#0000 0%,#6a7a8a 15%,#5a6a7a 50%,#6a7a8a 85%,#0000 100%)}.mockframe.iphone17.mist-blue .corner-highlight{opacity:.7}.mockframe.iphone17.mist-blue .inner-edge{border-color:#788ca080}.mockframe.iphone17.mist-blue .sleep,.mockframe.iphone17.mist-blue .camera-control,.mockframe.iphone17.mist-blue .action,.mockframe.iphone17.mist-blue .volume,:is(.mockframe.iphone17.mist-blue .sleep,.mockframe.iphone17.mist-blue .camera-control,.mockframe.iphone17.mist-blue .action,.mockframe.iphone17.mist-blue .volume):before{box-shadow:none;background:linear-gradient(#bccad5 0%,#a0b2c2 15%,#90a5b5 50%,#a0b2c2 85%,#bccad5 100%)}.mockframe.iphone17.sage{background:linear-gradient(145deg,#c5d4c0 0%,#a5b8a1 15%,#94a890 50%,#a5b8a1 85%,#c5d4c0 100%);box-shadow:inset 0 0 0 1px #ffffff8c,inset 0 1px #ffffffa6,0 30px 60px -15px #00000047,0 0 0 1px #0000001a}.mockframe.iphone17.sage:before{background:linear-gradient(145deg,#859884 0%,#758874 100%)}.mockframe.iphone17.sage .antenna{background:linear-gradient(90deg,#0000 0%,#6a7a69 15%,#5a6a59 50%,#6a7a69 85%,#0000 100%)}.mockframe.iphone17.sage .corner-highlight{opacity:.7}.mockframe.iphone17.sage .inner-edge{border-color:#78967380}.mockframe.iphone17.sage .sleep,.mockframe.iphone17.sage .camera-control,.mockframe.iphone17.sage .action,.mockframe.iphone17.sage .volume,:is(.mockframe.iphone17.sage .sleep,.mockframe.iphone17.sage .camera-control,.mockframe.iphone17.sage .action,.mockframe.iphone17.sage .volume):before{box-shadow:none;background:linear-gradient(#b8cab5 0%,#9eb89a 15%,#8ea88a 50%,#9eb89a 85%,#b8cab5 100%)}.mockframe.iphone17.lavender{background:linear-gradient(145deg,#e0d2e8 0%,#c5b5d2 15%,#b5a2c2 50%,#c5b5d2 85%,#e0d2e8 100%);box-shadow:inset 0 0 0 1px #ffffff8c,inset 0 1px #ffffffa6,0 30px 60px -15px #00000047,0 0 0 1px #0000001a}.mockframe.iphone17.lavender:before{background:linear-gradient(145deg,#9c8cac 0%,#8c7c9c 100%)}.mockframe.iphone17.lavender .antenna{background:linear-gradient(90deg,#0000 0%,#7c6c8c 15%,#6c5c7c 50%,#7c6c8c 85%,#0000 100%)}.mockframe.iphone17.lavender .corner-highlight{opacity:.7}.mockframe.iphone17.lavender .inner-edge{border-color:#9682a580}.mockframe.iphone17.lavender .sleep,.mockframe.iphone17.lavender .camera-control,.mockframe.iphone17.lavender .action,.mockframe.iphone17.lavender .volume,:is(.mockframe.iphone17.lavender .sleep,.mockframe.iphone17.lavender .camera-control,.mockframe.iphone17.lavender .action,.mockframe.iphone17.lavender .volume):before{box-shadow:none;background:linear-gradient(#d2c5dc 0%,#baa8ca 15%,#aa98ba 50%,#baa8ca 85%,#d2c5dc 100%)}.mockframe.iphone17.cosmic-orange{background:linear-gradient(145deg,#f9a66d 0%,#f6823d 15%,#e5712c 50%,#f6823d 85%,#f9a66d 100%);box-shadow:inset 0 0 0 1px #ffffff8c,inset 0 1px #ffffffa6,0 30px 60px -15px #00000047,0 0 0 1px #0000001a}.mockframe.iphone17.cosmic-orange:before{background:linear-gradient(145deg,#c5612a 0%,#b55520 100%)}.mockframe.iphone17.cosmic-orange .antenna{background:linear-gradient(90deg,#0000 0%,#a54a1a 15%,#8a3a10 50%,#a54a1a 85%,#0000 100%)}.mockframe.iphone17.cosmic-orange .corner-highlight{opacity:.7}.mockframe.iphone17.cosmic-orange .inner-edge{border-color:#b4643c80}.mockframe.iphone17.cosmic-orange .sleep,.mockframe.iphone17.cosmic-orange .camera-control,.mockframe.iphone17.cosmic-orange .action,.mockframe.iphone17.cosmic-orange .volume,:is(.mockframe.iphone17.cosmic-orange .sleep,.mockframe.iphone17.cosmic-orange .camera-control,.mockframe.iphone17.cosmic-orange .action,.mockframe.iphone17.cosmic-orange .volume):before{box-shadow:none;background:linear-gradient(#f8955a 0%,#f6823d 15%,#e5712c 50%,#f6823d 85%,#f8955a 100%)}.mockframe.iphone17.deep-blue{background:linear-gradient(145deg,#6a7499 0%,#4a547f 15%,#3a446f 50%,#4a547f 85%,#6a7499 100%);box-shadow:inset 0 0 0 1px #ffffff59,inset 0 1px #ffffff73,0 30px 60px -15px #0006,0 0 0 1px #0003}.mockframe.iphone17.deep-blue:before{background:linear-gradient(145deg,#3a446a 0%,#2a345a 100%)}.mockframe.iphone17.deep-blue .antenna{background:linear-gradient(90deg,#0000 0%,#2a345a 15%,#1a244a 50%,#2a345a 85%,#0000 100%)}.mockframe.iphone17.deep-blue .corner-highlight{opacity:.5}.mockframe.iphone17.deep-blue .inner-edge{border-color:#505a7880}.mockframe.iphone17.deep-blue .sleep,.mockframe.iphone17.deep-blue .camera-control,.mockframe.iphone17.deep-blue .action,.mockframe.iphone17.deep-blue .volume,:is(.mockframe.iphone17.deep-blue .sleep,.mockframe.iphone17.deep-blue .camera-control,.mockframe.iphone17.deep-blue .action,.mockframe.iphone17.deep-blue .volume):before{box-shadow:none;background:linear-gradient(#5a6489 0%,#4a547f 15%,#3a446f 50%,#4a547f 85%,#5a6489 100%)}.mockframe.iphone17.landscape{width:812px;height:375px;padding:12px}.mockframe.iphone17.landscape .antenna.top-left{background:linear-gradient(#0000 0%,#1a1a1a 15%,#0a0a0a 50%,#1a1a1a 85%,#0000 100%);width:3px;height:12px;top:0;left:82px}.mockframe.iphone17.landscape .antenna.top-right{background:linear-gradient(#0000 0%,#1a1a1a 15%,#0a0a0a 50%,#1a1a1a 85%,#0000 100%);width:3px;height:12px;top:0;left:auto;right:82px}.mockframe.iphone17.landscape .antenna.bottom-left{background:linear-gradient(#0000 0%,#1a1a1a 15%,#0a0a0a 50%,#1a1a1a 85%,#0000 100%);width:3px;height:12px;bottom:0;left:82px}.mockframe.iphone17.landscape .antenna.bottom-right{background:linear-gradient(#0000 0%,#1a1a1a 15%,#0a0a0a 50%,#1a1a1a 85%,#0000 100%);width:3px;height:12px;bottom:0;left:auto;right:82px}.mockframe.iphone17.landscape .dynamic-island{top:50%;left:-28px;transform:translateY(-50%)rotate(90deg)}.mockframe.iphone17.landscape .sleep{border-radius:2px 2px 0 0;width:85px;height:3px;top:-3px;left:165px;right:auto;box-shadow:0 -1px 2px #0000004d}.mockframe.iphone17.landscape .action{border-radius:0 0 2px 2px;width:34px;height:3px;top:auto;bottom:-3px;left:165px;box-shadow:0 1px 2px #0000004d}.mockframe.iphone17.landscape .volume{border-radius:0 0 2px 2px;width:58px;height:3px;top:auto;bottom:-3px;left:215px;box-shadow:0 1px 2px #0000004d}.mockframe.iphone17.landscape .volume:before{border-radius:0 0 2px 2px;width:58px;height:3px;top:0;left:70px;box-shadow:0 1px 2px #0000004d}.mockframe.iphone17.landscape .camera-control{border-radius:2px 2px 0 0;width:42px;height:3px;top:-3px;left:380px;right:auto;box-shadow:0 -1px 2px #0000004d}.mockframe.ipad-pro{background:linear-gradient(145deg,#3a3a3a 0%,#2a2a2a 15%,#1e1e1e 50%,#2a2a2a 85%,#3a3a3a 100%);border-radius:36px;width:512px;height:683px;padding:18px;position:relative;box-shadow:inset 0 0 0 1px #ffffff26,inset 0 1px #fff3,0 40px 80px -20px #00000080,0 0 0 1px #0000004d}.mockframe.ipad-pro:before{content:"";z-index:1;background:linear-gradient(145deg,#1a1a1a 0%,#111 100%);border-radius:33px;position:absolute;inset:4px}.mockframe.ipad-pro:after{content:"";z-index:2;background:#000;border-radius:26px;position:absolute;inset:14px}.mockframe.ipad-pro .camera{z-index:10;background:radial-gradient(circle at 35% 35%,#2a2a3a 0%,#1a1a25 50%,#0a0a10 100%);border-radius:50%;width:8px;height:8px;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 2px #000c,0 0 0 1px #32323c66}.mockframe.ipad-pro .camera:before{content:"";background:#64649666;border-radius:50%;width:2px;height:2px;position:absolute;top:1px;left:2px}.mockframe.ipad-pro .sleep{z-index:4;background:linear-gradient(90deg,#4a4a4a 0%,#3a3a3a 10%,#2a2a2a 50%,#3a3a3a 90%,#4a4a4a 100%);border-radius:2px 2px 0 0;width:50px;height:3px;position:absolute;top:-3px;right:80px}.mockframe.ipad-pro .volume-up{z-index:4;background:linear-gradient(#4a4a4a 0%,#3a3a3a 10%,#2a2a2a 50%,#3a3a3a 90%,#4a4a4a 100%);border-radius:0 2px 2px 0;width:3px;height:45px;position:absolute;top:80px;right:-3px}.mockframe.ipad-pro .volume-down{z-index:4;background:linear-gradient(#4a4a4a 0%,#3a3a3a 10%,#2a2a2a 50%,#3a3a3a 90%,#4a4a4a 100%);border-radius:0 2px 2px 0;width:3px;height:45px;position:absolute;top:135px;right:-3px}.mockframe.ipad-pro .corner-highlight{z-index:1;pointer-events:none;width:50px;height:50px;position:absolute}.mockframe.ipad-pro .corner-highlight.tl{background:radial-gradient(at 100% 100%,#ffffff1f 0%,#ffffff0a 40%,#0000 70%);border-radius:30px 0 0;top:8px;left:8px}.mockframe.ipad-pro .corner-highlight.tr{background:radial-gradient(at 0 100%,#ffffff1f 0%,#ffffff0a 40%,#0000 70%);border-radius:0 30px 0 0;top:8px;right:8px}.mockframe.ipad-pro .corner-highlight.bl{background:radial-gradient(at 100% 0,#ffffff14 0%,#ffffff08 40%,#0000 70%);border-radius:0 0 0 30px;bottom:8px;left:8px}.mockframe.ipad-pro .corner-highlight.br{background:radial-gradient(at 0 0,#ffffff14 0%,#ffffff08 40%,#0000 70%);border-radius:0 0 30px;bottom:8px;right:8px}.mockframe.ipad-pro .inner-edge{z-index:1;pointer-events:none;border:1px solid #46464666;border-radius:27px;position:absolute;inset:13px}.mockframe.ipad-pro .screen{z-index:3;background:#fff;border-radius:22px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 0 0 2px #000}.mockframe.ipad-pro .top-bar,.mockframe.ipad-pro .bottom-bar,.mockframe.ipad-pro .home,.mockframe.ipad-pro .sensor,.mockframe.ipad-pro .speaker,.mockframe.ipad-pro .sensors,.mockframe.ipad-pro .more-sensors,.mockframe.ipad-pro .inner,.mockframe.ipad-pro .inner-shadow,.mockframe.ipad-pro .volume{display:none}.mockframe.ipad-pro.silver{background:linear-gradient(145deg,#e8e8e8 0%,#d0d0d0 15%,silver 50%,#d0d0d0 85%,#e8e8e8 100%);box-shadow:inset 0 0 0 1px #ffffffe6,inset 0 1px #fff,0 40px 80px -20px #00000040,0 0 0 1px #00000014}.mockframe.ipad-pro.silver:before{background:linear-gradient(145deg,#b8b8b8 0%,#a8a8a8 100%)}.mockframe.ipad-pro.silver .corner-highlight.tl,.mockframe.ipad-pro.silver .corner-highlight.tr{background:radial-gradient(at 50% 100%,#ffffffb3 0%,#fff3 50%,#0000 80%)}.mockframe.ipad-pro.silver .corner-highlight.bl,.mockframe.ipad-pro.silver .corner-highlight.br{background:radial-gradient(at 50% 0,#ffffff80 0%,#ffffff26 50%,#0000 80%)}.mockframe.ipad-pro.silver .inner-edge{border-color:#a0a0a080}.mockframe.ipad-pro.silver .sleep{background:linear-gradient(90deg,#e0e0e0 0%,#c8c8c8 10%,#b8b8b8 50%,#c8c8c8 90%,#e0e0e0 100%)}.mockframe.ipad-pro.silver .volume-up,.mockframe.ipad-pro.silver .volume-down{background:linear-gradient(#e0e0e0 0%,#c8c8c8 10%,#b8b8b8 50%,#c8c8c8 90%,#e0e0e0 100%)}.mockframe.ipad-pro.landscape{width:683px;height:512px}.mockframe.ipad-pro.landscape .camera{top:50%;left:24px;transform:translateY(-50%)}.mockframe.ipad-pro.landscape .sleep{background:linear-gradient(#4a4a4a 0%,#3a3a3a 10%,#2a2a2a 50%,#3a3a3a 90%,#4a4a4a 100%);border-radius:0 2px 2px 0;width:3px;height:50px;top:80px;left:auto;right:-3px}.mockframe.ipad-pro.landscape .volume-up{background:linear-gradient(90deg,#4a4a4a 0%,#3a3a3a 10%,#2a2a2a 50%,#3a3a3a 90%,#4a4a4a 100%);border-radius:2px 2px 0 0;width:45px;height:3px;top:-3px;left:80px;right:auto}.mockframe.ipad-pro.landscape .volume-down{background:linear-gradient(90deg,#4a4a4a 0%,#3a3a3a 10%,#2a2a2a 50%,#3a3a3a 90%,#4a4a4a 100%);border-radius:2px 2px 0 0;width:45px;height:3px;top:-3px;left:135px;right:auto}.mockframe.ipad-pro.landscape.silver .sleep{background:linear-gradient(#e0e0e0 0%,#c8c8c8 10%,#b8b8b8 50%,#c8c8c8 90%,#e0e0e0 100%)}.mockframe.ipad-pro.landscape.silver .volume-up,.mockframe.ipad-pro.landscape.silver .volume-down{background:linear-gradient(90deg,#e0e0e0 0%,#c8c8c8 10%,#b8b8b8 50%,#c8c8c8 90%,#e0e0e0 100%)}.mockframe.macbook-pro{background:#333;border-radius:20px 20px 0 0;width:960px;height:600px;margin:0 auto;padding:24px 24px 0}.mockframe.macbook-pro:before{content:"";z-index:1;background:#0d0d0d;border-radius:16px 16px 0 0;width:calc(100% - 8px);height:calc(100% - 4px);display:block;position:absolute;top:4px;left:4px}.mockframe.macbook-pro .screen{box-shadow:none;border-radius:10px 10px 0 0}.mockframe.macbook-pro .notch{z-index:4;background:#0d0d0d;border-bottom-right-radius:16px;border-bottom-left-radius:16px;width:180px;height:24px;margin-left:-90px;position:absolute;top:24px;left:50%}.mockframe.macbook-pro .notch:before,.mockframe.macbook-pro .notch:after{content:"";width:8px;height:8px;position:absolute;top:0}.mockframe.macbook-pro .notch:after{background:radial-gradient(circle at 0 100%,#0000 0 70%,#0d0d0d 70% 100%);left:-8px}.mockframe.macbook-pro .notch:before{background:radial-gradient(circle at 100% 100%,#0000 0 70%,#0d0d0d 70% 100%);right:-8px}.mockframe.macbook-pro .notch .camera{z-index:5;background:#3c3d3d;border-radius:100%;width:8px;height:8px;margin-left:-4px;position:absolute;top:8px;left:50%}.mockframe.macbook-pro .notch .camera:before{content:"";background:radial-gradient(circle at 30% 30%,#1a1a2a 0%,#0a0a10 100%);border-radius:100%;width:4px;height:4px;margin-top:-2px;margin-left:-2px;position:absolute;top:50%;left:50%}.mockframe.macbook-pro .top-bar{content:"";background:#333;border-bottom-right-radius:90px 18px;border-bottom-left-radius:90px 18px;width:calc(100% + 140px);height:40px;display:block;position:absolute;top:624px;left:-70px;box-shadow:inset 0 -4px 13px 3px #0009}.mockframe.macbook-pro .top-bar:before{content:"";background:linear-gradient(#444 0%,#2a2a2a 100%);border-bottom:1px solid #1a1a1a;width:100%;height:10px;display:block;position:relative;top:0;left:0}.mockframe.macbook-pro .top-bar:after{content:"";background:#222;border-radius:0 0 10px 10px;width:14%;height:6px;margin-left:auto;margin-right:auto;display:block;position:absolute;top:10px;left:0;right:0;box-shadow:inset 0 -2px 6px #0009}.mockframe.macbook-pro .bottom-bar{content:"";background:0 0;width:calc(100% + 140px);height:26px;display:block;position:absolute;top:624px;left:-70px}.mockframe.macbook-pro .bottom-bar:before,.mockframe.macbook-pro .bottom-bar:after{content:"";width:80px;height:calc(100% - 2px);display:block;position:absolute;top:0}.mockframe.macbook-pro .bottom-bar:before{background:linear-gradient(90deg,#2a2a2a 0%,#444 5%,#555 14%,#3a3a3a 41%,#4a4a4a 80% 100%);left:0}.mockframe.macbook-pro .bottom-bar:after{background:linear-gradient(90deg,#4a4a4a 0% 20%,#3a3a3a 59%,#555 86%,#444 95%,#2a2a2a 100%);right:0}.mockframe.macbook-pro .home,.mockframe.macbook-pro .volume,.mockframe.macbook-pro .sleep,.mockframe.macbook-pro .sensor,.mockframe.macbook-pro .speaker,.mockframe.macbook-pro .sensors,.mockframe.macbook-pro .more-sensors,.mockframe.macbook-pro .inner-shadow,.mockframe.macbook-pro .inner{display:none}.mockframe.macbook-pro.silver{background:#c5c5c5}.mockframe.macbook-pro.silver:before,.mockframe.macbook-pro.silver .notch{background:#0d0d0d}.mockframe.macbook-pro.silver .notch:after{background:radial-gradient(circle at 0 100%,#0000 0 70%,#0d0d0d 70% 100%)}.mockframe.macbook-pro.silver .notch:before{background:radial-gradient(circle at 100% 100%,#0000 0 70%,#0d0d0d 70% 100%)}.mockframe.macbook-pro.silver .top-bar{background:#c5c5c5}.mockframe.macbook-pro.silver .top-bar:before{background:linear-gradient(#d8d8d8 0%,#b5b5b5 100%);border-bottom-color:#a0a0a0}.mockframe.macbook-pro.silver .top-bar:after{background:#a0a0a0;box-shadow:inset 0 -2px 6px #0000004d}.mockframe.macbook-pro.silver .bottom-bar:before{background:linear-gradient(90deg,#909090 0%,#b5b5b5 5%,#d0d0d0 14%,#a5a5a5 41%,silver 80% 100%)}.mockframe.macbook-pro.silver .bottom-bar:after{background:linear-gradient(90deg,silver 0% 20%,#a5a5a5 59%,#d0d0d0 86%,#b5b5b5 95%,#909090 100%)}.mockframe.pixel10{background:#1a1a1a;border-radius:48px;width:412px;height:915px;padding:12px}.mockframe.pixel10:before{content:"";z-index:1;background:#0d0d0d;border-radius:44px;width:calc(100% - 8px);height:calc(100% - 8px);display:block;position:absolute;top:4px;left:4px}.mockframe.pixel10:after{content:"";z-index:2;pointer-events:none;border-radius:40px;width:calc(100% - 16px);height:calc(100% - 16px);display:block;position:absolute;top:8px;left:8px;box-shadow:inset 0 0 8px #ffffff0d}.mockframe.pixel10 .screen{box-shadow:none;border-radius:38px}.mockframe.pixel10 .camera{z-index:5;background:#101010;border-radius:100%;width:12px;height:12px;margin-left:-6px;position:absolute;top:24px;left:50%;box-shadow:inset 0 0 4px #000c}.mockframe.pixel10 .camera:before{content:"";background:radial-gradient(circle at 30% 30%,#2a2a3a 0%,#0a0a10 100%);border-radius:100%;width:6px;height:6px;position:absolute;top:3px;left:3px}.mockframe.pixel10 .sleep{background:#1a1a1a;border-radius:0 2px 2px 0;width:3px;height:72px;position:absolute;top:180px;right:-3px}.mockframe.pixel10 .volume{background:#1a1a1a;border-radius:0 2px 2px 0;width:3px;height:100px;position:absolute;top:260px;right:-3px}.mockframe.pixel10 .top-bar,.mockframe.pixel10 .bottom-bar,.mockframe.pixel10 .sensor,.mockframe.pixel10 .speaker,.mockframe.pixel10 .sensors,.mockframe.pixel10 .more-sensors,.mockframe.pixel10 .inner-shadow,.mockframe.pixel10 .home,.mockframe.pixel10 .inner{display:none}.mockframe.pixel10.porcelain{background:#e8e5e1}.mockframe.pixel10.porcelain:before{background:#0d0d0d}.mockframe.pixel10.porcelain .sleep,.mockframe.pixel10.porcelain .volume{background:#d5d2ce}.mockframe.pixel10.mint{background:#afdbc5}.mockframe.pixel10.mint:before{background:#0d0d0d}.mockframe.pixel10.mint .sleep,.mockframe.pixel10.mint .volume{background:#9bcdb5}.mockframe.pixel10.rose{background:#e8c4c4}.mockframe.pixel10.rose:before{background:#0d0d0d}.mockframe.pixel10.rose .sleep,.mockframe.pixel10.rose .volume{background:#dab5b5}.mockframe.pixel10.landscape{width:915px;height:412px}.mockframe.pixel10.landscape .camera{margin-top:-6px;margin-left:0;top:50%;left:24px}.mockframe.pixel10.landscape .sleep{border-radius:2px 2px 0 0;width:72px;height:3px;top:-3px;left:180px;right:auto}.mockframe.pixel10.landscape .volume{border-radius:2px 2px 0 0;width:100px;height:3px;top:-3px;left:260px;right:auto}.mockframe.galaxy-s25{background:#1e1e1e;border-radius:42px;width:412px;height:892px;padding:10px;box-shadow:inset 0 0 2px #ffffff26}.mockframe.galaxy-s25:before{content:"";z-index:1;background:#0a0a0a;border-radius:40px;width:calc(100% - 6px);height:calc(100% - 6px);display:block;position:absolute;top:3px;left:3px}.mockframe.galaxy-s25 .inner{z-index:1;pointer-events:none;background:0 0;border-top:2px solid #ffffff1a;border-bottom:2px solid #ffffff1a;border-radius:42px;width:100%;height:calc(100% - 4px);position:absolute;top:2px;left:0;box-shadow:inset 0 0 4px #ffffff1a}.mockframe.galaxy-s25 .screen{box-shadow:none;border-radius:36px}.mockframe.galaxy-s25 .camera{z-index:5;background:#050505;border-radius:100%;width:10px;height:10px;margin-left:-5px;position:absolute;top:22px;left:50%;box-shadow:0 0 0 2px #0a0a0a}.mockframe.galaxy-s25 .camera:before{content:"";background:radial-gradient(circle at 30% 30%,#1a1a2a 0%,#050510 100%);border-radius:100%;width:5px;height:5px;position:absolute;top:2.5px;left:2.5px}.mockframe.galaxy-s25 .speaker{z-index:4;background:#0a0a0a;border-radius:4px;width:40px;height:4px;margin-left:-20px;position:absolute;top:14px;left:50%}.mockframe.galaxy-s25 .sleep{background:#2a2a2a;border-radius:0 2px 2px 0;width:3px;height:54px;position:absolute;top:220px;right:-3px}.mockframe.galaxy-s25 .volume{background:#2a2a2a;border-radius:2px 0 0 2px;width:3px;height:80px;position:absolute;top:180px;left:-3px}.mockframe.galaxy-s25 .volume:before{content:"";background:inherit;border-radius:2px 0 0 2px;width:3px;height:80px;position:absolute;top:100px;left:0}.mockframe.galaxy-s25 .top-bar,.mockframe.galaxy-s25 .bottom-bar,.mockframe.galaxy-s25 .sensor,.mockframe.galaxy-s25 .sensors,.mockframe.galaxy-s25 .more-sensors,.mockframe.galaxy-s25 .inner-shadow,.mockframe.galaxy-s25 .home{display:none}.mockframe.galaxy-s25 .overflow{pointer-events:none;border-radius:42px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.mockframe.galaxy-s25 .shadow{background:radial-gradient(#0006 0%,#0000 60%);border-radius:100%;width:80px;height:80px;position:absolute}.mockframe.galaxy-s25 .shadow--tl{top:-15px;left:-15px}.mockframe.galaxy-s25 .shadow--tr{top:-15px;right:-15px}.mockframe.galaxy-s25 .shadow--bl{bottom:-15px;left:-15px}.mockframe.galaxy-s25 .shadow--br{bottom:-15px;right:-15px}.mockframe.galaxy-s25.icy-blue{background:#c5d5e0;box-shadow:inset 0 0 2px #fff6}.mockframe.galaxy-s25.icy-blue:before{background:#0a0a0a}.mockframe.galaxy-s25.icy-blue .inner{border-top-color:#ffffff4d;border-bottom-color:#ffffff4d}.mockframe.galaxy-s25.icy-blue .sleep,.mockframe.galaxy-s25.icy-blue .volume{background:#a5b8c8}.mockframe.galaxy-s25.navy{background:#1a2a40}.mockframe.galaxy-s25.navy .sleep,.mockframe.galaxy-s25.navy .volume{background:#152235}.mockframe.galaxy-s25.silver{background:silver;box-shadow:inset 0 0 2px #ffffff80}.mockframe.galaxy-s25.silver:before{background:#0a0a0a}.mockframe.galaxy-s25.silver .inner{border-top-color:#fff6;border-bottom-color:#fff6}.mockframe.galaxy-s25.silver .sleep,.mockframe.galaxy-s25.silver .volume{background:#a8a8a8}.mockframe.galaxy-s25.mint{background:#a8d8c8;box-shadow:inset 0 0 2px #fff6}.mockframe.galaxy-s25.mint:before{background:#0a0a0a}.mockframe.galaxy-s25.mint .sleep,.mockframe.galaxy-s25.mint .volume{background:#90c5b5}.mockframe.galaxy-s25.landscape{width:892px;height:412px}.mockframe.galaxy-s25.landscape .camera{margin-top:-5px;margin-left:0;top:50%;left:22px}.mockframe.galaxy-s25.landscape .speaker{width:4px;height:40px;margin-top:-20px;margin-left:0;top:50%;left:14px}.mockframe.galaxy-s25.landscape .sleep{border-radius:2px 2px 0 0;width:54px;height:3px;top:-3px;left:220px;right:auto}.mockframe.galaxy-s25.landscape .volume{border-radius:0 0 2px 2px;width:80px;height:3px;top:100%;left:180px}.mockframe.galaxy-s25.landscape .volume:before{border-radius:0 0 2px 2px;width:80px;height:3px;top:0;left:100px}