@import"https://rsms.me/inter/inter.css";@import"https://cdn.jsdelivr.net/npm/@actabldesign/bellhop-styles/src/index.css";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&display=swap";.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}/*! tailwindcss v4.1.18 | 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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--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;--s-start-0:6%;--s-end-0:31%;--x-0:20%;--y-0:45%;--c-0:#6668f0fa;--s-start-1:6%;--s-end-1:32%;--x-1:71%;--y-1:39%;--c-1:#e68e9dfa;--x-2:99%;--s-start-2:10%;--s-end-2:43%;--y-2:57%;--c-2:#db99f4;--s-start-3:10%;--s-end-3:44%;--x-3:3%;--y-3:55%;--c-3:#6698f0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-white:#fff;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;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 components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.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}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.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}.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,)}}.header{z-index:100;backface-visibility:hidden;will-change:max-width,padding;justify-content:space-between;align-items:center;width:100%;max-width:1440px;min-height:80px;padding:16px 48px;transition:max-width .8s cubic-bezier(.25,.46,.45,.94),padding .8s cubic-bezier(.25,.46,.45,.94);display:flex;position:fixed;top:0;left:50%;overflow:visible;transform:translate(-50%)}.header.header-full-width{max-width:100%;padding-left:32px;padding-right:32px}@media(max-width:1200px){.header{padding:16px 24px}}@media(max-width:768px){.header{min-height:60px;padding:12px 16px}}@media(max-width:480px){.header{padding:8px 12px}}.navigation{-webkit-backdrop-filter:blur(20px)brightness(105%);backdrop-filter:blur(20px)brightness(105%);isolation:isolate;border-radius:999px;align-items:center;gap:40px;width:fit-content;padding:12px 32px;display:flex;position:relative}.navigation:before{content:"";mix-blend-mode:overlay;pointer-events:none;border-radius:999px;position:absolute;inset:0}.nav-button{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:8px 12px;text-decoration:none;transition:background-color .3s;display:flex}.nav-button.active{background:0 0}.nav-button.active .nav-text{color:var(--color-brand-800);font-weight:700}.nav-text:hover{color:var(--color-brand-800)}.nav-text{color:var(--color-brand-600);padding:0 2px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;line-height:1.43;transition:color .3s}.custom-tooltip{background:var(--color-neutral-900);color:var(--color-white);white-space:nowrap;pointer-events:none;opacity:1;border-radius:6px;padding:8px 12px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;animation:.2s ease-out tooltipFadeIn;box-shadow:0 4px 12px #00000026}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%)translateY(-5px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media(max-width:1200px){.navigation{gap:24px;padding:12px 24px}}@media(max-width:768px){.navigation{display:none}}@media(max-width:480px){.search-button{padding:8px}}.footer{text-align:center;z-index:100;background-color:#0000;width:100%;margin-top:-80px;padding:24px 20px;position:relative}.page-components .footer{margin-top:0}.footer-text{color:#434554;margin:0;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:1.5}.logo-container{align-items:center;gap:12px;display:flex}.bellhop-logo{width:59px;height:59px}.logo-text{flex-direction:column;justify-content:center;gap:0;display:flex}.bellhop-text{color:#000;letter-spacing:-.02em;font-family:Inter,sans-serif;font-size:31px;font-weight:500;line-height:1}.actabl-text{color:#00000080;letter-spacing:-.02em;margin-top:2px;font-family:Inter,sans-serif;font-size:10px;font-weight:500;line-height:1.2}@media(max-width:1200px){.bellhop-text{font-size:28px}}@media(max-width:768px){.logo-container{gap:8px}.bellhop-logo{width:40px;height:40px}.bellhop-text{font-size:20px}.actabl-text{font-size:8px}}@media(max-width:480px){.bellhop-text{font-size:18px}.actabl-text{font-size:7px}}.bellhop-icon{z-index:1;display:inline-block;position:relative}.fifth-section .bellhop-icon:after{content:"";opacity:1;filter:blur(12px);z-index:-1;background-image:url(/assets/bellhopShadow.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:228px;height:148px;position:absolute;top:25px;left:-30px;overflow:visible}.bellhop-sm{width:32px;height:32px}.bellhop-md{width:52px;height:52px}.bellhop-lg{width:148px;height:148px}.bellhop-icon-img{object-fit:contain;width:100%;height:100%;display:block}.infinite-grid-wrapper{pointer-events:auto;z-index:0;cursor:grab;overscroll-behavior:none;width:100%;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.infinite-grid-container{will-change:transform;cursor:grab;grid-template-columns:repeat(2,1fr);width:max-content;display:grid}.infinite-grid-container:active{cursor:grabbing}.infinite-grid-content{pointer-events:none;grid-template-columns:repeat(5,1fr);gap:10vw;width:max-content;padding:5vw;display:grid;overflow:visible}.infinite-grid-media{aspect-ratio:1;-webkit-user-select:none;user-select:none;opacity:0;width:18vw;animation:.6s cubic-bezier(.68,-.55,.265,1.55) forwards popcorn;overflow:visible}@keyframes popcorn{0%{opacity:0;transform:scale(.3)translateY(20px)}50%{opacity:.8;transform:scale(1.2)translateY(-10px)rotate(10deg)}75%{opacity:.9;transform:scale(.9)translateY(5px)rotate(-5deg)}to{opacity:1;transform:scale(1)translateY(0)rotate(0)}}.infinite-grid-media:hover{opacity:.8}.infinite-grid-media img{object-fit:contain;width:100%;height:100%;display:block}.infinite-grid-media iframe{background:#fff;border:none;border-radius:8px;width:100%;height:100%;display:block;overflow:visible;transform:scale(.8)}@media(max-width:900px){.infinite-grid-content{gap:20vw;padding:10vw}.infinite-grid-media{width:40vw}}.components-page{z-index:1;pointer-events:auto;position:relative}.sidebar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;will-change:auto;backface-visibility:hidden;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:transparent transparent;scrollbar-gutter:stable both-edges;background:#fffc;border:1px solid #0000001a;border-radius:24px;flex-direction:column;width:280px;transition:scrollbar-color .3s;display:flex;position:fixed;top:115px;bottom:32px;left:32px;overflow:hidden auto;transform:translate(0)}.sidebar:hover{scrollbar-color:#7d89b08c transparent}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background-color:#0000;border-top:20px solid #0ff;border-radius:8px;transition:background-color .3s}.sidebar-content{flex-direction:column;flex:1;gap:20px;padding:24px 24px 0;display:flex}.sidebar-title{color:var(--color-brand-600);-webkit-user-select:none;user-select:none;cursor:default;text-align:left;margin:0;font-family:Inter,sans-serif;font-size:20px;font-weight:600;line-height:1.5em}.sidebar-search{align-items:center;width:100%;margin-top:-8px;display:flex;position:relative}.sidebar-search-input{border:1px solid var(--color-neutral-300);width:100%;height:40px;color:var(--color-neutral-900);background:var(--color-white);border-radius:8px;outline:none;padding:8px 36px;font-family:Inter,sans-serif;font-size:14px;line-height:1.42em;transition:all .2s}.sidebar-search-input::placeholder{color:var(--color-neutral-400)}.sidebar-search-input:hover{border-color:var(--color-neutral-400)}.sidebar-search-input:focus{border-color:var(--color-brand-600);box-shadow:0 0 0 3px #2642cf1a}.search-icon{color:var(--color-neutral-500);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:20px;position:absolute;left:10px}.search-clear{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .2s;display:flex;position:absolute;right:6px}.search-clear:hover{background:var(--color-neutral-100)}.search-clear .material-symbols-outlined{color:var(--color-neutral-500);font-size:18px}.sidebar-section{flex-direction:column;flex:1;gap:2px;min-height:0;display:flex}.nav-item{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px 0;text-decoration:none;display:flex;position:relative}.nav-item.current:not(.child){background:0 0}.nav-item-content{flex:1;align-items:center;gap:8px;display:flex}.nav-item-text{color:var(--color-neutral-700);text-align:left;-webkit-user-select:none;user-select:none;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:1.42em}.nav-item.current .nav-item-text{color:var(--color-neutral-900);font-weight:600}.nav-item-dropdown{flex-direction:column;gap:4px;display:flex}.nav-menu{flex-direction:column;display:flex}.nav-item.child{align-items:center;gap:16px;height:32px;padding:0 8px 0 32px}.nav-item-child-wrapper{align-items:center;display:flex;position:relative}.nav-item-connector{background-color:var(--color-neutral-200);width:2px;height:32px;position:absolute;top:0;left:18px}.nav-item.child.current .nav-item-connector{background-color:var(--color-brand-600)}.nav-item.child .nav-item-content{flex:1;align-items:center;gap:12px;height:100%;padding-left:4px}.nav-item-active-indicator{background-color:var(--color-brand-600);width:2px;height:20px;position:absolute;top:6px;left:18px}.nav-item.child.current{background:0 0}.nav-item.child.current .nav-item-text{color:var(--color-brand-600);font-weight:600}.sidebar-toggle{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#ffffffe6;border-radius:12px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:none;position:fixed;top:139px;left:32px}.sidebar-toggle:hover{background:var(--color-white);box-shadow:0 2px 8px #0000001a}.sidebar-toggle .material-symbols-outlined{color:#2642cf;font-size:24px}.sidebar-overlay{z-index:49;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;display:none;position:fixed;inset:0}@media(max-width:1199px){.sidebar-toggle{display:flex}.sidebar-overlay{display:block}.sidebar{z-index:100;transition:transform .3s ease-in-out;left:0;transform:translate(-100%)}.sidebar.open{left:32px;transform:translate(0)}}@media(max-width:767px){.sidebar{border-radius:0 32px 32px 0;width:100%;max-width:280px;height:calc(100vh - 115px);top:115px;left:0}.sidebar.open{left:0}}.components-layout{background-position:50%;background-size:cover;background-attachment:fixed;justify-content:center;min-height:100vh;display:flex}.components-layout-main{flex:1;max-width:1200px;padding:139px 32px 32px}@media(max-width:1799px){.components-layout{justify-content:flex-start}.components-layout-main{flex:1;width:clamp(700px,100vw - 280px - clamp(96px,10vw,200px),100vw - 376px);max-width:none;margin-left:344px;padding-left:32px;padding-right:clamp(32px,5vw,128px)}}@media(max-width:1199px){.components-layout-main{width:100%;max-width:100%;margin-left:0;padding:139px 2rem 2rem}}@media(max-width:767px){.components-layout-main{padding:139px 1rem 1rem}}.components-header{z-index:1;text-align:center;margin-bottom:3rem;padding:2rem;position:relative}.components-title{color:#1a1a1a;margin-bottom:1rem;font-size:3rem;font-weight:700;line-height:1.2}.components-description{color:#666;max-width:600px;margin:0 auto;font-size:1.2rem;line-height:1.6}.components-content{z-index:1;min-height:400px;padding:2rem;position:relative}@media(max-width:768px){.components-title{font-size:2.5rem}.components-description{font-size:1.1rem}.components-content{padding:1.5rem}}html:has(body.page-components){font-size:16px}.component-page{flex-direction:column;gap:90px;width:clamp(600px,90%,1064px);max-width:100%;margin:0 auto;padding-top:0;display:flex}.component-header{flex-direction:column;align-self:stretch;gap:32px;display:flex}.page-header{flex-direction:column;align-self:stretch;gap:12px;display:flex}.component-title{font-feature-settings:"ss02" 1,"cv10" 1,"cv11" 1,"liga" 1,"calt" 1;letter-spacing:-.03em;color:#111322;width:100%;height:60px;margin:0;font-family:Inter,sans-serif;font-size:40px;font-weight:600;line-height:1.25em}.component-description{color:#404968;width:100%;margin:0;font-family:Inter,sans-serif;font-size:20px;font-weight:500;line-height:1.5em}.component-hero{background:var(--color-brand-100);border-radius:24px;justify-content:stretch;align-self:stretch;align-items:stretch;gap:12px;height:500px;min-height:500px;display:flex;position:relative;overflow:hidden}.hero-image{z-index:10;max-width:100%;max-height:90%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.storybook-embed{background:var(--color-white);border:none;width:100%;height:100%}.storybook-embed-anatomy{opacity:1;mix-blend-mode:multiply;border:none;width:100%;height:100%;background:0 0!important}.storybook-embed-anatomy iframe{background:0 0!important}.anatomy-visual:before{content:"";background:var(--color-neutral-100);z-index:-1;border-radius:16px;position:absolute;inset:0}.storybook-embed-type{background:0 0;border:none;width:100%;height:100%}.gradient-decoration{filter:blur(157px);background:linear-gradient(45deg,#e1eafe,#bacefc);border-radius:50%;position:absolute}.gradient-1{width:1087px;height:1042px;top:-193px;right:-193px}.gradient-2{width:1087px;height:1042px;top:27px;left:265px}.component-section{background:0 0;flex-direction:column;align-self:stretch;gap:40px;margin-bottom:32px;scroll-margin-top:120px;display:flex}.section-header{z-index:1;background:0 0;flex-direction:column;align-self:stretch;gap:12px;display:flex}.section-title{font-family:Inter,sans-serif;font-size:var(--display-xs-size);font-feature-settings:"ss02" 1,"cv10" 1,"cv11" 1,"liga" 1,"calt" 1;letter-spacing:-.03em;color:var(--color-neutral-900);width:100%;margin:0;font-weight:500;line-height:1.22em}.section-description{color:#404968;width:100%;margin:0;font-family:Inter,sans-serif;font-size:18px;font-weight:500;line-height:1.35em}.section-content{flex-direction:column;gap:24px;display:flex}.usage-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.usage-card{border:1px solid var(--color-neutral-200);border-radius:12px;padding:24px;overflow:visible}.usage-card h3{color:var(--color-neutral-900);margin:0 0 8px;font-size:18px;font-weight:600}.usage-card p{color:var(--color-neutral-700);word-wrap:break-word;overflow-wrap:break-word;margin:0;font-size:14px;line-height:1.5}.anatomy-visual{background:var(--color-brand-100);z-index:0;border-radius:16px;flex-direction:column;align-self:stretch;align-items:stretch;gap:24px;margin-top:0;padding:8px 32px 32px;display:flex;position:relative}.anatomy-preview{flex-shrink:0;justify-content:center;align-items:center;min-height:200px;display:flex}.anatomy-list{flex-direction:column;gap:24px;display:flex}.anatomy-items{counter-reset:anatomy-counter;flex-direction:column;gap:20px;margin:0;padding:0;list-style:none;display:flex}.anatomy-item{flex-direction:column;gap:4px;padding-left:44px;display:flex;position:relative}.anatomy-item:before{content:counter(anatomy-counter);counter-increment:anatomy-counter;background:var(--color-brand-600);color:var(--color-white);width:28px;height:28px;font-size:var(--text-sm-size);font-weight:var(--weight-semibold);font-family:var(--font-inter);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.anatomy-item strong{font-family:var(--font-inter);font-size:var(--text-md-size);font-weight:var(--weight-semibold);line-height:var(--text-md-line);color:var(--color-neutral-900);margin:0}.anatomy-item p{font-family:var(--font-inter);font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--text-sm-line);color:var(--color-neutral-600);margin:0}.anatomy-marker{background:var(--color-brand-600);width:24px;height:24px;color:var(--color-white);border-radius:50%;justify-content:center;align-items:center;font-family:Inter,sans-serif;font-size:12px;font-weight:600;display:flex;position:absolute}.anatomy-breakdown{padding:24px 0}.anatomy-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.anatomy-list li{color:var(--color-neutral-700);padding-left:32px;font-size:14px;line-height:1.6;position:relative}.anatomy-list li:before{content:counter(anatomy-counter);counter-increment:anatomy-counter;background:var(--color-brand-200);color:var(--color-brand-700);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:8px;font-size:11px;font-weight:500;display:flex;position:absolute;top:2px;left:0}.anatomy-breakdown{counter-reset:anatomy-counter}.anatomy-subsection{margin-top:48px;padding-top:32px}.anatomy-subsection h3{color:#111322;margin:0 0 24px;font-size:24px;font-weight:600}.sizes-showcase{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;display:grid}.size-example{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:12px;padding:20px;display:flex}.size-example h4{color:#1a1a1a;margin:0;font-size:14px;font-weight:600}.types-content{align-self:stretch}.types-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;display:grid}.type-card{background:var(--color-white);border:1px solid var(--color-neutral-100);border-radius:12px;padding:24px;overflow:visible}.type-card h3{font-family:var(--font-inter);font-size:var(--text-md-size);font-weight:var(--weight-semibold);line-height:var(--text-md-line);color:var(--color-neutral-900);margin:0 0 8px}.type-card p{font-family:var(--font-inter);font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--text-sm-line);color:var(--color-neutral-600);word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin:0}.states-showcase{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;display:grid}.state-item,.state-example{background:var(--color-white);border:1px solid var(--color-neutral-100);border-radius:12px;padding:24px;overflow:visible}.state-example iframe{height:80px;min-height:80px}h3.state-title{font-family:var(--font-inter);font-size:var(--text-md-size);font-weight:var(--weight-semibold);line-height:var(--text-md-line);color:var(--color-neutral-900);margin:0 0 16px}.state-description{font-family:var(--font-inter);font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--text-sm-line);color:var(--color-neutral-600);word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin:0}.placement-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;display:grid}.placement-item{background:var(--color-white);border:1px solid var(--color-neutral-100);border-radius:12px;padding:24px;overflow:visible}h3.placement-title{font-family:var(--font-inter);font-size:var(--text-md-size);font-weight:var(--weight-semibold);line-height:var(--text-md-line);color:var(--color-neutral-900);margin:0 0 16px}.placement-description{font-family:var(--font-inter);font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--text-sm-line);color:var(--color-neutral-600);word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin:0}.example-frame{background:#f1f5fe;border:1px solid #e5e7eb;border-radius:12px;padding:32px}.example-frame p{color:#374151;margin:0;font-size:14px;line-height:1.6}.accessibility-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;display:grid}.accessibility-item{background:var(--color-white);border:1px solid var(--color-neutral-100);border-radius:12px;padding:24px;overflow:visible}.accessibility-item h3{font-family:var(--font-inter);font-size:var(--text-md-size);font-weight:var(--weight-semibold);line-height:var(--text-md-line);color:var(--color-neutral-900);margin:0 0 16px}.accessibility-item ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.accessibility-item li{font-family:var(--font-inter);font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--text-sm-line);color:var(--color-neutral-600);word-wrap:break-word;overflow-wrap:break-word;padding-left:20px;position:relative}.accessibility-item li:before{content:"•";color:var(--color-brand-600);font-weight:var(--weight-semibold);font-size:var(--text-lg-size);position:absolute;left:0}.accessibility-item li strong{color:var(--color-neutral-900);font-weight:var(--weight-semibold)}.availability-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:32px;display:grid}.availability-item,.availability-card{background:var(--color-white);border:1px solid var(--color-neutral-100);border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;padding:24px;display:flex}.availability-card h3,.framework-name{font-family:var(--font-inter);font-size:var(--text-md-size);font-weight:var(--weight-semibold);line-height:var(--text-md-line);color:var(--color-neutral-900);white-space:nowrap;margin:0}.status-badge{font-family:var(--font-inter);font-size:var(--text-xs-size);font-weight:var(--weight-medium);line-height:var(--text-xs-line);text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 12px}.status-badge.available{background:var(--color-success-100);color:var(--color-success-700)}.status-badge.in-progress{background:var(--color-warning-100);color:var(--color-warning-700)}.status-badge.not-available{background:var(--color-error-100);color:var(--color-error-700)}.view-link{color:var(--color-brand-600);font-family:var(--font-inter);font-size:var(--text-sm-size);font-weight:var(--weight-medium);line-height:var(--text-sm-line);margin-top:auto;text-decoration:none;transition:color .2s}.view-link:hover{color:var(--color-brand-700);text-decoration:underline}.component-preview-resizable{background:radial-gradient(circle,var(--color-neutral-200)1px,transparent 1px);background-size:16px 16px;border-radius:12px;justify-content:center;align-items:center;gap:16px;width:100%;min-height:120px;padding:40px;font-size:16px;display:flex}.component-preview-resizable bh-data-grid{font-size:16px}.component-preview-centered{justify-content:center;align-items:center;padding:60px 40px;display:flex}.component-preview-full-width{justify-content:stretch;align-items:stretch;width:100%;display:flex}.showcase-container{background:#fffc;border:1px solid #0000001a;border-radius:16px;flex-direction:column;gap:24px;padding:40px;display:flex}.showcase-container-row{background:#fffc;border:1px solid #0000001a;border-radius:16px;align-items:center;gap:32px;padding:40px;display:flex}.showcase-container-grid{background:#fffc;border:1px solid #0000001a;border-radius:16px;gap:24px;padding:40px;display:grid}.showcase-container-grid-2{grid-template-columns:repeat(2,1fr)}.showcase-container-grid-3{grid-template-columns:repeat(3,1fr)}.variant-card{background:var(--color-white);border:1px solid var(--color-neutral-100);border-radius:8px;justify-content:center;padding:24px;display:flex}.variant-card-column{background:var(--color-white);border:1px solid var(--color-neutral-100);border-radius:8px;flex-direction:column;align-items:center;gap:12px;padding:20px;display:flex}.button-group{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.button-group-vertical{flex-direction:column;align-items:center;gap:16px;display:flex}.badge-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.flex-column-gap-48{flex-direction:column;gap:48px;display:flex}.hierarchies-display{flex-direction:column;gap:24px;display:flex}.hierarchy-row{align-items:center;gap:16px;display:flex}.hierarchy-label{color:#404968;font-size:14px}.example-container{background:var(--color-white);border:1px solid var(--color-neutral-100);border-radius:16px;flex-direction:column;gap:24px;padding:24px;display:flex;overflow:visible}.example-header{flex-direction:column;gap:8px;display:flex}.example-title{color:var(--color-neutral-900);margin:0;font-size:18px;font-weight:600}.example-description{color:var(--color-neutral-600);margin:0;font-size:14px;line-height:1.5}.code-tabs{flex-direction:column;gap:8px;display:flex}.code-accordion{border:1px solid var(--color-neutral-100);border-radius:8px;overflow:hidden}.code-accordion-header{background:var(--color-neutral-50);cursor:pointer;color:var(--color-neutral-700);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;list-style:none;display:flex}.code-accordion-header::-webkit-details-marker{display:none}.code-accordion-header .material-symbols-outlined{font-size:20px;transition:transform .2s}.code-accordion[open] .code-accordion-header .material-symbols-outlined{transform:rotate(90deg)}.code-accordion-content{background:var(--color-neutral-900);padding:0;position:relative}.code-accordion-content pre{margin:0;padding:16px;font-size:13px;line-height:1.6;overflow-x:auto}.code-accordion-content code{color:var(--color-neutral-100);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.copy-button{cursor:pointer;z-index:10;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.copy-button:hover{background:#fff3;border-color:#ffffff4d}.copy-button .material-symbols-outlined{color:var(--color-white);font-size:18px}.when-to-use-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.use-case{background:var(--color-white);border:1px solid var(--color-neutral-100);border-radius:12px;padding:24px}.use-case-title{color:var(--color-neutral-900);margin:0 0 8px;font-size:18px;font-weight:600}.use-case-description{color:var(--color-neutral-700);margin:0;font-size:14px;line-height:1.5}.best-practices-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;display:grid}.practice-item{background:var(--color-white);border:1px solid var(--color-neutral-100);border-radius:12px;padding:24px}.practice-item h3{color:var(--color-neutral-900);margin:0 0 16px;font-size:18px;font-weight:600}.practice-item ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.practice-item li{color:var(--color-neutral-700);padding-left:20px;font-size:14px;line-height:1.5;position:relative}.practice-item.do li:before{content:"✓";color:var(--color-success-600);font-weight:600;position:absolute;left:0}.practice-item.dont li:before{content:"✗";color:var(--color-error-600);font-weight:600;position:absolute;left:0}.type-header{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.type-title{color:var(--color-neutral-900);margin:0;font-size:18px;font-weight:600}.type-description{color:var(--color-neutral-600);margin:0;font-size:14px;line-height:1.5}.type-preview{background:var(--color-neutral-50);border-radius:8px;justify-content:center;align-items:center;min-height:200px;display:flex;overflow:hidden}.framework-header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.framework-description{color:var(--color-neutral-600);margin:0;font-size:14px;line-height:1.5}.framework-description code{background:var(--color-neutral-100);color:var(--color-neutral-900);border-radius:4px;padding:2px 6px;font-family:SF Mono,Monaco,monospace;font-size:13px}.accessibility-title{color:var(--color-neutral-900);margin:0 0 12px;font-size:16px;font-weight:600}@media(max-width:1064px){.component-page{gap:60px;width:100%;padding:0 32px}.component-title{font-size:36px}.section-title{font-size:28px}.anatomy-visual{gap:32px;padding:32px}.anatomy-preview{min-height:160px}.types-grid{grid-template-rows:repeat(4,300px);grid-template-columns:1fr;gap:24px}.types-content{height:auto}.browser-mockup{width:100%;height:300px;position:relative;top:0;left:0}.browser-chrome{width:100%}.browser-content{width:100%;height:265px}.gradient-decoration{display:none}.showcase-container-grid-2,.showcase-container-grid-3,.when-to-use-list,.best-practices-list,.feature-list,.guidelines-list,.use-cases-grid,.features-grid,.size-list,.style-options,.performance-tips{grid-template-columns:1fr}}.feature-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.feature-item{background:var(--color-white);border:1px solid var(--color-neutral-100);border-radius:12px;padding:24px}.feature-item h3{color:var(--color-neutral-900);margin:0 0 8px;font-size:18px;font-weight:600}.feature-item p{color:var(--color-neutral-600);margin:0;font-size:14px;line-height:1.6}.guidelines-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.guideline-item{background:var(--color-white);border:1px solid var(--color-neutral-100);border-radius:12px;padding:24px}.guideline-item h3{color:var(--color-neutral-900);margin:0 0 8px;font-size:18px;font-weight:600}.guideline-item p,.guideline-item ul{color:var(--color-neutral-600);margin:0;font-size:14px;line-height:1.6}.guideline-item ul{margin-top:8px;padding-left:20px}.guideline-item li{margin-bottom:4px}.use-cases-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.use-case-item{background:var(--color-white);border:1px solid var(--color-neutral-100);border-radius:12px;padding:24px}.use-case-item h3{color:var(--color-neutral-900);margin:0 0 8px;font-size:18px;font-weight:600}.use-case-item p{color:var(--color-neutral-600);margin:0;font-size:14px;line-height:1.6}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.feature-card{background:var(--color-white);border:1px solid var(--color-neutral-100);border-radius:12px;padding:24px}.feature-card h3{color:var(--color-neutral-900);margin:0 0 8px;font-size:18px;font-weight:600}.feature-card p{color:var(--color-neutral-600);margin:0;font-size:14px;line-height:1.6}.size-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.size-item{background:var(--color-white);border:1px solid var(--color-neutral-100);border-radius:12px;padding:24px}.size-item h3{color:var(--color-neutral-900);margin:0 0 8px;font-size:18px;font-weight:600}.size-item p{color:var(--color-neutral-600);margin:0;font-size:14px;line-height:1.6}.style-options{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.style-option{background:var(--color-white);border:1px solid var(--color-neutral-100);border-radius:12px;padding:24px}.style-option h3{color:var(--color-neutral-900);margin:0 0 8px;font-size:18px;font-weight:600}.style-option p{color:var(--color-neutral-600);margin:0;font-size:14px;line-height:1.6}.performance-tips{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.tip-item{background:var(--color-white);border:1px solid var(--color-neutral-100);border-radius:12px;padding:24px}.tip-item h3{color:var(--color-neutral-900);margin:0 0 8px;font-size:18px;font-weight:600}.tip-item p{color:var(--color-neutral-600);margin:0;font-size:14px;line-height:1.6}.related-components-table{border-collapse:collapse;width:100%;font-size:var(--text-sm-size)}.related-components-table thead{background-color:var(--color-neutral-50)}.related-components-table th{text-align:left;color:var(--color-neutral-900);border-bottom:2px solid var(--color-neutral-200);padding:12px 16px;font-weight:600}.related-components-table td{color:var(--color-neutral-700);border-bottom:1px solid var(--color-neutral-200);vertical-align:top;padding:12px 16px}.related-components-table td:first-child{width:200px}.related-components-table tbody tr:last-child td{border-bottom:none}.related-components-table tbody tr:hover{background-color:var(--color-neutral-50)}.markdown-content{width:clamp(600px,90%,1064px);max-width:100%;margin:0 auto;padding:60px 0;line-height:1.6}.markdown-content h1{font-feature-settings:"ss02" 1,"cv10" 1,"cv11" 1,"liga" 1,"calt" 1;letter-spacing:-.03em;color:#111322;margin:0 0 12px;font-family:Inter,sans-serif;font-size:40px;font-weight:600;line-height:1.25em}.markdown-content h2{font-feature-settings:"ss02" 1,"cv10" 1,"cv11" 1,"liga" 1,"calt" 1;letter-spacing:-.03em;color:#111322;border-bottom:1px solid #e5e7eb;margin:60px 0 20px;padding-bottom:12px;scroll-margin-top:120px;font-family:Inter,sans-serif;font-size:32px;font-weight:500;line-height:1.22em}.markdown-content h3{color:#111322;margin:32px 0 16px;font-family:Inter,sans-serif;font-size:24px;font-weight:600;line-height:1.3em}.markdown-content h4{color:#404968;margin:24px 0 12px;font-family:Inter,sans-serif;font-size:18px;font-weight:600;line-height:1.4em}.markdown-content p{color:#404968;margin:0 0 16px;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:1.7em}.markdown-content p:last-child{margin-bottom:0}.markdown-content ul,.markdown-content ol{color:#404968;margin:0 0 24px;padding-left:28px;font-family:Inter,sans-serif;font-size:16px;line-height:1.7em}.markdown-content ul{list-style-type:disc}.markdown-content ol{list-style-type:decimal}.markdown-content li{margin-bottom:10px;padding-left:8px}.markdown-content li:last-child{margin-bottom:0}.markdown-content li>ul,.markdown-content li>ol{margin-top:10px;margin-bottom:10px}.markdown-content a{color:#2642cf;border-bottom:1px solid #0000;font-weight:500;text-decoration:none;transition:all .2s}.markdown-content a:hover{border-bottom-color:#2642cf}.markdown-content code{color:#2642cf;background:#f1f5fe;border-radius:6px;padding:3px 8px;font-family:SF Mono,Monaco,Inconsolata,Courier New,monospace;font-size:14px;font-weight:500}.markdown-content pre{color:#e5e7eb;background:#1a1a1a;border-radius:12px;margin:24px 0 32px;padding:24px;overflow-x:auto;box-shadow:0 4px 6px #0000001a}.markdown-content pre code{color:#e5e7eb;background:0 0;padding:0;font-size:14px;font-weight:400;line-height:1.6}.markdown-content hr{border:none;border-top:2px solid #e5e7eb;margin:56px 0}.markdown-content strong{color:#111322;font-weight:600}.markdown-content em{color:#404968;font-style:italic}.markdown-content blockquote{background:#f1f5fe;border-left:4px solid #2642cf;border-radius:0 8px 8px 0;margin:24px 0;padding:16px 24px}.markdown-content blockquote p{color:#404968;margin:0}.markdown-content table{border-collapse:collapse;width:100%;margin:24px 0;font-size:15px}.markdown-content table th{color:#111322;text-align:left;background:#f1f5fe;border:1px solid #e5e7eb;padding:12px 16px;font-weight:600}.markdown-content table td{color:#404968;border:1px solid #e5e7eb;padding:12px 16px}.markdown-content table tr:nth-child(2n){background:#f9fafb}.markdown-content img{border-radius:12px;max-width:100%;height:auto;margin:24px 0;box-shadow:0 4px 12px #0000001a}.markdown-content h3+p{margin-bottom:24px}.markdown-content h3+pre{margin-top:16px}@media(max-width:1064px){.markdown-content{width:100%;padding:40px 32px}.markdown-content h1{font-size:32px}.markdown-content h2{margin:48px 0 16px;font-size:28px}.markdown-content h3{margin:24px 0 12px;font-size:20px}.markdown-content h4{font-size:16px}.markdown-content p,.markdown-content ul,.markdown-content ol{font-size:15px}.markdown-content pre{margin:20px 0;padding:16px;font-size:13px}}@media(max-width:768px){.markdown-content{padding:32px 24px}.markdown-content h1{font-size:28px}.markdown-content h2{margin:40px 0 12px;font-size:24px}.markdown-content h3{margin:20px 0 10px;font-size:18px}.markdown-content pre{border-radius:8px;padding:12px;overflow-x:scroll}.markdown-content pre code{font-size:12px}.markdown-content table{font-size:13px}.markdown-content table th,.markdown-content table td{padding:8px 10px}}.markdown-content pre code .keyword{color:#c792ea}.markdown-content pre code .string{color:#c3e88d}.markdown-content pre code .comment{color:#676e95;font-style:italic}.markdown-content pre code .function{color:#82aaff}.markdown-content pre code .number{color:#f78c6c}.markdown-content [id]{scroll-margin-top:120px}@media print{.markdown-content{width:100%;padding:0}.markdown-content pre{color:#000;background:#f5f5f5;border:1px solid #ddd}.markdown-content pre code{color:#000}.markdown-content a{color:#000;text-decoration:underline}}.first-section{background-color:#fff;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.gradient-planet{filter:blur(100px);will-change:transform;z-index:1;background:linear-gradient(45deg,#e1eafecc,#bacefccc);border-radius:50%;width:940px;height:400px;position:absolute;top:-780px;left:500px;transform:translateZ(0)}.bellhop-blur-container{filter:blur(200px);will-change:transform;z-index:2;width:1440px;height:1440px;position:absolute;top:240px;left:110px;transform:translateZ(0)}.bellhop-blurred{object-fit:cover;width:1400px;height:1440px;position:absolute;top:0;left:20px}.texture-overlay{opacity:.8;mix-blend-mode:color-burn;z-index:3;background-image:url(/assets/noise.svg);background-size:contain;width:100vw;height:100vh;position:absolute;top:0;left:0}.content-container{z-index:4;flex-flow:column wrap;place-content:center flex-end;width:100%;height:100%;display:flex;position:relative}.content-container:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(30deg,#2642cf4d -12% 0%,#fff0);width:100vw;height:100vh;position:fixed;top:0;left:0}.main-heading{letter-spacing:-5px;color:#fff;text-align:left;text-shadow:0 -1px 1px #0000001a;word-wrap:break-word;overflow-wrap:break-word;width:100%;max-width:1400px;margin-bottom:calc(40px + 2vw);padding:48px;font-family:Inter,sans-serif;font-size:110px;font-weight:500;line-height:1.1}@media(max-width:1440px){.gradient-planet{filter:blur(80px);width:66vw;height:66vw;top:-34vh;left:38vw}.bellhop-blur-container{filter:blur(150px);width:100vw;height:100vw;top:24vh;left:8vw}.bellhop-blurred{width:97vw;height:100vw;left:1vw}.texture-overlay{width:111vw;height:117vh;top:-17vh;left:-6vw}.content-container{gap:6vw;top:39vh;left:2vw}.main-heading{letter-spacing:-3px;width:81vw;padding:32px;font-size:8vw}}@media(max-width:768px){.gradient-planet{filter:blur(40px);width:80vw;height:80vw;top:-20vh;left:20vw}.content-container{top:35vh;left:3vw}.main-heading{letter-spacing:-2px;width:95vw;padding:24px;font-size:12vw}}@media(max-width:575px){.gradient-planet{filter:blur(50px)}.main-heading{letter-spacing:-1.5px;padding:20px 16px;font-size:14vw;line-height:1.05}}@keyframes hero-gradient-animation{0%{--s-start-0:6%;--s-end-0:31%;--x-0:20%;--y-0:45%;--c-0:#5759bcfa;--s-start-1:6%;--s-end-1:32%;--x-1:71%;--y-1:39%;--c-1:#e68e9dfa;--x-2:99%;--s-start-2:10%;--s-end-2:43%;--y-2:57%;--c-2:#db99f4;--s-start-3:10%;--s-end-3:44%;--x-3:3%;--y-3:55%;--c-3:#6698f0}to{--s-start-0:18;--s-end-0:86;--x-0:98%;--y-0:69%;--c-0:#6668f0fa;--s-start-1:18;--s-end-1:62%;--x-1:34%;--y-1:91%;--c-1:#e68e9dfa;--x-2:23%;--s-start-2:14%;--s-end-2:62%;--y-2:95%;--c-2:#db99f4;--s-start-3:16%;--s-end-3:73%;--x-3:77%;--y-3:99%;--c-3:#6698f0}}@property --s-start-0{syntax:"<percentage>";inherits:false;initial-value:6%}@property --s-end-0{syntax:"<percentage>";inherits:false;initial-value:31%}@property --x-0{syntax:"<percentage>";inherits:false;initial-value:20%}@property --y-0{syntax:"<percentage>";inherits:false;initial-value:45%}@property --c-0{syntax:"<color>";inherits:false;initial-value:#6668f0fa}@property --s-start-1{syntax:"<percentage>";inherits:false;initial-value:6%}@property --s-end-1{syntax:"<percentage>";inherits:false;initial-value:32%}@property --x-1{syntax:"<percentage>";inherits:false;initial-value:71%}@property --y-1{syntax:"<percentage>";inherits:false;initial-value:39%}@property --c-1{syntax:"<color>";inherits:false;initial-value:#e68e9dfa}@property --x-2{syntax:"<percentage>";inherits:false;initial-value:99%}@property --s-start-2{syntax:"<percentage>";inherits:false;initial-value:10%}@property --s-end-2{syntax:"<percentage>";inherits:false;initial-value:43%}@property --y-2{syntax:"<percentage>";inherits:false;initial-value:57%}@property --c-2{syntax:"<color>";inherits:false;initial-value:#db99f4}@property --s-start-3{syntax:"<percentage>";inherits:false;initial-value:10%}@property --s-end-3{syntax:"<percentage>";inherits:false;initial-value:44%}@property --x-3{syntax:"<percentage>";inherits:false;initial-value:3%}@property --y-3{syntax:"<percentage>";inherits:false;initial-value:55%}@property --c-3{syntax:"<color>";inherits:false;initial-value:#6698f0}.first-section{--x-0:20%;--y-0:45%;--c-0:#6668f0fa;--x-1:71%;--y-1:39%;--c-1:#e68e9dfa;--x-2:99%;--y-2:57%;--c-2:#db99f4;--x-3:3%;--y-3:55%;--c-3:#6698f0;background-color:#fff;background-image:radial-gradient(circle at var(--x-0)var(--y-0),var(--c-0)var(--s-start-0),transparent var(--s-end-0)),radial-gradient(circle at var(--x-1)var(--y-1),var(--c-1)var(--s-start-1),transparent var(--s-end-1)),radial-gradient(circle at var(--x-2)var(--y-2),var(--c-2)var(--s-start-2),transparent var(--s-end-2)),radial-gradient(circle at var(--x-3)var(--y-3),var(--c-3)var(--s-start-3),transparent var(--s-end-3));background-blend-mode:normal,normal,normal,normal;animation:15s linear infinite alternate hero-gradient-animation}.second-section{background:linear-gradient(#fff,#e3f1ff);flex-direction:column;justify-content:center;align-items:flex-start;width:100%;height:100vh;margin:0 auto;padding:80px 32px;display:flex;overflow:hidden}.second-section .section-heading{letter-spacing:-.02rem;text-align:center;color:#2642cf;max-width:1440px;margin:0 auto;font-family:Inter,sans-serif;font-size:80px;font-weight:500;line-height:120%;overflow:hidden}@media(max-width:1440px){.second-section{padding:5vw 2vw}.section-heading{font-size:80px}}@media(max-width:1024px){.second-section{max-width:1280px;padding:6vw 3vw}.section-heading{font-size:70px}}@media(max-width:768px){.second-section{padding:8vw 4vw}.section-heading{font-size:14vw}}@media(max-width:480px){.second-section{padding:10vw 5vw}.section-heading{font-size:16vw}}.third-section{background-color:#000;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.section-video{object-fit:cover;width:100%;height:100%;display:block}@media(max-width:768px){.third-section{height:70vh}.section-video{object-fit:contain}}@media(max-width:480px){.third-section{height:60vh}.section-video{object-fit:contain;max-width:90%;max-height:90%}}.fourth-section{cursor:pointer;background-color:#fff;justify-content:center;align-items:center;width:100vw;height:100vh;padding:340px 200px;display:flex;position:relative;overflow:hidden}.floating-elements{pointer-events:none;will-change:transform;width:100%;height:100%;position:absolute;top:0;left:0;transform:translateZ(0)}.ui-element{pointer-events:none;will-change:transform;position:absolute;transform:translateZ(0)}.mockup{filter:drop-shadow(0 -5px 67px #00000017);width:1280px;height:auto;top:680px;left:50%;transform:translate(-50%)}.adr{width:172px;height:auto;top:-22px;left:-14px}.occupancy{width:480px;height:auto;top:-13%;left:30%}.revpar{width:400px;height:auto;top:-3%;left:59%}.rpm{width:310px;height:auto;top:-15px;left:83%}.uploading{width:400px;height:auto;top:214px;left:59%}.section-heading-third{letter-spacing:-.025em;text-align:center;-webkit-text-fill-color:transparent;color:#0000;z-index:10;background:linear-gradient(90deg,#e47789,#913f9a 48%,#2642cf);-webkit-background-clip:text;background-clip:text;width:940px;margin:0;font-family:Inter,sans-serif;font-size:72px;font-weight:500;line-height:1.2;position:relative}@media(max-width:1440px){.fourth-section{height:100vh;padding:24vw 14vw}.section-heading-third{width:66vw;font-size:4vw}.mockup{width:89vw;top:50vh;left:50%;transform:translate(-50%)}.adr{width:12vw;top:5vh;left:1vw}.occupancy{width:33vw;top:10vh;left:30%}.revpar{width:28vw;top:15vh;left:59%}.rpm{width:22vw;top:8vh;left:83%}.uploading{width:28vw;top:40vh;left:59%}}@media(max-width:1024px){.fourth-section{padding:20vw 10vw}.section-heading-third{width:80vw;font-size:5vw}}@media(max-width:768px){.fourth-section{flex-direction:column;gap:10vw;height:auto;min-height:100vh;padding:20vw 5vw}.section-heading-third{order:1;width:90vw;margin-bottom:8vw;font-size:8vw}.floating-elements{transform-origin:top;order:2;height:60vh;position:relative;transform:scale(.5)}.mockup{width:90vw;position:relative;top:0;left:0;transform:none}.adr,.occupancy,.revpar,.rpm,.uploading{display:none}}@media(max-width:480px){.fourth-section{gap:8vw;padding:15vw 5vw}.section-heading-third{margin-bottom:6vw;font-size:10vw}.floating-elements{height:50vh;transform:scale(.4)}.mockup{width:85vw}}.fifth-section{background-color:#e1eafe;flex-direction:column;justify-content:center;align-items:center;gap:48px;width:100vw;height:100vh;display:flex;position:relative}.bellhop-logo-container{width:148px;height:148px}@media(max-width:1440px){.fifth-section{height:100vh;padding:24vw 14vw}.bellhop-logo-container{width:10vw;height:10vw}}@media(max-width:1024px){.fifth-section{padding:20vw 10vw}}@media(max-width:768px){.fifth-section{gap:8vw;height:120vh;padding:20vw 5vw}.bellhop-logo-container{width:25vw;height:25vw}}@media(max-width:480px){.fifth-section{gap:6vw;padding:15vw 5vw}.bellhop-logo-container{width:30vw;height:30vw}}:root{font-feature-settings:"liga" 1,"calt" 1;font-family:Inter,sans-serif}@supports (font-variation-settings:normal){:root{font-family:InterVariable,sans-serif}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{will-change:scroll-position;--sb-size:8px;margin:0;font-family:Inter,sans-serif;overflow-x:hidden}body::-webkit-scrollbar{width:var(--sb-size)}body::-webkit-scrollbar-track{background:0 0;border-radius:0}body::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:12px}@supports not selector(::-webkit-scrollbar){body{scrollbar-color:transparent var(--color-brand-300)}}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}section{will-change:transform;transform:translateZ(0)}#smooth-wrapper{width:100%;height:100%;position:fixed;inset:0;overflow:hidden}#smooth-content{width:100%;overflow:visible}.main-wrapper{justify-content:center;align-items:center;display:flex}.btn-xl{background-color:var(--color-brand-600);height:60px;color:var(--color-white);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:12px;outline:none;flex-direction:row;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-family:Inter,sans-serif;transition:all .3s;display:flex}.btn-xl:hover{background-color:var(--color-brand-700);transition:all .3s;transform:translateY(-2px);box-shadow:0 4px 8px #2642cf33}.btn-xl:active{transform:translateY(0);box-shadow:0 2px 8px #2642cf33}.btn-xl:focus{outline-offset:2px;outline:2px solid #2642cf80}.text-padding{justify-content:center;align-items:center;padding:0 2px;display:flex}.btn-xl-text{color:var(--color-white);white-space:nowrap;text-align:left;-webkit-user-select:none;user-select:none;font-family:Inter,sans-serif;font-size:22px;font-weight:400;line-height:1.2}.btn-xl span.material-symbols-outlined{color:var(--color-white);font-size:22px}@media(max-width:1440px){.btn-xl{border-radius:8px;gap:6px;height:48px;padding:0 16px}.text-padding{padding:0 2px}.btn-xl-text{font-size:16px}.btn-xl-arrow{width:20px;height:20px}}@media(max-width:1024px){.btn-xl{gap:6px;height:52px;padding:0 20px}.btn-xl-text{font-size:18px}.btn-xl-arrow{width:22px;height:22px}}@media(max-width:768px){.btn-xl{border-radius:12px;gap:8px;height:56px;padding:0 24px}.btn-xl-text{font-size:20px}.btn-xl-arrow{width:24px;height:24px}}@media(max-width:480px){.btn-xl{gap:8px;height:60px;padding:0 28px}.btn-xl-text{font-size:22px}.btn-xl-arrow{width:26px;height:26px}}@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-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}