@import "https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&family=Google+Sans+Code:wght@300..800&family=Pixelify+Sans:wght@400..700&family=Space+Grotesk:wght@700&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight: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-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--container-xl:36rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-xl:1.25rem;--text-3xl:1.875rem;--font-weight-medium:500;--font-weight-semibold:600;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;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:where(:not(iframe)){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{.\@container{container-type:inline-size}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.top-0{top:0}.top-1\/2{top:50%}.top-6{top:calc(var(--spacing) * 6)}.right-0{right:0}.right-6{right:calc(var(--spacing) * 6)}.bottom-8{bottom:calc(var(--spacing) * 8)}.left-0{left:0}.left-1\/2{left:50%}.left-6{left:calc(var(--spacing) * 6)}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-0{margin:0}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-0\.5{height:calc(var(--spacing) * .5)}.h-2{height:calc(var(--spacing) * 2)}.h-24{height:calc(var(--spacing) * 24)}.h-full{height:100%}.h-screen{height:100vh}.min-h-0{min-height:0}.min-h-screen{min-height:100vh}.w-\[177px\]{width:177px}.w-\[768px\]{width:768px}.w-full{width:100%}.max-w-\[640px\]{max-width:640px}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.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}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-8{gap:calc(var(--spacing) * 8)}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:2147483647px}.border{border-style:var(--tw-border-style);border-width:1px}.border\!{border-style:var(--tw-border-style)!important;border-width:1px!important}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-none{--tw-border-style:none;border-style:none}.p-0{padding:0}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-\[10\.5px\]{padding-inline:10.5px}.py-1{padding-block:var(--spacing)}.py-3{padding-block:calc(var(--spacing) * 3)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pt-\[116px\]{padding-top:116px}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.text-center{text-align:center}.text-left{text-align:left}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[30px\]{font-size:30px}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-\[38px\]{--tw-leading:38px;line-height:38px}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.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,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.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))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}@media (width>=48rem){.md\:pt-\[104px\]{padding-top:104px}}}:root{--surface:#fff;--surface-transparent:#fff0;--surface-muted-1:#f7f6f3;--surface-muted-1-transparent:#0c233108;--surface-muted-2:#f2f2ed;--surface-muted-2-transparent:#0c23311c;--surface-muted-3:#ebe9e0;--surface-muted-4:#d7d4ca;--surface-muted-5:#c5c0b0;--surface-invert:#293942;--foreground:#0c2331;--foreground-muted:#293942;--foreground-muted-1:#4d5b64;--foreground-muted-2:#6c7980;--foreground-disabled:#a49f8f;--foreground-invert:#fff;--border:#eff2f3;--border-strong:#cad1d3;--border-hover:#abb4b7;--border-subtle:#e2e7e9;--border-subtle-10:#0c23311c;--border-disabled:#ebe9e0;--border-transparent:#fff0;--primary:#e5d600;--primary-hover:#f3e739;--primary-disabled:#ebe9e0;--primary-foreground:#0c2331;--primary-foreground-disabled:#a49f8f;--secondary:#fff;--secondary-hover:#f7f6f3;--secondary-disabled:#fff;--secondary-foreground:#0c2331;--secondary-border-disabled:#ebe9e0;--tertiary:#ebe9e0;--tertiary-hover:#d7d4ca;--tertiary-disabled:#ebe9e0;--tertiary-foreground:#0c2331;--ghost:#fff0;--ghost-hover:#281d1014;--ghost-foreground:#0c2331;--ghost-invert:#fff;--ghost-invert-hover:#fff3;--ghost-invert-disabled:#fff6;--critical:#f3164e;--critical-hover:#d50b3e;--critical-disabled:#ebe9e0;--critical-foreground:#fff;--critical-foreground-disabled:#a49f8f;--critical-muted:#fef0f4;--critical-invert-foreground:#f53d6b;--active:#ebe9e0;--active-foreground:#0c2331;--active-muted:#0c23310f;--active-muted-foreground:#4d5b64;--success:#26c9a0;--warning:#ffc233;--focus:#b7ac02;--focus-muted:#ffff61;--button-group:#0c2331d6;--success-foreground:#15a883;--info:#b7ac02;--info-muted:#ebe9e0;--link:#b7ac02;--link-hover:#988f02;--link-muted:#0c2331;--link-muted-1:#4d5b64;--border-connector:#cad1d3;--foreground-connector:#cad1d3;--surface-hover:#ebe9e0;--success-muted:#e4fbf5;--warning-muted:#fbf8a1;--question-type-basic:#85e0ca;--question-type-rating:#d4d587;--question-type-answer:#fab7c8;--question-type-premium:#ffc19e;--question-type-other:#d8c2eb;--question-type-elements:#c8c4b9;--avatar-olive:#d4d587;--avatar-peach:#ffc19e;--avatar-mint:#85e0ca;--avatar-pink:#fab7c8;--avatar-lavender:#d8c2eb;--avatar-sand:#efc78a;--avatar-green:#b5dba0;--avatar-cyan:#82e0e5;--avatar-stone:#d4cdbc;--upgrade:#3f1458;--upgrade-hover:#5d247e;--upgrade-disabled:#ebe9e0;--upgrade-foreground:#fff;--upgrade-foreground-disabled:#a49f8f;--accent-purple:#9b4bce;--upgrade-link:#7b36a6;--upgrade-link-hover:#5d247e;--shadow-xs:0 1px 2px 0 #281d100d;--shadow-sm:0 1px 2px 0 #281d100f, 0 1px 3px 0 #281d101a;--shadow-md:0 2px 4px -2px #281d100d, 0 4px 8px -2px #281d101a;--shadow-lg:0 4px 6px -2px #281d1008, 0 12px 16px -4px #281d1014;--shadow-xl:0 8px 8px -4px #281d1008, 0 20px 24px -4px #281d1014;--shadow-2xl:0 24px 48px -12px #281d102e;--shadow-overlay:0 0 0 1px #0c23311c, 0 2px 4px 0 #281d100a, 0 6px 8px 0 #281d100a, 0 12px 16px 0 #281d1008, 0 24px 48px 0 #281d1008;--ring-focus:inset 0 0 0 1px var(--focus);--ring-focus-critical:inset 0 0 0 1px var(--critical);--radius-button-group:24px;--radius-button-lg:20px;--radius-button-md:16px;--radius-button-sm:12px;--radius-button-xl:24px;--radius-input-lg:10px;--radius-input-lg-rounded:20px;--radius-input-xl:12px;--radius-input-xl-rounded:24px;--radius-card:40px;--radius-template-card:32px;--radius-template-thumbnail:20px;--radius-accordion:16px;--radius-alert:16px;--radius-alignment:10px;--radius-answer-row:10px;--radius-avatar-trigger:20px;--radius-banner:24px;--radius-cell-trigger:16px;--radius-chat-input:24px;--radius-checkbox:4px;--radius-code-field:16px;--radius-color:20px;--radius-color-field:4px;--radius-color-picker-panel:16px;--radius-counter-badge:6px;--radius-dialog-lg:24px;--radius-dialog-md:24px;--radius-dialog-sm:24px;--radius-dropdown-trigger:10px;--radius-dropdown-trigger-rounded:24px;--radius-formatting-toolbar:24px;--radius-language-selector:20px;--radius-menu-item:10px;--radius-message-bubble:16px;--radius-navigation:20px;--radius-notification-media:16px;--radius-option-card:32px;--radius-option-card-mobile:24px;--radius-page-card:24px;--radius-page-thumbnail:20px;--radius-page-thumbnail-artboard:16px;--radius-progress-bar:4px;--radius-question-editor:24px;--radius-question-type-icon:8px;--radius-question-type-item:10px;--radius-radio-card:20px;--radius-section:24px;--radius-section-content:20px;--radius-section-header:8px;--radius-select:10px;--radius-slider-rail:9999px;--radius-slider-thumb:4px;--radius-step-indicator:9999px;--radius-survey-link:9999px;--radius-survey-title:8px;--radius-switch:20px;--radius-tabs:20px;--radius-tabs-trigger:20px;--radius-tag-md:8px;--radius-tag-sm:6px;--radius-tag-xs:6px;--radius-text-area:10px;--radius-theme-picker:32px;--radius-theme-picker-image:20px;--radius-toast:24px;--radius-usage-card:24px;--min-width-button-lg:80px;--min-width-button-md:56px;--min-width-button-sm:48px;--min-width-button-xl:96px;--min-width-counter-badge:20px;--min-width-popover:176px;--min-width-toast:176px;--font-family:"Google Sans Flex", sans-serif;--font-family-code:"Google Sans Code", ui-monospace, SFMono-Regular, Menlo, monospace;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--text-caption:11px;--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:18px;--text-xl:21px;--text-2xl:24px;--text-3xl:32px;--text-4xl:44px;--line-height-caption:16px;--line-height-xs:16px;--line-height-sm:24px;--line-height-md:28px;--line-height-lg:28px;--line-height-xl:28px;--line-height-2xl:32px;--line-height-3xl:40px;--line-height-4xl:48px}body{font-family:var(--font-family);color:var(--foreground);margin:0}::selection{background-color:#8ee1cc}*,:before,:after{box-sizing:border-box}:where(:focus-visible){outline:2px solid var(--foreground,#0c2331);outline-offset:2px}*{font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,a,button,[role=button],label,select,summary{cursor:url(/cursor.png?v=7) 10 8,auto;cursor:-webkit-image-set(url(/cursor.png?v=7) 1x, url(/cursor@2x.png?v=7) 2x) 10 8, auto;cursor:image-set(url(/cursor.png?v=7) 1x, url(/cursor@2x.png?v=7) 2x) 10 8, auto}input,textarea,[contenteditable]{cursor:text}html,body{overflow-x:clip}body{background:var(--background,#fff);color:var(--foreground,#122430);margin:0;font-family:Google Sans Flex,system-ui,sans-serif}h1,h2,h3,h4,h5,h6{text-wrap:balance}p,li,figcaption,blockquote{text-wrap:pretty}:root{--content:1216px;--side:16px;--bar-top:24px;--gutter:max(var(--side), (100% - var(--content)) / 2);--heading-font:"Space Grotesk", "Google Sans Flex", system-ui, sans-serif;--hover-bg:var(--surface,#fff)}@supports (color:color-mix(in lab, red, red)){:root{--hover-bg:color-mix(in srgb, var(--surface,#fff) 94%, #000)}}:root{--pixel-font:"Pixelify Sans", ui-monospace, monospace;--primary:#e8e413;--primary-hover:#d4d00e}@media (width<=640px){:root{--bar-top:16px}}@media (width>=768px){:root{--side:40px}}@media (width>=1024px){:root{--side:80px}}.content{width:min(100% - 2 * var(--side), var(--content));margin-inline:auto}.builder-stage{width:min(100%,2560px);margin-inline:auto;position:relative;overflow:hidden}.stage-fades{z-index:40;pointer-events:none;background:linear-gradient(to right, var(--background,#fff), transparent) left / 672px 100% no-repeat, linear-gradient(to left, var(--background,#fff), transparent) right / 672px 100% no-repeat;position:absolute;inset:0}.section-header{z-index:1;width:min(100% - 2 * var(--side), var(--content));flex-direction:column;gap:32px;margin-inline:auto;display:flex;position:relative}@media (width<=767px){.section-icon{width:72px;height:72px}}.section-title{max-width:696px;font-family:var(--heading-font);letter-spacing:-.02em;color:var(--foreground,#0c2331);margin:0;font-size:clamp(28px,2.4vw + 10px,38px);font-weight:700;line-height:1.26}.section-lead{width:fit-content;font-family:var(--heading-font);font-size:min(180px, (100vw - 2 * var(--side)) / 5.3);letter-spacing:-.04em;white-space:nowrap;color:var(--foreground,#0c2331);font-variant-numeric:tabular-nums;margin:0;font-weight:700;line-height:1.26}.section-lead-digit{vertical-align:top;height:1.26em;display:inline-block;position:relative;overflow:hidden}.section-lead-ghost{visibility:hidden}.section-lead-reel{text-align:center;flex-direction:column;display:flex;position:absolute;inset:0 0 auto}.section-lead-char{vertical-align:top;display:inline-block}.about-section{margin-top:64px;overflow-x:clip}.about-section .section-header{gap:40px}.about-text{max-width:660px;font-family:var(--heading-font);letter-spacing:-.02em;color:var(--foreground,#0c2331);text-wrap:pretty;margin:0;font-size:clamp(24px,2.4vw + 6px,38px);font-weight:700;line-height:1.26}.about-text em{font-synthesis:style;font-style:italic}.about-text:first-letter{float:left;letter-spacing:-.02em;margin:.036em .07em 0 0;font-size:2.895em;font-weight:700;line-height:.8}.about-illustration{width:min(1356px,100vw);max-width:none;height:auto;margin:48px 0 0 50%;display:block;translate:calc(-50% + -1*min(13px,max(0px,50vw - 678px)))}.builder-intro .section-title{text-wrap:pretty;max-width:624px}.section-title-accent{color:inherit}.ui-kit-bottom-fade{pointer-events:none;background:linear-gradient(to bottom, transparent, var(--background,#fff) 90%);inset-inline:0;height:368px;position:absolute;bottom:0}.ui-kit-menu{min-width:var(--min-width-popover);background:var(--surface);border-radius:var(--radius-popover,12px);box-shadow:var(--shadow-overlay);flex-direction:column;gap:2px;padding:4px;display:flex}.ui-kit-chat button[aria-label=Send]{z-index:2;position:relative;overflow:hidden}.ui-kit-chat.is-sending button[aria-label=Send]>*{animation:.52s both send-arrow}@keyframes send-arrow{0%{animation-timing-function:cubic-bezier(.5,0,.75,0);transform:translateY(0)}40%{transform:translateY(-170%)}40.01%{animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translateY(170%)}to{transform:translateY(0)}}.send-bubble{z-index:1;background:var(--primary);pointer-events:none;border-radius:50%;animation:.7s cubic-bezier(.16,1,.3,1) forwards send-splash;position:absolute}@keyframes send-splash{0%{transform:translate(-50%,-50%)translate(0)scale(1)}to{transform:translate(-50%, -50%) translate(var(--dx), var(--dy)) scale(0)}}@media (prefers-reduced-motion:reduce){.ui-kit-chat.is-sending button[aria-label=Send]>*{animation:none}.send-bubble{display:none}}.proto-tabs{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.proto-tab{color:#000;letter-spacing:-.02em;background:0 0;border:1px solid #000;border-radius:32px;height:40px;padding:0 16px;font:400 14px/20px Google Sans Code,ui-monospace,monospace;transition:background-color .15s,color .15s}.proto-tab:hover{background:var(--surface-muted-1,#f4f3ef)}.proto-tab[aria-selected=true]{color:#fff;background:#000}.proto-tab:focus-visible{outline:2px solid var(--foreground,#0c2331);outline-offset:2px}@media (width<=640px){.proto-tabs[role=tablist]{flex:0 0 calc(100% + 2 * var(--side));margin-inline:calc(-1 * var(--side));padding:4px var(--side);scrollbar-width:none;-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--side), #000 calc(100% - var(--side)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--side), #000 calc(100% - var(--side)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--side), #000 calc(100% - var(--side)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--side), #000 calc(100% - var(--side)), transparent);flex-wrap:nowrap;overflow-x:auto}.proto-tabs[role=tablist]::-webkit-scrollbar{display:none}.proto-tab{white-space:nowrap;flex:none}}.proto-wrap{width:min(100% - 2 * var(--side), var(--content));margin:64px auto 0}@media (width<=640px){.proto-wrap{flex-direction:column;margin-top:40px;display:flex}.proto-wrap>.proto-tabs{display:contents}.proto-wrap .proto-tabs[role=tablist]{width:calc(100% + 2 * var(--side));flex:none}.proto-wrap .proto-card{order:1}.proto-wrap .proto-links{order:2;justify-content:flex-start;margin:16px 0 0}.proto-wrap .proto-open--prototype,.proto-wrap .proto-sep{display:none}}.proto-links{align-items:center;margin-left:auto;display:flex}.proto-open{color:#9422d5;letter-spacing:-.02em;align-items:center;gap:0;padding:8px 0;font:600 14px/24px Google Sans Code,ui-monospace,monospace;text-decoration:none;display:inline-flex}.proto-open svg{flex:none;display:block}.proto-open:focus-visible{outline:2px solid var(--foreground,#0c2331);outline-offset:2px;border-radius:4px}.proto-open:hover{text-underline-offset:4px;text-decoration:underline}.proto-sep{background:#9422d5;width:2px;height:2px;margin-inline:12px}.proto-card{background:var(--surface,#fff);border-radius:16px;position:relative;overflow:hidden;box-shadow:0 36px 60px 18px #c7c7b21f}.proto-card:after{content:"";z-index:40;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #65561121}.step-pop [aria-current=step]>span:first-child{animation:.6s linear both step-pop}.toast-enter{animation:.32s cubic-bezier(.16,1,.3,1) both toast-enter}.demo-fade{animation:.3s ease-out both demo-fade}@keyframes demo-fade{0%{opacity:0}to{opacity:1}}@keyframes toast-enter{0%{opacity:.6;transform:translateY(calc(100% + 32px))}to{opacity:1;transform:translateY(0)}}@keyframes step-pop{0%{animation-timing-function:cubic-bezier(.2,.05,.25,1);transform:scale(.05)}22%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:scale(1.45)}40%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:scale(.8)}62%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:scale(1.12)}to{transform:scale(1)}}.pb-overlay{z-index:10;background:#ffffffe6;justify-content:center;align-items:center;animation:.2s ease-out both demo-fade;display:flex;position:absolute;inset:0}.pb-circle{width:212px;height:212px;animation:.6s linear 3.55s forwards pb-pop-out;position:relative}.pb-disc{background:#26c9a0;border-radius:50%;animation:.6s linear 80ms both pb-pop;position:absolute;inset:0}.pb-mask{border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.pb-bubble{pointer-events:none;background:#26c9a0;border-radius:50%;animation:.7s cubic-bezier(.16,1,.3,1) forwards send-splash;position:absolute;top:50%;left:50%}.pb-plane{animation:.45s cubic-bezier(.2,.7,.35,1) .45s both pb-plane-in,.6s cubic-bezier(.4,0,.8,.6) .9s forwards pb-plane-drift,.45s cubic-bezier(.65,0,.8,.3) 1.5s forwards pb-plane-out;position:absolute}.pb-check{animation:.75s linear 2.15s both pb-check-drop;position:absolute}@keyframes pb-pop{0%{opacity:0;animation-timing-function:cubic-bezier(.2,.05,.25,1);transform:scale(.05)}22%{opacity:1;animation-timing-function:cubic-bezier(.45,0,.55,1);transform:scale(1.45)}40%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:scale(.8)}62%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:scale(1.12)}to{transform:scale(1)}}@keyframes pb-pop-out{0%{opacity:1;animation-timing-function:cubic-bezier(.45,0,.55,1);transform:scale(1)}38%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:scale(1.12)}60%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:scale(.8)}78%{opacity:1;animation-timing-function:cubic-bezier(.75,0,.8,.95);transform:scale(1.45)}to{opacity:0;transform:scale(.05)}}@keyframes pb-plane-in{0%{transform:translateY(160px)}to{transform:translateY(8px)}}@keyframes pb-plane-drift{0%{transform:translateY(8px)}to{transform:translateY(-6px)}}@keyframes pb-plane-out{0%{transform:translateY(-6px)}to{transform:translateY(-240px)}}@keyframes pb-check-drop{0%{animation-timing-function:cubic-bezier(.25,.1,.3,1);transform:translateY(-240px)}36%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:translateY(22px)}58%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:translateY(-12px)}78%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:translateY(6px)}to{transform:translateY(0)}}.brand-section{margin-bottom:160px}.freelance-section{margin-top:320px;margin-bottom:0}@media (width<=767px){.brand-section{margin-bottom:92px}.freelance-section{margin-top:92px;margin-bottom:0}}.brand-wrap{--brand-side:32px;width:min(100% - 2 * var(--brand-side), 2560px - 2 * var(--brand-side));margin:88px auto 0;container-type:inline-size}.brand-bento{--u:calc(100cqw / 1856);gap:calc(32 * var(--u));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.brand-tile{border-radius:calc(48 * var(--u));margin:0;position:relative;overflow:hidden;container-type:inline-size}.brand-wide{aspect-ratio:1226.7/680;grid-column:span 2}.brand-tall{aspect-ratio:597.3/680}.brand-square{aspect-ratio:1}.brand-offset{aspect-ratio:1226.7/605;grid-column:2/span 2}.brand-display{letter-spacing:0;margin:0;font-weight:600}.brand-caption{text-align:right;text-wrap:pretty;max-width:400px;color:var(--foreground,#0c2331);margin:0 0 0 auto;font:400 14px/24px Google Sans Code,ui-monospace,monospace;position:absolute;bottom:36px;left:40px;right:40px}@media (width<=767px){.brand-caption{font-size:12px;line-height:20px}}.brand-illustrations{aspect-ratio:597.3/605}.brand-illustrations:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0c233130}@media (width<=767px){.brand-wrap{--brand-side:16px;margin-top:40px}}.hp-masonry{--u:calc(100cqw / 1856);margin-top:calc(32 * var(--u));align-items:start;gap:calc(32 * var(--u));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.hp-column{gap:calc(32 * var(--u));flex-direction:column;display:flex}.hp-img{object-fit:cover;width:100%;height:100%;display:block}@container (width<=700px){.brand-bento{grid-template-columns:1fr;gap:16px}.brand-wide,.brand-offset{grid-column:auto}.brand-tile{border-radius:24px}.hp-masonry{grid-template-columns:1fr;gap:16px;margin-top:16px}.hp-column{gap:16px}.brand-hide-1col{display:none}}.icons-grid{width:min(100% - 2 * var(--side), var(--content));grid-template-columns:repeat(3,minmax(0,1fr));gap:64px 32px;margin:64px auto 0;display:grid}.icons-card{flex-direction:column;align-items:center;gap:24px;margin:0;display:flex}.icons-card img{width:152px;height:152px;display:block}.icons-card figcaption{text-align:center;flex-direction:column;gap:8px;max-width:288px;display:flex}.icons-card strong{color:var(--foreground,#0c2331);font-size:16px;font-weight:500;line-height:24px}.icons-card span{color:var(--foreground-muted-1,#4d5b64);font-size:14px;line-height:24px}@media (width<=1023px){.icons-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=559px){.icons-grid{gap:48px 32px}.icons-card{gap:16px}.icons-card img{width:120px;height:120px}.icons-card strong{font-size:14px;line-height:20px}.icons-card span{display:none}}.hero{min-height:100svh;color:var(--foreground,#0c2331);flex-direction:column;display:flex;position:relative}.hero-bar{z-index:2;min-height:calc(var(--bar-top) + 56px);padding:var(--bar-top) min(56px, var(--side)) 0 min(48px, var(--side));justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0 0 auto}.hero-name,.hero-scroll{font:600 20px/24px var(--pixel-font);font-size:22px}.hero-menu{top:var(--bar-top);right:min(32px, var(--side));z-index:50;width:56px;height:56px;color:var(--foreground,#0c2331);background:0 0;border-radius:50%;place-items:center;transition:background-color .2s,color .2s;display:grid;position:fixed}.hero-menu svg{display:block}button.hero-menu{font:inherit;border:0;padding:0}.hero-menu:focus-visible{outline:2px solid var(--foreground,#0c2331);outline-offset:2px}.hero-menu.is-scrolled{background:var(--foreground,#0c2331);color:#fff}@media (hover:hover){.hero-menu:hover{background:var(--hover-bg)}.hero-menu.is-scrolled:hover{background:#24394a}}.hero-body{width:calc(var(--hero-fs) * 14.4);--hero-fs:min(clamp(36px, 6px + 5.8vw, 120px), (100vw - 2 * var(--side)) / 14.4, (100svh - 160px) / 8);flex-direction:column;flex:1;justify-content:center;padding-block:80px;display:flex}.hero-head{font-size:var(--hero-fs);min-height:8em;padding-top:2.02em;position:relative}.hero-photo{width:7.2em;font-size:var(--hero-fs);position:absolute;top:0;right:0}.hero-photo img{aspect-ratio:9/10;object-fit:cover;background:#eef2f5;border-radius:16px;width:100%;height:auto;display:block}.hero-exp{color:#56e8c3;white-space:nowrap;transform-origin:0 0;flex-direction:column;align-items:center;width:1.795em;height:1.995em;padding-top:.445em;display:flex;position:absolute;top:calc(100% - 1.331em - 12px);left:calc(100% - 1.351em);transform:rotate(4.343deg)}.hero-exp-shape{width:100%;height:100%;position:absolute;inset:0}.hero-exp-num,.hero-exp-label{letter-spacing:-.03em;position:relative}.hero-exp-num{font:600 .758em/1 var(--pixel-font);color:#0c2331}.hero-exp-label{font:700 .2316em/1.27 var(--heading-font);color:#000}@media (width<=640px){.hero-body{--hero-fs:calc((100vw - 2 * var(--side)) / 9);width:min(100% - 2 * var(--side), var(--content));justify-content:flex-start;padding-bottom:40px}.hero{min-height:0;overflow-x:clip}.hero-photo:before{content:"";z-index:-1;background:#eef2f5;height:200svh;position:absolute;bottom:0;left:0;right:0}.hero-head{flex-direction:column;min-height:0;padding-top:48px;display:flex}.hero-photo{width:100vw;margin:calc(.6em - 12px) 0 0 calc(-1 * var(--side));order:2;position:relative;top:0;right:auto}.hero-photo img{aspect-ratio:1;border-radius:0}.hero-exp{left:auto;right:var(--side);font-size:1.6em;top:auto;bottom:-.45em}}.hero-title{z-index:1;width:fit-content;font-size:calc(var(--hero-fs) * .94);font-family:var(--heading-font);letter-spacing:-.03em;text-wrap:initial;margin:0;font-weight:700;line-height:1.0526;position:relative}@media (width<=640px){.hero-title{font-size:calc((100vw - 2 * var(--side)) / 8.4);white-space:nowrap}}.hero-badge{font:600 .506em/1.22 var(--pixel-font);letter-spacing:-.03em;white-space:nowrap;transform-origin:0 0;background:#e8c0ff;border-radius:9999px;padding:.183em .794em .143em .692em;position:absolute;top:calc(-.915em - 4px);left:5.17em;transform:rotate(-3.83deg)}@media (width<=640px){.hero-badge{font-size:.62em;top:calc(-1.031em - 4px);left:4.22em}}.hero-pixel,.hero-leaf{--ico:min(36px, .44em);width:var(--ico);height:var(--ico);shape-rendering:crispedges;position:absolute}.hero-pixel-1{left:7.765em;top:calc(.348em - var(--ico));left:round(7.765em,1px);top:round(.348em - var(--ico), 1px)}.hero-pixel-3{left:5.905em;top:calc(4.242em - var(--ico));left:round(5.905em,1px);top:round(4.242em - var(--ico), 1px)}.hero-pixel-3 path{animation:5.7s step-end 1.6s infinite hero-flash}@keyframes hero-flash{0%{opacity:0}1.5%{opacity:1}3%{opacity:0}5%,to{opacity:1}}@media (prefers-reduced-motion:reduce){.hero-pixel-3 path{animation:none}}.hero-k{position:relative}.hero-leaf{left:calc(50% - var(--ico) * 5 / 6);bottom:calc(100% - .226em - var(--ico) / 12);left:round(50% - var(--ico) * 5 / 6, 1px);bottom:round(100% - .226em - var(--ico) / 12, 1px)}.hero-leaf-top{animation:3.4s step-end infinite hero-leaf-top}@keyframes hero-leaf-top{0%,to{transform:none}56%{transform:translate(-1px)}62%{transform:translate(-2px)}76%{transform:translate(-1px)}82%{transform:none}}@media (prefers-reduced-motion:reduce){.hero-leaf-top{animation:none}}.hero-pixel-eye{animation:5.2s step-end infinite hero-blink}@keyframes hero-blink{0%,to{opacity:1}30%{opacity:0}33%{opacity:1}80%{opacity:0}83%{opacity:1}86%{opacity:0}89%{opacity:1}}.hero-pixel-1{animation:4.2s step-end .8s infinite hero-dino-jump}@keyframes hero-dino-jump{0%{transform:translateY(calc(var(--ico) / -6))}2%{transform:translateY(calc(var(--ico) / -3))}4.5%{transform:translateY(calc(var(--ico) * -5 / 12))}7%{transform:translateY(calc(var(--ico) / -3))}9%{transform:translateY(calc(var(--ico) / -6))}11%,to{transform:translateY(0)}}@media (hover:hover) and (pointer:fine){.hero-pixel-1{cursor:pointer}.hero-pixel-1.is-hopping{animation:.46s step-end hero-dino-hop}}@keyframes hero-dino-hop{0%{transform:translateY(calc(var(--ico) / -6))}18%{transform:translateY(calc(var(--ico) / -3))}41%{transform:translateY(calc(var(--ico) * -5 / 12))}64%{transform:translateY(calc(var(--ico) / -3))}82%{transform:translateY(calc(var(--ico) / -6))}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.hero-pixel-eye,.hero-pixel-1{animation:none}}.hero-scroll{left:min(48px, var(--side));color:var(--foreground);align-items:center;gap:12px;transition:opacity .25s,transform .25s;display:flex;position:absolute;bottom:44px}.hero-scroll.is-hidden{opacity:0;transform:translateY(8px)}.hero-scroll-wheel{animation:1.1s step-end infinite hero-wheel}@keyframes hero-wheel{0%{transform:translateY(0)}33.333%{transform:translateY(2.667px)}66.667%,to{transform:translateY(5.333px)}}@media (prefers-reduced-motion:reduce){.hero-scroll-wheel{animation:none}}@media (width<=640px){.hero-scroll{display:none}}.kit-quote{transform-origin:0 0;width:100%;margin:0;position:relative;transform:rotate(-2.56deg)}.kit-quote-shadow{filter:blur(18px);position:absolute;top:232px;left:-13px}.kit-quote-card{color:var(--foreground,#0c2331);background:#56e8c3;flex-direction:column;gap:20px;padding:32px;font-family:Google Sans Code,ui-monospace,monospace;display:flex;position:relative}.kit-quote-card blockquote{margin:0}.kit-quote-card p{margin:0;font-size:14px;line-height:28px}.kit-quote-card figcaption{align-items:flex-end;gap:16px;margin-top:12px;display:flex}.kit-quote-card img{border-radius:50%;width:48px;height:48px;display:block}.kit-quote-card figcaption>span{flex-direction:column;gap:8px;display:flex}.kit-quote-card strong{font-size:16px;font-weight:600;line-height:20px}.kit-quote-card figcaption span span{font-size:13px;line-height:16px}.kit-quote-mobile{padding-inline:var(--side);position:relative}.kit-quote-mobile .kit-quote{transform:none}.kit-quote-mobile .kit-quote-shadow{width:calc(100% + 26px);height:auto;top:auto;bottom:-50px}.matrix-section{overflow-x:clip}.matrix-note{z-index:2;max-width:589px;color:var(--foreground,#0c2331);margin:24px 0 0;font:400 14px/28px Google Sans Code,ui-monospace,monospace;position:relative}.matrix-note strong{font-weight:600}.matrix-stage{width:min(100%,1205px);margin-top:81px;margin-bottom:240px;position:relative}.matrix-bg{left:calc(-367px * var(--s,1));top:calc(-171px * var(--s,1));width:calc(1920px * var(--s,1));height:calc(100% + 446px * var(--s,1));pointer-events:none;position:absolute}.matrix-glow{left:calc(345px * var(--s,1));top:calc(211px * var(--s,1));width:calc(1251px * var(--s,1));height:calc(100% - 446px * var(--s,1) - 9px * var(--s,1));mix-blend-mode:multiply;filter:blur(calc(30px * var(--s,1)));background:#c7c7b21f;position:absolute}.matrix-card{aspect-ratio:1205/680;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #dfe2e0;border-radius:24px;position:relative}.matrix-layer{background:var(--surface,#fff);border-radius:23px;position:absolute;inset:0;overflow:hidden}.matrix-design{width:1205px;height:680px;transform:scale(var(--s,1));transform-origin:0 0;position:absolute;top:0;left:0}.matrix-layer:not(.matrix-layer-before) .matrix-design:after{content:"";background:linear-gradient(to right, transparent, var(--surface,#fff));width:96px;position:absolute;top:0;bottom:0;right:0}.mq{color:var(--foreground,#0c2331);position:absolute;top:104px;left:215px}.mq-number{color:var(--foreground-muted-1,#4d5b64);font-size:14px;font-weight:600;line-height:20px;display:block}.mq-title{width:848px;margin:8px 0 32px;font-size:24px;font-weight:500;line-height:30px}.mq-table{border-collapse:separate;border-spacing:0;background:var(--surface-muted-1,#f7f6f3);border-radius:12px;font-size:16px;line-height:24px;overflow:hidden}.mq-table th,.mq-table td{text-align:center;padding:12px 6px;font-weight:400}.mq-table thead th{vertical-align:bottom}.mq-table tbody th{text-align:left;padding-left:16px}.mq-table td{vertical-align:middle}.mq-table tbody tr:not(:last-child)>*,.mq-table thead th{border-bottom:1px solid var(--border-subtle,#e2e7e9)}.mq-table tr>:last-child{padding-right:14px}.mq-radio{border:1px solid var(--foreground-muted-2,#6c7980);background:var(--surface,#fff);vertical-align:middle;border-radius:50%;width:18px;height:18px;margin:3px;display:inline-block}.mq-before .mq-viewport{width:788px;position:relative;overflow:hidden}.mq-before .mq-viewport:after{content:"";background:repeating-linear-gradient(to bottom, var(--foreground,#0c2331) 0 4px, transparent 4px 8px);width:1px;position:absolute;top:0;bottom:0;right:0}.mq-before .mq-table{table-layout:fixed;width:920px}.mq-before .mq-table th:first-child{width:144px}.mq-before .mq-table thead th:not(:first-child){width:128px}.mq-after .mq-table th,.mq-after .mq-table td{padding-inline:16px}.mq-after .mq-table th{white-space:nowrap}.matrix-layer-before{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.matrix-label{background:var(--foreground,#0c2331);color:#fff;white-space:nowrap;border-radius:32px;padding:3px 12px;font:600 13px/24px Google Sans Code,ui-monospace,monospace;position:absolute;top:20px}.matrix-label-before{left:20px}.matrix-label-after{right:20px}.matrix-divider{top:-11px;bottom:-5px;left:var(--pos);background:#9422d5;border-radius:9999px;width:3px;margin-left:-1.5px;position:absolute;box-shadow:0 0 0 2px #fff,0 0 7px #00000040}.matrix-divider:before{content:"";position:absolute;inset:0 -10px}.matrix-divider,.matrix-divider:before,.matrix-handle,.matrix-handle *,.matrix-card.is-dragging,.matrix-card.is-dragging *{cursor:url(/cursor-resize.png?v=1) 22 20,ew-resize;cursor:-webkit-image-set(url(/cursor-resize.png?v=1) 1x, url(/cursor-resize@2x.png?v=1) 2x) 22 20, ew-resize;cursor:image-set(url(/cursor-resize.png?v=1) 1x, url(/cursor-resize@2x.png?v=1) 2x) 22 20, ew-resize}.matrix-handle{top:50%;left:var(--pos);color:#fff;background:#9422d5;border-radius:16.5px;place-items:center;width:40px;height:32px;margin:-16px 0 0 -20px;display:grid;position:absolute;box-shadow:0 0 7px #00000040}.matrix-handle:focus-visible{outline-offset:3px;outline:2px solid #9422d5}.matrix-post{pointer-events:none;width:39%;position:absolute;top:64%;left:68%}@media (width<=640px){.matrix-card{aspect-ratio:950/754}.mq{top:222px;left:81px}.mq-title{width:600px}.matrix-label{padding:2px 8px;font-size:11px;line-height:20px;top:12px}.matrix-label-before{left:12px}.matrix-label-after{right:12px}.matrix-handle{border-radius:20px;width:48px;height:40px;margin:-20px 0 0 -24px}.matrix-handle,.matrix-divider{touch-action:none}.matrix-divider:before{inset:0 -16px}.matrix-stage{margin-bottom:0}.matrix-post{display:none}}.proto-section{margin:48px 0 160px}@media (width<=767px){.proto-section{margin-block:92px 76px}}.tool-logos{width:min(100%,1856px);margin:0 auto 160px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000);mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000)}.tool-logos-track{width:max-content;animation:40s linear infinite tool-logos;display:flex}@keyframes tool-logos{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.tool-logos-track{animation:none}}.tool-logos-list{gap:128px;margin:0;padding:0 128px 0 0;list-style:none;display:flex}.tool-logos-list li{color:var(--foreground,#0c2331);letter-spacing:-.02em;white-space:nowrap;flex:none;align-items:center;gap:12px;font-size:32px;font-weight:600;line-height:40px;display:flex}.tool-logos-list svg{flex:none}@media (width<=767px){.tool-logos{margin-bottom:92px}.tool-logos-list{gap:64px;padding-right:64px}.tool-logos-list li{gap:8px;font-size:22px;line-height:28px}.tool-logos-list svg{width:44px;height:44px}}.ai-cards{flex-direction:column;gap:48px;margin-top:48px;display:flex}.ai-slot{position:sticky}.ai-card{transform-origin:50% 0;border:1px solid var(--border-subtle,#e2e7e9);background:var(--surface,#fff);border-radius:40px;grid-template-columns:minmax(0,1fr) minmax(0,620px);align-items:center;display:grid;overflow:hidden;box-shadow:0 1px 2px #291c0f0d}.ai-card-text{grid-template-columns:1fr;min-height:367px}.ai-card-body{flex-direction:column;gap:12px;max-width:560px;padding:48px 32px 48px 80px;font-family:Google Sans Code,ui-monospace,monospace;display:flex}.ai-card-text .ai-card-body{max-width:685px}.ai-card-body h3{font-family:var(--heading-font);letter-spacing:-.02em;color:var(--foreground,#0c2331);margin:0;font-size:28px;font-weight:700;line-height:36px}.ai-card-body p{color:var(--foreground-muted-1,#4d5b64);margin:0;font-size:14px;line-height:24px}.ai-card-body strong{color:var(--foreground,#0c2331);font-weight:600}.ai-card-art{position:relative}.ai-card-art img{width:100%;height:auto;display:block}.ai-card-art-fade:before{content:"";background:linear-gradient(to right, var(--surface,#fff), transparent);pointer-events:none;width:22%;position:absolute;inset:0 auto 0 0}@media (width<=767px){.ai-card{border-radius:24px;grid-template-columns:1fr}.ai-card-text{min-height:0}.ai-card-body{padding:32px 24px}.ai-card-body h3{font-size:22px;line-height:28px}.ai-card-art-fade:before{background:linear-gradient(to bottom, var(--surface,#fff), transparent);width:auto;height:22%;inset:0 0 auto}}.fl-stage{touch-action:pan-y;outline:none;height:100svh;margin-top:64px;position:relative;overflow:hidden}.fl-rail{height:100%;position:relative}.fl-slide-wrap{width:100vw;position:absolute;inset:0 auto 0 0}.fl-slide{place-items:center;width:100%;height:100%;display:grid}.fl-frame{--fl-h:min(100svh, 100vw * var(--ratio));height:var(--fl-h);width:calc(var(--fl-h) / var(--ratio));position:relative;container-type:size}.fl-frame>img{width:100%;height:100%;display:block}.fl-collage{position:absolute;inset:0;overflow:hidden}.fl-collage>img{display:block;position:absolute}.fl-fade{pointer-events:none;position:absolute}.fl-arrow{z-index:2;color:#000;background:#fff;border:0;border-radius:28px;place-items:center;width:56px;height:56px;margin-top:-28px;padding:0;transition:opacity .2s,transform .2s;display:grid;position:absolute;top:50%}.fl-arrow-prev{left:min(32px, var(--side))}.fl-arrow-next{right:min(32px, var(--side))}.fl-arrow-next svg{rotate:180deg}@media (hover:hover){.fl-arrow:hover{transform:scale(1.06)}}.fl-arrow:focus-visible{outline:2px solid var(--foreground,#0c2331);outline-offset:3px}.fl-arrow[data-hidden]{opacity:0;pointer-events:none}.fl-note-pos{position:absolute;translate:-50% -50%}.fl-note{padding:calc(24 * var(--u));color:#0c2331;background:#56e8c3;flex-direction:column;font-family:Google Sans Code,ui-monospace,monospace;display:flex}.fl-note-head{align-items:center;gap:calc(12 * var(--u));display:flex}.fl-note-logo{-webkit-mask:var(--logo) center / contain no-repeat;-webkit-mask:var(--logo) center / contain no-repeat;-webkit-mask:var(--logo) center / contain no-repeat;mask:var(--logo) center / contain no-repeat;background:currentColor;flex:none;display:block}.fl-note-head strong{font-size:calc(15 * var(--u));letter-spacing:-.02em;white-space:nowrap;font-weight:700}.fl-note p{font-size:calc(14 * var(--u));line-height:calc(24 * var(--u));white-space:pre-line;margin:0}.cs-close{top:var(--bar-top);right:min(32px, var(--side));z-index:50;width:56px;height:56px;color:var(--foreground,#0c2331);background:0 0;border-radius:50%;place-items:center;transition:background-color .2s;display:grid;position:fixed}.cs-close svg{display:block}@media (hover:hover){.cs-close:hover{background:var(--hover-bg)}}.cs-close:focus-visible{outline:2px solid var(--foreground,#0c2331);outline-offset:2px}.cs{--cs-ink:#0c2331;width:min(100% - 2 * var(--side), var(--content));color:var(--cs-ink);margin:0 auto;padding:64px 0 141px}.cs-title{font:700 clamp(44px, 6vw, 70px) / 1.27 var(--heading-font);letter-spacing:-.02em;margin:0 0 48px}.cs-card{border-radius:32px;grid-template-columns:282px minmax(0,1fr);padding:24px 40px;display:grid}.cs-card+.cs-card{margin-top:24px}.cs-card--problem{background:#f7f6f3}.cs-card--solution{background:#f0f093}.cs-card--result{background:#e9d5fb;padding-bottom:40px}.cs-card-title{align-items:flex-start;gap:13px;display:flex}.cs-num{letter-spacing:-.02em;font:400 102px/128px Google Sans Code,ui-monospace,monospace}.cs-card-title h2{font:700 22px / 28px var(--heading-font);margin:21px 0 0}.cs-body{padding-top:16px}.cs-list{flex-direction:column;gap:28px;margin:0;padding:0;list-style:none;display:flex}.cs-list>li{letter-spacing:-.02em;gap:12px;font:400 14px/26px Google Sans Code,ui-monospace,monospace;display:flex}.cs-list>li>svg{flex:none;width:16px;height:16px;margin-top:5px}.cs-list p{margin:0}.cs-list strong{font-weight:600}.cs-chart-item{padding-left:29px}.cs-chart{flex:1;margin:0}.cs-chart dl{flex-direction:column;gap:8px;margin:0;display:flex}.cs-chart-row{grid-template-columns:152px minmax(0,1fr) 42px;align-items:center;gap:24px;display:grid}.cs-chart dt{font:400 14px/28px Google Sans Code,ui-monospace,monospace}.cs-chart dd{margin:0}.cs-chart-track{background:#e0e06b;border-radius:0;height:12px;overflow:hidden}.cs-chart-track>span{background:var(--cs-ink);border-radius:0;height:100%;display:block}.cs-chart-value{text-align:right;white-space:nowrap;font:600 14px/28px Google Sans Code,ui-monospace,monospace}.cs-chart figcaption{letter-spacing:-.02em;margin-top:24px;font:400 12px/26px Google Sans Code,ui-monospace,monospace}.cs-list>.cs-links{flex-wrap:wrap;gap:8px 51px;padding-left:28px}.cs-links a{color:#9422d5;letter-spacing:-.02em;align-items:center;font:600 14px/24px Google Sans Code,ui-monospace,monospace;text-decoration:none;display:inline-flex}.cs-links a:hover{text-underline-offset:4px;text-decoration:underline}.cs-links a:focus-visible{outline:2px solid var(--foreground,#0c2331);outline-offset:2px;border-radius:4px}@media (width<=767px){.cs{padding-top:var(--bar-top)}.cs-title{padding-right:64px;font-size:32px;line-height:56px}.cs-card{border-radius:24px;grid-template-columns:minmax(0,1fr);padding:24px}.cs-card-title{align-items:center}.cs-num{font-size:72px;line-height:88px}.cs-card-title h2{margin-top:0}.cs-chart-item{padding-left:0}.cs-chart-row{grid-template-columns:112px minmax(0,1fr) 42px;gap:12px}.cs-chart dt{font-size:12px}.cs-list>.cs-links{display:none}}html.menu-open{overflow:hidden}.hero-menu,.menu-close,.menu-item,.menu-copy{touch-action:manipulation}.section-anchor{scroll-margin-top:48px}.menu{z-index:60;color:var(--foreground,#0c2331);opacity:0;background:#fff;flex-direction:column;transition:opacity .22s;display:flex;position:fixed;inset:0;overflow:hidden}.menu[hidden]{display:none}.menu.is-open{opacity:1}.menu-bar{min-height:calc(var(--bar-top) + 56px);padding:var(--bar-top) min(56px, var(--side)) 0 min(48px, var(--side));align-items:center;display:flex}.menu-label,.menu-email{font:600 20px/24px var(--pixel-font);color:inherit;font-size:22px}.menu-close{top:var(--bar-top);right:min(32px, var(--side));width:56px;height:56px;color:inherit;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:background-color .2s;display:grid;position:fixed}.menu-close svg{display:block}@media (hover:hover){.menu-close:hover{background:var(--hover-bg)}}.menu-close:focus-visible{outline:2px solid var(--foreground,#0c2331);outline-offset:2px}.menu-nav{--menu-fs:max(20px, min(80px, (100svh - 218px) / 12.4, (min(100vw - 2 * var(--side), var(--content))) / 15.6));width:min(100% - 2 * var(--side), var(--content));font-size:var(--menu-fs);flex-direction:column;flex:1;justify-content:center;gap:.5em;margin:0 auto;padding:24px 0;display:flex}.menu-row{flex-wrap:wrap;align-items:center;gap:.5em .43em;display:flex}@media (width<=640px){.menu-nav{--menu-fs:max(20px, min(40px, (100svh - 218px) / 18, (100vw - 2 * var(--side)) / 12.4));flex-flow:wrap;place-content:flex-start;gap:0 .43em;padding-top:40px}.menu-row{display:contents}.menu-item{order:2;margin-block:.25em}.menu-row:first-child .menu-item:nth-child(-n+2){order:0}.menu-row:first-child:after{content:"";flex-basis:100%;order:1;height:0}}.menu-item{background:var(--bg);color:#0c2331;font:500 1em/1.357 var(--pixel-font);letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap;opacity:0;transform:translateY(.6em) scale(.85) rotate(calc(var(--tilt,3) * 1deg));transition:opacity .3s ease calc(var(--i) * 45ms), transform .52s cubic-bezier(.34, 1.56, .64, 1) calc(var(--i) * 45ms);align-items:center;gap:.29em;padding:.571em .714em;text-decoration:none;display:inline-flex;position:relative}.menu-item:nth-child(2n){--tilt:-3}.menu.is-open .menu-item{opacity:1;transform:none}@media (hover:hover){.menu.is-open .menu-item:hover{transform:rotate(calc(var(--tilt,3) * -.7deg)) scale(1.05);transition:transform .26s cubic-bezier(.34,1.56,.64,1)}}.menu.is-settled .menu-item{transition:transform .26s cubic-bezier(.34,1.56,.64,1)}.menu-item:focus-visible{outline-offset:4px;outline:3px solid #0c2331}.menu-item--ellipse{border-radius:50%;padding:.723em .884em}.menu-item--rounded{border-radius:.286em}.menu-item--pill{border-radius:9999px}.menu-item--soft{border-radius:.714em}.menu-item--square{border-radius:0}.menu-item--home{border-radius:.857em;justify-content:center;width:2.5em;height:2.5em;padding:0}.menu-item-icon{shape-rendering:crispedges;width:1.071em;height:1.071em;position:relative}.menu-item--hexagon{background:0 0;padding-inline:1.09em}.menu-item--pixel{background:0 0}.menu-item-shape{width:100%;height:100%;color:var(--bg);position:absolute;inset:0}.menu-item-label,.menu-item-arrow{position:relative}.menu-item[target=_blank]{color:#fff}.menu-item-arrow{flex:none;width:1.143em;height:1.143em}.menu-contact{margin:0 min(34px, var(--side)) 42px;align-self:flex-end;align-items:center;gap:2px;display:flex;position:relative}.menu-email{text-decoration:none}.menu-copy{width:48px;height:48px;color:inherit;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:background-color .2s;display:grid;position:relative}.menu-copy svg{shape-rendering:crispedges;width:36px;height:36px;display:block}@media (hover:hover){.menu-copy:hover{background:var(--hover-bg)}}.menu-copy:focus-visible{outline:2px solid var(--foreground,#0c2331);outline-offset:2px}.menu-copy-toast{color:#fff;font:600 14px/20px var(--pixel-font);white-space:nowrap;opacity:0;pointer-events:none;background:#0c2331;border-radius:8px;padding:4px 10px;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + 8px);right:0;transform:translateY(4px)}.menu-copy.is-copied .menu-copy-toast{opacity:1;transform:none}.menu-email:hover{text-underline-offset:4px;text-decoration:underline}.menu-email:focus-visible{outline:2px solid var(--foreground,#0c2331);outline-offset:2px}@media (prefers-reduced-motion:reduce){.menu,.menu-item{transition:none}}@view-transition{navigation:auto}::view-transition-group(root){animation-duration:.56s}.page-case-study::view-transition-old(root){animation:.56s cubic-bezier(.4,0,.2,1) both vt-recede}.page-case-study::view-transition-new(root){animation:.56s cubic-bezier(.16,1,.3,1) both vt-rise}:root:not(.page-case-study)::view-transition-old(root),:root:not(.page-case-study)::view-transition-new(root){animation:none}@keyframes vt-recede{to{opacity:.4;transform:scale(.96)}}@keyframes vt-rise{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}.site-footer{width:min(100% - 2 * var(--side), 805px);font-family:var(--heading-font);color:var(--foreground,#0c2331);text-align:center;flex-direction:column;align-items:center;gap:28px;margin:0 auto;padding:120px 0 64px;font-weight:700;display:flex}.site-footer p{margin:0}.site-footer-about{letter-spacing:-.02em;text-wrap:balance;font-size:22px;line-height:32px}.site-footer-copy{letter-spacing:-.02em;font-size:16px}@media (width<=767px){.site-footer{gap:20px;padding:80px 0 40px}.site-footer-about{font-size:18px;line-height:26px}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{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-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}