@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";@layer components;/*! tailwindcss v4.1.13 | 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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--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}}}@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-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-500:oklch(62.3% .214 259.815);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-black:#0a0a0a;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-2xl:42rem;--container-3xl:48rem;--container-7xl:80rem;--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: 1.5 ;--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: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--blur-sm:8px;--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);--color-primary:#daff00;--color-secondary:#afafaf}}@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;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}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing)*4)}.top-\[-11px\]{top:-11px}.top-\[-160px\]{top:-160px}.top-\[47\.7\%\]{top:47.7%}.right-0{right:calc(var(--spacing)*0)}.right-4{right:calc(var(--spacing)*4)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.left-1{left:calc(var(--spacing)*1)}.left-1\/2{left:50%}.left-4{left:calc(var(--spacing)*4)}.left-\[-11px\]{left:-11px}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[3\]{z-index:3}.z-\[60\]{z-index:60}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.-mx-4{margin-inline:calc(var(--spacing)*-4)}.mx-auto{margin-inline:auto}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-16{margin-top:calc(var(--spacing)*16)}.mt-\[-0\.75rem\]{margin-top:-.75rem}.mt-\[100px\]{margin-top:100px}.mt-\[120px\]{margin-top:120px}.mt-auto{margin-top:auto}.mr-auto{margin-right:auto}.-mb-1{margin-bottom:calc(var(--spacing)*-1)}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-\[-4px\]{margin-bottom:-4px}.mb-\[-8px\]{margin-bottom:-8px}.mb-\[22px\]{margin-bottom:22px}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[16\/10\]{aspect-ratio:16/10}.aspect-\[591\/420\]{aspect-ratio:591/420}.size-1{width:calc(var(--spacing)*1);height:calc(var(--spacing)*1)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-11{width:calc(var(--spacing)*11);height:calc(var(--spacing)*11)}.size-14{width:calc(var(--spacing)*14);height:calc(var(--spacing)*14)}.size-20{width:calc(var(--spacing)*20);height:calc(var(--spacing)*20)}.size-\[117px\]{width:117px;height:117px}.size-full{width:100%;height:100%}.h-0\.5{height:calc(var(--spacing)*.5)}.h-4{height:calc(var(--spacing)*4)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-12{height:calc(var(--spacing)*12)}.h-\[10px\]{height:10px}.h-\[15px\]{height:15px}.h-\[25\%\]{height:25%}.h-\[43px\]{height:43px}.h-\[100dvh\]{height:100dvh}.h-\[180px\]{height:180px}.h-\[200px\]{height:200px}.h-\[308px\]{height:308px}.h-\[320px\]{height:320px}.h-\[744px\]{height:744px}.h-\[calc\(100vh-72px\)\]{height:calc(100vh - 72px)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-\[47px\]{min-height:47px}.min-h-\[100dvh\]{min-height:100dvh}.min-h-\[100svh\]{min-height:100svh}.min-h-\[120px\]{min-height:120px}.min-h-\[178px\]{min-height:178px}.min-h-\[190px\]{min-height:190px}.min-h-\[256px\]{min-height:256px}.min-h-\[265px\]{min-height:265px}.min-h-\[420px\]{min-height:420px}.min-h-screen{min-height:100vh}.w-3\/5{width:60%}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-\[15px\]{width:15px}.w-\[45\%\]{width:45%}.w-\[48\%\]{width:48%}.w-\[50px\]{width:50px}.w-\[90px\]{width:90px}.w-\[111px\]{width:111px}.w-\[129px\]{width:129px}.w-\[150px\]{width:150px}.w-\[155px\]{width:155px}.w-\[204px\]{width:204px}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-screen{width:100vw}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[55\%\]{max-width:55%}.max-w-\[80rem\]{max-width:80rem}.max-w-\[90rem\]{max-width:90rem}.max-w-\[285px\]{max-width:285px}.max-w-\[300px\]{max-width:300px}.max-w-\[320px\]{max-width:320px}.max-w-\[370px\]{max-width:370px}.max-w-\[540px\]{max-width:540px}.max-w-\[572px\]{max-width:572px}.max-w-\[616px\]{max-width:616px}.max-w-\[643px\]{max-width:643px}.max-w-\[671px\]{max-width:671px}.max-w-\[682px\]{max-width:682px}.max-w-\[700px\]{max-width:700px}.max-w-\[743px\]{max-width:743px}.max-w-\[744px\]{max-width:744px}.max-w-\[774px\]{max-width:774px}.max-w-\[780px\]{max-width:780px}.max-w-\[894px\]{max-width:894px}.max-w-\[895px\]{max-width:895px}.max-w-\[896px\]{max-width:896px}.max-w-\[960px\]{max-width:960px}.max-w-\[1048px\]{max-width:1048px}.max-w-\[1200px\]{max-width:1200px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.min-w-0{min-width:calc(var(--spacing)*0)}.\!flex-1{flex:1!important}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-center{transform-origin:50%}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-2{--tw-translate-y:calc(var(--spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-2{--tw-translate-y:calc(var(--spacing)*2);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-x-0{--tw-scale-x:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-x-100{--tw-scale-x:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.-rotate-45{rotate:-45deg}.-rotate-90{rotate:-90deg}.rotate-45{rotate:45deg}.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-pointer{cursor:pointer}.resize{resize:both}.resize-y{resize:vertical}.scroll-mt-28{scroll-margin-top:calc(var(--spacing)*28)}.list-none{list-style-type:none}.\[appearance\:textfield\]{appearance:textfield}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing)*0)}.gap-1{gap:calc(var(--spacing)*1)}.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-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}.gap-12{gap:calc(var(--spacing)*12)}.gap-14{gap:calc(var(--spacing)*14)}.gap-16{gap:calc(var(--spacing)*16)}.gap-20{gap:calc(var(--spacing)*20)}.gap-32{gap:calc(var(--spacing)*32)}.gap-\[9\.76px\]{gap:9.76px}.gap-\[15px\]{gap:15px}.gap-\[18px\]{gap:18px}.gap-\[22px\]{gap:22px}.gap-x-2{column-gap:calc(var(--spacing)*2)}.gap-x-5{column-gap:calc(var(--spacing)*5)}.gap-x-8{column-gap:calc(var(--spacing)*8)}.gap-y-2{row-gap:calc(var(--spacing)*2)}.gap-y-8{row-gap:calc(var(--spacing)*8)}.gap-y-10{row-gap:calc(var(--spacing)*10)}.gap-y-12{row-gap:calc(var(--spacing)*12)}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.justify-self-center{justify-self:center}.justify-self-end{justify-self:flex-end}.justify-self-start{justify-self:flex-start}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-clip{overflow-x:clip}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-visible{overflow-y:visible}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-\[24px\]{border-radius:24px}.rounded-\[28px\]{border-radius:28px}.rounded-\[32px\]{border-radius:32px}.rounded-\[50px\]{border-radius:50px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\!border-black{border-color:var(--color-black)!important}.border-\[rgba\(0\,0\,0\,0\.32\)\]{border-color:#00000052}.border-\[rgba\(122\,143\,0\,0\.2\)\]{border-color:#7a8f0033}.border-\[rgba\(122\,143\,0\,0\.25\)\]{border-color:#7a8f0040}.border-\[rgba\(218\,255\,0\,0\.7\)\]{border-color:#daff00b3}.border-\[rgba\(218\,255\,0\,0\.24\)\]{border-color:#daff003d}.border-blue-500\/20{border-color:#3080ff33}@supports (color:color-mix(in lab,red,red)){.border-blue-500\/20{border-color:color-mix(in oklab,var(--color-blue-500)20%,transparent)}}.border-green-500\/20{border-color:#00c75833}@supports (color:color-mix(in lab,red,red)){.border-green-500\/20{border-color:color-mix(in oklab,var(--color-green-500)20%,transparent)}}.border-primary{border-color:var(--color-primary)}.border-primary\/20{border-color:#daff0033}@supports (color:color-mix(in lab,red,red)){.border-primary\/20{border-color:color-mix(in oklab,var(--color-primary)20%,transparent)}}.border-primary\/30{border-color:#daff004d}@supports (color:color-mix(in lab,red,red)){.border-primary\/30{border-color:color-mix(in oklab,var(--color-primary)30%,transparent)}}.border-primary\/40{border-color:#daff0066}@supports (color:color-mix(in lab,red,red)){.border-primary\/40{border-color:color-mix(in oklab,var(--color-primary)40%,transparent)}}.border-primary\/80{border-color:#daff00cc}@supports (color:color-mix(in lab,red,red)){.border-primary\/80{border-color:color-mix(in oklab,var(--color-primary)80%,transparent)}}.border-red-500{border-color:var(--color-red-500)}.border-red-500\/20{border-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.border-red-500\/20{border-color:color-mix(in oklab,var(--color-red-500)20%,transparent)}}.border-transparent{border-color:#0000}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.border-white\/40{border-color:#fff6}@supports (color:color-mix(in lab,red,red)){.border-white\/40{border-color:color-mix(in oklab,var(--color-white)40%,transparent)}}.border-yellow-500\/20{border-color:#edb20033}@supports (color:color-mix(in lab,red,red)){.border-yellow-500\/20{border-color:color-mix(in oklab,var(--color-yellow-500)20%,transparent)}}.border-t-primary{border-top-color:var(--color-primary)}.bg-\[\#0a0a0a\]{background-color:#0a0a0a}.bg-\[\#7a8f00\]{background-color:#7a8f00}.bg-\[rgba\(0\,0\,0\,0\.5\)\]{background-color:#00000080}.bg-\[rgba\(0\,0\,0\,0\.16\)\]{background-color:#00000029}.bg-\[rgba\(0\,0\,0\,0\.32\)\]{background-color:#00000052}.bg-\[rgba\(122\,143\,0\,0\.2\)\]{background-color:#7a8f0033}.bg-\[rgba\(122\,143\,0\,0\.12\)\]{background-color:#7a8f001f}.bg-\[rgba\(122\,143\,0\,0\.22\)\]{background-color:#7a8f0038}.bg-\[rgba\(218\,255\,0\,0\.24\)\]{background-color:#daff003d}.bg-black{background-color:var(--color-black)}.bg-black\/24{background-color:#0a0a0a3d}@supports (color:color-mix(in lab,red,red)){.bg-black\/24{background-color:color-mix(in oklab,var(--color-black)24%,transparent)}}.bg-black\/50{background-color:#0a0a0a80}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-black\/80{background-color:#0a0a0acc}@supports (color:color-mix(in lab,red,red)){.bg-black\/80{background-color:color-mix(in oklab,var(--color-black)80%,transparent)}}.bg-blue-500\/10{background-color:#3080ff1a}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/10{background-color:color-mix(in oklab,var(--color-blue-500)10%,transparent)}}.bg-gray-700{background-color:var(--color-gray-700)}.bg-green-500\/10{background-color:#00c7581a}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/10{background-color:color-mix(in oklab,var(--color-green-500)10%,transparent)}}.bg-primary{background-color:var(--color-primary)}.bg-primary\/5{background-color:#daff000d}@supports (color:color-mix(in lab,red,red)){.bg-primary\/5{background-color:color-mix(in oklab,var(--color-primary)5%,transparent)}}.bg-primary\/10{background-color:#daff001a}@supports (color:color-mix(in lab,red,red)){.bg-primary\/10{background-color:color-mix(in oklab,var(--color-primary)10%,transparent)}}.bg-primary\/20{background-color:#daff0033}@supports (color:color-mix(in lab,red,red)){.bg-primary\/20{background-color:color-mix(in oklab,var(--color-primary)20%,transparent)}}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/10{background-color:color-mix(in oklab,var(--color-red-500)10%,transparent)}}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.bg-white\/72{background-color:#ffffffb8}@supports (color:color-mix(in lab,red,red)){.bg-white\/72{background-color:color-mix(in oklab,var(--color-white)72%,transparent)}}.bg-yellow-500\/10{background-color:#edb2001a}@supports (color:color-mix(in lab,red,red)){.bg-yellow-500\/10{background-color:color-mix(in oklab,var(--color-yellow-500)10%,transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-l{--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#7a8f00\]{--tw-gradient-from:#7a8f00;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-\[\#556303\]{--tw-gradient-from:#556303;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-\[\#FFFFFF\]{--tw-gradient-from:#fff;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-black\/40{--tw-gradient-from:#0a0a0a66}@supports (color:color-mix(in lab,red,red)){.from-black\/40{--tw-gradient-from:color-mix(in oklab,var(--color-black)40%,transparent)}}.from-black\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-primary{--tw-gradient-from:var(--color-primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-primary\/40{--tw-gradient-from:#daff0066}@supports (color:color-mix(in lab,red,red)){.from-primary\/40{--tw-gradient-from:color-mix(in oklab,var(--color-primary)40%,transparent)}}.from-primary\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-\[rgba\(85\,99\,3\,0\.5\)\]{--tw-gradient-via:#55630380;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-black\/55{--tw-gradient-via:#0a0a0a8c}@supports (color:color-mix(in lab,red,red)){.via-black\/55{--tw-gradient-via:color-mix(in oklab,var(--color-black)55%,transparent)}}.via-black\/55{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-black\/80{--tw-gradient-via:#0a0a0acc}@supports (color:color-mix(in lab,red,red)){.via-black\/80{--tw-gradient-via:color-mix(in oklab,var(--color-black)80%,transparent)}}.via-black\/80{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-secondary\/50{--tw-gradient-via:#afafaf80}@supports (color:color-mix(in lab,red,red)){.via-secondary\/50{--tw-gradient-via:color-mix(in oklab,var(--color-secondary)50%,transparent)}}.via-secondary\/50{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#FFFFFF\]{--tw-gradient-to:#fff;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-\[rgba\(122\,143\,0\,0\)\]{--tw-gradient-to:#7a8f0000;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-black{--tw-gradient-to:var(--color-black);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-primary\/40{--tw-gradient-to:#daff0066}@supports (color:color-mix(in lab,red,red)){.to-primary\/40{--tw-gradient-to:color-mix(in oklab,var(--color-primary)40%,transparent)}}.to-primary\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-secondary\/60{--tw-gradient-to:#afafaf99}@supports (color:color-mix(in lab,red,red)){.to-secondary\/60{--tw-gradient-to:color-mix(in oklab,var(--color-secondary)60%,transparent)}}.to-secondary\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-center{object-position:center}.object-left{object-position:left}.object-top{object-position:top}.p-0{padding:calc(var(--spacing)*0)}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.\!px-2\.5{padding-inline:calc(var(--spacing)*2.5)!important}.\!px-\[10px\]{padding-inline:10px!important}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-10{padding-inline:calc(var(--spacing)*10)}.px-24{padding-inline:calc(var(--spacing)*24)}.px-\[30px\]{padding-inline:30px}.\!py-1{padding-block:calc(var(--spacing)*1)!important}.\!py-\[7px\]{padding-block:7px!important}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.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-3\.5{padding-block:calc(var(--spacing)*3.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-9{padding-block:calc(var(--spacing)*9)}.py-10{padding-block:calc(var(--spacing)*10)}.py-12{padding-block:calc(var(--spacing)*12)}.py-16{padding-block:calc(var(--spacing)*16)}.py-32{padding-block:calc(var(--spacing)*32)}.py-\[5rem\]{padding-block:5rem}.py-\[19px\]{padding-block:19px}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-10{padding-top:calc(var(--spacing)*10)}.pt-12{padding-top:calc(var(--spacing)*12)}.pt-16{padding-top:calc(var(--spacing)*16)}.pt-\[140px\]{padding-top:140px}.pt-\[calc\(var\(--site-nav-height\)\+1\.25rem\)\]{padding-top:calc(var(--site-nav-height) + 1.25rem)}.pr-6{padding-right:calc(var(--spacing)*6)}.pr-8{padding-right:calc(var(--spacing)*8)}.pr-10{padding-right:calc(var(--spacing)*10)}.pb-5{padding-bottom:calc(var(--spacing)*5)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pb-12{padding-bottom:calc(var(--spacing)*12)}.pb-16{padding-bottom:calc(var(--spacing)*16)}.pb-24{padding-bottom:calc(var(--spacing)*24)}.pb-\[0\.1em\]{padding-bottom:.1em}.pb-\[22px\]{padding-bottom:22px}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-8{padding-left:calc(var(--spacing)*8)}.pl-10{padding-left:calc(var(--spacing)*10)}.pl-32{padding-left:calc(var(--spacing)*32)}.\!text-center{text-align:center!important}.\!text-justify{text-align:justify!important}.\!text-left{text-align:left!important}.\!text-right{text-align:right!important}.text-center{text-align:center}.font-serif{font-family:var(--font-serif)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--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-\[0\.5rem\]{font-size:.5rem!important}.\!text-\[10px\]{font-size:10px!important}.text-\[1\.8rem\]{font-size:1.8rem}.text-\[2\.5rem\]{font-size:2.5rem}.text-\[2rem\]{font-size:2rem}.text-\[5rem\]{font-size:5rem}.text-\[11px\]{font-size:11px}.text-\[13\.5px\]{font-size:13.5px}.text-\[20px\]{font-size:20px}.text-\[32px\]{font-size:32px}.\!leading-\[0\.9\]{--tw-leading:.9!important;line-height:.9!important}.\!leading-\[1\.2\]{--tw-leading:1.2!important;line-height:1.2!important}.\!leading-\[1\.3\]{--tw-leading:1.3!important;line-height:1.3!important}.leading-\[0\.8\]{--tw-leading:.8;line-height:.8}.leading-\[0\.9\]{--tw-leading:.9;line-height:.9}.leading-\[1\.3\]{--tw-leading:1.3;line-height:1.3}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.\!font-semibold{--tw-font-weight:var(--font-weight-semibold)!important;font-weight:var(--font-weight-semibold)!important}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extralight{--tw-font-weight:var(--font-weight-extralight);font-weight:var(--font-weight-extralight)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.4px\]{--tw-tracking:-.4px;letter-spacing:-.4px}.tracking-\[-0\.8px\]{--tw-tracking:-.8px;letter-spacing:-.8px}.tracking-\[-0\.28px\]{--tw-tracking:-.28px;letter-spacing:-.28px}.tracking-\[-0\.44px\]{--tw-tracking:-.44px;letter-spacing:-.44px}.tracking-\[-0\.045em\]{--tw-tracking:-.045em;letter-spacing:-.045em}.tracking-\[-0\.48px\]{--tw-tracking:-.48px;letter-spacing:-.48px}.tracking-\[-0\.52px\]{--tw-tracking:-.52px;letter-spacing:-.52px}.tracking-\[-0\.54px\]{--tw-tracking:-.54px;letter-spacing:-.54px}.tracking-\[-0\.56px\]{--tw-tracking:-.56px;letter-spacing:-.56px}.tracking-\[-0\.64px\]{--tw-tracking:-.64px;letter-spacing:-.64px}.tracking-\[-0\.72px\]{--tw-tracking:-.72px;letter-spacing:-.72px}.tracking-\[-0\.96px\]{--tw-tracking:-.96px;letter-spacing:-.96px}.tracking-\[-1\.28px\]{--tw-tracking:-1.28px;letter-spacing:-1.28px}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.whitespace-nowrap{white-space:nowrap}.\!text-\[\#F28B82\]{color:#f28b82!important}.\!text-black{color:var(--color-black)!important}.\!text-black\/64{color:#0a0a0aa3!important}@supports (color:color-mix(in lab,red,red)){.\!text-black\/64{color:color-mix(in oklab,var(--color-black)64%,transparent)!important}}.\!text-black\/65{color:#0a0a0aa6!important}@supports (color:color-mix(in lab,red,red)){.\!text-black\/65{color:color-mix(in oklab,var(--color-black)65%,transparent)!important}}.\!text-black\/72{color:#0a0a0ab8!important}@supports (color:color-mix(in lab,red,red)){.\!text-black\/72{color:color-mix(in oklab,var(--color-black)72%,transparent)!important}}.\!text-gray-300{color:var(--color-gray-300)!important}.\!text-primary{color:var(--color-primary)!important}.\!text-white{color:var(--color-white)!important}.text-\[\#8f8f8f\]{color:#8f8f8f}.text-\[\#F28B82\]{color:#f28b82}.text-black{color:var(--color-black)}.text-black\/64{color:#0a0a0aa3}@supports (color:color-mix(in lab,red,red)){.text-black\/64{color:color-mix(in oklab,var(--color-black)64%,transparent)}}.text-blue-300{color:var(--color-blue-300)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-600{color:var(--color-gray-600)}.text-green-300{color:var(--color-green-300)}.text-green-400{color:var(--color-green-400)}.text-primary{color:var(--color-primary)}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-secondary{color:var(--color-secondary)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-white\/24{color:#ffffff3d}@supports (color:color-mix(in lab,red,red)){.text-white\/24{color:color-mix(in oklab,var(--color-white)24%,transparent)}}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.text-white\/50{color:color-mix(in oklab,var(--color-white)50%,transparent)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab,red,red)){.text-white\/60{color:color-mix(in oklab,var(--color-white)60%,transparent)}}.text-white\/64{color:#ffffffa3}@supports (color:color-mix(in lab,red,red)){.text-white\/64{color:color-mix(in oklab,var(--color-white)64%,transparent)}}.text-white\/65{color:#ffffffa6}@supports (color:color-mix(in lab,red,red)){.text-white\/65{color:color-mix(in oklab,var(--color-white)65%,transparent)}}.text-white\/72{color:#ffffffb8}@supports (color:color-mix(in lab,red,red)){.text-white\/72{color:color-mix(in oklab,var(--color-white)72%,transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white)80%,transparent)}}.text-yellow-300{color:var(--color-yellow-300)}.text-yellow-400{color:var(--color-yellow-400)}.italic{font-style:italic}.not-italic{font-style:normal}.placeholder-gray-500::placeholder{color:var(--color-gray-500)}.opacity-0{opacity:0}.opacity-24{opacity:.24}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-64{opacity:.64}.opacity-72{opacity:.72}.opacity-90{opacity:.9}.opacity-100{opacity:1}.opacity-\[0\.1\]{opacity:.1}.opacity-\[0\.48\]{opacity:.48}.mix-blend-plus-lighter{mix-blend-mode:plus-lighter}.mix-blend-soft-light{mix-blend-mode:soft-light}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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)}.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,)}.backdrop-blur-\[3px\]{--tw-backdrop-blur:blur(3px);-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-blur-\[4px\]{--tw-backdrop-blur:blur(4px);-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-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-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-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;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))}.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)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.placeholder\:text-white\/40::placeholder{color:#fff6}@supports (color:color-mix(in lab,red,red)){.placeholder\:text-white\/40::placeholder{color:color-mix(in oklab,var(--color-white)40%,transparent)}}.placeholder\:opacity-72::placeholder{opacity:.72}@media (hover:hover){.hover\:border-primary:hover{border-color:var(--color-primary)}.hover\:border-primary\/40:hover{border-color:#daff0066}@supports (color:color-mix(in lab,red,red)){.hover\:border-primary\/40:hover{border-color:color-mix(in oklab,var(--color-primary)40%,transparent)}}.hover\:bg-\[\#b8ff2e\]:hover{background-color:#b8ff2e}.hover\:bg-primary:hover{background-color:var(--color-primary)}.hover\:bg-primary\/10:hover{background-color:#daff001a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/10:hover{background-color:color-mix(in oklab,var(--color-primary)10%,transparent)}}.hover\:bg-primary\/20:hover{background-color:#daff0033}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/20:hover{background-color:color-mix(in oklab,var(--color-primary)20%,transparent)}}.hover\:\!text-black:hover{color:var(--color-black)!important}.hover\:text-black:hover{color:var(--color-black)}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-60:hover{opacity:.6}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}}.focus\:border-\[rgba\(218\,255\,0\,0\.7\)\]:focus{border-color:#daff00b3}.focus\:border-primary:focus{border-color:var(--color-primary)}.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-primary:focus-visible{--tw-ring-color:var(--color-primary)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.sm\:absolute{position:absolute}.sm\:top-0{top:calc(var(--spacing)*0)}.sm\:top-5{top:calc(var(--spacing)*5)}.sm\:left-0{left:calc(var(--spacing)*0)}.sm\:left-5{left:calc(var(--spacing)*5)}.sm\:mx-0{margin-inline:calc(var(--spacing)*0)}.sm\:mt-4{margin-top:calc(var(--spacing)*4)}.sm\:mt-14{margin-top:calc(var(--spacing)*14)}.sm\:mt-20{margin-top:calc(var(--spacing)*20)}.sm\:mt-\[-1rem\]{margin-top:-1rem}.sm\:mt-\[120px\]{margin-top:120px}.sm\:-mr-4{margin-right:calc(var(--spacing)*-4)}.sm\:aspect-\[16\/9\]{aspect-ratio:16/9}.sm\:size-10{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.sm\:size-16{width:calc(var(--spacing)*16);height:calc(var(--spacing)*16)}.sm\:h-\[82px\]{height:82px}.sm\:h-\[240px\]{height:240px}.sm\:w-40{width:calc(var(--spacing)*40)}.sm\:w-\[100px\]{width:100px}.sm\:w-\[calc\(50\%-8px\)\]{width:calc(50% - 8px)}.sm\:w-auto{width:auto}.sm\:w-full{width:100%}.sm\:min-w-\[calc\(50\%-8px\)\]{min-width:calc(50% - 8px)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-end{align-items:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:gap-0{gap:calc(var(--spacing)*0)}.sm\:gap-4{gap:calc(var(--spacing)*4)}.sm\:gap-5{gap:calc(var(--spacing)*5)}.sm\:gap-6{gap:calc(var(--spacing)*6)}.sm\:gap-8{gap:calc(var(--spacing)*8)}.sm\:gap-10{gap:calc(var(--spacing)*10)}.sm\:gap-12{gap:calc(var(--spacing)*12)}.sm\:gap-14{gap:calc(var(--spacing)*14)}.sm\:gap-16{gap:calc(var(--spacing)*16)}.sm\:gap-20{gap:calc(var(--spacing)*20)}.sm\:gap-\[22px\]{gap:22px}.sm\:gap-x-6{column-gap:calc(var(--spacing)*6)}.sm\:gap-x-10{column-gap:calc(var(--spacing)*10)}.sm\:gap-y-8{row-gap:calc(var(--spacing)*8)}.sm\:gap-y-10{row-gap:calc(var(--spacing)*10)}.sm\:overflow-visible{overflow:visible}.sm\:p-6{padding:calc(var(--spacing)*6)}.sm\:px-0{padding-inline:calc(var(--spacing)*0)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:px-8{padding-inline:calc(var(--spacing)*8)}.sm\:py-8{padding-block:calc(var(--spacing)*8)}.sm\:py-10{padding-block:calc(var(--spacing)*10)}.sm\:py-12{padding-block:calc(var(--spacing)*12)}.sm\:py-16{padding-block:calc(var(--spacing)*16)}.sm\:py-24{padding-block:calc(var(--spacing)*24)}.sm\:pt-1{padding-top:calc(var(--spacing)*1)}.sm\:pt-8{padding-top:calc(var(--spacing)*8)}.sm\:pt-14{padding-top:calc(var(--spacing)*14)}.sm\:pt-16{padding-top:calc(var(--spacing)*16)}.sm\:pt-24{padding-top:calc(var(--spacing)*24)}.sm\:pt-\[120px\]{padding-top:120px}.sm\:pt-\[160px\]{padding-top:160px}.sm\:pr-12{padding-right:calc(var(--spacing)*12)}.sm\:pr-\[120px\]{padding-right:120px}.sm\:pb-6{padding-bottom:calc(var(--spacing)*6)}.sm\:pb-14{padding-bottom:calc(var(--spacing)*14)}.sm\:pb-16{padding-bottom:calc(var(--spacing)*16)}.sm\:pb-20{padding-bottom:calc(var(--spacing)*20)}.sm\:pl-12{padding-left:calc(var(--spacing)*12)}.sm\:pl-14{padding-left:calc(var(--spacing)*14)}.sm\:text-center{text-align:center}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.sm\:text-\[4rem\]{font-size:4rem}}@media (min-width:48rem){.md\:mt-24{margin-top:calc(var(--spacing)*24)}.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-\[48\%\]{width:48%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:gap-6{gap:calc(var(--spacing)*6)}.md\:gap-8{gap:calc(var(--spacing)*8)}.md\:gap-16{gap:calc(var(--spacing)*16)}.md\:gap-24{gap:calc(var(--spacing)*24)}.md\:px-8{padding-inline:calc(var(--spacing)*8)}.md\:py-14{padding-block:calc(var(--spacing)*14)}.md\:py-16{padding-block:calc(var(--spacing)*16)}.md\:pt-16{padding-top:calc(var(--spacing)*16)}.md\:pt-24{padding-top:calc(var(--spacing)*24)}.md\:pt-\[100px\]{padding-top:100px}.md\:pt-\[180px\]{padding-top:180px}.md\:pl-32{padding-left:calc(var(--spacing)*32)}.md\:text-right{text-align:right}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-\[5\.5rem\]{font-size:5.5rem}.md\:whitespace-nowrap{white-space:nowrap}}@media (min-width:64rem){.lg\:ml-auto{margin-left:auto}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:w-auto{width:auto}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:items-stretch{align-items:stretch}.lg\:justify-between{justify-content:space-between}.lg\:justify-end{justify-content:flex-end}.lg\:gap-6{gap:calc(var(--spacing)*6)}.lg\:gap-24{gap:calc(var(--spacing)*24)}.lg\:gap-\[250px\]{gap:250px}.lg\:py-24{padding-block:calc(var(--spacing)*24)}.lg\:pr-8{padding-right:calc(var(--spacing)*8)}}@media (min-width:80rem){.xl\:mt-0{margin-top:calc(var(--spacing)*0)}.xl\:mt-\[100px\]{margin-top:100px}.xl\:mt-\[120px\]{margin-top:120px}.xl\:mt-\[150px\]{margin-top:150px}.xl\:mt-\[180px\]{margin-top:180px}.xl\:mt-auto{margin-top:auto}.xl\:mb-\[-18px\]{margin-bottom:-18px}.xl\:ml-\[76px\]{margin-left:76px}.xl\:ml-\[152px\]{margin-left:152px}.xl\:block{display:block}.xl\:flex{display:flex}.xl\:hidden{display:none}.xl\:aspect-auto{aspect-ratio:auto}.xl\:size-20{width:calc(var(--spacing)*20);height:calc(var(--spacing)*20)}.xl\:h-\[320px\]{height:320px}.xl\:h-\[520px\]{height:520px}.xl\:h-\[567px\]{height:567px}.xl\:h-\[1000px\]{height:1000px}.xl\:h-\[calc\(100vh-72px\)\]{height:calc(100vh - 72px)}.xl\:h-full{height:100%}.xl\:max-h-\[100svh\]{max-height:100svh}.xl\:min-h-\[100svh\]{min-height:100svh}.xl\:min-h-\[305px\]{min-height:305px}.xl\:min-h-\[720px\]{min-height:720px}.xl\:min-h-screen{min-height:100vh}.xl\:w-2\/5{width:40%}.xl\:w-3\/5{width:60%}.xl\:w-\[80\%\]{width:80%}.xl\:w-\[150px\]{width:150px}.xl\:w-\[389px\]{width:389px}.xl\:min-w-\[calc\(33\.333\%-11px\)\]{min-width:calc(33.333% - 11px)}.xl\:flex-1{flex:1}.xl\:flex-\[1\.1\]{flex:1.1}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-\[minmax\(0\,1fr\)_561px\]{grid-template-columns:minmax(0,1fr) 561px}.xl\:flex-row{flex-direction:row}.xl\:items-center{align-items:center}.xl\:justify-end{justify-content:flex-end}.xl\:gap-0{gap:calc(var(--spacing)*0)}.xl\:gap-4{gap:calc(var(--spacing)*4)}.xl\:gap-6{gap:calc(var(--spacing)*6)}.xl\:gap-8{gap:calc(var(--spacing)*8)}.xl\:gap-10{gap:calc(var(--spacing)*10)}.xl\:gap-12{gap:calc(var(--spacing)*12)}.xl\:gap-14{gap:calc(var(--spacing)*14)}.xl\:gap-16{gap:calc(var(--spacing)*16)}.xl\:gap-20{gap:calc(var(--spacing)*20)}.xl\:gap-\[0\.8125rem\]{gap:.8125rem}.xl\:gap-\[40px\]{gap:40px}.xl\:gap-\[72px\]{gap:72px}.xl\:gap-\[100px\]{gap:100px}.xl\:gap-\[180px\]{gap:180px}.xl\:gap-x-12{column-gap:calc(var(--spacing)*12)}.xl\:gap-y-16{row-gap:calc(var(--spacing)*16)}.xl\:justify-self-end{justify-self:flex-end}.xl\:overflow-visible{overflow:visible}.xl\:rounded-\[2rem\]{border-radius:2rem}.xl\:rounded-\[32px\]{border-radius:32px}.xl\:p-6{padding:calc(var(--spacing)*6)}.xl\:p-8{padding:calc(var(--spacing)*8)}.xl\:p-\[2rem\]{padding:2rem}.xl\:\!px-3\.5{padding-inline:calc(var(--spacing)*3.5)!important}.xl\:px-6{padding-inline:calc(var(--spacing)*6)}.xl\:px-8{padding-inline:calc(var(--spacing)*8)}.xl\:px-\[120px\]{padding-inline:120px}.xl\:\!py-1\.5{padding-block:calc(var(--spacing)*1.5)!important}.xl\:py-8{padding-block:calc(var(--spacing)*8)}.xl\:py-\[5rem\]{padding-block:5rem}.xl\:py-\[60px\]{padding-block:60px}.xl\:py-\[64px\]{padding-block:64px}.xl\:py-\[72px\]{padding-block:72px}.xl\:pt-8{padding-top:calc(var(--spacing)*8)}.xl\:pt-10{padding-top:calc(var(--spacing)*10)}.xl\:pt-11{padding-top:calc(var(--spacing)*11)}.xl\:pt-24{padding-top:calc(var(--spacing)*24)}.xl\:pt-\[90px\]{padding-top:90px}.xl\:pt-\[100px\]{padding-top:100px}.xl\:pt-\[150px\]{padding-top:150px}.xl\:pt-\[180px\]{padding-top:180px}.xl\:pt-\[223px\]{padding-top:223px}.xl\:pr-\[60px\]{padding-right:60px}.xl\:pr-\[120px\]{padding-right:120px}.xl\:pb-0{padding-bottom:calc(var(--spacing)*0)}.xl\:pb-8{padding-bottom:calc(var(--spacing)*8)}.xl\:pb-24{padding-bottom:calc(var(--spacing)*24)}.xl\:pb-\[96px\]{padding-bottom:96px}.xl\:pl-\[60px\]{padding-left:60px}.xl\:pl-\[120px\]{padding-left:120px}.xl\:pl-\[160px\]{padding-left:160px}.xl\:pl-\[304px\]{padding-left:304px}.xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.xl\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.xl\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.xl\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.xl\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.xl\:\!text-\[0\.625rem\]{font-size:.625rem!important}.xl\:text-\[1\.8rem\]{font-size:1.8rem}.xl\:text-\[7rem\]{font-size:7rem}.xl\:text-\[26px\]{font-size:26px}}@media (min-width:96rem){.\32xl\:flex{display:flex}.\32xl\:hidden{display:none}}@media (prefers-color-scheme:dark){.dark\:bg-black{background-color:var(--color-black)}.dark\:text-white{color:var(--color-white)}}.\[\&_\.mockframe\]\:\!mx-0 .mockframe{margin-inline:calc(var(--spacing)*0)!important}.\[\&_\.mockframe\.iphone17_\.screen\]\:\!bg-black .mockframe.iphone17 .screen{background-color:var(--color-black)!important}.\[\&_\.mockframe\.macbook-pro_\.screen\]\:\!overflow-visible .mockframe.macbook-pro .screen{overflow:visible!important}.\[\&_\.mockframe\.macbook-pro_\.screen\]\:\!bg-black .mockframe.macbook-pro .screen{background-color:var(--color-black)!important}.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{appearance:none}.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{appearance:none}}:root{--reveal-duration:.55s}*,:before,:after{box-sizing:border-box;font-family:DM Sans,sans-serif}a,button,input,textarea,select,[role=button]{transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out,opacity .3s ease-in-out}button:not(:disabled),[type=button]:not(:disabled),[type=submit]:not(:disabled),[type=reset]:not(:disabled),[role=button]:not([aria-disabled=true]),.standardBtn{cursor:pointer}button:disabled,[type=button]:disabled,[type=submit]:disabled,[type=reset]:disabled{cursor:not-allowed}body{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;margin:0}a{color:inherit;text-decoration:none}.topic{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-primary);width:max-content;padding-inline:calc(var(--spacing)*6);padding-block:calc(var(--spacing)*3);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1.3;--tw-font-weight:var(--font-weight-light);line-height:1.3;font-weight:var(--font-weight-light);white-space:nowrap;color:#daff00b8;border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.topic{color:color-mix(in oklab,var(--color-primary)72%,transparent)}}.topic{-webkit-backdrop-filter:blur(4px);background-color:#7a8f0033;border-width:.5px}.section-head .topic,.topic-label{padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*2.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:#ffffffb8}@supports (color:color-mix(in lab,red,red)){.section-head .topic,.topic-label{color:color-mix(in oklab,var(--color-white)72%,transparent)}}.topic-compact{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.topic.is-active{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-black);opacity:1}.bg-primary .topic{border-color:var(--color-black);color:#0a0a0ab8}@supports (color:color-mix(in lab,red,red)){.bg-primary .topic{color:color-mix(in oklab,var(--color-black)72%,transparent)}}.bg-primary .topic{background-color:#0003}.heading-1{--tw-leading:.8;--tw-font-weight:var(--font-weight-light);font-size:40px;line-height:.8;font-weight:var(--font-weight-light);--tw-tracking:-1.76px;letter-spacing:-1.76px}@media (min-width:48rem){.heading-1{font-size:56px}}@media (min-width:80rem){.heading-1{font-size:72px}}@media (min-width:96rem){.heading-1{font-size:88px}}.heading-2{--tw-leading:.96;--tw-font-weight:var(--font-weight-light);font-size:36px;line-height:.96;font-weight:var(--font-weight-light);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}@media (min-width:48rem){.heading-2{font-size:48px}}@media (min-width:80rem){.heading-2{font-size:56px}}@media (min-width:96rem){.heading-2{font-size:64px}}.heading-3{--tw-leading:1;--tw-tracking:-.64px;letter-spacing:-.64px;color:var(--color-white);font-size:24px;line-height:1}@media (min-width:48rem){.heading-3{font-size:28px}}@media (min-width:80rem){.heading-3{font-size:30px}}@media (min-width:96rem){.heading-3{font-size:32px}}.title-display{--tw-leading:.8;--tw-font-weight:var(--font-weight-light);font-size:40px;line-height:.8;font-weight:var(--font-weight-light);--tw-tracking:-1.6px;letter-spacing:-1.6px}@media (min-width:48rem){.title-display{font-size:56px}}@media (min-width:80rem){.title-display{font-size:64px}}@media (min-width:96rem){.title-display{font-size:80px}}.title-display-home{--tw-leading:1;--tw-font-weight:var(--font-weight-light);font-size:44px;line-height:1;font-weight:var(--font-weight-light);--tw-tracking:-1.28px;letter-spacing:-1.28px}@media (min-width:48rem){.title-display-home{font-size:60px}}@media (min-width:80rem){.title-display-home{font-size:72px}}@media (min-width:96rem){.title-display-home{--tw-tracking:-1.76px;letter-spacing:-1.76px;font-size:96px}}.title-feature{--tw-leading:1.05;--tw-font-weight:var(--font-weight-light);font-size:40px;line-height:1.05;font-weight:var(--font-weight-light);--tw-tracking:-1.28px;letter-spacing:-1.28px}@media (min-width:48rem){.title-feature{font-size:48px}}@media (min-width:80rem){.title-feature{font-size:56px}}@media (min-width:96rem){.title-feature{font-size:64px}}.title-compact{--tw-leading:.8;--tw-font-weight:var(--font-weight-light);font-size:40px;line-height:.8;font-weight:var(--font-weight-light);--tw-tracking:-1.28px;letter-spacing:-1.28px}@media (min-width:48rem){.title-compact{font-size:52px}}@media (min-width:80rem){.title-compact{font-size:56px}}@media (min-width:96rem){.title-compact{font-size:64px}}.title-lead{--tw-leading:.8;--tw-font-weight:var(--font-weight-light);font-size:36px;line-height:.8;font-weight:var(--font-weight-light);--tw-tracking:-1.12px;letter-spacing:-1.12px}@media (min-width:48rem){.title-lead{font-size:48px}}@media (min-width:80rem){.title-lead{font-size:52px}}@media (min-width:96rem){.title-lead{font-size:56px}}.title-stat{--tw-leading:.8;--tw-font-weight:var(--font-weight-medium);font-size:32px;line-height:.8;font-weight:var(--font-weight-medium);--tw-tracking:-.96px;letter-spacing:-.96px}@media (min-width:48rem){.title-stat{font-size:40px}}@media (min-width:80rem){.title-stat{font-size:44px}}@media (min-width:96rem){.title-stat{font-size:48px}}.title-metric{--tw-leading:1;--tw-font-weight:var(--font-weight-light);font-size:28px;line-height:1;font-weight:var(--font-weight-light);--tw-tracking:-.8px;letter-spacing:-.8px}@media (min-width:48rem){.title-metric{font-size:32px}}@media (min-width:80rem){.title-metric{font-size:36px}}@media (min-width:96rem){.title-metric{font-size:40px}}.title-accent{--tw-leading:.8;--tw-tracking:-.98px;letter-spacing:-.98px;font-size:28px;line-height:.8}@media (min-width:48rem){.title-accent{font-size:36px}}@media (min-width:80rem){.title-accent{font-size:42px}}@media (min-width:96rem){.title-accent{font-size:49px}}.body-1{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:1.3;--tw-font-weight:var(--font-weight-light);line-height:1.3;font-weight:var(--font-weight-light);--tw-tracking:-.72px;letter-spacing:-.72px;color:var(--color-white);opacity:.64}@media (min-width:40rem){.body-1{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}.body-2{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:1.3;--tw-font-weight:var(--font-weight-extralight);line-height:1.3;font-weight:var(--font-weight-extralight);color:var(--color-white);opacity:.72}@media (min-width:40rem){.body-2{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}.stat-label{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-leading:1;--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);color:var(--color-white);line-height:1}@media (min-width:40rem){.stat-label{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:80rem){.stat-label{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}.gradientStat{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:#7a8f00;--tw-gradient-to:#7a8f0000;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));color:#0000;-webkit-background-clip:text;background-clip:text}.stat-value{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:#7a8f00;--tw-gradient-to:#7a8f0000;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));--tw-leading:.8;--tw-tracking:-2px;letter-spacing:-2px;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:48px;line-height:.8}@media (min-width:48rem){.stat-value{font-size:64px}}@media (min-width:80rem){.stat-value{font-size:88px}}@media (min-width:96rem){.stat-value{font-size:104px}}.stat-period{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:#7a8f00;--tw-gradient-to:#7a8f0000;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));--tw-leading:.8;--tw-tracking:-1.28px;letter-spacing:-1.28px;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:40px;line-height:.8}@media (min-width:48rem){.stat-period{font-size:48px}}@media (min-width:80rem){.stat-period{font-size:56px}}@media (min-width:96rem){.stat-period{font-size:64px}}.stat-hero{--tw-leading:.8;--tw-tracking:-2.44px;letter-spacing:-2.44px;font-size:48px;line-height:.8}@media (min-width:48rem){.stat-hero{font-size:72px}}@media (min-width:80rem){.stat-hero{font-size:96px}}@media (min-width:96rem){.stat-hero{font-size:122px}}.stat-highlight{--tw-leading:.8;--tw-tracking:-1.76px;letter-spacing:-1.76px;font-size:40px;line-height:.8}@media (min-width:48rem){.stat-highlight{font-size:52px}}@media (min-width:80rem){.stat-highlight{font-size:64px}}@media (min-width:96rem){.stat-highlight{font-size:88px}}.gradientText{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:#fff;--tw-gradient-to:color-mix(in oklab,var(--color-secondary)50%,transparent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:#0000;-webkit-background-clip:text;background-clip:text}.headline-gradient{color:#0000;background-image:linear-gradient(86deg,#fffc,#fff,#ffffff4d);-webkit-background-clip:text;background-clip:text}.gradientText2{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:#fff;--tw-gradient-to:color-mix(in oklab,var(--color-secondary)60%,transparent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));color:#0000;-webkit-background-clip:text;background-clip:text}.gradientText3{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--color-primary);--tw-gradient-to:var(--color-black);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));color:#0000;-webkit-background-clip:text;background-clip:text}.legal-hero-title{--tw-font-weight:var(--font-weight-medium);font-size:40px;font-weight:var(--font-weight-medium);--tw-tracking:-1.76px;letter-spacing:-1.76px}@media (min-width:40rem){.legal-hero-title{font-size:56px}}@media (min-width:48rem){.legal-hero-title{font-size:72px}}@media (min-width:80rem){.legal-hero-title{font-size:88px}}.legal-hero-title{padding-block:.04em;line-height:1.08}.legal-section-title{--tw-font-weight:var(--font-weight-light);font-size:36px;font-weight:var(--font-weight-light);--tw-tracking:-1.28px;letter-spacing:-1.28px}@media (min-width:40rem){.legal-section-title{font-size:48px}}@media (min-width:48rem){.legal-section-title{font-size:56px}}@media (min-width:80rem){.legal-section-title{font-size:64px}}.legal-section-title{-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-block:.05em;line-height:1.12;overflow:visible}.legal-body{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-leading:1.55;--tw-font-weight:var(--font-weight-light);line-height:1.55;font-weight:var(--font-weight-light);--tw-tracking:-.44px;letter-spacing:-.44px;color:var(--color-white);opacity:.64}@media (min-width:80rem){.legal-body{font-size:22px}}.legal-body{text-align:left}.legal-list{gap:calc(var(--spacing)*3);flex-direction:column;padding-inline-start:33px;list-style-type:disc;display:flex}@media (min-width:40rem){.legal-list{gap:calc(var(--spacing)*4)}}.legal-list li{padding-block:.04em;line-height:1.55}.legal-blocks{gap:calc(var(--spacing)*5);flex-direction:column;display:flex}@media (min-width:40rem){.legal-blocks{gap:calc(var(--spacing)*6)}}.legal-labeled-label{margin-bottom:calc(var(--spacing)*2);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-white);display:block}@media (min-width:40rem){.legal-labeled-label{margin-bottom:calc(var(--spacing)*3)}}.legal-contact-lines{gap:calc(var(--spacing)*3);flex-direction:column;display:flex}@media (min-width:40rem){.legal-contact-lines{gap:calc(var(--spacing)*4)}}.legal-callout{border-left-style:var(--tw-border-style);border-left-width:3px;border-color:var(--color-primary);padding:calc(var(--spacing)*6);border-top-right-radius:24px;border-bottom-right-radius:24px}@media (min-width:40rem){.legal-callout{padding:calc(var(--spacing)*8)}}.legal-callout{background-color:#7a8f0033}p{text-align:justify;color:var(--color-gray-300)}.bullet-dot{border-radius:9999px;flex-shrink:0;width:1.5rem;height:1.5rem}.bullet-dot--filled{background-color:var(--color-primary);box-shadow:0 0 0 2px #000}.bullet-dot--outline{border:2px solid var(--color-primary);background-color:#000;box-shadow:0 0 0 2px #000}.bullet-dot-track{background:linear-gradient(90deg,#7a8f00c7,#7a8f0052 48%,#0000);border-radius:9999px;height:2rem;overflow:hidden}.bullet-dot-track-vertical{background:linear-gradient(#7a8f00c7,#7a8f0052 48%,#0000);border-radius:9999px}.revenue-calculator-glass{-webkit-backdrop-filter:blur(20px)saturate(1.15);background:linear-gradient(145deg,#7a8f0024,#daff000d 42%,#ffffff0a);border:1px solid #7a8f0038;box-shadow:inset 0 1px #ffffff1a,0 8px 32px #0000001f}.revenue-calculator-input{-webkit-backdrop-filter:blur(10px);background:#7a8f0029;border:1px solid #7a8f0047;box-shadow:inset 0 1px #ffffff0f}.testimonial-card{background:#000;border:1px solid #7a8f0033;border-radius:2rem;width:min(85vw,439px);height:336px;padding:2.5rem 2rem 2rem}.testimonial-card-mark{letter-spacing:-1.28px;color:var(--color-primary);opacity:.64;font-size:32px;font-style:italic;font-weight:900;line-height:1.3}.testimonial-card-quote{-webkit-line-clamp:8;line-clamp:8;letter-spacing:-.64px;color:#fff;opacity:.64;-webkit-box-orient:vertical;flex:auto;min-width:0;min-height:0;font-size:16px;font-style:italic;font-weight:300;line-height:1.3;display:-webkit-box;overflow:hidden}.testimonial-card-author{letter-spacing:-.72px;color:#fff;font-size:18px;font-weight:500;line-height:1.3}.standardBtn{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--color-primary);--tw-gradient-via:var(--color-secondary);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));--tw-gradient-to:var(--color-primary);padding:calc(var(--spacing)*.5);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);border-radius:3.40282e38px}.standardBtnText{background-color:var(--color-white);width:100%;height:100%;padding:calc(var(--spacing)*3);padding-inline:calc(var(--spacing)*8);color:var(--color-black);border-radius:3.40282e38px}.detail-step-number{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:#7a8f00;--tw-gradient-to:#7a8f0000;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));--tw-leading:.8;--tw-tracking:-2.44px;letter-spacing:-2.44px;white-space:nowrap;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:56px;line-height:.8}@media (min-width:48rem){.detail-step-number{font-size:72px}}@media (min-width:80rem){.detail-step-number{font-size:96px}}@media (min-width:96rem){.detail-step-number{font-size:122px}}.detail-step-label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-tracking:-.28px;letter-spacing:-.28px;color:var(--color-primary)}.detail-step-title{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-leading:.8;--tw-tracking:-.48px;letter-spacing:-.48px;color:var(--color-white);line-height:.8}@media (min-width:48rem){.detail-step-title{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:80rem){.detail-step-title{font-size:22px}}@media (min-width:96rem){.detail-step-title{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}.detail-result-card{gap:calc(var(--spacing)*5);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing)*5);padding-top:calc(var(--spacing)*6);padding-bottom:calc(var(--spacing)*5);border-width:2px;border-color:#daff003d;border-radius:24px;flex-direction:column;display:flex}@media (min-width:40rem){.detail-result-card{gap:calc(var(--spacing)*6);padding-inline:calc(var(--spacing)*6);padding-top:calc(var(--spacing)*8);padding-bottom:calc(var(--spacing)*6);border-radius:28px}}@media (min-width:80rem){.detail-result-card{gap:calc(var(--spacing)*8);padding-inline:calc(var(--spacing)*8);padding-top:calc(var(--spacing)*10);padding-bottom:calc(var(--spacing)*8);border-radius:32px}}.blackText{color:var(--color-black)}@keyframes auto-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.auto-scroll{animation:40s linear infinite auto-scroll}.auto-scroll:hover{animation-play-state:paused}.floating-card{transition:border-color .4s,box-shadow .4s,transform .4s cubic-bezier(.16,1,.3,1)}.floating-card:hover{border-color:#daff0073;transform:translate(4px,-4px);box-shadow:0 12px 40px -12px #daff002e}.home-hero-screen-stage{overflow:visible}.hero-cards-shell{top:.75rem;left:0;translate:-50%}@media (min-width:1536px){.hero-cards-shell{top:1rem}}.home-hero-metric-card{-webkit-backdrop-filter:blur(6px)saturate(1.15);backdrop-filter:blur(6px)saturate(1.15);background-color:#00000080;border:1px solid #7a8f0033;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s cubic-bezier(.16,1,.3,1),background-color .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px #ffffff14,0 8px 32px #0003}.home-hero-metric-card:hover{background-color:#0000008c;border-color:#daff0061;transform:translate(2px,-2px);box-shadow:inset 0 1px #ffffff1a,0 12px 40px -8px #daff001f}@media (prefers-reduced-motion:reduce){.home-hero-metric-card:hover{transform:none}}.hero-metric-card{transition:border-color .4s,box-shadow .4s,transform .4s cubic-bezier(.16,1,.3,1)}.hero-metric-card:hover{border-color:#daff0073;transform:translate(4px,-4px);box-shadow:0 12px 40px -12px #daff002e}@media (prefers-reduced-motion:reduce){.floating-card:hover,.hero-metric-card:hover{transform:none}}@keyframes hero-card-float{0%,to{transform:translate(0)}50%{transform:translateY(-10px)}}@keyframes hero-card-glow{0%,to{border-color:#7a8f0033;box-shadow:0 0 #daff0000}50%{border-color:#7a8f0061;box-shadow:0 8px 32px -8px #daff001f}}.scroll-reveal{opacity:0;transition:opacity var(--reveal-duration)cubic-bezier(.16,1,.3,1),transform var(--reveal-duration)cubic-bezier(.16,1,.3,1),filter var(--reveal-duration)cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0s);will-change:opacity,transform,filter;backface-visibility:hidden}.scroll-reveal-up{transform:translateY(28px)}.scroll-reveal-rise{transform:translateY(36px)scale(.975)}.scroll-reveal-fade{filter:none;transform:none}.scroll-reveal-blur{filter:blur(10px);transform:translateY(20px)}.scroll-reveal-scale{filter:none;transform:scale(.94)}.scroll-reveal-left{transform:translate(-32px)scale(.98)}.scroll-reveal-right{transform:translate(32px)scale(.98)}.scroll-reveal.is-visible{opacity:1;filter:none;will-change:auto;backface-visibility:visible;transform:none}.dots-stars.dots-glow-top-right{-webkit-mask-image:radial-gradient(70% 60% at 92% 8%,#000 0% 28%,#000000a6 42%,#00000038 58%,#0000 74%);mask-image:radial-gradient(70% 60% at 92% 8%,#000 0% 28%,#000000a6 42%,#00000038,#0000 74%)}.dots-stars.dots-glow-top-left{-webkit-mask-image:radial-gradient(70% 60% at 18% 16%,#000 0% 28%,#000000a6 42%,#00000038 58%,#0000 74%);mask-image:radial-gradient(70% 60% at 18% 16%,#000 0% 28%,#000000a6 42%,#00000038,#0000 74%)}.dots-stars.dots-glow-contact{-webkit-mask-image:radial-gradient(58% 52% at 24% 18%,#000 0% 24%,#0000008c 40%,#0000 68%),radial-gradient(44% 50% at 88% 55%,#000 0% 20%,#00000080 36%,#0000 64%);mask-image:radial-gradient(58% 52% at 24% 18%,#000 0% 24%,#0000008c 40%,#0000 68%),radial-gradient(44% 50% at 88% 55%,#000 0% 20%,#00000080 36%,#0000 64%);-webkit-mask-composite:source-over;mask-composite:add}.site-navbar.site-navbar--legal{-webkit-backdrop-filter:none;background:0 0}.site-navbar-legal-pill{-webkit-backdrop-filter:blur(8px);border-radius:100px;min-height:43px}.site-navbar-legal-back{color:#000!important}.site-navbar-mobile-cta{white-space:nowrap;color:#000!important}.legal-hero-fade{background:linear-gradient(#0000,#0000008c 52%,#000);height:clamp(180px,44%,250px)}:root{--site-nav-inline:clamp(1rem,5vw,7.5rem);--site-nav-block:1.25rem;--site-nav-height:calc(var(--site-nav-block)*2 + 2.25rem)}@media (min-width:640px){:root{--site-nav-block:1.5rem}}@media (min-width:1280px){:root{--site-nav-block:2rem}}.site-navbar{padding-inline:var(--site-nav-inline);padding-block:var(--site-nav-block);-webkit-backdrop-filter:blur(12px);background:#0a0a0ab8}.site-nav-link{letter-spacing:-.01em;color:#ffffffb3;transition:color .2s;position:relative}.site-nav-link:after{content:"";background:var(--color-primary);transform-origin:0;width:100%;height:1px;transition:transform .2s;position:absolute;bottom:-.35rem;left:0;transform:scaleX(0)}.site-nav-link:hover,.site-nav-link:focus-visible{color:var(--color-primary)}.site-nav-link:hover:after,.site-nav-link:focus-visible:after{transform:scaleX(1)}.site-nav-link.is-active{color:#fff}.site-nav-link.is-active:hover,.site-nav-link.is-active:focus-visible{color:var(--color-primary)}.hero-nav-offset{padding-top:var(--site-nav-height)}.home-above-fold{--hero-inline:clamp(4%,5vw,7%)}.home-hero-inner{padding-left:var(--hero-inline);padding-right:0;padding-top:calc(var(--site-nav-height) + 2rem)}@media (min-width:640px){.home-hero-inner{padding-top:calc(var(--site-nav-height) + 2.5rem)}}@media (min-width:1280px){.home-hero-inner{padding-top:calc(var(--site-nav-height) + 3rem)}}.home-hero-glow{object-fit:cover;object-position:right top;mix-blend-mode:plus-lighter;width:100%;height:100%;-webkit-mask-image:radial-gradient(110% 100% at 92% 8%,#000 0%,#000000a6 32%,#0003 52%,#0000 78%),linear-gradient(90deg,#0000 0% 18%,#000 48%);mask-image:radial-gradient(110% 100% at 92% 8%,#000,#000000a6 32%,#0003 52%,#0000 78%),linear-gradient(90deg,#0000 0% 18%,#000 48%);-webkit-mask-composite:source-in;mask-composite:intersect}.hero-glow-top-left,.portfolio-detail-hero-glow{object-fit:cover;object-position:left top;mix-blend-mode:plus-lighter;width:100%;height:100%;-webkit-mask-image:radial-gradient(110% 100% at 8% 8%,#000 0%,#000000a6 32%,#0003 52%,#0000 78%),linear-gradient(270deg,#0000 0% 18%,#000 48%);mask-image:radial-gradient(110% 100% at 8% 8%,#000,#000000a6 32%,#0003 52%,#0000 78%),linear-gradient(270deg,#0000 0% 18%,#000 48%);-webkit-mask-composite:source-in;mask-composite:intersect}.hero-page-light{pointer-events:none;z-index:0;isolation:isolate;position:absolute;inset:0;overflow:hidden}.hero-page-glow{object-fit:cover;object-position:left top;mix-blend-mode:plus-lighter;width:100%;height:100%;position:absolute;inset:0}.home-trustees-bar{padding-left:var(--hero-inline);padding-bottom:clamp(2%,3vh,3%);padding-right:0}.trustees-block-inner{padding-bottom:clamp(2%,3vh,3%)}.trustees-block-column{flex-direction:column;gap:clamp(7rem,6vh,7rem);width:100%;max-width:75%;margin-top:clamp(7rem,6vh,7rem);margin-left:auto;display:flex}@media (max-width:767px){.trustees-block-column{align-items:center;max-width:100%;margin-inline:auto}}.trustees-block-logos{width:100%}.trustees-marquee-track{animation:32s linear infinite auto-scroll}.trustees-marquee-fade-left{background:linear-gradient(90deg,#000,#000000a6 45%,#0000)}.trustees-marquee-fade-right{background:linear-gradient(270deg,#000,#000000a6 45%,#0000)}@media (prefers-reduced-motion:reduce){.trustees-marquee-track{flex-wrap:wrap;justify-content:center;gap:1.5rem;width:100%;animation:none}.trustees-marquee-track>[aria-hidden=true]{display:none}}.home-hero-inner{flex-direction:column;display:flex}.home-hero-row{flex:1;align-items:center;gap:5rem;width:100%;min-height:0;display:flex}.home-hero-copy,.home-hero-visual{flex-direction:column;flex:calc(50% - 2.5rem);justify-content:center;min-width:0;max-width:calc(50% - 2.5rem);display:flex}.home-hero-copy{align-items:flex-start}.home-hero-visual{align-items:center;position:relative;overflow:visible}.home-hero-device{min-height:18rem}.home-hero-macbook-wrap{pointer-events:none}.portfolio-detail-device{min-height:18rem}.portfolio-detail-macbook-wrap{pointer-events:none}@media (min-width:1280px){.home-hero-row{align-items:flex-start}.home-hero-device{min-height:0;overflow:visible}.home-hero-macbook-wrap{--macbook-visible:.65;transform-origin:100% 0;padding-bottom:1.5rem;overflow:visible;transform:none}.home-hero-macbook-wrap .mockframe.macbook-pro{transform-origin:100% 0;translate:calc((1 - var(--macbook-visible))*100%)0;flex-shrink:0;align-self:flex-start}@media (min-width:1536px){.home-hero-macbook-wrap{padding-bottom:2rem}}.portfolio-detail-device{height:100%;min-height:0}.portfolio-detail-macbook-wrap{transform-origin:100% 0;transform:none}}@media (max-width:767px){.home-hero-row{flex-direction:column}.home-hero-copy,.home-hero-visual{flex-basis:auto;max-width:100%}}@media (max-width:1279px){.home-above-fold{--hero-inline:16px;overflow-x:hidden}.home-hero-inner{padding-left:16px;padding-right:16px;padding-top:calc(var(--site-nav-height) + 24px)}.home-hero-row{flex-direction:column;align-items:stretch;gap:0}.home-hero-copy,.home-hero-visual{flex:none;max-width:100%}.home-hero-copy-block{gap:32px}.home-hero-head{gap:24px}.home-hero-title{letter-spacing:-1.12px;font-size:56px;line-height:.85}.home-hero-body{font-size:14px}.home-hero-cta{gap:24px;margin-top:20px}.home-hero-mobile-stats{z-index:2;flex:none;width:100%;margin-top:24px;position:relative}.home-hero-metric-card--mobile{min-height:83px}.home-hero-metric-card-content--compact{gap:18px;padding:18px}.home-hero-metric-card--mobile p:first-child{letter-spacing:-.54px;font-size:13.5px}.home-hero-metric-card--mobile .title-metric{letter-spacing:-.6px;font-size:30px}.home-hero-metric-tag{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.home-hero-visual{z-index:1;width:100%;max-width:100%;margin-top:-36px;margin-left:0;margin-right:0;overflow:hidden visible}.home-hero-device{width:100%;max-width:100%;overflow:hidden visible}.home-hero-macbook-wrap{justify-content:center;width:100%;max-width:100%;margin-left:0;margin-right:0;overflow:clip visible}.macbook-slot{--mac-scale:min(1, calc((100vw - 2rem)/71.75rem) );width:100%;height:calc(41.5rem*var(--mac-scale));position:relative;overflow:clip visible}.macbook-slot .mockframe.macbook-pro{transform:translate(-50%)scale(var(--mac-scale));transform-origin:top;position:absolute;top:0;left:50%}.home-hero-mobile-fade{background:linear-gradient(#0000,#000);height:151px}.home-hero-inner{padding-bottom:24px}}@media (min-width:1280px){.home-hero-copy-block{gap:40px}.home-hero-head{gap:24px}.home-hero-cta{gap:32px;margin-top:0}}@media (max-width:639px){.portfolio-hero-title{letter-spacing:-.72px;font-size:36px}.portfolio-hero-subtitle{font-size:14px;line-height:1.35}.portfolio-hero-stats{gap:1.5rem 1.25rem;margin-top:3rem}.portfolio-hero-stat-value{letter-spacing:-.64px;font-size:32px}.portfolio-hero-stat-label{opacity:.72;font-size:13px;line-height:1.25}.portfolio-filters{-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-bottom:.5rem}.portfolio-filters::-webkit-scrollbar{display:none}.portfolio-filters .topic{padding:.5rem .875rem;font-size:12px}.portfolio-grid-section{padding-top:2.5rem}}@media (max-width:1279px){.portfolio-detail-hero-inner{padding-left:16px;padding-right:16px;padding-top:calc(var(--site-nav-height) + 24px);padding-bottom:24px}.portfolio-detail-hero-row{flex-direction:column;align-items:stretch;gap:0}.portfolio-detail-hero-copy,.portfolio-detail-hero-visual{flex:none;max-width:100%}.portfolio-detail-hero-head{gap:20px}.portfolio-detail-hero-copy{gap:32px}.portfolio-detail-hero-intro{gap:24px}.portfolio-detail-hero-title{letter-spacing:-.96px;font-size:48px;line-height:.9}.portfolio-detail-hero-excerpt{letter-spacing:normal;font-size:14px}.portfolio-detail-hero-meta{border-radius:12px;gap:16px;padding:16px 20px}.portfolio-detail-hero-meta-item{gap:10px}.portfolio-detail-hero-visual{z-index:1;width:100%;max-width:100%;margin-top:24px;overflow:hidden visible}.portfolio-detail-device{width:100%;max-width:100%;min-height:0;overflow:hidden visible}.portfolio-detail-macbook-wrap{width:100%;max-width:100%;overflow:hidden visible}.portfolio-detail-hero-fade{background:linear-gradient(#0000,#000);height:151px}}@media (min-width:1280px){.portfolio-detail-hero-head,.portfolio-detail-hero-copy{gap:2.5rem}.portfolio-detail-hero-intro{gap:1.5rem}}.mobile-nav-panel{--menu-origin-x:calc(100% - var(--site-nav-inline) - 1.375rem);--menu-origin-y:calc(var(--site-nav-block) + 1.375rem);isolation:isolate;opacity:0;clip-path:circle(0% at var(--menu-origin-x)var(--menu-origin-y));-webkit-backdrop-filter:blur(48px)saturate(1.35)brightness(.55);will-change:clip-path,opacity;padding-bottom:max(2rem,env(safe-area-inset-bottom));background-color:#000000e0;transition:clip-path .52s cubic-bezier(.22,1,.36,1),opacity .32s}.mobile-nav-panel:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(#000000b8,#000000d1 52%,#080a00e6);position:absolute;inset:0}.mobile-nav-panel:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(135deg,#ffffff12,#0000 38%,#daff000d);border:1px solid #ffffff0f;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #00000059}.mobile-nav-panel.is-open{opacity:1;clip-path:circle(150vmax at var(--menu-origin-x)var(--menu-origin-y))}.mobile-nav-panel-inner{opacity:0;transition:opacity .34s 80ms,transform .42s cubic-bezier(.22,1,.36,1) 80ms;transform:translateY(12px)}.mobile-nav-panel.is-open .mobile-nav-panel-inner{opacity:1;transform:translate(0)}.mobile-nav-header{opacity:0;transition:opacity .28s .12s,transform .32s cubic-bezier(.22,1,.36,1) .12s;transform:translateY(-8px)}.mobile-nav-panel.is-open .mobile-nav-header{opacity:1;transform:translate(0)}.mobile-nav-eyebrow{margin-bottom:.75rem}.mobile-nav-tagline{letter-spacing:-.02em;color:#ffffff7a;max-width:18rem;font-size:.875rem;font-weight:300;line-height:1.45}.mobile-nav-list{-webkit-backdrop-filter:blur(14px);background:linear-gradient(160deg,#7a8f001f,#ffffff08);border:1px solid #7a8f003d;border-radius:1.25rem;flex-direction:column;gap:.375rem;padding:.625rem;display:flex;box-shadow:inset 0 1px #ffffff0f}.mobile-nav-link{letter-spacing:-.02em;color:#ffffffc7;border:1px solid #0000;border-radius:.875rem;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1rem;font-size:1.0625rem;font-weight:500;transition:color .2s,background-color .2s,border-color .2s,transform .2s;display:flex}.mobile-nav-link.is-active{color:var(--color-primary);background:#daff001a;border-color:#daff0047}.mobile-nav-link-arrow{color:#ffffff52;font-size:1.125rem;line-height:1;transition:color .2s,transform .2s}.mobile-nav-link.is-active .mobile-nav-link-arrow{color:#daff00b8;transform:translate(2px)}.mobile-nav-footer{border-top:1px solid #ffffff14;flex-direction:column;gap:1.25rem;padding-top:1.25rem;display:flex}.mobile-nav-connect-label{letter-spacing:.12em;text-transform:uppercase;color:#fff6;margin-bottom:.875rem;font-size:.75rem;font-weight:500}.mobile-nav-socials{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.mobile-nav-social{background:0 0;border:none;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;transition:opacity .2s;display:inline-flex}.mobile-nav-social:hover{opacity:.72}.mobile-nav-item{opacity:0;filter:blur(6px);transition:opacity .38s,transform .44s cubic-bezier(.22,1,.36,1),filter .38s,color .2s;transition-delay:calc(.14s + (var(--nav-index,0)*50ms));transform:translateY(22px)}.mobile-nav-panel.is-open .mobile-nav-item{opacity:1;filter:blur();transform:translate(0)}.mobile-nav-cta{opacity:0;transition:opacity .34s .38s,transform .4s cubic-bezier(.22,1,.36,1) .38s,background-color .2s,color .2s;transform:translateY(16px)}.mobile-nav-panel.is-open .mobile-nav-cta{opacity:1;transform:translate(0)}.mobile-nav-toggle-bar{transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .2s}.mobile-nav-toggle-open{box-shadow:0 0 0 1px #daff001f}@media (prefers-reduced-motion:reduce){.scroll-reveal{opacity:1!important;filter:none!important;transition:none!important;transform:none!important}.mobile-nav-panel,.mobile-nav-panel-inner,.mobile-nav-header,.mobile-nav-item,.mobile-nav-cta,.mobile-nav-social,.mobile-nav-toggle-bar{filter:none!important;opacity:1!important;clip-path:none!important;transition:none!important;transform:none!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-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}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@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}@keyframes spin{to{transform:rotate(360deg)}}.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,#b5b7b9 50%,#f0f2f2 69%,#303233);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,#f9e7d3,#cebba9)}.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,#464646,#080808)}.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,#b5b7b9 50%,#f0f2f2 69%,#303233);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,#f9e7d3,#cebba9)}.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,#464646,#080808)}.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.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,#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,#333 15%,#252525,#333 85%,#4a4a4a);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,#111);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,#1a1a1a 15%,#0a0a0a,#1a1a1a 85%,#0000);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,#ffffff0f,#0000 60%);border-radius:46px 0 0;top:6px;left:6px}.mockframe.iphone17 .corner-highlight.tr{background:radial-gradient(at 0 100%,#ffffff26,#ffffff0f,#0000 60%);border-radius:0 46px 0 0;top:6px;right:6px}.mockframe.iphone17 .corner-highlight.bl{background:radial-gradient(at 100% 0,#ffffff1f,#ffffff0d,#0000 60%);border-radius:0 0 0 46px;bottom:6px;left:6px}.mockframe.iphone17 .corner-highlight.br{background:radial-gradient(at 0 0,#ffffff1f,#ffffff0d,#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,#252530 40%,#15151a,#0a0a0f);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,#0000);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,#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,#454545 8%,#353535 20%,#2d2d2d,#353535 80%,#454545 92%,#5a5a5a);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,#454545 8%,#353535 20%,#2d2d2d,#353535 80%,#454545 92%,#5a5a5a);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,#454545 8%,#353535 20%,#2d2d2d,#353535 80%,#454545 92%,#5a5a5a);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,#454545 8%,#353535 20%,#2d2d2d,#353535 80%,#454545 92%,#5a5a5a);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,#454545 8%,#353535 20%,#2d2d2d,#353535 80%,#454545 92%,#5a5a5a);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,#e8e8e3 15%,#d8d8d3,#e8e8e3 85%,#fafaf7);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,#c0c0bb)}.mockframe.iphone17.white .antenna{background:linear-gradient(90deg,#0000,#a0a09b 15%,#888883,#a0a09b 85%,#0000)}.mockframe.iphone17.white .corner-highlight.bl,.mockframe.iphone17.white .corner-highlight.br{background:radial-gradient(at 50% 0,#fff9,#fff3 40%,#0000 70%)}.mockframe.iphone17.white .corner-highlight.tl,.mockframe.iphone17.white .corner-highlight.tr{background:radial-gradient(at 50% 100%,#ffffffb3,#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{box-shadow:none;background:linear-gradient(#f0f0eb,#d8d8d3 15%,#c8c8c3,#d8d8d3 85%,#f0f0eb)}: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,#d8d8d3 15%,#c8c8c3,#d8d8d3 85%,#f0f0eb)}.mockframe.iphone17.mist-blue{background:linear-gradient(145deg,#c8d5e0,#a8bac8 15%,#95a8b8,#a8bac8 85%,#c8d5e0);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,#758898)}.mockframe.iphone17.mist-blue .antenna{background:linear-gradient(90deg,#0000,#6a7a8a 15%,#5a6a7a,#6a7a8a 85%,#0000)}.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{box-shadow:none;background:linear-gradient(#bccad5,#a0b2c2 15%,#90a5b5,#a0b2c2 85%,#bccad5)}: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,#a0b2c2 15%,#90a5b5,#a0b2c2 85%,#bccad5)}.mockframe.iphone17.sage{background:linear-gradient(145deg,#c5d4c0,#a5b8a1 15%,#94a890,#a5b8a1 85%,#c5d4c0);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,#758874)}.mockframe.iphone17.sage .antenna{background:linear-gradient(90deg,#0000,#6a7a69 15%,#5a6a59,#6a7a69 85%,#0000)}.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{box-shadow:none;background:linear-gradient(#b8cab5,#9eb89a 15%,#8ea88a,#9eb89a 85%,#b8cab5)}: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,#9eb89a 15%,#8ea88a,#9eb89a 85%,#b8cab5)}.mockframe.iphone17.lavender{background:linear-gradient(145deg,#e0d2e8,#c5b5d2 15%,#b5a2c2,#c5b5d2 85%,#e0d2e8);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,#8c7c9c)}.mockframe.iphone17.lavender .antenna{background:linear-gradient(90deg,#0000,#7c6c8c 15%,#6c5c7c,#7c6c8c 85%,#0000)}.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{box-shadow:none;background:linear-gradient(#d2c5dc,#baa8ca 15%,#aa98ba,#baa8ca 85%,#d2c5dc)}: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,#baa8ca 15%,#aa98ba,#baa8ca 85%,#d2c5dc)}.mockframe.iphone17.cosmic-orange{background:linear-gradient(145deg,#f9a66d,#f6823d 15%,#e5712c,#f6823d 85%,#f9a66d);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,#b55520)}.mockframe.iphone17.cosmic-orange .antenna{background:linear-gradient(90deg,#0000,#a54a1a 15%,#8a3a10,#a54a1a 85%,#0000)}.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{box-shadow:none;background:linear-gradient(#f8955a,#f6823d 15%,#e5712c,#f6823d 85%,#f8955a)}: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,#f6823d 15%,#e5712c,#f6823d 85%,#f8955a)}.mockframe.iphone17.deep-blue{background:linear-gradient(145deg,#6a7499,#4a547f 15%,#3a446f,#4a547f 85%,#6a7499);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,#2a345a)}.mockframe.iphone17.deep-blue .antenna{background:linear-gradient(90deg,#0000,#2a345a 15%,#1a244a,#2a345a 85%,#0000)}.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{box-shadow:none;background:linear-gradient(#5a6489,#4a547f 15%,#3a446f,#4a547f 85%,#5a6489)}: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,#4a547f 15%,#3a446f,#4a547f 85%,#5a6489)}.mockframe.iphone17.landscape{width:812px;height:375px;padding:12px}.mockframe.iphone17.landscape .antenna.top-left{background:linear-gradient(#0000,#1a1a1a 15%,#0a0a0a,#1a1a1a 85%,#0000);width:3px;height:12px;top:0;left:82px}.mockframe.iphone17.landscape .antenna.top-right{background:linear-gradient(#0000,#1a1a1a 15%,#0a0a0a,#1a1a1a 85%,#0000);width:3px;height:12px;top:0;left:auto;right:82px}.mockframe.iphone17.landscape .antenna.bottom-left{background:linear-gradient(#0000,#1a1a1a 15%,#0a0a0a,#1a1a1a 85%,#0000);width:3px;height:12px;bottom:0;left:82px}.mockframe.iphone17.landscape .antenna.bottom-right{background:linear-gradient(#0000,#1a1a1a 15%,#0a0a0a,#1a1a1a 85%,#0000);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 device styles
* Adapted from Marvel devices.css (https://github.com/marvelapp/devices.css)
* Original work Copyright (c) 2014 Marvelapp — MIT License
* Modifications Copyright (c) 2026 Mohammed Banani — MIT License
*/.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.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,#c3c3c3 5%,#ebebeb 14%,#979797 41%,#f0f0f0 80% 100%,#f0f0f0);left:0}.mockframe.macbook .bottom-bar:after{background:linear-gradient(90deg,#f0f0f0 0% 0%,#f0f0f0 20%,#979797 59%,#ebebeb 86%,#c3c3c3 95%,#747474);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.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,#0a0a10);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,#2a2a2a);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,#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);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{background:#0d0d0d}.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,#b5b5b5);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,#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)}