/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-amber-500:oklch(76.9% .188 70.08);--color-green-500:oklch(72.3% .219 149.579);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wider:.05em;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--brand-primary:#0a0a0a;--brand-primary-hover:#262626;--brand-primary-fg:#fff;--brand-accent:#525252;--bg-base:#fff;--bg-surface:#fafafa;--bg-surface-2:#f4f4f4;--bg-card:#fff;--border:#e5e5e5;--border-subtle:#f0f0f0;--text-primary:#0a0a0a;--text-secondary:#404040;--text-muted:#a3a3a3;--input-bg:#fafafa;--input-border:#d4d4d4;--ring:#0a0a0a;--brand-accent-color:#6d28d9;--brand-accent-bg:#f5f3ff;--brand-accent-border:#ddd6fe}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--brand-primary:#fff;--brand-primary-hover:#e5e5e5;--brand-primary-fg:#0a0a0a;--brand-accent:#a3a3a3;--bg-base:#0a0a0a;--bg-surface:#111;--bg-surface-2:#1a1a1a;--bg-card:#111;--border:#262626;--border-subtle:#1f1f1f;--text-primary:#fafafa;--text-secondary:#a3a3a3;--text-muted:#525252;--input-bg:#111;--input-border:#2e2e2e;--ring:#fff;--brand-accent-color:#c084fc;--brand-accent-bg:#c084fc26;--brand-accent-border:#c084fc4d}}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand-primary:#0a0a0a;--brand-primary-hover:#262626;--brand-primary-fg:#fff;--brand-accent:#525252;--bg-base:#fff;--bg-surface:#fafafa;--bg-surface-2:#f4f4f4;--bg-card:#fff;--border:#e5e5e5;--border-subtle:#f0f0f0;--text-primary:#0a0a0a;--text-secondary:#404040;--text-muted:#a3a3a3;--input-bg:#fafafa;--input-border:#d4d4d4;--ring:#0a0a0a;--brand-accent-color:#6d28d9;--brand-accent-bg:#f5f3ff;--brand-accent-border:#ddd6fe}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brand-primary:#fff;--brand-primary-hover:#e5e5e5;--brand-primary-fg:#0a0a0a;--brand-accent:#a3a3a3;--bg-base:#0a0a0a;--bg-surface:#111;--bg-surface-2:#1a1a1a;--bg-card:#111;--border:#262626;--border-subtle:#1f1f1f;--text-primary:#fafafa;--text-secondary:#a3a3a3;--text-muted:#525252;--input-bg:#111;--input-border:#2e2e2e;--ring:#fff;--brand-accent-color:#c084fc;--brand-accent-bg:#c084fc26;--brand-accent-border:#c084fc4d}#chat-input::placeholder{color:var(--text-muted);opacity:.8}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body:has(.landing-root) #root{overflow:visible}body{background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;transition:background-color .2s,color .2s}h1,h2,h3,h4,h5,h6{font-optical-sizing:auto;letter-spacing:-.03em;font-family:Bricolage Grotesque,system-ui,-apple-system,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@supports (scrollbar-color:auto){*{scrollbar-color:var(--border) transparent;scrollbar-width:thin}}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.bottom-0{bottom:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing) * 1)}.my-6{margin-block:calc(var(--spacing) * 6)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-13{height:calc(var(--spacing) * 13)}.h-28{height:calc(var(--spacing) * 28)}.h-\[1px\]{height:1px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-28{width:calc(var(--spacing) * 28)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-\[1px\]{width:1px}.w-\[260px\]{width:260px}.w-full{width:100%}.w-screen{width:100vw}.max-w-2xl{max-width:var(--container-2xl)}.max-w-\[150px\]{max-width:150px}.max-w-\[200px\]{max-width:200px}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.flex-shrink,.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[var\(--border\)\]{border-color:var(--border)}.border-\[var\(--input-border\)\]{border-color:var(--input-border)}.border-red-500\/30{border-color:#fb2c364d}@supports (color:color-mix(in lab, red, red)){.border-red-500\/30{border-color:color-mix(in oklab, var(--color-red-500) 30%, transparent)}}.border-transparent{border-color:#0000}.bg-\[var\(--bg-base\)\]{background-color:var(--bg-base)}.bg-\[var\(--bg-card\)\]{background-color:var(--bg-card)}.bg-\[var\(--bg-surface\)\]{background-color:var(--bg-surface)}.bg-\[var\(--bg-surface-2\)\],.bg-\[var\(--bg-surface-2\)\]\/30{background-color:var(--bg-surface-2)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--bg-surface-2\)\]\/30{background-color:color-mix(in oklab, var(--bg-surface-2) 30%, transparent)}}.bg-\[var\(--bg-surface-2\)\]\/50{background-color:var(--bg-surface-2)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--bg-surface-2\)\]\/50{background-color:color-mix(in oklab, var(--bg-surface-2) 50%, transparent)}}.bg-\[var\(--border\)\]{background-color:var(--border)}.bg-\[var\(--brand-primary\)\]{background-color:var(--brand-primary)}.bg-\[var\(--input-bg\)\]{background-color:var(--input-bg)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.bg-red-500{background-color:var(--color-red-500)}.bg-red-500\/5{background-color:#fb2c360d}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/5{background-color:color-mix(in oklab, var(--color-red-500) 5%, transparent)}}.bg-red-600{background-color:var(--color-red-600)}.bg-transparent{background-color:#0000}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-10{padding-inline:calc(var(--spacing) * 10)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-20{padding-block:calc(var(--spacing) * 20)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pl-0\.5{padding-left:calc(var(--spacing) * .5)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[18px\]{font-size:18px}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-wrap{text-wrap:wrap}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--brand-accent\)\]{color:var(--brand-accent)}.text-\[var\(--brand-primary\)\]{color:var(--brand-primary)}.text-\[var\(--brand-primary-fg\)\]{color:var(--brand-primary-fg)}.text-\[var\(--text-muted\)\]{color:var(--text-muted)}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-green-500{color:var(--color-green-500)}.text-red-500{color:var(--color-red-500)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.line-through{text-decoration-line:line-through}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow,.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.placeholder\:text-\[var\(--text-muted\)\]::placeholder{color:var(--text-muted)}@media (hover:hover){.hover\:border-\[var\(--border\)\]:hover{border-color:var(--border)}.hover\:bg-\[var\(--bg-surface-2\)\]:hover{background-color:var(--bg-surface-2)}.hover\:bg-\[var\(--border\)\]:hover{background-color:var(--border)}.hover\:bg-\[var\(--brand-primary-hover\)\]:hover{background-color:var(--brand-primary-hover)}.hover\:bg-red-500\/10:hover{background-color:#fb2c361a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-red-500\/10:hover{background-color:color-mix(in oklab, var(--color-red-500) 10%, transparent)}}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:text-\[var\(--text-primary\)\]:hover{color:var(--text-primary)}.hover\:text-red-500:hover{color:var(--color-red-500)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}}.focus\:border-\[var\(--ring\)\]:focus{border-color:var(--ring)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-\[var\(--ring\)\]:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-0:focus{--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-\[var\(--ring\)\]:focus-visible{--tw-ring-color:var(--ring)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-\[0\.98\]:active{scale:.98}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-0:disabled{opacity:0}.disabled\:opacity-50:disabled{opacity:.5}@media (width>=40rem){.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:text-left{text-align:left}}@media (width>=48rem){.md\:block{display:block}.md\:hidden{display:none}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:py-20{padding-block:calc(var(--spacing) * 20)}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}}::view-transition-old(root){animation:.22s forwards vt-fade-out}::view-transition-new(root){animation:.3s forwards vt-fade-in}@keyframes vt-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@keyframes vt-fade-in{0%{opacity:0;transform:translateY(6px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.mockframe{transform-origin:0 0!important}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@media (width<=760px){.pricing-grid{grid-template-columns:1fr!important}}.project-card .rename-btn{opacity:0}.project-card:hover .rename-btn{opacity:.65}.project-card .rename-btn:hover{transform:scale(1.1);opacity:1!important}.rename-btn:focus,.rename-btn:active{box-shadow:none!important;outline:none!important}.rename-btn::-moz-focus-inner{border:0}.dashboard-header #profile-menu-btn{width:40px;height:40px}#editor-page .editor-chat-pane [style*="font-size: 10px"],#editor-page .editor-inspector-pane [style*="font-size: 10px"]{font-size:12px!important}#editor-page .editor-chat-pane [style*="font-size: 10.5px"],#editor-page .editor-inspector-pane [style*="font-size: 10.5px"],#editor-page .editor-chat-pane [style*="font-size: 11px"],#editor-page .editor-inspector-pane [style*="font-size: 11px"],#editor-page .editor-chat-pane [style*="font-size: 11.5px"],#editor-page .editor-inspector-pane [style*="font-size: 11.5px"]{font-size:13px!important}#editor-page .editor-chat-pane [style*="font-size: 12px"],#editor-page .editor-inspector-pane [style*="font-size: 12px"]{font-size:14px!important}#editor-page .editor-chat-pane [style*="font-size: 13px"],#editor-page .editor-inspector-pane [style*="font-size: 13px"]{font-size:15px!important}#editor-page .editor-chat-pane [style*="font-size: 14px"],#editor-page .editor-inspector-pane [style*="font-size: 14px"]{font-size:16px!important}#editor-page .editor-chat-pane [style*="height: 22px"],#editor-page .editor-inspector-pane [style*="height: 22px"]{height:28px!important}#editor-page .editor-chat-pane [style*="height: 26px"],#editor-page .editor-inspector-pane [style*="height: 26px"]{height:32px!important}#editor-page .editor-chat-pane [style*="height: 28px"],#editor-page .editor-inspector-pane [style*="height: 28px"]{height:34px!important}#editor-page .editor-chat-pane [style*="height: 30px"],#editor-page .editor-inspector-pane [style*="height: 30px"]{height:36px!important}#editor-page .editor-chat-pane [style*="height: 32px"],#editor-page .editor-inspector-pane [style*="height: 32px"]{height:38px!important}#editor-page .editor-chat-pane [style*="width: 22px"][style*="height: 22px"],#editor-page .editor-inspector-pane [style*="width: 22px"][style*="height: 22px"]{width:28px!important}#editor-page .editor-chat-pane [style*="width: 26px"][style*="height: 26px"],#editor-page .editor-inspector-pane [style*="width: 26px"][style*="height: 26px"]{width:32px!important}#editor-page .editor-chat-pane [style*="width: 28px"][style*="height: 28px"],#editor-page .editor-inspector-pane [style*="width: 28px"][style*="height: 28px"]{width:34px!important}#editor-page .editor-chat-pane [style*="width: 30px"][style*="height: 30px"],#editor-page .editor-inspector-pane [style*="width: 30px"][style*="height: 30px"]{width:36px!important}#editor-page .editor-chat-pane [style*="width: 32px"][style*="height: 32px"],#editor-page .editor-inspector-pane [style*="width: 32px"][style*="height: 32px"]{width:38px!important}#editor-page .editor-chat-pane input,#editor-page .editor-chat-pane textarea,#editor-page .editor-chat-pane select,#editor-page .editor-inspector-pane input,#editor-page .editor-inspector-pane textarea,#editor-page .editor-inspector-pane select{font-size:14px!important}#editor-page .editor-chat-pane{line-height:1.55}#editor-page .editor-inspector-pane{line-height:1.45}@media (width<=1200px){#editor-page #left-panel,#editor-page .editor-inspector-pane{width:350px!important}}@media (width<=760px){#auth-page{overflow-y:auto!important}#auth-page .auth-form-panel{flex:auto!important;min-width:0!important;padding:108px 24px 48px!important}#auth-page .auth-topbar{top:20px!important;left:20px!important;right:20px!important}#auth-page .auth-form{max-width:440px!important}#auth-page .auth-illustration{display:none!important}.pricing-dialog,.asset-library-dialog{border-radius:20px!important;width:100%!important}.pricing-dialog{padding:24px!important}.asset-library-dialog{height:min(760px,95dvh)!important}#editor-page .editor-header{height:60px!important;padding:0 14px!important}#editor-page .editor-header #editor-logo-btn>span:first-child{width:36px!important;height:36px!important}#editor-page .editor-header #editor-logo-btn>span:last-child{display:none}#editor-page .editor-upload-pane{grid-template-rows:auto 1fr;overflow-y:auto;grid-template-columns:1fr!important}#editor-page .editor-upload-pane>div:first-child{border-bottom:1px solid var(--border);border-right:0!important;gap:20px!important;padding:24px 20px!important}#editor-page .editor-upload-pane>div:last-child{min-height:360px;padding:26px 20px!important}#editor-page #left-panel{width:min(88vw,360px)!important}#editor-page .editor-inspector-pane{position:absolute;inset:0 0 0 auto;box-shadow:-20px 0 50px #0000002e;width:min(90vw,390px)!important}.dashboard-header{height:60px!important;padding:0 16px!important}.dashboard-header>div:first-child{gap:8px!important}.dashboard-header>div:first-child>span:first-child{width:34px!important;height:34px!important}.dashboard-header>div:first-child>span:last-child{font-size:23px!important;line-height:34px!important}.dashboard-header #profile-menu-btn{width:34px;height:34px}.dashboard-shell{padding:34px 18px 56px!important}.dashboard-hero{margin-bottom:34px!important}.dashboard-hero>p:first-child{font-size:14px!important}.dashboard-hero h1{font-size:36px!important}.dashboard-hero>p:last-child{font-size:15px!important}.dashboard-plan-card{grid-template-columns:1fr!important;gap:18px!important;padding:22px!important}.dashboard-plan-card button{width:100%}.dashboard-new-project{gap:18px!important;padding:24px 22px!important}.dashboard-new-project>div:first-child{width:52px!important;height:52px!important}.dashboard-empty-state{padding:54px 16px!important}.dashboard-project-grid{grid-template-columns:1fr!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}.device,.device *,.device :after,.device :before,.device:after,.device:before{box-sizing:border-box;display:block}.device{z-index:1;position:relative;transform:scale(1)}.device .device-frame{z-index:1}.device .device-screen{object-fit:cover;background-color:#000;background-position:50%;background-size:cover;position:relative}.device-iphone-14-pro{width:428px;height:868px}.device-iphone-14-pro .device-frame{background:#010101;border:1px solid #1b1721;border-radius:68px;width:428px;height:868px;padding:19px;box-shadow:inset 0 0 4px 2px #c0b7cd,inset 0 0 0 6px #342c3f}.device-iphone-14-pro .device-screen{border-radius:49px;width:390px;height:830px}.device-iphone-14-pro .device-stripe:after,.device-iphone-14-pro .device-stripe:before{content:"";z-index:9;border:0 solid #01010140;border-width:0 7px;width:100%;height:7px;position:absolute;left:0}.device-iphone-14-pro .device-stripe:after{top:85px}.device-iphone-14-pro .device-stripe:before{bottom:85px}.device-iphone-14-pro .device-header{background:#010101;border-radius:20px;width:120px;height:35px;margin-left:-60px;position:absolute;top:29px;left:50%}.device-iphone-14-pro .device-sensors:after,.device-iphone-14-pro .device-sensors:before{content:"";position:absolute}.device-iphone-14-pro .device-sensors:after{background:#010101;border-radius:17px;width:74px;height:33px;margin-left:-60px;top:30px;left:50%}.device-iphone-14-pro .device-sensors:before{background:radial-gradient(at 20% 20%,#6074bf 0,#0000 40%),radial-gradient(at 80% 80%,#513785 0,#24555e 20%,#0000 50%);border-radius:50%;width:9px;height:9px;margin-left:36px;top:42px;left:50%;box-shadow:0 0 1px 1px #ffffff0d}.device-iphone-14-pro .device-btns{background:#1b1721;border-radius:2px;width:3px;height:32px;position:absolute;top:115px;left:-2px}.device-iphone-14-pro .device-btns:after,.device-iphone-14-pro .device-btns:before{content:"";background:#1b1721;border-radius:2px;width:3px;height:62px;position:absolute;left:0}.device-iphone-14-pro .device-btns:after{top:60px}.device-iphone-14-pro .device-btns:before{top:140px}.device-iphone-14-pro .device-power{background:#1b1721;border-radius:2px;width:3px;height:100px;position:absolute;top:200px;right:-2px}.device-iphone-14-pro .device-home:after,.device-iphone-14-pro .device-home:before{content:"";z-index:9;border:6px solid #01010140;border-width:6px 0;width:6px;height:6px;position:absolute}.device-iphone-14-pro .device-home:after{top:0;right:86px}.device-iphone-14-pro .device-home:before{bottom:0;left:86px}.device-iphone-14-pro.device-silver .device-frame{border-color:#c8cacb;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #e2e3e4}.device-iphone-14-pro.device-silver .device-btns,.device-iphone-14-pro.device-silver .device-btns:after,.device-iphone-14-pro.device-silver .device-btns:before,.device-iphone-14-pro.device-silver .device-power{background:#c8cacb}.device-iphone-14-pro.device-black .device-frame{border-color:#5c5956;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #76726f}.device-iphone-14-pro.device-black .device-btns,.device-iphone-14-pro.device-black .device-btns:after,.device-iphone-14-pro.device-black .device-btns:before,.device-iphone-14-pro.device-black .device-power{background:#5c5956}.device-iphone-14-pro.device-gold .device-frame{border-color:#e7d19e;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #d2ab4c}.device-iphone-14-pro.device-gold .device-btns,.device-iphone-14-pro.device-gold .device-btns:after,.device-iphone-14-pro.device-gold .device-btns:before,.device-iphone-14-pro.device-gold .device-power{background:#e7d19e}.device-iphone-14{width:428px;height:868px}.device-iphone-14 .device-frame{background:#010101;border:1px solid #101315;border-radius:68px;width:428px;height:868px;padding:19px;box-shadow:inset 0 0 4px 2px #b0b8c0,inset 0 0 0 6px #272c31}.device-iphone-14 .device-screen{border-radius:49px;width:390px;height:830px}.device-iphone-14 .device-stripe:after,.device-iphone-14 .device-stripe:before{content:"";z-index:9;border:0 solid #01010140;border-width:0 7px;width:100%;height:7px;position:absolute;left:0}.device-iphone-14 .device-stripe:after{top:85px}.device-iphone-14 .device-stripe:before{bottom:85px}.device-iphone-14 .device-header{background:#010101;border-bottom-right-radius:20px;border-bottom-left-radius:20px;width:160px;height:30px;margin-left:-80px;position:absolute;top:20px;left:50%}.device-iphone-14 .device-header:after,.device-iphone-14 .device-header:before{content:"";width:10px;height:10px;position:absolute;top:0}.device-iphone-14 .device-header:after{background:radial-gradient(circle at 0 100%,#0000 0 75%,#010101 75% 100%);left:-10px}.device-iphone-14 .device-header:before{background:radial-gradient(circle at 100% 100%,#0000 0 75%,#010101 75% 100%);right:-10px}.device-iphone-14 .device-sensors:after,.device-iphone-14 .device-sensors:before{content:"";position:absolute}.device-iphone-14 .device-sensors:after{background:#151515;border:1px solid #010101;border-radius:4px;width:70px;height:7px;margin-left:-35px;top:8px;left:50%;box-shadow:0 0 4px #151515}.device-iphone-14 .device-sensors:before{background:radial-gradient(at 20% 20%,#6074bf 0,#0000 40%),radial-gradient(at 80% 80%,#513785 0,#24555e 20%,#0000 50%);border-radius:50%;width:9px;height:9px;margin-left:-60px;top:26px;left:50%;box-shadow:0 0 1px 1px #ffffff0d}.device-iphone-14 .device-btns{background:#101315;border-radius:2px;width:3px;height:32px;position:absolute;top:115px;left:-2px}.device-iphone-14 .device-btns:after,.device-iphone-14 .device-btns:before{content:"";background:#101315;border-radius:2px;width:3px;height:62px;position:absolute;left:0}.device-iphone-14 .device-btns:after{top:60px}.device-iphone-14 .device-btns:before{top:140px}.device-iphone-14 .device-power{background:#101315;border-radius:2px;width:3px;height:100px;position:absolute;top:200px;right:-2px}.device-iphone-14 .device-home:after,.device-iphone-14 .device-home:before{content:"";z-index:9;border:6px solid #01010140;border-width:6px 0;width:6px;height:6px;position:absolute}.device-iphone-14 .device-home:after{top:0;right:86px}.device-iphone-14 .device-home:before{bottom:0;left:86px}.device-iphone-14.device-purple .device-frame{border-color:#af9bbf;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #c8bad3}.device-iphone-14.device-purple .device-btns,.device-iphone-14.device-purple .device-btns:after,.device-iphone-14.device-purple .device-btns:before,.device-iphone-14.device-purple .device-power{background:#af9bbf}.device-iphone-14.device-starlight .device-frame{border-color:#bdb4aa;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #d3cdc7}.device-iphone-14.device-starlight .device-btns,.device-iphone-14.device-starlight .device-btns:after,.device-iphone-14.device-starlight .device-btns:before,.device-iphone-14.device-starlight .device-power{background:#bdb4aa}.device-iphone-14.device-red .device-frame{border-color:#d11813;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #ec302b}.device-iphone-14.device-red .device-btns,.device-iphone-14.device-red .device-btns:after,.device-iphone-14.device-red .device-btns:before,.device-iphone-14.device-red .device-power{background:#d11813}.device-iphone-14.device-blue .device-frame{border-color:#7992aa;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #98abbe}.device-iphone-14.device-blue .device-btns,.device-iphone-14.device-blue .device-btns:after,.device-iphone-14.device-blue .device-btns:before,.device-iphone-14.device-blue .device-power{background:#7992aa}.device-iphone-x{width:428px;height:868px}.device-iphone-x .device-frame{background:#222;border-radius:68px;width:428px;height:868px;padding:28px;box-shadow:inset 0 0 2px 2px #c8cacb,inset 0 0 0 7px #e2e3e4}.device-iphone-x .device-screen{border-radius:40px;width:375px;height:812px}.device-iphone-x .device-stripe:after,.device-iphone-x .device-stripe:before{content:"";z-index:9;border:0 solid #01010140;border-width:0 7px;width:100%;height:7px;position:absolute;left:0}.device-iphone-x .device-stripe:after{top:85px}.device-iphone-x .device-stripe:before{bottom:85px}.device-iphone-x .device-header{background:#222;border-bottom-right-radius:20px;border-bottom-left-radius:20px;width:204px;height:30px;margin-left:-102px;position:absolute;top:28px;left:50%}.device-iphone-x .device-header:after,.device-iphone-x .device-header:before{content:"";width:10px;height:10px;position:absolute;top:0}.device-iphone-x .device-header:after{background:radial-gradient(circle at 0 100%,#0000 0 75%,#222 75% 100%);left:-10px}.device-iphone-x .device-header:before{background:radial-gradient(circle at 100% 100%,#0000 0 75%,#222 75% 100%);right:-10px}.device-iphone-x .device-sensors:after,.device-iphone-x .device-sensors:before{content:"";position:absolute}.device-iphone-x .device-sensors:after{background:#333;border-radius:3px;width:50px;height:6px;margin-left:-25px;top:32px;left:50%}.device-iphone-x .device-sensors:before{background:radial-gradient(at 20% 20%,#6074bf 0,#0000 40%),radial-gradient(at 80% 80%,#513785 0,#24555e 20%,#0000 50%);border-radius:50%;width:10px;height:10px;margin-left:42px;top:30px;left:50%;box-shadow:0 0 1px 1px #ffffff0d}.device-iphone-x .device-btns{background:#c8cacb;width:3px;height:32px;position:absolute;top:115px;left:-3px}.device-iphone-x .device-btns:after,.device-iphone-x .device-btns:before{content:"";background:#c8cacb;width:3px;height:62px;position:absolute;left:0}.device-iphone-x .device-btns:after{top:60px}.device-iphone-x .device-btns:before{top:140px}.device-iphone-x .device-power{background:#c8cacb;width:3px;height:100px;position:absolute;top:200px;right:-3px}.device-iphone-8{width:419px;height:871px}.device-iphone-8 .device-frame{background:#fff;border-radius:68px;width:419px;height:871px;padding:102px 22px;box-shadow:inset 0 0 0 2px #c8cacb,inset 0 0 0 7px #e2e3e4}.device-iphone-8 .device-screen{border:2px solid #222;border-radius:4px;width:375px;height:667px}.device-iphone-8 .device-stripe:after,.device-iphone-8 .device-stripe:before{content:"";z-index:9;border:0 solid #33333326;border-width:0 7px;width:100%;height:6px;position:absolute;left:0}.device-iphone-8 .device-stripe:after{top:68px}.device-iphone-8 .device-stripe:before{bottom:68px}.device-iphone-8 .device-home{border:2px solid #c8cacb;border-radius:50%;width:58px;height:58px;margin-left:-29px;position:absolute;bottom:25px;left:50%}.device-iphone-8 .device-sensors{background:#666;border-radius:3px;width:76px;height:6px;margin-left:-38px;position:absolute;top:52px;left:50%}.device-iphone-8 .device-sensors:after,.device-iphone-8 .device-sensors:before{content:"";background:#666;border-radius:50%;position:absolute}.device-iphone-8 .device-sensors:after{width:10px;height:10px;margin-left:-5px;top:-25px;left:50%}.device-iphone-8 .device-sensors:before{width:12px;height:12px;margin-top:-6px;top:50%;left:-42px}.device-iphone-8 .device-btns{background:#c8cacb;width:3px;height:30px;position:absolute;top:102px;left:-3px}.device-iphone-8 .device-btns:after,.device-iphone-8 .device-btns:before{content:"";background:#c8cacb;width:3px;height:56px;position:absolute;left:0}.device-iphone-8 .device-btns:after{top:62px}.device-iphone-8 .device-btns:before{top:132px}.device-iphone-8 .device-power{background:#c8cacb;width:3px;height:80px;position:absolute;top:160px;right:-2px}.device-iphone-8.device-gold .device-frame{box-shadow:inset 0 0 0 2px #e4b08a,inset 0 0 0 7px #f7e8dd}.device-iphone-8.device-gold .device-home{border-color:#e4b08a}.device-iphone-8.device-gold .device-btns,.device-iphone-8.device-gold .device-btns:after,.device-iphone-8.device-gold .device-btns:before,.device-iphone-8.device-gold .device-power{background:#e4b08a}.device-iphone-8.device-spacegray .device-frame{background:#222;box-shadow:inset 0 0 0 2px #74747a,inset 0 0 0 7px #9b9ba0}.device-iphone-8.device-spacegray .device-stripe:after,.device-iphone-8.device-spacegray .device-stripe:before{border-color:#cccccc59}.device-iphone-8.device-spacegray .device-btns,.device-iphone-8.device-spacegray .device-btns:after,.device-iphone-8.device-spacegray .device-btns:before{background:#74747a}.device-the-iphone{width:320px;height:610px}.device-the-iphone .device-frame{background:#010101;border:1px solid #a9a9a9;border-radius:56px;width:320px;height:610px;padding:100px 22px;box-shadow:inset 0 0 4px 3px #010101,inset 0 0 2px 13px #f5f5f5}.device-the-iphone .device-frame:before{content:"";border:8px solid #010101;border-width:8px 2px;border-radius:48px;width:316px;height:594px;position:absolute;top:9px;left:2px;box-shadow:inset 0 0 8px 2px #010101}.device-the-iphone .device-frame:after{content:"";border:4px solid #dcdcdc;border-radius:38px;width:294px;height:590px;position:absolute;top:11px;left:13px}.device-the-iphone .device-screen{border:2px solid #272727;border-radius:4px;width:276px;height:410px}.device-the-iphone .device-sensors:before{content:"";background:linear-gradient(#272727 50%,#dcdcdc40 50%,#a9a9a9);border-radius:5px;width:56px;height:10px;margin-left:-28px;position:absolute;top:52px;left:50%}.device-the-iphone .device-sensors:after{content:"";background:#272727;border:1px solid #010101;border-radius:3px;width:52px;height:6px;margin-left:-26px;position:absolute;top:54px;left:50%}.device-the-iphone .device-btns{background:#696969;border-radius:2px 0 0 2px;width:2px;height:30px;position:absolute;top:60px;left:-2px}.device-the-iphone .device-btns:after,.device-the-iphone .device-btns:before{content:"";background:#696969;width:2px;height:56px;position:absolute;left:0}.device-the-iphone .device-btns:after{border-radius:2px 0 0 50%;top:50px}.device-the-iphone .device-btns:before{border-radius:50% 0 0 2px;top:131px}.device-the-iphone .device-home{background:radial-gradient(circle at top,#010101 70%,#dcdcdc40 70%,#a9a9a9);border:1px solid #292929;border-radius:50%;width:56px;height:56px;margin-left:-28px;position:absolute;bottom:28px;left:50%}.device-the-iphone .device-home:before{content:"";border:1px solid #dcdcdc;border-radius:4px;width:20px;height:20px;position:absolute;top:17px;left:17px}.device-the-iphone .device-power{background:#696969;border-radius:2px 2px 0 0;width:52px;height:2px;position:absolute;top:-2px;right:52px}.device-google-pixel-6-pro{width:404px;height:862px}.device-google-pixel-6-pro .device-frame{background:#121212;border-radius:28px;width:400px;height:862px;margin:0 2px;padding:20px 12px 26px;box-shadow:inset 0 0 12px #8d8d86,inset 0 7px 0 3px #fdfdfc,inset 0 -6px 0 3px #fdfdfc}.device-google-pixel-6-pro .device-screen{border-radius:27px;width:376px;height:816px}.device-google-pixel-6-pro .device-header{background:linear-gradient(#8d8d86 0,#cbcbc8 30% 100%);width:294px;height:10px;margin-left:-147px;position:absolute;top:0;left:50%}.device-google-pixel-6-pro .device-stripe:after{content:"";background:linear-gradient(#666661,#121212);border-radius:50px 50px 0 0;width:44px;height:2px;margin-left:-22px;position:absolute;bottom:0;left:50%}.device-google-pixel-6-pro .device-stripe:before{content:"";background:#cbcbc8;width:11px;height:9px;margin-left:40px;position:absolute;bottom:0;left:50%}.device-google-pixel-6-pro .device-sensors{background:#121212;border-radius:50%;width:22px;height:22px;margin-top:-11px;margin-left:-11px;position:absolute;top:39px;left:50%}.device-google-pixel-6-pro .device-sensors:after,.device-google-pixel-6-pro .device-sensors:before{content:"";position:absolute}.device-google-pixel-6-pro .device-sensors:after{background:linear-gradient(#121212,#666661);border-radius:0 0 50px 50px;width:206px;height:4px;margin-left:-103px;top:-18px;left:50%}.device-google-pixel-6-pro .device-sensors:before{background:radial-gradient(at 20% 20%,#6074bf 0,#0000 40%),radial-gradient(at 80% 80%,#513785 0,#24555e 20%,#0000 50%);border-radius:50%;width:8px;height:8px;top:7px;left:7px;box-shadow:0 0 1px 1px #ffffff0d}.device-google-pixel-6-pro .device-btns{background:#b2b2ae;width:3px;height:102px;position:absolute;top:306px;right:0}.device-google-pixel-6-pro .device-power{background:#b2b2ae;width:3px;height:58px;position:absolute;top:194px;right:0}.device-google-pixel-6-pro.device-gold .device-frame{box-shadow:inset 0 0 12px #ff962e,inset 0 7px 0 3px #fff,inset 0 -6px 0 3px #fff}.device-google-pixel-6-pro.device-gold .device-header{background:linear-gradient(#ff962e 0,#ffd6ad 30% 100%)}.device-google-pixel-6-pro.device-gold .device-stripe:after{background:linear-gradient(#e07000,#121212)}.device-google-pixel-6-pro.device-gold .device-stripe:before{background:#ffd6ad}.device-google-pixel-6-pro.device-gold .device-btns,.device-google-pixel-6-pro.device-gold .device-power{background:#ffbd7a}.device-google-pixel-6-pro.device-black .device-frame{box-shadow:inset 0 0 12px #000,inset 0 7px 0 3px #646668,inset 0 -6px 0 3px #646668}.device-google-pixel-6-pro.device-black .device-header{background:linear-gradient(#000 0,#323334 30% 100%)}.device-google-pixel-6-pro.device-black .device-stripe:after{background:linear-gradient(#000,#121212)}.device-google-pixel-6-pro.device-black .device-stripe:before{background:#323334}.device-google-pixel-6-pro.device-black .device-btns,.device-google-pixel-6-pro.device-black .device-power{background:#191a1a}.device-google-pixel-2-xl{width:404px;height:832px}.device-google-pixel-2-xl .device-frame{background:#121212;border-radius:36px;width:404px;height:832px;padding:56px 22px;box-shadow:inset 0 0 0 2px #cfcfcf,inset 0 0 0 7px #9c9c9c}.device-google-pixel-2-xl .device-screen{border-radius:27px;width:360px;height:720px}.device-google-pixel-2-xl .device-header{width:300px;height:832px;margin-left:-150px;position:absolute;top:0;left:50%}.device-google-pixel-2-xl .device-header:after,.device-google-pixel-2-xl .device-header:before{content:"";background:#333;border-radius:3px;width:146px;height:6px;margin-top:-3px;margin-left:-73px;position:absolute;left:50%}.device-google-pixel-2-xl .device-header:after{top:24px}.device-google-pixel-2-xl .device-header:before{bottom:28px}.device-google-pixel-2-xl .device-sensors{background:#333;border-radius:7px;width:14px;height:14px;margin-top:-7px;position:absolute;top:36px;left:54px}.device-google-pixel-2-xl .device-btns{background:#cfcfcf;width:3px;height:102px;position:absolute;top:306px;right:-3px}.device-google-pixel-2-xl .device-power{background:#cfcfcf;width:3px;height:58px;position:absolute;top:194px;right:-3px}.device-google-pixel{width:360px;height:744px}.device-google-pixel .device-frame{background:#f7f7f8;border-radius:54px;width:360px;height:744px;padding:82px 18px 86px;box-shadow:inset 0 0 0 2px #c8cacb,inset 0 0 0 6px #e2e3e4,inset 0 0 0 10px #fff}.device-google-pixel .device-screen{border:2px solid #222;border-radius:2px;width:324px;height:576px}.device-google-pixel .device-stripe{border-top:6px solid #33333326;width:8px;position:absolute;top:0;bottom:0;left:254px}.device-google-pixel .device-stripe:after,.device-google-pixel .device-stripe:before{content:"";z-index:9;border:0 solid #33333326;border-width:0 6px;width:360px;height:10px;position:absolute;left:-254px}.device-google-pixel .device-stripe:after{top:60px}.device-google-pixel .device-stripe:before{bottom:46px}.device-google-pixel .device-sensors{background:#ddd;border-radius:2.5px;width:78px;height:5px;margin-top:-2.5px;margin-left:-39px;position:absolute;top:41px;left:50%}.device-google-pixel .device-sensors:after,.device-google-pixel .device-sensors:before{content:"";background:#333;border-radius:6px;position:absolute}.device-google-pixel .device-sensors:after{width:28px;height:12px;margin-left:-14px;top:21.5px;left:50%}.device-google-pixel .device-sensors:before{width:10px;height:10px;margin-top:-5px;top:50%;left:-81px}.device-google-pixel .device-btns{background:#c8cacb;width:3px;height:102px;position:absolute;top:298px;right:-2px}.device-google-pixel .device-power{background:#c8cacb;width:3px;height:50px;position:absolute;top:184px;right:-2px}.device-google-pixel.device-black .device-frame{background:#211d1c;box-shadow:inset 0 0 0 2px #363635,inset 0 0 0 6px #6a6967,inset 0 0 0 10px #3d3533}.device-google-pixel.device-black .device-stripe,.device-google-pixel.device-black .device-stripe:after,.device-google-pixel.device-black .device-stripe:before{border-color:#0d0d0d59}.device-google-pixel.device-black .device-sensors{background:#444}.device-google-pixel.device-black .device-sensors:after{background:#0d0d0d}.device-google-pixel.device-black .device-btns,.device-google-pixel.device-black .device-btns:after,.device-google-pixel.device-black .device-btns:before,.device-google-pixel.device-black .device-power{background:#363635}.device-google-pixel.device-blue .device-frame{box-shadow:inset 0 0 0 2px #2a5aff,inset 0 0 0 6px #7695ff,inset 0 0 0 10px #fff}.device-google-pixel.device-blue .device-btns,.device-google-pixel.device-blue .device-btns:after,.device-google-pixel.device-blue .device-btns:before,.device-google-pixel.device-blue .device-power{background:#2a5aff}.device-galaxy-s8{width:380px;height:828px}.device-galaxy-s8 .device-frame{background:#222;border:5px solid #cfcfcf;border-width:5px 0;border-radius:55px;width:380px;height:828px;padding:48px 10px 40px;box-shadow:inset 0 0 0 2px #9c9c9c}.device-galaxy-s8 .device-screen{border:2px solid #222;border-radius:34px;width:360px;height:740px}.device-galaxy-s8 .device-stripe:after,.device-galaxy-s8 .device-stripe:before{content:"";z-index:9;border:5px solid #33333326;border-width:5px 0;width:6px;height:828px;position:absolute;top:0}.device-galaxy-s8 .device-stripe:after{left:48px}.device-galaxy-s8 .device-stripe:before{right:48px}.device-galaxy-s8 .device-sensors{background:#666;border-radius:3px;width:48px;height:6px;margin-top:-3px;margin-left:-24px;position:absolute;top:32px;left:50%}.device-galaxy-s8 .device-sensors:after,.device-galaxy-s8 .device-sensors:before{content:"";background:#666;border-radius:50%;position:absolute;top:50%}.device-galaxy-s8 .device-sensors:after{width:8px;height:8px;margin-top:-4px;right:-90px;box-shadow:-192px 0 #333,-174px 0 #333,-240px 0 #333}.device-galaxy-s8 .device-sensors:before{width:12px;height:12px;margin-top:-6px;left:-90px;box-shadow:186px 0 #666}.device-galaxy-s8 .device-btns{background:#9c9c9c;border-radius:3px 0 0 3px;width:3px;height:116px;position:absolute;top:144px;left:-3px}.device-galaxy-s8 .device-btns:after{content:"";background:#9c9c9c;border-radius:3px 0 0 3px;width:3px;height:54px;position:absolute;top:164px;left:0}.device-galaxy-s8 .device-power{background:#9c9c9c;border-radius:0 3px 3px 0;width:3px;height:54px;position:absolute;top:260px;right:-3px}.device-galaxy-s8.device-blue .device-frame{border-color:#a3c5e8;box-shadow:inset 0 0 0 2px #5192d4}.device-galaxy-s8.device-blue .device-stripe:after,.device-galaxy-s8.device-blue .device-stripe:before{border-color:#ffffff59}.device-galaxy-s8.device-blue .device-btns,.device-galaxy-s8.device-blue .device-btns:after,.device-galaxy-s8.device-blue .device-power{background:#5192d4}.device-macbook-pro{width:740px;height:434px}.device-macbook-pro .device-frame{background:#0d0d0d;border-radius:20px;width:618px;height:418px;margin:0 auto;padding:9px 9px 23px;position:relative;box-shadow:inset 0 0 0 2px #c8cacb}.device-macbook-pro .device-frame:after{content:"";background:linear-gradient(#272727,#0d0d0d);border-radius:0 0 20px 20px;width:614px;height:24px;position:absolute;bottom:2px;left:2px}.device-macbook-pro .device-header{z-index:2;background:#0d0d0d;border-bottom-right-radius:4px;border-bottom-left-radius:4px;width:64px;height:12px;margin-left:-32px;position:absolute;top:11px;left:50%}.device-macbook-pro .device-header:after,.device-macbook-pro .device-header:before{content:"";width:4px;height:4px;position:absolute;top:0}.device-macbook-pro .device-header:after{background:radial-gradient(circle at 0 100%,#0000 0 75%,#0d0d0d 75% 100%);left:-4px}.device-macbook-pro .device-header:before{background:radial-gradient(circle at 100% 100%,#0000 0 75%,#0d0d0d 75% 100%);right:-4px}.device-macbook-pro .device-screen{border:2px solid #121212;border-radius:10px 10px 0 0;width:600px;height:375px}.device-macbook-pro .device-power{z-index:9;background:radial-gradient(circle,#e2e3e4 85%,#c8cacb 100%);border:2px solid #a0a3a7;border-width:1px 2px 0;border-radius:2px 2px 12px 12px;width:740px;height:24px;margin-top:-10px;position:relative;box-shadow:inset 0 -2px 8px #6c7074}.device-macbook-pro .device-power:after{content:"";background:#e2e3e4;border-radius:0 0 10px 10px;width:120px;height:10px;margin-left:-60px;position:absolute;top:0;left:50%;box-shadow:inset 0 0 4px 2px #babdbf}.device-macbook-pro .device-power:before{content:"";background:0 0;border-radius:0 0 3px 3px;width:40px;height:2px;margin-left:-20px;position:absolute;bottom:-2px;left:50%;box-shadow:-300px 0 #272727,300px 0 #272727}.device-macbook-pro.device-spacegray .device-frame{box-shadow:inset 0 0 0 2px #767a7d}.device-macbook-pro.device-spacegray .device-power{background:radial-gradient(circle,#83878a 85%,#767a7d 100%);border-color:#454749;box-shadow:inset 0 -2px 8px #202121}.device-macbook-pro.device-spacegray .device-power:after{background:#b7babc;box-shadow:inset 0 0 4px 2px #6a6d70}.device-macbook-pro-2018{width:740px;height:444px}.device-macbook-pro-2018 .device-frame{background:#0d0d0d;border-radius:20px;width:614px;height:428px;margin:0 auto;padding:29px 19px 39px;position:relative;box-shadow:inset 0 0 0 2px #c8cacb}.device-macbook-pro-2018 .device-frame:after{content:"";background:#272727;border-radius:0 0 20px 20px;width:610px;height:26px;position:absolute;bottom:2px;left:2px}.device-macbook-pro-2018 .device-frame:before{color:#c8cacb;content:"MacBook Pro";text-align:center;z-index:1;width:200px;height:16px;margin-left:-100px;font-size:12px;line-height:16px;position:absolute;bottom:10px;left:50%}.device-macbook-pro-2018 .device-screen{border:2px solid #121212;border-radius:2px;width:576px;height:360px}.device-macbook-pro-2018 .device-power{z-index:9;background:#e2e3e4;border:4px solid #d5d6d8;border-width:2px 4px 0;border-radius:2px 2px 0 0;width:740px;height:14px;margin-top:-10px;position:relative}.device-macbook-pro-2018 .device-power:after,.device-macbook-pro-2018 .device-power:before{content:"";position:absolute}.device-macbook-pro-2018 .device-power:after{background:#d5d6d8;border-radius:0 0 10px 10px;width:120px;height:10px;margin-left:-60px;top:-2px;left:50%;box-shadow:inset 0 0 4px 2px #babdbf}.device-macbook-pro-2018 .device-power:before{background:#a0a3a7;border-radius:0 0 180px 180px/0 0 12px 12px;width:740px;height:12px;margin:0 auto;top:10px;left:-4px;box-shadow:inset 0 -2px 6px #474a4d}.device-macbook-pro-2018.device-spacegray .device-frame{box-shadow:inset 0 0 0 2px #767a7d}.device-macbook-pro-2018.device-spacegray .device-power{background:#909496;border-color:#767a7d}.device-macbook-pro-2018.device-spacegray .device-power:after{background:#83878a;box-shadow:inset 0 0 4px 2px #6a6d70}.device-macbook-pro-2018.device-spacegray .device-power:before{background:#515456;box-shadow:inset 0 -2px 6px #000}.device-macbook{width:740px;height:432px}.device-macbook .device-frame{background:#0d0d0d;border-radius:20px;width:614px;height:428px;margin:0 auto;padding:29px 19px 39px;position:relative;box-shadow:inset 0 0 0 2px #c8cacb}.device-macbook .device-frame:after{content:"";background:#272727;border-radius:0 0 20px 20px;width:610px;height:26px;position:absolute;bottom:2px;left:2px}.device-macbook .device-frame:before{color:#c8cacb;content:"MacBook";text-align:center;z-index:1;width:200px;height:16px;margin-left:-100px;font-size:12px;line-height:16px;position:absolute;bottom:10px;left:50%}.device-macbook .device-screen{border:2px solid #121212;border-radius:2px;width:576px;height:360px}.device-macbook .device-power{z-index:9;background:#e2e3e4;border:0 solid #d5d6d8;border-width:0 4px;border-radius:2px 2px 0 0;width:740px;height:4px;margin-top:-10px;position:relative}.device-macbook .device-power:after,.device-macbook .device-power:before{content:"";position:absolute}.device-macbook .device-power:after{background:radial-gradient(circle,#e2e3e4 0 85%,#a0a3a7 100%);border:0 solid #adb0b3;border-width:0 2px;width:120px;height:4px;margin-left:-60px;left:50%}.device-macbook .device-power:before{background:#a0a3a7;border-radius:0 0 180px 180px/0 0 10px 10px;width:740px;height:10px;margin:0 auto;top:4px;left:-4px;box-shadow:inset 0 -2px 6px #474a4d}.device-macbook.device-gold .device-frame{box-shadow:inset 0 0 0 2px #edccb4}.device-macbook.device-gold .device-power{background:#f7e8dd;border-color:#edccb4}.device-macbook.device-gold .device-power:after{background:radial-gradient(circle,#f7e8dd 0 85%,#dfa276 100%);border-color:#e4b08a}.device-macbook.device-gold .device-power:before{background:#edccb4;box-shadow:inset 0 -2px 6px #83491f}.device-macbook.device-rosegold .device-frame{box-shadow:inset 0 0 0 2px #f6a69a}.device-macbook.device-rosegold .device-power{background:#facfc9;border-color:#f6a69a}.device-macbook.device-rosegold .device-power:after{background:radial-gradient(circle,#facfc9 0 85%,#ef6754 100%);border-color:#f6a69a}.device-macbook.device-rosegold .device-power:before{background:#f6a69a;box-shadow:inset 0 -2px 6px #851b0c}.device-macbook.device-spacegray .device-frame{box-shadow:inset 0 0 0 2px #767a7d}.device-macbook.device-spacegray .device-power{background:#909496;border-color:#767a7d}.device-macbook.device-spacegray .device-power:after{background:radial-gradient(circle,#909496 0 85%,#515456 100%);border-color:#5d6163}.device-macbook.device-spacegray .device-power:before{background:#515456;box-shadow:inset 0 -2px 6px #000}.device-imac{width:640px;height:540px}.device-imac .device-frame{background:#edeef0;border-radius:18px;width:640px;height:440px;padding:16px 16px 80px;position:relative;box-shadow:inset 0 0 0 1px #d4d5d7}.device-imac .device-frame:after{content:"";background:#d4d5d7;border-radius:0 0 18px 18px;width:638px;height:63px;position:absolute;bottom:1px;left:1px;box-shadow:inset 0 0 18px #c7c8cb}.device-imac .device-frame:before{content:"";text-align:center;z-index:9;background:#050505;border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;top:6px;left:50%}.device-imac .device-screen{border:2px solid #121212;border-radius:2px;width:608px;height:342px}.device-imac .device-power:after{content:"";background:radial-gradient(circle,#d4d5d7 85%,#9fa1a6 100%);border-top:1px solid #d4d5d7;width:152px;height:6px;margin:0 auto;position:relative}.device-imac .device-power:before{content:"";background:linear-gradient(#9fa1a6 0,#c7c8cb 40% 85%,#fff 90%,#6b6e74 100%);width:152px;height:92px;margin:0 auto;position:relative}.device-imac .device-home{background:0 0;border-radius:0 0 3px 3px;width:30px;height:2px;margin-left:-15px;position:absolute;bottom:0;left:50%;box-shadow:-61px 0 #d4d5d7,61px 0 #d4d5d7}.device-imac.device-blue .device-frame{box-shadow:inset 0 0 0 2px #b4c7da}.device-imac.device-blue .device-frame:after{background:#b4c7da;box-shadow:inset 0 0 18px #a3bad2}.device-imac.device-blue .device-power:after{background:radial-gradient(circle,#b4c7da 85%,#7094b8 100%);border-top-color:#b4c7da}.device-imac.device-blue .device-power:before{background:linear-gradient(#7094b8 0,#a3bad2 40% 85%,#fff 90%,#406182 100%)}.device-imac.device-blue .device-home{box-shadow:-61px 0 #b4c7da,61px 0 #b4c7da}.device-imac.device-green .device-frame{box-shadow:inset 0 0 0 2px #bbd0c8}.device-imac.device-green .device-frame:after{background:#bbd0c8;box-shadow:inset 0 0 18px #acc6bc}.device-imac.device-green .device-power:after{background:radial-gradient(circle,#bbd0c8 85%,#7fa697 100%);border-top-color:#bbd0c8}.device-imac.device-green .device-power:before{background:linear-gradient(#7fa697 0,#acc6bc 40% 85%,#fff 90%,#4e7164 100%)}.device-imac.device-green .device-home{box-shadow:-61px 0 #bbd0c8,61px 0 #bbd0c8}.device-imac.device-pink .device-frame{box-shadow:inset 0 0 0 2px #edccc6}.device-imac.device-pink .device-frame:after{background:#edccc6;box-shadow:inset 0 0 18px #e7bbb3}.device-imac.device-pink .device-power:after{background:radial-gradient(circle,#edccc6 85%,#d58778 100%);border-top-color:#edccc6}.device-imac.device-pink .device-power:before{background:linear-gradient(#d58778 0,#e7bbb3 40% 85%,#fff 90%,#b04a37 100%)}.device-imac.device-pink .device-home{box-shadow:-61px 0 #edccc6,61px 0 #edccc6}.device-imac.device-yellow .device-frame{box-shadow:inset 0 0 0 2px #f4d595}.device-imac.device-yellow .device-frame:after{background:#f4d595;box-shadow:inset 0 0 18px #f2cc7e}.device-imac.device-yellow .device-power:after{background:radial-gradient(circle,#f4d595 85%,#eab039 100%);border-top-color:#f4d595}.device-imac.device-yellow .device-power:before{background:linear-gradient(#eab039 0,#f2cc7e 40% 85%,#fff 90%,#ab7912 100%)}.device-imac.device-yellow .device-home{box-shadow:-61px 0 #f4d595,61px 0 #f4d595}.device-imac.device-orange .device-frame{box-shadow:inset 0 0 0 2px #e9b5a0}.device-imac.device-orange .device-frame:after{background:#e9b5a0;box-shadow:inset 0 0 18px #e4a58b}.device-imac.device-orange .device-power:after{background:radial-gradient(circle,#e9b5a0 85%,#d6744d 100%);border-top-color:#e9b5a0}.device-imac.device-orange .device-power:before{background:linear-gradient(#d6744d 0,#e4a58b 40% 85%,#fff 90%,#994524 100%)}.device-imac.device-orange .device-home{box-shadow:-61px 0 #e9b5a0,61px 0 #e9b5a0}.device-imac.device-purple .device-frame{box-shadow:inset 0 0 0 2px #c4c4e5}.device-imac.device-purple .device-frame:after{background:#c4c4e5;box-shadow:inset 0 0 18px #b2b2dd}.device-imac.device-purple .device-power:after{background:radial-gradient(circle,#c4c4e5 85%,#7d7dc6 100%);border-top-color:#c4c4e5}.device-imac.device-purple .device-power:before{background:linear-gradient(#7d7dc6 0,#b2b2dd 40% 85%,#fff 90%,#449 100%)}.device-imac.device-purple .device-home{box-shadow:-61px 0 #c4c4e5,61px 0 #c4c4e5}.device-imac-pro{width:624px;height:484px}.device-imac-pro .device-frame{background:#0d0d0d;border-radius:18px;width:624px;height:428px;padding:24px 24px 80px;position:relative;box-shadow:inset 0 0 0 2px #080808}.device-imac-pro .device-frame:after{content:"";background:#2f2e33;border-radius:0 0 18px 18px;width:620px;height:54px;position:absolute;bottom:2px;left:2px}.device-imac-pro .device-frame:before{color:#0d0d0d;content:"";text-align:center;z-index:9;width:200px;height:24px;margin-left:-100px;font-size:24px;line-height:24px;position:absolute;bottom:15px;left:50%}.device-imac-pro .device-screen{border:2px solid #121212;border-radius:2px;width:576px;height:324px}.device-imac-pro .device-power:after,.device-imac-pro .device-power:before{content:""}.device-imac-pro .device-power:after{background:#222225;border-radius:2px;width:180px;height:6px;margin:0 auto;position:relative}.device-imac-pro .device-power:before{border:8px solid #0000;border-top-width:0;border-bottom:50px solid #333;width:130px;height:50px;margin:0 auto;position:relative}.device-surface-book{width:728px;height:424px}.device-surface-book .device-frame{background:#0d0d0d;border-radius:12px;width:584px;height:408px;margin:0 auto;padding:24px 22px;position:relative;box-shadow:inset 0 0 0 2px #c8c8c8}.device-surface-book .device-screen{border:2px solid #121212;border-radius:2px;width:540px;height:360px}.device-surface-book .device-btns:after,.device-surface-book .device-btns:before{content:"";background:#c8c8c8;height:2px;position:absolute;top:-2px}.device-surface-book .device-btns:after{width:20px;left:122px}.device-surface-book .device-btns:before{width:44px;left:168px}.device-surface-book .device-power{background:linear-gradient(#eee,#c8c8c8);border:0 solid #c8c8c8;border-width:0 2px;border-radius:2px;width:728px;height:16px;margin-top:4px;position:relative}.device-surface-book .device-power:after,.device-surface-book .device-power:before{content:"";position:absolute}.device-surface-book .device-power:after{z-index:1;background:radial-gradient(circle,#eee 0 95%,#a2a2a2 100%);border-radius:0 0 6px 6px;width:250px;height:8px;margin-left:-125px;top:0;left:50%}.device-surface-book .device-power:before{background:linear-gradient(#eee,#c8c8c8);border-radius:2px 2px 0 0;width:584px;height:8px;margin-left:-292px;bottom:16px;left:50%}.device-surface-studio{width:640px;height:506px}.device-surface-studio .device-frame{background:#0d0d0d;border-radius:10px;width:640px;height:440px;padding:20px;box-shadow:inset 0 0 0 2px #000}.device-surface-studio .device-screen{border:2px solid #121212;border-radius:2px;width:600px;height:400px}.device-surface-studio .device-stripe{background:#444;border-radius:0 0 2px 2px;width:234px;height:4px;margin-left:-117px;position:absolute;bottom:0;left:50%}.device-surface-studio .device-stripe:after,.device-surface-studio .device-stripe:before{content:"";position:absolute;top:-75px;left:50%}.device-surface-studio .device-stripe:after{z-index:-1;border:1px solid #e2e3e4;border-top:0;border-radius:0 0 18px 18px;width:280px;height:60px;margin-left:-140px;box-shadow:inset 0 0 4px 1px #c8cacb,inset 0 0 4px 2px #e2e3e4,inset 0 0 0 8px #c8cacb}.device-surface-studio .device-stripe:before{z-index:-2;border:15px solid #e2e3e4;border-top:0;border-radius:0 0 8px 8px;width:300px;height:70px;margin-left:-150px}.device-surface-studio .device-power{background:radial-gradient(circle,#e2e3e4 85%,#c8cacb 100%);border-radius:0 0 2px 2px;width:250px;height:32px;margin:30px auto 0;position:relative}.device-surface-studio .device-power:after{content:"";background:#babdbf;width:250px;height:1px;position:absolute;top:4px;left:0}.device-ipad-pro{width:560px;height:778px}.device-ipad-pro .device-frame{background:#0d0d0d;border-radius:36px;width:560px;height:778px;padding:27px;box-shadow:inset 0 0 0 1px #babdbf,inset 0 0 1px 3px #e2e3e4}.device-ipad-pro .device-screen{border:2px solid #121212;border-radius:11px;width:506px;height:724px}.device-ipad-pro .device-btns:after,.device-ipad-pro .device-btns:before{content:"";background:#babdbf;position:absolute}.device-ipad-pro .device-btns:after{width:36px;height:2px;top:-2px;right:40px}.device-ipad-pro .device-btns:before{width:2px;height:32px;top:63px;right:-2px;box-shadow:0 37px #babdbf}.device-ipad-pro .device-sensors:after,.device-ipad-pro .device-sensors:before{content:"";position:absolute}.device-ipad-pro .device-sensors:after{background:#1a1a1a;border-radius:17px;width:10px;height:10px;margin-left:-30px;top:12px;left:50%;box-shadow:-20px 0 #1a1a1a,70px 0 #1a1a1a}.device-ipad-pro .device-sensors:before{background:radial-gradient(at 20% 20%,#6074bf 0,#0000 40%),radial-gradient(at 80% 80%,#513785 0,#24555e 20%,#0000 50%);border-radius:50%;width:6px;height:6px;margin-left:-3px;top:14px;left:50%;box-shadow:0 0 1px 1px #ffffff0d}.device-ipad-pro.device-spacegray .device-frame{box-shadow:inset 0 0 0 1px #6a6d70,inset 0 0 1px 3px #83878a}.device-ipad-pro.device-spacegray .device-btns:after,.device-ipad-pro.device-spacegray .device-btns:before{background:#6a6d70}.device-ipad-pro.device-spacegray .device-btns:before{box-shadow:0 37px #6a6d70}.device-ipad-pro-2017{width:560px;height:804px}.device-ipad-pro-2017 .device-frame{background:#fff;border-radius:38px;width:560px;height:804px;padding:62px 25px;box-shadow:inset 0 0 0 2px #c8cacb,inset 0 0 0 6px #e2e3e4}.device-ipad-pro-2017 .device-screen{border:2px solid #222;border-radius:2px;width:510px;height:680px}.device-ipad-pro-2017 .device-home{border:2px solid #c8cacb;border-radius:50%;width:34px;height:34px;margin-left:-17px;position:absolute;bottom:17px;left:50%}.device-ipad-pro-2017 .device-sensors{background:#666;border-radius:50%;width:10px;height:10px;margin-top:-5px;margin-left:-5px;position:absolute;top:34px;left:50%}.device-ipad-pro-2017.device-gold .device-frame{box-shadow:inset 0 0 0 2px #e4b08a,inset 0 0 0 6px #f7e8dd}.device-ipad-pro-2017.device-gold .device-header{border-color:#e4b08a}.device-ipad-pro-2017.device-rosegold .device-frame{box-shadow:inset 0 0 0 2px #f6a69a,inset 0 0 0 6px #facfc9}.device-ipad-pro-2017.device-rosegold .device-home{border-color:#f6a69a}.device-ipad-pro-2017.device-spacegray .device-frame{background:#222;box-shadow:inset 0 0 0 2px #818187,inset 0 0 0 6px #9b9ba0}.device-ipad-pro-2017.device-spacegray .device-home{border-color:#818187}.device-surface-pro-2017{width:561px;height:394px}.device-surface-pro-2017 .device-frame{background:#0d0d0d;border-radius:10px;width:561px;height:394px;margin:0 auto;padding:26px 24px;box-shadow:inset 0 0 0 2px #c8c8c8}.device-surface-pro-2017 .device-screen{border:2px solid #121212;border-radius:2px;width:513px;height:342px}.device-surface-pro-2017 .device-btns:after,.device-surface-pro-2017 .device-btns:before{content:"";background:#c8c8c8;height:2px;position:absolute;top:-2px}.device-surface-pro-2017 .device-btns:after{width:26px;left:48px}.device-surface-pro-2017 .device-btns:before{width:48px;left:94px}.device-surface-pro-2017 .device-sensors{background:#333;border-radius:50%;width:6px;height:6px;margin-top:-3px;margin-left:-3px;position:absolute;top:14px;left:50%}.device-apple-watch-ultra{width:360px;height:380px}.device-apple-watch-ultra .device-frame{background:#0d0d0d;border-radius:92px;width:320px;height:380px;margin:0 20px;padding:38px;position:relative;box-shadow:inset 0 0 12px 1px #0d0d0dbf,inset 0 0 0 6px #d6ccc2,inset 0 0 0 12px #d6ccc2}.device-apple-watch-ultra .device-frame:before{content:"";border:1px solid #f5f2f0;border-radius:80px;width:296px;height:356px;position:absolute;top:12px;left:12px;box-shadow:0 0 6px #0d0d0d33,inset 0 0 4px 1px #f5f2f0,inset 0 0 0 10px #d6ccc2}.device-apple-watch-ultra .device-screen{border:2px solid #121212;border-radius:62px;width:244px;height:304px}.device-apple-watch-ultra .device-header{z-index:1;background:radial-gradient(circle,#d6ccc2 50%,#ebe6e1 85%,#a38c76 100%);border-radius:4px/8px 4px 4px 8px;width:18px;height:214px;margin-top:-107px;position:absolute;top:50%;right:4px;box-shadow:inset 0 0 16px 1px #0d0d0d80,-8px 0 4px #0d0d0d33,inset 4px 0 4px #0d0d0d33}.device-apple-watch-ultra .device-header:before{content:"";border-radius:8px 4px 4px 8px/32px 4px 4px 32px;width:12px;height:194px;margin-top:-97px;position:absolute;top:50%;right:8px;box-shadow:-10px 0 8px #0d0d0d33}.device-apple-watch-ultra .device-btns{z-index:9;background:#d6ccc2;border-left:1px solid #4c4033;border-radius:8px 6px 6px 8px/20px 6px 6px 20px;width:24px;height:72px;position:absolute;top:108px;right:1px;box-shadow:inset 8px 0 8px #5c4d3e,inset -2px 0 6px #a38c76}.device-apple-watch-ultra .device-btns:after{content:"";background:#d6ccc2;border-radius:2px 4px 4px 2px/20px 8px 8px 20px;width:6px;height:78px;position:absolute;top:-4px;right:0;box-shadow:inset -2px 0 2px #6b5948,inset -6px 0 18px #a38c76}.device-apple-watch-ultra .device-btns:before{content:"";z-index:9;background:#d6ccc2;border-radius:20%;width:16px;height:3px;margin-top:-2px;position:absolute;top:50%;right:2px;box-shadow:0 -30px #a38c7680,0 -27px #d6ccc2,0 -25px #89735c,0 -21px #a38c7680,0 -18px #d6ccc2,0 -16px #89735c,0 -12px #a38c7680,0 -9px #d6ccc2,0 -7px #89735c,0 -3px #a38c7680,0 0 #d6ccc2,0 2px #89735c,0 6px #a38c7680,0 9px #d6ccc2,0 11px #89735c,0 15px #a38c7680,0 18px #d6ccc2,0 20px #89735c,0 24px #a38c7680,0 27px #d6ccc2,0 29px #89735c}.device-apple-watch-ultra .device-stripe{z-index:1;background:#e0d9d1;border-radius:2px 8px 8px 2px;width:4px;height:10px;position:absolute;top:98px;left:19px;box-shadow:0 14px #d6ccc2,0 28px #d6ccc2}.device-apple-watch-ultra .device-power{background:#d6ccc2;border-radius:2px 4px 4px 2px/2px 8px 8px 2px;width:4px;height:72px;position:absolute;top:212px;right:1px;box-shadow:inset 0 0 2px 1px #a38c76}.device-apple-watch-ultra .device-home{z-index:1;background:#f18f42;border:1px solid #a7500c;border-radius:2px 4px 4px 2px/2px 8px 8px 2px;width:4px;height:106px;position:absolute;top:162px;left:19px;box-shadow:inset 0 0 1px 1px #ef812a}.device-apple-watch-s8{width:360px;height:380px}.device-apple-watch-s8 .device-frame{background:#0d0d0d;border-radius:92px;width:320px;height:380px;margin:0 20px;padding:28px 26px;position:relative;box-shadow:inset 0 0 24px 1px #0d0d0d,inset 0 0 0 12px #606c78}.device-apple-watch-s8 .device-frame:before{content:"";border:1px solid #0d0d0d;border-radius:80px;width:298px;height:356px;position:absolute;top:12px;left:12px;box-shadow:0 0 12px #ffffff80,inset 0 0 12px 2px #ffffffbf}.device-apple-watch-s8 .device-screen{border:2px solid #121212;border-radius:62px;width:268px;height:324px}.device-apple-watch-s8 .device-btns{z-index:9;background:#606c78;border-left:1px solid #000;border-radius:8px 6px 6px 8px/20px 6px 6px 20px;width:18px;height:72px;position:absolute;top:108px;right:10px;box-shadow:inset 8px 0 8px #1c1f23,inset -2px 0 6px #272c31,-4px 0 8px #0d0d0d40}.device-apple-watch-s8 .device-btns:after{content:"";background:#272c31;border-radius:2px 4px 4px 2px/20px 8px 8px 20px;width:6px;height:72px;position:absolute;top:0;right:0;box-shadow:inset -2px 0 2px #000,inset -6px 0 18px #272c31}.device-apple-watch-s8 .device-btns:before{content:"";z-index:9;background:#272c31;border-radius:20%;width:10px;height:3px;margin-top:-2px;position:absolute;top:50%;right:2px;box-shadow:0 -30px #3e464dbf,0 -27px #272c31,0 -25px #000,0 -21px #3e464dbf,0 -18px #272c31,0 -16px #000,0 -12px #3e464dbf,0 -9px #272c31,0 -7px #000,0 -3px #3e464dbf,0 0 #272c31,0 2px #000,0 6px #3e464dbf,0 9px #272c31,0 11px #000,0 15px #3e464dbf,0 18px #272c31,0 20px #000,0 24px #3e464dbf,0 27px #272c31,0 29px #000}.device-apple-watch-s8 .device-power{background:#272c31;border-radius:2px 4px 4px 2px/2px 8px 8px 2px;width:4px;height:72px;position:absolute;top:212px;right:18px;box-shadow:inset 0 0 2px 1px #101315}.device-homepod{width:320px;height:395px}.device-homepod .device-frame{background:linear-gradient(90deg,#36373a 0,#8d8f95 25%,#1d1e20 60%,#111112 90%,#1d1e20 100%);border-radius:80px;width:320px;height:385px;margin:5px auto;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #36373a,inset 0 0 40px 1px #1d1e20,inset 0 12px 40px 1px #fff,inset 0 -24px 40px 1px #000}.device-homepod .device-stripe{z-index:9;background:repeating-linear-gradient(45deg,#8d8f9559 0 2px,#0000 2px 6px),repeating-linear-gradient(135deg,#8d8f9559 0 2px,#0000 2px 6px),repeating-linear-gradient(45deg,#0000 0 2px,#1d1e2059 2px 4px,#0000 4px 6px),repeating-linear-gradient(135deg,#0000 0 2px,#1d1e2059 2px 4px,#0000 4px 6px);border-radius:80px;width:320px;height:385px;position:absolute;top:5px;left:0;overflow:hidden;box-shadow:inset 0 0 0 2px #36373a,inset 0 0 40px 1px #1d1e20,inset 0 12px 24px 1px #9b9ca1,inset 0 -12px 24px 1px #050505}.device-homepod .device-stripe:before{top:0;transform:translateY(-34%)perspective(500px)rotateX(51deg)}.device-homepod .device-stripe:after{bottom:0;transform:translateY(34%)perspective(500px)rotateX(-51deg)}.device-homepod .device-home:after,.device-homepod .device-home:before{content:"";background:#36373a;position:absolute;left:50%}.device-homepod .device-home:before{border-radius:50% 50% 8px 8px;width:170px;height:10px;margin-left:-85px;top:0}.device-homepod .device-home:after{border-radius:0 0 10% 10%/0 0 8px 8px;width:170px;height:5px;margin-left:-85px;bottom:0;box-shadow:inset 0 0 4px #111112}.device-pro-display-xdr{width:640px;height:475px}.device-pro-display-xdr .device-frame{background:#151515;border-radius:4px;width:640px;height:368px;padding:8px;position:relative;box-shadow:inset 0 0 2px #d4d5d7}.device-pro-display-xdr .device-frame:before{content:"";text-align:center;z-index:9;background:#050505;border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;top:6px;left:50%}.device-pro-display-xdr .device-screen{border:2px solid #121212;border-radius:2px;width:624px;height:352px}.device-pro-display-xdr .device-power:after{content:"";background:radial-gradient(circle,#d4d5d7 85%,#9fa1a6 100%);border-top:1px solid #d4d5d7;width:152px;height:6px;margin:0 auto;position:relative}.device-pro-display-xdr .device-power:before{content:"";background:linear-gradient(#9fa1a6 0,#c7c8cb 40% 85%,#fff 90%,#6b6e74 100%);width:152px;height:102px;margin:0 auto;position:relative}.device-pro-display-xdr .device-home{background:0 0;border-radius:0 0 3px 3px;width:30px;height:1px;margin-left:-15px;position:absolute;bottom:-2px;left:50%;box-shadow:-61px 0 #6b6e74,61px 0 #6b6e74}.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}