.ao-guide .office-workspaces{background: rgb(255, 255, 255); scroll-margin-top: 100px;}
.ao-guide .office-section-intro{display: flex; align-items: flex-start; gap: 24px; margin-bottom: 68px;}
.ao-guide .office-heading-mark{display: block; width: 14px; height: 14px; flex: 0 0 14px; margin-top: 17px; border-radius: 50%; background: rgb(17, 17, 17); box-shadow: rgb(245, 245, 245) 0px 0px 0px 7px;}
.ao-guide .office-options-heading{max-width: 700px; margin: 0px; letter-spacing: -1.8px;}
.ao-guide .office-workspace-group{display: grid; grid-template-columns: minmax(0px, 0.93fr) minmax(0px, 1.07fr); align-items: stretch; column-gap: clamp(36px, 5vw, 76px);}
.ao-guide .office-workspace-group-no-image{grid-template-columns: minmax(0px, 1fr);}
.ao-guide .office-workspace-group-no-image .office-workspace-content{max-width: 860px;}
.ao-guide .office-workspace-image{margin: 0px; overflow: hidden; border-radius: 20px; background: rgb(245, 245, 245); min-height: 560px;}
.ao-guide .office-workspace-image img{display: block; width: 100%; height: 100%; object-fit: cover;}
.ao-guide .office-coworking-group{grid-template-columns: minmax(0px, 1.07fr) minmax(0px, 0.93fr); margin-top: 100px;}
.ao-guide .office-coworking-group.office-workspace-group-no-image{grid-template-columns: minmax(0px, 1fr);}
.ao-guide .office-coworking-image{min-height: 520px;}
.ao-guide .office-workspace-content{padding: 8px 0px;}
.ao-guide .office-group-heading{color: rgb(17, 17, 17); font-size: clamp(25px, 2.3vw, 30px); font-weight: 500; letter-spacing: -1px; line-height: 1.25; margin: 0px 0px 16px;}
.ao-guide .office-group-description{margin: 0px 0px 28px; color: rgb(102, 102, 102); font-size: 15px; line-height: 1.8;}
.ao-guide .office-option{padding: 22px 0px 24px; border-top: 1px solid rgb(229, 229, 229);}
.ao-guide .office-option:last-child{padding-bottom: 0px;}
.ao-guide .office-option-copy{color: rgb(102, 102, 102); font-size: 14px; line-height: 1.8; margin: 0px 0px 16px;}
.ao-guide .office-option-copy strong{display: block; color: rgb(17, 17, 17); font-weight: 600; font-size: 16px; line-height: 1.55; margin-bottom: 8px;}
.ao-guide .office-option-link{display: inline-flex; align-items: center; gap: 14px; font-size: 13px; font-weight: 600; line-height: 1.6; color: rgb(17, 17, 17); text-decoration: none; padding-bottom: 4px;}
.ao-guide .office-option-link svg, .ao-guide .office-process-button svg{flex-shrink: 0; transition: transform 0.18s;}
.ao-guide .office-option-link:hover svg, .ao-guide .office-process-button:hover svg{transform: translate(2px, -2px);}
.ao-guide .office-option-link:focus-visible, .ao-guide .office-process-button:focus-visible{outline: rgb(17, 17, 17) solid 2px; outline-offset: 5px;}
.ao-guide .office-how{background: rgb(255, 255, 255); border-top: 1px solid rgb(229, 229, 229);}
.ao-guide .office-how-heading{max-width: 650px; margin: 0px 0px 52px; letter-spacing: -1.8px;}
.ao-guide .office-how-heading strong{font-weight: inherit;}
.ao-guide .office-process-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 20px;}
.ao-guide .office-process-card{display: flex; flex-direction: column; align-items: flex-start; padding: 32px 28px; border: 1px solid rgb(229, 229, 229); border-radius: 18px; background: rgb(255, 255, 255);}
.ao-guide .office-process-icon{display: inline-flex; align-items: center; justify-content: center; width: 49px; height: 49px; margin-bottom: 28px; border-radius: 14px; color: rgb(17, 17, 17); background: rgb(245, 245, 245);}
.ao-guide .office-process-title{font-size: 21px; line-height: 1.35; font-weight: 500; letter-spacing: -0.5px; color: rgb(17, 17, 17); margin: 0px 0px 8px;}
.ao-guide .office-process-subtitle{color: rgb(17, 17, 17); font-size: 12px; font-weight: 600; letter-spacing: 0.4px; margin: 0px 0px 27px;}
.ao-guide .office-process-steps{display: flex; flex-direction: column; gap: 17px; list-style: none; padding: 0px; margin: 0px 0px 34px; color: rgb(102, 102, 102); font-size: 13px; line-height: 1.7;}
.ao-guide .office-process-steps li{border-bottom: 1px solid rgb(229, 229, 229); padding-bottom: 14px;}
.ao-guide .office-process-steps li:last-child{border-bottom: 0px; padding-bottom: 0px;}
.ao-guide .office-process-button{margin-top: auto; display: inline-flex; gap: 14px; align-items: center; justify-content: center; font-size: 12px; text-decoration: none; white-space: normal; text-align: left; padding: 13px 18px;}
.ao-guide .office-comparison{background: rgb(17, 17, 17); color: rgb(255, 255, 255);}
.ao-guide .office-comparison-heading-row{display: flex; align-items: center; justify-content: space-between; gap: 32px; margin-bottom: 52px;}
.ao-guide .office-comparison-heading{color: rgb(255, 255, 255); max-width: 650px; margin: 0px; letter-spacing: -1.8px;}
.ao-guide .office-comparison-mark{display: flex; align-items: center; justify-content: center; flex: 0 0 64px; height: 64px; border-radius: 50%; color: rgb(234, 250, 98); border: 1px solid rgb(57, 57, 57);}
.ao-guide .office-table-scroll{width: 100%; overflow-x: auto; scrollbar-color: rgb(136, 136, 136) rgb(34, 34, 34); scrollbar-width: thin; border-top: 1px solid rgb(57, 57, 57);}
.ao-guide .office-table-scroll:focus-visible{outline: rgb(234, 250, 98) solid 2px; outline-offset: 6px;}
.ao-guide .office-comparison-table{width: 100%; min-width: 780px; border-collapse: collapse; table-layout: fixed; font-size: 14px; line-height: 1.75; text-align: left;}
.ao-guide .office-comparison-table th, .ao-guide .office-comparison-table td{padding: 26px 24px; vertical-align: top; border-bottom: 1px solid rgb(57, 57, 57);}
.ao-guide .office-comparison-table thead th{padding-top: 20px; padding-bottom: 20px; color: rgb(189, 189, 189); font-size: 11px; font-weight: 500; letter-spacing: 0.6px;}
.ao-guide .office-comparison-table thead th:first-child, .ao-guide .office-comparison-table tbody th{padding-left: 0px; width: 26%;}
.ao-guide .office-comparison-table thead th:last-child, .ao-guide .office-comparison-table td:last-child{width: 29%; padding-right: 0px;}
.ao-guide .office-comparison-table tbody th{color: rgb(255, 255, 255); font-weight: 500;}
.ao-guide .office-comparison-table td:last-child{color: rgb(189, 189, 189); font-size: 13px;}
.ao-guide .office-inclusions{background: rgb(255, 255, 255);}
.ao-guide .office-inclusions-intro{display: grid; grid-template-columns: minmax(0px, 1.05fr) minmax(0px, 0.95fr); gap: 80px; align-items: end; margin-bottom: 60px;}
.ao-guide .office-inclusions-heading{margin: 0px; max-width: 570px; letter-spacing: -1.8px;}
.ao-guide .office-inclusions-description{color: rgb(102, 102, 102); font-size: 15px; line-height: 1.8; margin: 0px 0px 3px;}
.ao-guide .office-inclusions-description strong{font-weight: inherit;}
.ao-guide .office-inclusions-list{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); column-gap: 64px; list-style: none; padding: 0px; margin: 0px;}
.ao-guide .office-inclusion{display: flex; align-items: flex-start; gap: 20px; border-top: 1px solid rgb(229, 229, 229); padding: 28px 0px;}
.ao-guide .office-inclusion-icon{display: flex; align-items: center; justify-content: center; flex: 0 0 46px; height: 46px; border-radius: 50%; color: rgb(17, 17, 17); background: rgb(245, 245, 245);}
.ao-guide .office-inclusion p{color: rgb(102, 102, 102); font-size: 14px; line-height: 1.8; margin: 0px;}
.ao-guide .office-inclusion strong{display: block; color: rgb(17, 17, 17); font-size: 15px; font-weight: 600; line-height: 1.5; margin-bottom: 8px;}
@media (max-width: 1050px){.ao-guide .office-workspace-group{column-gap: 36px;}
.ao-guide .office-workspace-image{min-height: 600px;}
.ao-guide .office-process-card{padding: 28px 20px;}
.ao-guide .office-process-title{font-size: 19px;}
.ao-guide .office-inclusions-intro{gap: 40px;}
.ao-guide .office-inclusions-list{column-gap: 36px;}}
@media (max-width: 760px){.ao-guide .office-workspaces, .ao-guide .office-how, .ao-guide .office-comparison, .ao-guide .office-inclusions{padding: 68px 0px;}
.ao-guide .office-section-intro{gap: 20px; margin-bottom: 40px;}
.ao-guide .office-heading-mark{width: 10px; height: 10px; flex-basis: 10px; margin-top: 12px; box-shadow: rgb(245, 245, 245) 0px 0px 0px 5px;}
.ao-guide .office-options-heading, .ao-guide .office-how-heading, .ao-guide .office-comparison-heading, .ao-guide .office-inclusions-heading{font-size: 32px; letter-spacing: -1.1px;}
.ao-guide .office-workspace-group, .ao-guide .office-coworking-group{grid-template-columns: minmax(0px, 1fr); gap: 28px;}
.ao-guide .office-workspace-image{min-height: 0px; height: auto; aspect-ratio: 4 / 3; border-radius: 16px;}
.ao-guide .office-coworking-group{margin-top: 60px;}
.ao-guide .office-group-heading{font-size: 25px;}
.ao-guide .office-workspace-content{padding: 0px;}
.ao-guide .office-group-description{margin-bottom: 24px;}
.ao-guide .office-how-heading{margin-bottom: 34px;}
.ao-guide .office-process-grid{grid-template-columns: minmax(0px, 1fr); gap: 16px;}
.ao-guide .office-process-card{padding: 28px;}
.ao-guide .office-process-icon{margin-bottom: 22px;}
.ao-guide .office-process-title{font-size: 22px;}
.ao-guide .office-process-steps{width: 100%;}
.ao-guide .office-comparison-heading-row{margin-bottom: 32px;}
.ao-guide .office-comparison-mark{display: none;}
.ao-guide .office-inclusions-intro{grid-template-columns: minmax(0px, 1fr); gap: 22px; margin-bottom: 34px;}
.ao-guide .office-inclusions-list{grid-template-columns: minmax(0px, 1fr);}
.ao-guide .office-inclusion{gap: 16px; padding: 24px 0px;}}
@media (prefers-reduced-motion: reduce){.ao-guide .office-option-link svg, .ao-guide .office-process-button svg{transition: none;}
.ao-guide .office-option-link:hover svg, .ao-guide .office-process-button:hover svg{transform: none;}}
@layer components;
@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){.ao-guide *, .ao-guide ::before, .ao-guide ::after, .ao-guide ::backdrop{--tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: 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-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-content: ""; --tw-animation-delay: 0s; --tw-animation-direction: normal; --tw-animation-duration: initial; --tw-animation-fill-mode: none; --tw-animation-iteration-count: 1; --tw-enter-blur: 0; --tw-enter-opacity: 1; --tw-enter-rotate: 0; --tw-enter-scale: 1; --tw-enter-translate-x: 0; --tw-enter-translate-y: 0; --tw-exit-blur: 0; --tw-exit-opacity: 1; --tw-exit-rotate: 0; --tw-exit-scale: 1; --tw-exit-translate-x: 0; --tw-exit-translate-y: 0;}}
.ao-guide, .ao-guide{--font-sans: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --color-red-100: oklch(93.6% .032 17.717); --color-red-500: oklch(63.7% .237 25.331); --color-blue-600: oklch(54.6% .245 262.881); --color-blue-700: oklch(48.8% .243 264.376); --color-slate-50: oklch(98.4% .003 247.858); --color-slate-100: oklch(96.8% .007 247.896); --color-slate-600: oklch(44.6% .043 257.281); --color-slate-700: oklch(37.2% .044 257.287); --color-slate-900: oklch(20.8% .042 265.755); --color-black: #000; --color-white: #fff; --spacing: .25rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-2xl: 42rem; --container-6xl: 72rem; --text-xs: .75rem; --text-xs--line-height: calc(1/.75); --text-sm: .875rem; --text-sm--line-height: calc(1.25/.875); --text-base: 1rem; --text-base--line-height: 1.5; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75/1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75/1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2/1.5); --text-3xl: 1.875rem; --text-3xl--line-height: 1.2; --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5/2.25); --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --tracking-tight: -.025em; --tracking-widest: .1em; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --radius-xs: .125rem; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --ease-in-out: cubic-bezier(.4,0,.2,1); --animate-spin: spin 1s linear infinite; --animate-pulse: pulse 2s cubic-bezier(.4,0,.6,1)infinite; --blur-sm: 8px; --blur-2xl: 40px; --aspect-video: 16/9; --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); --radius: 1rem; --color-border: #e5e5e5;}
.ao-guide *, .ao-guide ::after, .ao-guide ::before, .ao-guide ::backdrop{box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px;}
.ao-guide ::file-selector-button{box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px;}
.ao-guide, .ao-guide{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;}
.ao-guide hr{height: 0px; color: inherit; border-top-width: 1px;}
.ao-guide abbr:where([title]){text-decoration: underline dotted;}
.ao-guide h1, .ao-guide h2, .ao-guide h3, .ao-guide h4, .ao-guide h5, .ao-guide h6{font-size: inherit; font-weight: inherit;}
.ao-guide a{color: inherit; text-decoration: inherit;}
.ao-guide b, .ao-guide strong{font-weight: bolder;}
.ao-guide code, .ao-guide kbd, .ao-guide samp, .ao-guide 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;}
.ao-guide small{font-size: 80%;}
.ao-guide sub, .ao-guide sup{vertical-align: baseline; font-size: 75%; line-height: 0; position: relative;}
.ao-guide sub{bottom: -0.25em;}
.ao-guide sup{top: -0.5em;}
.ao-guide table{text-indent: 0px; border-color: inherit; border-collapse: collapse;}
.ao-guide progress{vertical-align: baseline;}
.ao-guide summary{display: list-item;}
.ao-guide ol, .ao-guide ul, .ao-guide menu{list-style: none;}
.ao-guide img, .ao-guide svg, .ao-guide video, .ao-guide canvas, .ao-guide audio, .ao-guide iframe, .ao-guide embed, .ao-guide object{vertical-align: middle; display: block;}
.ao-guide img, .ao-guide video{max-width: 100%; height: auto;}
.ao-guide button, .ao-guide input, .ao-guide select, .ao-guide optgroup, .ao-guide textarea{font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px;}
.ao-guide ::file-selector-button{font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px;}
.ao-guide :where(select:is([multiple], [size])) optgroup{font-weight: bolder;}
.ao-guide :where(select:is([multiple], [size])) optgroup option{padding-inline-start: 20px;}
.ao-guide ::file-selector-button{margin-inline-end: 4px;}
.ao-guide ::placeholder{opacity: 1;}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){.ao-guide ::placeholder{color: currentcolor;}
@supports (color:color-mix(in lab,red,red)){.ao-guide ::placeholder{color: color-mix(currentcolor, transparent);}}}
.ao-guide textarea{resize: vertical;}
.ao-guide ::-webkit-search-decoration{appearance: none;}
.ao-guide ::-webkit-date-and-time-value{min-height: 1lh; text-align: inherit;}
.ao-guide ::-webkit-datetime-edit{display: inline-flex;}
.ao-guide ::-webkit-datetime-edit-fields-wrapper{padding: 0px;}
.ao-guide ::-webkit-datetime-edit{padding-block: 0px;}
.ao-guide ::-webkit-datetime-edit-year-field{padding-block: 0px;}
.ao-guide ::-webkit-datetime-edit-month-field{padding-block: 0px;}
.ao-guide ::-webkit-datetime-edit-day-field{padding-block: 0px;}
.ao-guide ::-webkit-datetime-edit-hour-field{padding-block: 0px;}
.ao-guide ::-webkit-datetime-edit-minute-field{padding-block: 0px;}
.ao-guide ::-webkit-datetime-edit-second-field{padding-block: 0px;}
.ao-guide ::-webkit-datetime-edit-millisecond-field{padding-block: 0px;}
.ao-guide ::-webkit-datetime-edit-meridiem-field{padding-block: 0px;}
.ao-guide ::-webkit-calendar-picker-indicator{line-height: 1;}
.ao-guide button, .ao-guide input:where([type="button"], [type="reset"], [type="submit"]){appearance: button;}
.ao-guide ::file-selector-button{appearance: button;}
.ao-guide ::-webkit-inner-spin-button{height: auto;}
.ao-guide ::-webkit-outer-spin-button{height: auto;}
.ao-guide [hidden]:where(:not([hidden="until-found"])){display: none !important;}
.ao-guide .\@container\/card-header{container: card-header / inline-size;}
.ao-guide .\@container\/field-group{container: field-group / inline-size;}
.ao-guide .pointer-events-none{pointer-events: none;}
.ao-guide .invisible{visibility: hidden;}
.ao-guide .visible{visibility: visible;}
.ao-guide .sr-only{clip-path: inset(50%); white-space: nowrap; border-width: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolute; overflow: hidden;}
.ao-guide .absolute{position: absolute;}
.ao-guide .fixed{position: fixed;}
.ao-guide .relative{position: relative;}
.ao-guide .static{position: static;}
.ao-guide .sticky{position: sticky;}
.ao-guide .inset-0{inset: calc(var(--spacing)*0);}
.ao-guide .inset-x-0{inset-inline: calc(var(--spacing)*0);}
.ao-guide .inset-y-0{inset-block: calc(var(--spacing)*0);}
.ao-guide .-top-12{top: calc(var(--spacing)*-12);}
.ao-guide .top-0{top: calc(var(--spacing)*0);}
.ao-guide .top-1\.5{top: calc(var(--spacing)*1.5);}
.ao-guide .top-1\/2{top: 50%;}
.ao-guide .top-3\.5{top: calc(var(--spacing)*3.5);}
.ao-guide .top-4{top: calc(var(--spacing)*4);}
.ao-guide .top-\[1px\]{top: 1px;}
.ao-guide .top-\[50\%\]{top: 50%;}
.ao-guide .top-\[60\%\]{top: 60%;}
.ao-guide .top-full{top: 100%;}
.ao-guide .-right-12{right: calc(var(--spacing)*-12);}
.ao-guide .right-0{right: calc(var(--spacing)*0);}
.ao-guide .right-1{right: calc(var(--spacing)*1);}
.ao-guide .right-2{right: calc(var(--spacing)*2);}
.ao-guide .right-3{right: calc(var(--spacing)*3);}
.ao-guide .right-4{right: calc(var(--spacing)*4);}
.ao-guide .-bottom-12{bottom: calc(var(--spacing)*-12);}
.ao-guide .bottom-0{bottom: calc(var(--spacing)*0);}
.ao-guide .bottom-4{bottom: calc(var(--spacing)*4);}
.ao-guide .-left-12{left: calc(var(--spacing)*-12);}
.ao-guide .left-0{left: calc(var(--spacing)*0);}
.ao-guide .left-1\/2{left: 50%;}
.ao-guide .left-2{left: calc(var(--spacing)*2);}
.ao-guide .left-4{left: calc(var(--spacing)*4);}
.ao-guide .left-\[50\%\]{left: 50%;}
.ao-guide .isolate{isolation: isolate;}
.ao-guide .z-10{z-index: 10;}
.ao-guide .z-20{z-index: 20;}
.ao-guide .z-40{z-index: 40;}
.ao-guide .z-50{z-index: 50;}
.ao-guide .z-\[1\]{z-index: 1;}
.ao-guide .order-first{order: -9999;}
.ao-guide .order-last{order: 9999;}
.ao-guide .col-start-2{grid-column-start: 2;}
.ao-guide .row-span-2{grid-row: span 2 / span 2;}
.ao-guide .row-start-1{grid-row-start: 1;}
.ao-guide .container{width: 100%;}
@media (min-width: 40rem){.ao-guide .container{max-width: 40rem;}}
@media (min-width: 48rem){.ao-guide .container{max-width: 48rem;}}
@media (min-width: 64rem){.ao-guide .container{max-width: 64rem;}}
@media (min-width: 80rem){.ao-guide .container{max-width: 80rem;}}
@media (min-width: 96rem){.ao-guide .container{max-width: 96rem;}}
.ao-guide .\!m-0{margin: calc(var(--spacing)*0) !important;}
.ao-guide .-mx-1{margin-inline: calc(var(--spacing)*-1);}
.ao-guide .mx-2{margin-inline: calc(var(--spacing)*2);}
.ao-guide .mx-3\.5{margin-inline: calc(var(--spacing)*3.5);}
.ao-guide .mx-4{margin-inline: calc(var(--spacing)*4);}
.ao-guide .mx-auto{margin-inline: auto;}
.ao-guide .-my-2{margin-block: calc(var(--spacing)*-2);}
.ao-guide .my-0{margin-block: calc(var(--spacing)*0);}
.ao-guide .my-0\.5{margin-block: calc(var(--spacing)*.5);}
.ao-guide .my-1{margin-block: calc(var(--spacing)*1);}
.ao-guide .-mt-4{margin-top: calc(var(--spacing)*-4);}
.ao-guide .mt-1{margin-top: calc(var(--spacing)*1);}
.ao-guide .mt-1\.5{margin-top: calc(var(--spacing)*1.5);}
.ao-guide .mt-2{margin-top: calc(var(--spacing)*2);}
.ao-guide .mt-4{margin-top: calc(var(--spacing)*4);}
.ao-guide .mt-12{margin-top: calc(var(--spacing)*12);}
.ao-guide .mt-auto{margin-top: auto;}
.ao-guide .mr-2{margin-right: calc(var(--spacing)*2);}
.ao-guide .mb-1{margin-bottom: calc(var(--spacing)*1);}
.ao-guide .mb-2{margin-bottom: calc(var(--spacing)*2);}
.ao-guide .mb-3{margin-bottom: calc(var(--spacing)*3);}
.ao-guide .mb-4{margin-bottom: calc(var(--spacing)*4);}
.ao-guide .mb-6{margin-bottom: calc(var(--spacing)*6);}
.ao-guide .mb-8{margin-bottom: calc(var(--spacing)*8);}
.ao-guide .-ml-4{margin-left: calc(var(--spacing)*-4);}
.ao-guide .ml-1{margin-left: calc(var(--spacing)*1);}
.ao-guide .ml-2{margin-left: calc(var(--spacing)*2);}
.ao-guide .ml-4{margin-left: calc(var(--spacing)*4);}
.ao-guide .ml-auto{margin-left: auto;}
.ao-guide .line-clamp-1{-webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden;}
.ao-guide .line-clamp-2{-webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden;}
.ao-guide .block{display: block;}
.ao-guide .contents{display: contents;}
.ao-guide .flex{display: flex;}
.ao-guide .grid{display: grid;}
.ao-guide .hidden{display: none;}
.ao-guide .inline-flex{display: inline-flex;}
.ao-guide .table{display: table;}
.ao-guide .table-caption{display: table-caption;}
.ao-guide .table-cell{display: table-cell;}
.ao-guide .table-row{display: table-row;}
.ao-guide .field-sizing-content{field-sizing: content;}
.ao-guide .aspect-square{aspect-ratio: 1 / 1;}
.ao-guide .aspect-video{aspect-ratio: var(--aspect-video);}
.ao-guide .size-\(--cell-size\){width: var(--cell-size); height: var(--cell-size);}
.ao-guide .size-2{width: calc(var(--spacing)*2); height: calc(var(--spacing)*2);}
.ao-guide .size-2\.5{width: calc(var(--spacing)*2.5); height: calc(var(--spacing)*2.5);}
.ao-guide .size-3{width: calc(var(--spacing)*3); height: calc(var(--spacing)*3);}
.ao-guide .size-3\.5{width: calc(var(--spacing)*3.5); height: calc(var(--spacing)*3.5);}
.ao-guide .size-4{width: calc(var(--spacing)*4); height: calc(var(--spacing)*4);}
.ao-guide .size-6{width: calc(var(--spacing)*6); height: calc(var(--spacing)*6);}
.ao-guide .size-7{width: calc(var(--spacing)*7); height: calc(var(--spacing)*7);}
.ao-guide .size-8{width: calc(var(--spacing)*8); height: calc(var(--spacing)*8);}
.ao-guide .size-9{width: calc(var(--spacing)*9); height: calc(var(--spacing)*9);}
.ao-guide .size-10{width: calc(var(--spacing)*10); height: calc(var(--spacing)*10);}
.ao-guide .size-12{width: calc(var(--spacing)*12); height: calc(var(--spacing)*12);}
.ao-guide .size-auto{width: auto; height: auto;}
.ao-guide .size-full{width: 100%; height: 100%;}
.ao-guide .h-\(--cell-size\){height: var(--cell-size);}
.ao-guide .h-1\.5{height: calc(var(--spacing)*1.5);}
.ao-guide .h-2{height: calc(var(--spacing)*2);}
.ao-guide .h-2\.5{height: calc(var(--spacing)*2.5);}
.ao-guide .h-3{height: calc(var(--spacing)*3);}
.ao-guide .h-4{height: calc(var(--spacing)*4);}
.ao-guide .h-5{height: calc(var(--spacing)*5);}
.ao-guide .h-6{height: calc(var(--spacing)*6);}
.ao-guide .h-7{height: calc(var(--spacing)*7);}
.ao-guide .h-8{height: calc(var(--spacing)*8);}
.ao-guide .h-9{height: calc(var(--spacing)*9);}
.ao-guide .h-10{height: calc(var(--spacing)*10);}
.ao-guide .h-12{height: calc(var(--spacing)*12);}
.ao-guide .h-14{height: calc(var(--spacing)*14);}
.ao-guide .h-16{height: calc(var(--spacing)*16);}
.ao-guide .h-32{height: calc(var(--spacing)*32);}
.ao-guide .h-64{height: calc(var(--spacing)*64);}
.ao-guide .h-\[1\.15rem\]{height: 1.15rem;}
.ao-guide .h-\[38px\]{height: 38px;}
.ao-guide .h-\[200px\]{height: 200px;}
.ao-guide .h-\[500px\]{height: 500px;}
.ao-guide .h-\[calc\(100\%-1px\)\]{height: calc(100% - 1px);}
.ao-guide .h-\[var\(--radix-navigation-menu-viewport-height\)\]{height: var(--radix-navigation-menu-viewport-height);}
.ao-guide .h-\[var\(--radix-select-trigger-height\)\]{height: var(--radix-select-trigger-height);}
.ao-guide .h-auto{height: auto;}
.ao-guide .h-full{height: 100%;}
.ao-guide .h-px{height: 1px;}
.ao-guide .h-svh{height: 100svh;}
.ao-guide .max-h-\(--radix-context-menu-content-available-height\){max-height: var(--radix-context-menu-content-available-height);}
.ao-guide .max-h-\(--radix-dropdown-menu-content-available-height\){max-height: var(--radix-dropdown-menu-content-available-height);}
.ao-guide .max-h-\(--radix-select-content-available-height\){max-height: var(--radix-select-content-available-height);}
.ao-guide .max-h-32{max-height: calc(var(--spacing)*32);}
.ao-guide .max-h-\[300px\]{max-height: 300px;}
.ao-guide .min-h-0{min-height: calc(var(--spacing)*0);}
.ao-guide .min-h-4{min-height: calc(var(--spacing)*4);}
.ao-guide .min-h-9{min-height: calc(var(--spacing)*9);}
.ao-guide .min-h-16{min-height: calc(var(--spacing)*16);}
.ao-guide .min-h-\[200px\]{min-height: 200px;}
.ao-guide .min-h-screen{min-height: 100vh;}
.ao-guide .min-h-svh{min-height: 100svh;}
.ao-guide .w-\(--cell-size\){width: var(--cell-size);}
.ao-guide .w-\(--sidebar-width\){width: var(--sidebar-width);}
.ao-guide .w-0{width: calc(var(--spacing)*0);}
.ao-guide .w-1{width: calc(var(--spacing)*1);}
.ao-guide .w-1\/2{width: 50%;}
.ao-guide .w-2{width: calc(var(--spacing)*2);}
.ao-guide .w-2\.5{width: calc(var(--spacing)*2.5);}
.ao-guide .w-3{width: calc(var(--spacing)*3);}
.ao-guide .w-3\/4{width: 75%;}
.ao-guide .w-4{width: calc(var(--spacing)*4);}
.ao-guide .w-5{width: calc(var(--spacing)*5);}
.ao-guide .w-8{width: calc(var(--spacing)*8);}
.ao-guide .w-9{width: calc(var(--spacing)*9);}
.ao-guide .w-10{width: calc(var(--spacing)*10);}
.ao-guide .w-16{width: calc(var(--spacing)*16);}
.ao-guide .w-20{width: calc(var(--spacing)*20);}
.ao-guide .w-24{width: calc(var(--spacing)*24);}
.ao-guide .w-32{width: calc(var(--spacing)*32);}
.ao-guide .w-48{width: calc(var(--spacing)*48);}
.ao-guide .w-64{width: calc(var(--spacing)*64);}
.ao-guide .w-72{width: calc(var(--spacing)*72);}
.ao-guide .w-\[38px\]{width: 38px;}
.ao-guide .w-\[100px\]{width: 100px;}
.ao-guide .w-\[280px\]{width: 280px;}
.ao-guide .w-\[400px\]{width: 400px;}
.ao-guide .w-auto{width: auto;}
.ao-guide .w-fit{width: fit-content;}
.ao-guide .w-full{width: 100%;}
.ao-guide .w-max{width: max-content;}
.ao-guide .w-px{width: 1px;}
.ao-guide .max-w-\(--skeleton-width\){max-width: var(--skeleton-width);}
.ao-guide .max-w-2xl{max-width: var(--container-2xl);}
.ao-guide .max-w-6xl{max-width: var(--container-6xl);}
.ao-guide .max-w-\[80\%\]{max-width: 80%;}
.ao-guide .max-w-\[calc\(100\%-2rem\)\]{max-width: calc(100% - 2rem);}
.ao-guide .max-w-lg{max-width: var(--container-lg);}
.ao-guide .max-w-max{max-width: max-content;}
.ao-guide .max-w-md{max-width: var(--container-md);}
.ao-guide .max-w-none{max-width: none;}
.ao-guide .max-w-sm{max-width: var(--container-sm);}
.ao-guide .max-w-xs{max-width: var(--container-xs);}
.ao-guide .min-w-\(--cell-size\){min-width: var(--cell-size);}
.ao-guide .min-w-0{min-width: calc(var(--spacing)*0);}
.ao-guide .min-w-5{min-width: calc(var(--spacing)*5);}
.ao-guide .min-w-8{min-width: calc(var(--spacing)*8);}
.ao-guide .min-w-9{min-width: calc(var(--spacing)*9);}
.ao-guide .min-w-10{min-width: calc(var(--spacing)*10);}
.ao-guide .min-w-\[8rem\]{min-width: 8rem;}
.ao-guide .min-w-\[12rem\]{min-width: 12rem;}
.ao-guide .min-w-\[var\(--radix-select-trigger-width\)\]{min-width: var(--radix-select-trigger-width);}
.ao-guide .flex-1{flex: 1 1 0%;}
.ao-guide .flex-shrink-0, .ao-guide .shrink-0{flex-shrink: 0;}
.ao-guide .grow{flex-grow: 1;}
.ao-guide .grow-0{flex-grow: 0;}
.ao-guide .basis-full{flex-basis: 100%;}
.ao-guide .caption-bottom{caption-side: bottom;}
.ao-guide .border-collapse{border-collapse: collapse;}
.ao-guide .origin-\(--radix-context-menu-content-transform-origin\){transform-origin: var(--radix-context-menu-content-transform-origin);}
.ao-guide .origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin: var(--radix-dropdown-menu-content-transform-origin);}
.ao-guide .origin-\(--radix-hover-card-content-transform-origin\){transform-origin: var(--radix-hover-card-content-transform-origin);}
.ao-guide .origin-\(--radix-menubar-content-transform-origin\){transform-origin: var(--radix-menubar-content-transform-origin);}
.ao-guide .origin-\(--radix-popover-content-transform-origin\){transform-origin: var(--radix-popover-content-transform-origin);}
.ao-guide .origin-\(--radix-select-content-transform-origin\){transform-origin: var(--radix-select-content-transform-origin);}
.ao-guide .origin-\(--radix-tooltip-content-transform-origin\){transform-origin: var(--radix-tooltip-content-transform-origin);}
.ao-guide .-translate-x-1\/2{--tw-translate-x: -50%; translate: var(--tw-translate-x)var(--tw-translate-y);}
.ao-guide .-translate-x-px{--tw-translate-x: -1px; translate: var(--tw-translate-x)var(--tw-translate-y);}
.ao-guide .translate-x-\[-50\%\]{--tw-translate-x: -50%; translate: var(--tw-translate-x)var(--tw-translate-y);}
.ao-guide .translate-x-px{--tw-translate-x: 1px; translate: var(--tw-translate-x)var(--tw-translate-y);}
.ao-guide .-translate-y-1\/2{--tw-translate-y: -50%; translate: var(--tw-translate-x)var(--tw-translate-y);}
.ao-guide .translate-y-0\.5{--tw-translate-y: calc(var(--spacing)*.5); translate: var(--tw-translate-x)var(--tw-translate-y);}
.ao-guide .translate-y-\[-50\%\]{--tw-translate-y: -50%; translate: var(--tw-translate-x)var(--tw-translate-y);}
.ao-guide .translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y: calc(-50% - 2px); translate: var(--tw-translate-x)var(--tw-translate-y);}
.ao-guide .rotate-45{rotate: 45deg;}
.ao-guide .rotate-90{rotate: 90deg;}
.ao-guide .transform{transform: var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,);}
.ao-guide .animate-caret-blink{animation: 1.25s ease-out 0s infinite normal none running caret-blink;}
.ao-guide .animate-in{animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);}
.ao-guide .animate-pulse{animation: var(--animate-pulse);}
.ao-guide .animate-spin{animation: var(--animate-spin);}
.ao-guide .cursor-col-resize{cursor: col-resize;}
.ao-guide .cursor-default{cursor: default;}
.ao-guide .cursor-pointer{cursor: pointer;}
.ao-guide .cursor-text{cursor: text;}
.ao-guide .touch-none{touch-action: none;}
.ao-guide .resize{resize: both;}
.ao-guide .resize-none{resize: none;}
.ao-guide .scroll-my-1{scroll-margin-block: calc(var(--spacing)*1);}
.ao-guide .scroll-py-1{scroll-padding-block: calc(var(--spacing)*1);}
.ao-guide .list-disc{list-style-type: disc;}
.ao-guide .list-none{list-style-type: none;}
.ao-guide .auto-rows-min{grid-auto-rows: min-content;}
.ao-guide .grid-cols-1{grid-template-columns: repeat(1, minmax(0px, 1fr));}
.ao-guide .grid-cols-2{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.ao-guide .grid-cols-3{grid-template-columns: repeat(3, minmax(0px, 1fr));}
.ao-guide .grid-cols-\[0_1fr\]{grid-template-columns: 0px 1fr;}
.ao-guide .grid-rows-\[auto_auto\]{grid-template-rows: auto auto;}
.ao-guide .flex-col{flex-direction: column;}
.ao-guide .flex-col-reverse{flex-direction: column-reverse;}
.ao-guide .flex-row{flex-direction: row;}
.ao-guide .flex-wrap{flex-wrap: wrap;}
.ao-guide .items-center{align-items: center;}
.ao-guide .items-end{align-items: flex-end;}
.ao-guide .items-start{align-items: flex-start;}
.ao-guide .items-stretch{align-items: stretch;}
.ao-guide .justify-between{justify-content: space-between;}
.ao-guide .justify-center{justify-content: center;}
.ao-guide .justify-end{justify-content: flex-end;}
.ao-guide .justify-start{justify-content: flex-start;}
.ao-guide .justify-items-start{justify-items: start;}
.ao-guide .gap-0{gap: calc(var(--spacing)*0);}
.ao-guide .gap-0\.5{gap: calc(var(--spacing)*.5);}
.ao-guide .gap-1{gap: calc(var(--spacing)*1);}
.ao-guide .gap-1\.5{gap: calc(var(--spacing)*1.5);}
.ao-guide .gap-2{gap: calc(var(--spacing)*2);}
.ao-guide .gap-2\.5{gap: calc(var(--spacing)*2.5);}
.ao-guide .gap-3{gap: calc(var(--spacing)*3);}
.ao-guide .gap-4{gap: calc(var(--spacing)*4);}
.ao-guide .gap-6{gap: calc(var(--spacing)*6);}
.ao-guide .gap-7{gap: calc(var(--spacing)*7);}
.ao-guide .gap-8{gap: calc(var(--spacing)*8);}
.ao-guide :where(.space-y-1 > :not(:last-child)){--tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)));}
.ao-guide :where(.space-y-2 > :not(:last-child)){--tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)));}
.ao-guide :where(.space-y-3 > :not(:last-child)){--tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)));}
.ao-guide :where(.space-y-4 > :not(:last-child)){--tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)));}
.ao-guide :where(.space-y-6 > :not(:last-child)){--tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)));}
.ao-guide :where(.space-y-12 > :not(:last-child)){--tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing)*12)*var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing)*12)*calc(1 - var(--tw-space-y-reverse)));}
.ao-guide :where(.space-x-2 > :not(:last-child)){--tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)));}
.ao-guide .gap-y-0\.5{row-gap: calc(var(--spacing)*.5);}
.ao-guide .self-start{align-self: flex-start;}
.ao-guide .self-stretch{align-self: stretch;}
.ao-guide .justify-self-end{justify-self: flex-end;}
.ao-guide .truncate{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.ao-guide .overflow-auto{overflow: auto;}
.ao-guide .overflow-hidden{overflow: hidden;}
.ao-guide .overflow-x-auto{overflow-x: auto;}
.ao-guide .overflow-x-hidden{overflow-x: hidden;}
.ao-guide .overflow-y-auto{overflow-y: auto;}
.ao-guide .rounded{border-radius: 1rem;}
.ao-guide .rounded-\[2px\]{border-radius: 2px;}
.ao-guide .rounded-\[4px\]{border-radius: 4px;}
.ao-guide .rounded-\[10px\]{border-radius: 10px;}
.ao-guide .rounded-\[20px\]{border-radius: 20px;}
.ao-guide .rounded-\[calc\(var\(--radius\)-5px\)\]{border-radius: calc(var(--radius) - 5px);}
.ao-guide .rounded-\[inherit\]{border-radius: inherit;}
.ao-guide .rounded-full{border-radius: 3.40282e+38px;}
.ao-guide .rounded-lg{border-radius: var(--radius-lg);}
.ao-guide .rounded-md{border-radius: var(--radius-md);}
.ao-guide .rounded-none{border-radius: 0px;}
.ao-guide .rounded-sm{border-radius: var(--radius-sm);}
.ao-guide .rounded-xl{border-radius: var(--radius-xl);}
.ao-guide .rounded-xs{border-radius: var(--radius-xs);}
.ao-guide .rounded-l-md{border-top-left-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md);}
.ao-guide .rounded-tl-sm{border-top-left-radius: var(--radius-sm);}
.ao-guide .rounded-r-md{border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md);}
.ao-guide .border{border-style: var(--tw-border-style); border-width: 1px;}
.ao-guide .border-0{border-style: var(--tw-border-style); border-width: 0px;}
.ao-guide .border-\[1\.5px\]{border-style: var(--tw-border-style); border-width: 1.5px;}
.ao-guide .border-y{border-block-style: var(--tw-border-style); border-block-width: 1px;}
.ao-guide .border-t{border-top-style: var(--tw-border-style); border-top-width: 1px;}
.ao-guide .border-r{border-right-style: var(--tw-border-style); border-right-width: 1px;}
.ao-guide .border-r-0{border-right-style: var(--tw-border-style); border-right-width: 0px;}
.ao-guide .border-b{border-bottom-style: var(--tw-border-style); border-bottom-width: 1px;}
.ao-guide .border-l{border-left-style: var(--tw-border-style); border-left-width: 1px;}
.ao-guide .border-dashed{--tw-border-style: dashed; border-style: dashed;}
.ao-guide .border-\(--color-border\){border-color: var(--color-border);}
.ao-guide .border-\[rgba\(0\,0\,0\,0\.08\)\]{border-color: rgba(0, 0, 0, 0.08);}
.ao-guide .border-border{border-color: rgb(229, 229, 229);}
.ao-guide .border-border\/50{border-color: rgba(229, 229, 229, 0.5);}
.ao-guide .border-primary{border-color: rgb(17, 17, 17);}
.ao-guide .border-transparent{border-color: rgba(0, 0, 0, 0);}
.ao-guide .border-t-transparent{border-top-color: rgba(0, 0, 0, 0);}
.ao-guide .border-l-transparent{border-left-color: rgba(0, 0, 0, 0);}
.ao-guide .bg-\(--color-bg\){background-color: var(--color-bg);}
.ao-guide .bg-\[\#1a1a19\]{background-color: rgb(26, 26, 25);}
.ao-guide .bg-\[\#f8f8f7\]{background-color: rgb(248, 248, 247);}
.ao-guide .bg-background{background-color: rgb(255, 255, 255);}
.ao-guide .bg-background\/50{background-color: rgba(255, 255, 255, 0.5);}
.ao-guide .bg-background\/95{background-color: rgba(255, 255, 255, 0.95);}
.ao-guide .bg-black\/50{background-color: rgba(0, 0, 0, 0.5);}
@supports (color:color-mix(in lab,red,red)){.ao-guide .bg-black\/50{background-color: color-mix(in oklab,var(--color-black)50%,transparent);}}
.ao-guide .bg-blue-600{background-color: var(--color-blue-600);}
.ao-guide .bg-border{background-color: rgb(229, 229, 229);}
.ao-guide .bg-card{background-color: rgb(255, 255, 255);}
.ao-guide .bg-foreground{background-color: rgb(17, 17, 17);}
.ao-guide .bg-muted{background-color: rgb(255, 255, 255);}
.ao-guide .bg-muted\/50{background-color: rgba(255, 255, 255, 0.5);}
.ao-guide .bg-popover{background-color: rgb(255, 255, 255);}
.ao-guide .bg-primary{background-color: rgb(17, 17, 17);}
.ao-guide .bg-primary\/10{background-color: rgba(17, 17, 17, 0.1);}
.ao-guide .bg-primary\/20{background-color: rgba(17, 17, 17, 0.2);}
.ao-guide .bg-red-100{background-color: var(--color-red-100);}
.ao-guide .bg-secondary{background-color: rgb(255, 255, 255);}
.ao-guide .bg-transparent{background-color: rgba(0, 0, 0, 0);}
.ao-guide .bg-white{background-color: var(--color-white);}
.ao-guide .bg-white\/80{background-color: rgba(255, 255, 255, 0.8);}
@supports (color:color-mix(in lab,red,red)){.ao-guide .bg-white\/80{background-color: color-mix(in oklab,var(--color-white)80%,transparent);}}
.ao-guide .bg-gradient-to-br{--tw-gradient-position: to bottom right in oklab; background-image: linear-gradient(var(--tw-gradient-stops));}
.ao-guide .from-slate-50{--tw-gradient-from: var(--color-slate-50); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));}
.ao-guide .to-slate-100{--tw-gradient-to: var(--color-slate-100); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));}
.ao-guide .fill-current{fill: currentcolor;}
.ao-guide .fill-foreground, .ao-guide .fill-primary{fill: rgb(17, 17, 17);}
.ao-guide .p-0{padding: calc(var(--spacing)*0);}
.ao-guide .p-1{padding: calc(var(--spacing)*1);}
.ao-guide .p-2{padding: calc(var(--spacing)*2);}
.ao-guide .p-3{padding: calc(var(--spacing)*3);}
.ao-guide .p-4{padding: calc(var(--spacing)*4);}
.ao-guide .p-5{padding: calc(var(--spacing)*5);}
.ao-guide .p-6{padding: calc(var(--spacing)*6);}
.ao-guide .p-8{padding: calc(var(--spacing)*8);}
.ao-guide .p-\[3px\]{padding: 3px;}
.ao-guide .p-px{padding: 1px;}
.ao-guide .px-\(--cell-size\){padding-inline: var(--cell-size);}
.ao-guide .px-1{padding-inline: calc(var(--spacing)*1);}
.ao-guide .px-1\.5{padding-inline: calc(var(--spacing)*1.5);}
.ao-guide .px-2{padding-inline: calc(var(--spacing)*2);}
.ao-guide .px-2\.5{padding-inline: calc(var(--spacing)*2.5);}
.ao-guide .px-3{padding-inline: calc(var(--spacing)*3);}
.ao-guide .px-4{padding-inline: calc(var(--spacing)*4);}
.ao-guide .px-5{padding-inline: calc(var(--spacing)*5);}
.ao-guide .px-6{padding-inline: calc(var(--spacing)*6);}
.ao-guide .py-0\.5{padding-block: calc(var(--spacing)*.5);}
.ao-guide .py-1{padding-block: calc(var(--spacing)*1);}
.ao-guide .py-1\.5{padding-block: calc(var(--spacing)*1.5);}
.ao-guide .py-2{padding-block: calc(var(--spacing)*2);}
.ao-guide .py-2\.5{padding-block: calc(var(--spacing)*2.5);}
.ao-guide .py-3{padding-block: calc(var(--spacing)*3);}
.ao-guide .py-4{padding-block: calc(var(--spacing)*4);}
.ao-guide .py-5{padding-block: calc(var(--spacing)*5);}
.ao-guide .py-6{padding-block: calc(var(--spacing)*6);}
.ao-guide .pt-0{padding-top: calc(var(--spacing)*0);}
.ao-guide .pt-3{padding-top: calc(var(--spacing)*3);}
.ao-guide .pt-4{padding-top: calc(var(--spacing)*4);}
.ao-guide .pt-6{padding-top: calc(var(--spacing)*6);}
.ao-guide .pt-8{padding-top: calc(var(--spacing)*8);}
.ao-guide .pt-12{padding-top: calc(var(--spacing)*12);}
.ao-guide .pr-1{padding-right: calc(var(--spacing)*1);}
.ao-guide .pr-2{padding-right: calc(var(--spacing)*2);}
.ao-guide .pr-2\.5{padding-right: calc(var(--spacing)*2.5);}
.ao-guide .pr-3{padding-right: calc(var(--spacing)*3);}
.ao-guide .pr-8{padding-right: calc(var(--spacing)*8);}
.ao-guide .pb-3{padding-bottom: calc(var(--spacing)*3);}
.ao-guide .pb-4{padding-bottom: calc(var(--spacing)*4);}
.ao-guide .pb-8{padding-bottom: calc(var(--spacing)*8);}
.ao-guide .pl-2{padding-left: calc(var(--spacing)*2);}
.ao-guide .pl-3{padding-left: calc(var(--spacing)*3);}
.ao-guide .pl-4{padding-left: calc(var(--spacing)*4);}
.ao-guide .pl-8{padding-left: calc(var(--spacing)*8);}
.ao-guide .text-center{text-align: center;}
.ao-guide .text-left{text-align: left;}
.ao-guide .text-right{text-align: right;}
.ao-guide .align-middle{vertical-align: middle;}
.ao-guide .font-mono{font-family: var(--font-mono);}
.ao-guide .font-sans{font-family: var(--font-sans);}
.ao-guide .text-2xl{font-size: var(--text-2xl); line-height: var(--tw-leading,var(--text-2xl--line-height));}
.ao-guide .text-3xl{font-size: var(--text-3xl); line-height: var(--tw-leading,var(--text-3xl--line-height));}
.ao-guide .text-4xl{font-size: var(--text-4xl); line-height: var(--tw-leading,var(--text-4xl--line-height));}
.ao-guide .text-base{font-size: var(--text-base); line-height: var(--tw-leading,var(--text-base--line-height));}
.ao-guide .text-lg{font-size: var(--text-lg); line-height: var(--tw-leading,var(--text-lg--line-height));}
.ao-guide .text-sm{font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height));}
.ao-guide .text-sm\/relaxed{font-size: var(--text-sm); line-height: var(--leading-relaxed);}
.ao-guide .text-xl{font-size: var(--text-xl); line-height: var(--tw-leading,var(--text-xl--line-height));}
.ao-guide .text-xs{font-size: var(--text-xs); line-height: var(--tw-leading,var(--text-xs--line-height));}
.ao-guide .text-\[0\.8rem\]{font-size: 0.8rem;}
.ao-guide .leading-5{--tw-leading: calc(var(--spacing)*5); line-height: calc(var(--spacing)*5);}
.ao-guide .leading-\[26px\]{--tw-leading: 26px; line-height: 26px;}
.ao-guide .leading-none{--tw-leading: 1; line-height: 1;}
.ao-guide .leading-normal{--tw-leading: var(--leading-normal); line-height: var(--leading-normal);}
.ao-guide .leading-relaxed{--tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed);}
.ao-guide .leading-snug{--tw-leading: var(--leading-snug); line-height: var(--leading-snug);}
.ao-guide .font-bold{--tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold);}
.ao-guide .font-medium{--tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);}
.ao-guide .font-normal{--tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal);}
.ao-guide .font-semibold{--tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold);}
.ao-guide .tracking-\[-0\.44px\]{--tw-tracking: -.44px; letter-spacing: -0.44px;}
.ao-guide .tracking-\[-0\.154px\]{--tw-tracking: -.154px; letter-spacing: -0.154px;}
.ao-guide .tracking-tight{--tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight);}
.ao-guide .tracking-widest{--tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest);}
.ao-guide .text-balance{text-wrap: balance;}
.ao-guide .break-words{overflow-wrap: break-word;}
.ao-guide .whitespace-break-spaces{white-space: break-spaces;}
.ao-guide .whitespace-nowrap{white-space: nowrap;}
.ao-guide .whitespace-pre-wrap{white-space: pre-wrap;}
.ao-guide .text-\[\#34322d\]{color: rgb(52, 50, 45);}
.ao-guide .text-\[\#858481\]{color: rgb(133, 132, 129);}
.ao-guide .text-background{color: rgb(255, 255, 255);}
.ao-guide .text-card-foreground{color: rgb(17, 17, 17);}
.ao-guide .text-current{color: currentcolor;}
.ao-guide .text-foreground{color: rgb(17, 17, 17);}
.ao-guide .text-muted-foreground{color: rgb(102, 102, 102);}
.ao-guide .text-popover-foreground, .ao-guide .text-primary{color: rgb(17, 17, 17);}
.ao-guide .text-primary-foreground{color: rgb(255, 255, 255);}
.ao-guide .text-red-500{color: var(--color-red-500);}
.ao-guide .text-secondary-foreground{color: rgb(17, 17, 17);}
.ao-guide .text-slate-600{color: var(--color-slate-600);}
.ao-guide .text-slate-700{color: var(--color-slate-700);}
.ao-guide .text-slate-900{color: var(--color-slate-900);}
.ao-guide .text-white{color: var(--color-white);}
.ao-guide .italic{font-style: italic;}
.ao-guide .tabular-nums{--tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,);}
.ao-guide .underline{text-decoration-line: underline;}
.ao-guide .underline-offset-4{text-underline-offset: 4px;}
.ao-guide .opacity-0{opacity: 0;}
.ao-guide .opacity-20{opacity: 0.2;}
.ao-guide .opacity-50{opacity: 0.5;}
.ao-guide .opacity-70{opacity: 0.7;}
.ao-guide .opacity-90{opacity: 0.9;}
.ao-guide .opacity-100{opacity: 1;}
.ao-guide .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);}
.ao-guide .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow: 0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-border))); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}
.ao-guide .shadow-\[0px_4px_11px_0px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow: 0px 4px 11px 0px var(--tw-shadow-color,#00000014); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}
.ao-guide .shadow-lg{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px 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);}
.ao-guide .shadow-md{--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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);}
.ao-guide .shadow-none{--tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}
.ao-guide .shadow-sm{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}
.ao-guide .shadow-xl{--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}
.ao-guide .shadow-xs{--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color,#0000000d); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}
.ao-guide .ring-0{--tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(0px + 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);}
.ao-guide .ring-ring\/50{--tw-ring-color: oklab(17.7638% -2.23517e-8 0/.5);}
.ao-guide .ring-offset-background{--tw-ring-offset-color: #fff;}
.ao-guide .outline-hidden{--tw-outline-style: none; outline-style: none;}
@media (forced-colors: active){.ao-guide .outline-hidden{outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;}}
.ao-guide .outline{outline-style: var(--tw-outline-style); outline-width: 1px;}
.ao-guide .backdrop-blur{--tw-backdrop-blur: blur(8px); backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);}
.ao-guide .backdrop-blur-2xl{--tw-backdrop-blur: blur(var(--blur-2xl)); backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);}
.ao-guide .backdrop-blur-sm{--tw-backdrop-blur: blur(var(--blur-sm)); backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);}
.ao-guide .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));}
.ao-guide .transition-\[color\,box-shadow\]{transition-property: color, box-shadow; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration));}
.ao-guide .transition-\[left\,right\,width\]{transition-property: left, right, width; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration));}
.ao-guide .transition-\[margin\,opacity\]{transition-property: margin, opacity; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration));}
.ao-guide .transition-\[width\,height\,padding\]{transition-property: width, height, padding; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration));}
.ao-guide .transition-\[width\]{transition-property: width; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration));}
.ao-guide .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));}
.ao-guide .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));}
.ao-guide .transition-opacity{transition-property: opacity; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration));}
.ao-guide .transition-shadow{transition-property: box-shadow; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration));}
.ao-guide .transition-transform{transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration));}
.ao-guide .transition-none{transition-property: none;}
.ao-guide .duration-100{--tw-duration: .1s; transition-duration: 0.1s;}
.ao-guide .duration-200{--tw-duration: .2s; transition-duration: 0.2s;}
.ao-guide .duration-300{--tw-duration: .3s; transition-duration: 0.3s;}
.ao-guide .duration-1000{--tw-duration: 1s; transition-duration: 1s;}
.ao-guide .ease-in-out{--tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out);}
.ao-guide .ease-linear{--tw-ease: linear; transition-timing-function: linear;}
.ao-guide .fade-in-0{--tw-enter-opacity: 0;}
.ao-guide .outline-none{--tw-outline-style: none; outline-style: none;}
.ao-guide .select-none{user-select: none;}
.ao-guide .zoom-in-95{--tw-enter-scale: .95;}
.ao-guide .\[--cell-size\:--spacing\(8\)\]{--cell-size: calc(var(--spacing)*8);}
.ao-guide .running{animation-play-state: running;}
.ao-guide .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *){opacity: 1;}
@media (hover: hover){.ao-guide .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *){opacity: 1;}}
.ao-guide .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar="menu-action"]) *){padding-right: calc(var(--spacing)*8);}
.ao-guide .group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance:is(:where(.group\/field):has([data-orientation="horizontal"]) *){text-wrap: balance;}
.ao-guide .group-has-\[\[data-slot\=item-description\]\]\/item\:translate-y-0\.5:is(:where(.group\/item):has([data-slot="item-description"]) *){--tw-translate-y: calc(var(--spacing)*.5); translate: var(--tw-translate-x)var(--tw-translate-y);}
.ao-guide .group-has-\[\[data-slot\=item-description\]\]\/item\:self-start:is(:where(.group\/item):has([data-slot="item-description"]) *){align-self: flex-start;}
.ao-guide .group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.group\/input-group):has(> input) *){padding-top: calc(var(--spacing)*2.5);}
.ao-guide .group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.group\/input-group):has(> input) *){padding-bottom: calc(var(--spacing)*2.5);}
.ao-guide .group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible="icon"] *){margin-top: calc(var(--spacing)*-8);}
.ao-guide .group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible="icon"] *){display: none;}
.ao-guide .group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible="icon"] *){width: calc(var(--spacing)*8) !important; height: calc(var(--spacing)*8) !important;}
.ao-guide .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible="icon"] *){width: var(--sidebar-width-icon);}
.ao-guide .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible="icon"] *){width: calc(var(--sidebar-width-icon) + (calc(var(--spacing)*4)));}
.ao-guide .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible="icon"] *){width: calc(var(--sidebar-width-icon) + (calc(var(--spacing)*4)) + 2px);}
.ao-guide .group-data-\[collapsible\=icon\]\:justify-center:is(:where(.group)[data-collapsible="icon"] *){justify-content: center;}
.ao-guide .group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible="icon"] *){overflow: hidden;}
.ao-guide .group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible="icon"] *){padding: calc(var(--spacing)*0) !important;}
.ao-guide .group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible="icon"] *){padding: calc(var(--spacing)*2) !important;}
.ao-guide .group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible="icon"] *){opacity: 0;}
.ao-guide .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *){right: calc(var(--sidebar-width)*-1);}
.ao-guide .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *){left: calc(var(--sidebar-width)*-1);}
.ao-guide .group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible="offcanvas"] *){width: calc(var(--spacing)*0);}
.ao-guide .group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible="offcanvas"] *){--tw-translate-x: calc(var(--spacing)*0); translate: var(--tw-translate-x)var(--tw-translate-y);}
.ao-guide .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *){pointer-events: none;}
.ao-guide .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *), .ao-guide .group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled="true"] *), .ao-guide .group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled="true"] *){opacity: 0.5;}
.ao-guide .group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused="true"] *){position: relative;}
.ao-guide .group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused="true"] *){z-index: 10;}
.ao-guide .group-data-\[focused\=true\]\/day\:border-ring:is(:where(.group\/day)[data-focused="true"] *){border-color: rgb(17, 17, 17);}
.ao-guide .group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused="true"] *){--tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(3px + 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);}
.ao-guide .group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused="true"] *){--tw-ring-color: oklab(17.7638% -2.23517e-8 0/.5);}
.ao-guide .group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side="left"] *){right: calc(var(--spacing)*-4);}
.ao-guide .group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side="left"] *){border-right-style: var(--tw-border-style); border-right-width: 1px;}
.ao-guide .group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side="right"] *){left: calc(var(--spacing)*0);}
.ao-guide .group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side="right"] *){rotate: 180deg;}
.ao-guide .group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side="right"] *){border-left-style: var(--tw-border-style); border-left-width: 1px;}
.ao-guide .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state="open"] *){rotate: 180deg;}
.ao-guide .group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant="floating"] *){border-radius: var(--radius-lg);}
.ao-guide .group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant="floating"] *){border-style: var(--tw-border-style); border-width: 1px;}
.ao-guide .group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant="floating"] *){--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);}
.ao-guide .group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant="outline"] *){margin-bottom: calc(var(--spacing)*-2);}
.ao-guide .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *){display: block;}
.ao-guide .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *), .ao-guide .group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="top"] *){text-align: center;}
.ao-guide .group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport="false"] *){top: 100%;}
.ao-guide .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport="false"] *){margin-top: calc(var(--spacing)*1.5);}
.ao-guide .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport="false"] *){overflow: hidden;}
.ao-guide .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md:is(:where(.group\/navigation-menu)[data-viewport="false"] *){border-radius: var(--radius-md);}
.ao-guide .group-data-\[viewport\=false\]\/navigation-menu\:border:is(:where(.group\/navigation-menu)[data-viewport="false"] *){border-style: var(--tw-border-style); border-width: 1px;}
.ao-guide .group-data-\[viewport\=false\]\/navigation-menu\:bg-popover:is(:where(.group\/navigation-menu)[data-viewport="false"] *){background-color: rgb(255, 255, 255);}
.ao-guide .group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground:is(:where(.group\/navigation-menu)[data-viewport="false"] *){color: rgb(17, 17, 17);}
.ao-guide .group-data-\[viewport\=false\]\/navigation-menu\:shadow:is(:where(.group\/navigation-menu)[data-viewport="false"] *){--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);}
.ao-guide .group-data-\[viewport\=false\]\/navigation-menu\:duration-200:is(:where(.group\/navigation-menu)[data-viewport="false"] *){--tw-duration: .2s; transition-duration: 0.2s;}
.ao-guide .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *){cursor: not-allowed;}
.ao-guide .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *){opacity: 0.5;}
.ao-guide .peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size="default"] ~ *){top: calc(var(--spacing)*1.5);}
.ao-guide .peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size="lg"] ~ *){top: calc(var(--spacing)*2.5);}
.ao-guide .peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size="sm"] ~ *){top: calc(var(--spacing)*1);}
.ao-guide .selection\:bg-primary ::selection{background-color: rgb(17, 17, 17);}
.ao-guide .selection\:bg-primary::selection{background-color: rgb(17, 17, 17);}
.ao-guide .selection\:text-primary-foreground ::selection{color: rgb(255, 255, 255);}
.ao-guide .selection\:text-primary-foreground::selection{color: rgb(255, 255, 255);}
.ao-guide .file\:inline-flex::file-selector-button{display: inline-flex;}
.ao-guide .file\:h-7::file-selector-button{height: calc(var(--spacing)*7);}
.ao-guide .file\:border-0::file-selector-button{border-style: var(--tw-border-style); border-width: 0px;}
.ao-guide .file\:bg-transparent::file-selector-button{background-color: rgba(0, 0, 0, 0);}
.ao-guide .file\:text-sm::file-selector-button{font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height));}
.ao-guide .file\:font-medium::file-selector-button{--tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);}
.ao-guide .file\:text-foreground::file-selector-button{color: rgb(17, 17, 17);}
.ao-guide .placeholder\:text-muted-foreground::placeholder{color: rgb(102, 102, 102);}
.ao-guide .after\:absolute::after{content: var(--tw-content); position: absolute;}
.ao-guide .after\:-inset-2::after{content: var(--tw-content); inset: calc(var(--spacing)*-2);}
.ao-guide .after\:inset-y-0::after{content: var(--tw-content); inset-block: calc(var(--spacing)*0);}
.ao-guide .after\:left-1\/2::after{content: var(--tw-content); left: 50%;}
.ao-guide .after\:w-1::after{content: var(--tw-content); width: calc(var(--spacing)*1);}
.ao-guide .after\:w-\[2px\]::after{content: var(--tw-content); width: 2px;}
.ao-guide .after\:-translate-x-1\/2::after{content: var(--tw-content); --tw-translate-x: -50%; translate: var(--tw-translate-x)var(--tw-translate-y);}
.ao-guide .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible="offcanvas"] *)::after{content: var(--tw-content); left: 100%;}
.ao-guide .first\:rounded-l-md:first-child{border-top-left-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md);}
.ao-guide .first\:border-l:first-child{border-left-style: var(--tw-border-style); border-left-width: 1px;}
.ao-guide .last\:mt-0:last-child{margin-top: calc(var(--spacing)*0);}
.ao-guide .last\:rounded-r-md:last-child{border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md);}
.ao-guide .last\:border-b-0:last-child{border-bottom-style: var(--tw-border-style); border-bottom-width: 0px;}
@media (hover: hover){.ao-guide .hover\:bg-\[\#1a1a19\]\/90:hover{background-color: rgba(26, 26, 25, 0.9);}
.ao-guide .hover\:bg-blue-700:hover{background-color: var(--color-blue-700);}
.ao-guide .hover\:bg-muted:hover{background-color: rgb(255, 255, 255);}
.ao-guide .hover\:bg-muted\/50:hover{background-color: rgba(255, 255, 255, 0.5);}
.ao-guide .hover\:bg-primary\/20:hover{background-color: rgba(17, 17, 17, 0.2);}
.ao-guide .hover\:bg-primary\/90:hover{background-color: rgba(17, 17, 17, 0.9);}
.ao-guide .hover\:bg-secondary\/80:hover{background-color: rgba(255, 255, 255, 0.8);}
.ao-guide .hover\:text-foreground:hover{color: rgb(17, 17, 17);}
.ao-guide .hover\:text-muted-foreground:hover{color: rgb(102, 102, 102);}
.ao-guide .hover\:underline:hover{text-decoration-line: underline;}
.ao-guide .hover\:opacity-90:hover{opacity: 0.9;}
.ao-guide .hover\:opacity-100:hover{opacity: 1;}
.ao-guide .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{--tw-shadow: 0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-accent))); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}
.ao-guide .hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px 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);}
.ao-guide .hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}
.ao-guide .hover\:ring-4:hover{--tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(4px + 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);}}
.ao-guide .focus\:z-10:focus{z-index: 10;}
.ao-guide .focus\:ring-2:focus{--tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}
.ao-guide .focus\:ring-ring:focus{--tw-ring-color: #111;}
.ao-guide .focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);}
.ao-guide .focus\:outline-hidden:focus{--tw-outline-style: none; outline-style: none;}
@media (forced-colors: active){.ao-guide .focus\:outline-hidden:focus{outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;}}
.ao-guide .focus\:outline-none:focus{--tw-outline-style: none; outline-style: none;}
.ao-guide .focus-visible\:z-10:focus-visible{z-index: 10;}
.ao-guide .focus-visible\:border-ring:focus-visible{border-color: rgb(17, 17, 17);}
.ao-guide .focus-visible\:ring-0:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(0px + 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);}
.ao-guide .focus-visible\:ring-1:focus-visible{--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);}
.ao-guide .focus-visible\:ring-2:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}
.ao-guide .focus-visible\:ring-4:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(4px + 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);}
.ao-guide .focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(3px + 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);}
.ao-guide .focus-visible\:ring-ring:focus-visible{--tw-ring-color: #111;}
.ao-guide .focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color: oklab(17.7638% -2.23517e-8 0/.5);}
.ao-guide .focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width: 1px; --tw-ring-offset-shadow: var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);}
.ao-guide .focus-visible\:outline-hidden:focus-visible{--tw-outline-style: none; outline-style: none;}
@media (forced-colors: active){.ao-guide .focus-visible\:outline-hidden:focus-visible{outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;}}
.ao-guide .focus-visible\:outline-1:focus-visible{outline-style: var(--tw-outline-style); outline-width: 1px;}
.ao-guide .focus-visible\:outline-ring:focus-visible{outline-color: rgb(17, 17, 17);}
.ao-guide .disabled\:pointer-events-none:disabled{pointer-events: none;}
.ao-guide .disabled\:cursor-not-allowed:disabled{cursor: not-allowed;}
.ao-guide .disabled\:opacity-50:disabled{opacity: 0.5;}
.ao-guide :where([data-side="left"]) .in-data-\[side\=left\]\:cursor-w-resize{cursor: w-resize;}
.ao-guide :where([data-side="right"]) .in-data-\[side\=right\]\:cursor-e-resize{cursor: e-resize;}
.ao-guide .has-focus\:border-ring:has(:focus){border-color: rgb(17, 17, 17);}
.ao-guide .has-focus\:ring-\[3px\]:has(:focus){--tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(3px + 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);}
.ao-guide .has-focus\:ring-ring\/50:has(:focus){--tw-ring-color: oklab(17.7638% -2.23517e-8 0/.5);}
.ao-guide .has-disabled\:opacity-50:has(:disabled){opacity: 0.5;}
.ao-guide .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot="card-action"]){grid-template-columns: 1fr auto;}
.ao-guide .has-data-\[state\=checked\]\:border-primary:has([data-state="checked"]){border-color: rgb(17, 17, 17);}
.ao-guide .has-data-\[state\=checked\]\:bg-primary\/5:has([data-state="checked"]){background-color: rgba(17, 17, 17, 0.05);}
.ao-guide .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring:has([data-slot="input-group-control"]:focus-visible){border-color: rgb(17, 17, 17);}
.ao-guide .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\]:has([data-slot="input-group-control"]:focus-visible){--tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(3px + 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);}
.ao-guide .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot="input-group-control"]:focus-visible){--tw-ring-color: oklab(17.7638% -2.23517e-8 0/.5);}
.ao-guide .has-\[\>\[data-align\=block-end\]\]\:h-auto:has(> [data-align="block-end"]){height: auto;}
.ao-guide .has-\[\>\[data-align\=block-end\]\]\:flex-col:has(> [data-align="block-end"]){flex-direction: column;}
.ao-guide .has-\[\>\[data-align\=block-start\]\]\:h-auto:has(> [data-align="block-start"]){height: auto;}
.ao-guide .has-\[\>\[data-align\=block-start\]\]\:flex-col:has(> [data-align="block-start"]){flex-direction: column;}
.ao-guide .has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(> [data-slot="button-group"]){gap: calc(var(--spacing)*2);}
.ao-guide .has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has(> [data-slot="checkbox-group"]){gap: calc(var(--spacing)*3);}
.ao-guide .has-\[\>\[data-slot\=field-content\]\]\:items-start:has(> [data-slot="field-content"]){align-items: flex-start;}
.ao-guide .has-\[\>\[data-slot\=field\]\]\:w-full:has(> [data-slot="field"]){width: 100%;}
.ao-guide .has-\[\>\[data-slot\=field\]\]\:flex-col:has(> [data-slot="field"]){flex-direction: column;}
.ao-guide .has-\[\>\[data-slot\=field\]\]\:rounded-md:has(> [data-slot="field"]){border-radius: var(--radius-md);}
.ao-guide .has-\[\>\[data-slot\=field\]\]\:border:has(> [data-slot="field"]){border-style: var(--tw-border-style); border-width: 1px;}
.ao-guide .has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has(> [data-slot="radio-group"]){gap: calc(var(--spacing)*3);}
.ao-guide .has-\[\>button\]\:mr-\[-0\.45rem\]:has(> button){margin-right: -0.45rem;}
.ao-guide .has-\[\>button\]\:ml-\[-0\.45rem\]:has(> button){margin-left: -0.45rem;}
.ao-guide .has-\[\>kbd\]\:mr-\[-0\.35rem\]:has(> kbd){margin-right: -0.35rem;}
.ao-guide .has-\[\>kbd\]\:ml-\[-0\.35rem\]:has(> kbd){margin-left: -0.35rem;}
.ao-guide .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has(> svg){grid-template-columns: calc(var(--spacing)*4)1fr;}
.ao-guide .has-\[\>svg\]\:gap-x-3:has(> svg){column-gap: calc(var(--spacing)*3);}
.ao-guide .has-\[\>svg\]\:p-0:has(> svg){padding: calc(var(--spacing)*0);}
.ao-guide .has-\[\>svg\]\:px-2:has(> svg){padding-inline: calc(var(--spacing)*2);}
.ao-guide .has-\[\>svg\]\:px-2\.5:has(> svg){padding-inline: calc(var(--spacing)*2.5);}
.ao-guide .has-\[\>svg\]\:px-3:has(> svg){padding-inline: calc(var(--spacing)*3);}
.ao-guide .has-\[\>svg\]\:px-4:has(> svg){padding-inline: calc(var(--spacing)*4);}
.ao-guide .has-\[\>textarea\]\:h-auto:has(> textarea){height: auto;}
.ao-guide .aria-disabled\:pointer-events-none[aria-disabled="true"]{pointer-events: none;}
.ao-guide .aria-disabled\:opacity-50[aria-disabled="true"]{opacity: 0.5;}
.ao-guide .aria-selected\:text-muted-foreground[aria-selected="true"]{color: rgb(102, 102, 102);}
.ao-guide .data-\[active\=true\]\:z-10[data-active="true"]{z-index: 10;}
.ao-guide .data-\[active\=true\]\:border-ring[data-active="true"]{border-color: rgb(17, 17, 17);}
.ao-guide .data-\[active\=true\]\:font-medium[data-active="true"]{--tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);}
.ao-guide .data-\[active\=true\]\:ring-\[3px\][data-active="true"]{--tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(3px + 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);}
.ao-guide .data-\[active\=true\]\:ring-ring\/50[data-active="true"]{--tw-ring-color: oklab(17.7638% -2.23517e-8 0/.5);}
.ao-guide .data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events: none;}
.ao-guide .data-\[disabled\]\:opacity-50[data-disabled]{opacity: 0.5;}
.ao-guide .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"]{pointer-events: none;}
.ao-guide .data-\[disabled\=true\]\:opacity-50[data-disabled="true"]{opacity: 0.5;}
.ao-guide .data-\[inset\]\:pl-8[data-inset]{padding-left: calc(var(--spacing)*8);}
.ao-guide .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"]{--tw-enter-translate-x: calc(52*var(--spacing));}
.ao-guide .data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"]{--tw-enter-translate-x: calc(52*var(--spacing)*-1);}
.ao-guide .data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"]{--tw-exit-translate-x: calc(52*var(--spacing));}
.ao-guide .data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"]{--tw-exit-translate-x: calc(52*var(--spacing)*-1);}
.ao-guide .data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"]{animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);}
.ao-guide .data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"]{--tw-enter-opacity: 0;}
.ao-guide .data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"]{animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);}
.ao-guide .data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"]{--tw-exit-opacity: 0;}
.ao-guide .data-\[orientation\=horizontal\]\:h-1\.5[data-orientation="horizontal"]{height: calc(var(--spacing)*1.5);}
.ao-guide .data-\[orientation\=horizontal\]\:h-full[data-orientation="horizontal"]{height: 100%;}
.ao-guide .data-\[orientation\=horizontal\]\:h-px[data-orientation="horizontal"]{height: 1px;}
.ao-guide .data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"]{width: 100%;}
.ao-guide .data-\[orientation\=vertical\]\:h-auto[data-orientation="vertical"]{height: auto;}
.ao-guide .data-\[orientation\=vertical\]\:h-full[data-orientation="vertical"]{height: 100%;}
.ao-guide .data-\[orientation\=vertical\]\:min-h-44[data-orientation="vertical"]{min-height: calc(var(--spacing)*44);}
.ao-guide .data-\[orientation\=vertical\]\:w-1\.5[data-orientation="vertical"]{width: calc(var(--spacing)*1.5);}
.ao-guide .data-\[orientation\=vertical\]\:w-auto[data-orientation="vertical"]{width: auto;}
.ao-guide .data-\[orientation\=vertical\]\:w-full[data-orientation="vertical"]{width: 100%;}
.ao-guide .data-\[orientation\=vertical\]\:w-px[data-orientation="vertical"]{width: 1px;}
.ao-guide .data-\[orientation\=vertical\]\:flex-col[data-orientation="vertical"]{flex-direction: column;}
.ao-guide .data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction="vertical"]{height: 1px;}
.ao-guide .data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction="vertical"]{width: 100%;}
.ao-guide .data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction="vertical"]{flex-direction: column;}
.ao-guide .data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction="vertical"]::after{content: var(--tw-content); left: calc(var(--spacing)*0);}
.ao-guide .data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction="vertical"]::after{content: var(--tw-content); height: calc(var(--spacing)*1);}
.ao-guide .data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction="vertical"]::after{content: var(--tw-content); width: 100%;}
.ao-guide .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction="vertical"]::after{content: var(--tw-content); --tw-translate-x: calc(var(--spacing)*0); translate: var(--tw-translate-x)var(--tw-translate-y);}
.ao-guide .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction="vertical"]::after{content: var(--tw-content); --tw-translate-y: -50%; translate: var(--tw-translate-x)var(--tw-translate-y);}
.ao-guide .data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color: rgb(102, 102, 102);}
.ao-guide .data-\[range-end\=true\]\:rounded-md[data-range-end="true"]{border-radius: var(--radius-md);}
.ao-guide .data-\[range-end\=true\]\:rounded-r-md[data-range-end="true"]{border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md);}
.ao-guide .data-\[range-end\=true\]\:bg-primary[data-range-end="true"]{background-color: rgb(17, 17, 17);}
.ao-guide .data-\[range-end\=true\]\:text-primary-foreground[data-range-end="true"]{color: rgb(255, 255, 255);}
.ao-guide .data-\[range-middle\=true\]\:rounded-none[data-range-middle="true"]{border-radius: 0px;}
.ao-guide .data-\[range-start\=true\]\:rounded-md[data-range-start="true"]{border-radius: var(--radius-md);}
.ao-guide .data-\[range-start\=true\]\:rounded-l-md[data-range-start="true"]{border-top-left-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md);}
.ao-guide .data-\[range-start\=true\]\:bg-primary[data-range-start="true"]{background-color: rgb(17, 17, 17);}
.ao-guide .data-\[range-start\=true\]\:text-primary-foreground[data-range-start="true"]{color: rgb(255, 255, 255);}
.ao-guide .data-\[selected-single\=true\]\:bg-primary[data-selected-single="true"]{background-color: rgb(17, 17, 17);}
.ao-guide .data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single="true"]{color: rgb(255, 255, 255);}
.ao-guide .data-\[selected\=true\]\:rounded-none[data-selected="true"]{border-radius: 0px;}
.ao-guide .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"]{--tw-translate-y: calc(var(--spacing)*1); translate: var(--tw-translate-x)var(--tw-translate-y);}
.ao-guide .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"]{--tw-enter-translate-y: calc(2*var(--spacing)*-1);}
.ao-guide .data-\[side\=left\]\:-translate-x-1[data-side="left"]{--tw-translate-x: calc(var(--spacing)*-1); translate: var(--tw-translate-x)var(--tw-translate-y);}
.ao-guide .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"]{--tw-enter-translate-x: calc(2*var(--spacing));}
.ao-guide .data-\[side\=right\]\:translate-x-1[data-side="right"]{--tw-translate-x: calc(var(--spacing)*1); translate: var(--tw-translate-x)var(--tw-translate-y);}
.ao-guide .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"]{--tw-enter-translate-x: calc(2*var(--spacing)*-1);}
.ao-guide .data-\[side\=top\]\:-translate-y-1[data-side="top"]{--tw-translate-y: calc(var(--spacing)*-1); translate: var(--tw-translate-x)var(--tw-translate-y);}
.ao-guide .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"]{--tw-enter-translate-y: calc(2*var(--spacing));}
.ao-guide .data-\[size\=default\]\:h-9[data-size="default"]{height: calc(var(--spacing)*9);}
.ao-guide .data-\[size\=sm\]\:h-8[data-size="sm"]{height: calc(var(--spacing)*8);}
.ao-guide .data-\[slot\=checkbox-group\]\:gap-3[data-slot="checkbox-group"]{gap: calc(var(--spacing)*3);}
.ao-guide :is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot="command-input-wrapper"]{height: calc(var(--spacing)*12);}
.ao-guide :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot="navigation-menu-link"]:focus{--tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(0px + 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);}
.ao-guide :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot="navigation-menu-link"]:focus{--tw-outline-style: none; outline-style: none;}
.ao-guide :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"]{-webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden;}
.ao-guide :is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"]{display: flex;}
.ao-guide :is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot="select-value"]{align-items: center;}
.ao-guide :is(.\*\:data-\[slot\=select-value\]\:gap-2 > *)[data-slot="select-value"]{gap: calc(var(--spacing)*2);}
.ao-guide .data-\[state\=active\]\:bg-background[data-state="active"]{background-color: rgb(255, 255, 255);}
.ao-guide .data-\[state\=active\]\:shadow-sm[data-state="active"]{--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);}
.ao-guide .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state="checked"]{--tw-translate-x: calc(100% - 2px); translate: var(--tw-translate-x)var(--tw-translate-y);}
.ao-guide .data-\[state\=checked\]\:border-primary[data-state="checked"]{border-color: rgb(17, 17, 17);}
.ao-guide .data-\[state\=checked\]\:bg-primary[data-state="checked"]{background-color: rgb(17, 17, 17);}
.ao-guide .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"]{color: rgb(255, 255, 255);}
.ao-guide .data-\[state\=closed\]\:animate-accordion-up[data-state="closed"]{animation: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);}
.ao-guide .data-\[state\=closed\]\:animate-out[data-state="closed"]{animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);}
.ao-guide .data-\[state\=closed\]\:duration-300[data-state="closed"]{--tw-duration: .3s; transition-duration: 0.3s;}
.ao-guide .data-\[state\=closed\]\:fade-out-0[data-state="closed"]{--tw-exit-opacity: 0;}
.ao-guide .data-\[state\=closed\]\:zoom-out-95[data-state="closed"]{--tw-exit-scale: .95;}
.ao-guide .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"]{--tw-exit-translate-y: 100%;}
.ao-guide .data-\[state\=closed\]\:slide-out-to-left[data-state="closed"]{--tw-exit-translate-x: -100%;}
.ao-guide .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"]{--tw-exit-translate-x: 100%;}
.ao-guide .data-\[state\=closed\]\:slide-out-to-top[data-state="closed"]{--tw-exit-translate-y: -100%;}
.ao-guide .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="closed"]{animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);}
.ao-guide .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="closed"]{--tw-exit-opacity: 0;}
.ao-guide .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:zoom-out-95:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="closed"]{--tw-exit-scale: .95;}
.ao-guide .data-\[state\=hidden\]\:animate-out[data-state="hidden"]{animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);}
.ao-guide .data-\[state\=hidden\]\:fade-out[data-state="hidden"]{--tw-exit-opacity: 0;}
.ao-guide .data-\[state\=open\]\:animate-accordion-down[data-state="open"]{animation: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);}
.ao-guide .data-\[state\=open\]\:animate-in[data-state="open"]{animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);}
.ao-guide .data-\[state\=open\]\:bg-secondary[data-state="open"]{background-color: rgb(255, 255, 255);}
.ao-guide .data-\[state\=open\]\:text-muted-foreground[data-state="open"]{color: rgb(102, 102, 102);}
.ao-guide .data-\[state\=open\]\:opacity-100[data-state="open"]{opacity: 1;}
.ao-guide .data-\[state\=open\]\:duration-500[data-state="open"]{--tw-duration: .5s; transition-duration: 0.5s;}
.ao-guide .data-\[state\=open\]\:fade-in-0[data-state="open"]{--tw-enter-opacity: 0;}
.ao-guide .data-\[state\=open\]\:zoom-in-90[data-state="open"]{--tw-enter-scale: .9;}
.ao-guide .data-\[state\=open\]\:zoom-in-95[data-state="open"]{--tw-enter-scale: .95;}
.ao-guide .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"]{--tw-enter-translate-y: 100%;}
.ao-guide .data-\[state\=open\]\:slide-in-from-left[data-state="open"]{--tw-enter-translate-x: -100%;}
.ao-guide .data-\[state\=open\]\:slide-in-from-right[data-state="open"]{--tw-enter-translate-x: 100%;}
.ao-guide .data-\[state\=open\]\:slide-in-from-top[data-state="open"]{--tw-enter-translate-y: -100%;}
.ao-guide .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="open"]{animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);}
.ao-guide .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="open"]{--tw-enter-opacity: 0;}
.ao-guide .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="open"]{--tw-enter-scale: .95;}
.ao-guide .data-\[state\=selected\]\:bg-muted[data-state="selected"]{background-color: rgb(255, 255, 255);}
.ao-guide .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"]{--tw-translate-x: calc(var(--spacing)*0); translate: var(--tw-translate-x)var(--tw-translate-y);}
.ao-guide .data-\[state\=visible\]\:animate-in[data-state="visible"]{animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);}
.ao-guide .data-\[state\=visible\]\:fade-in[data-state="visible"]{--tw-enter-opacity: 0;}
.ao-guide .data-\[variant\=label\]\:text-sm[data-variant="label"]{font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height));}
.ao-guide .data-\[variant\=legend\]\:text-base[data-variant="legend"]{font-size: var(--text-base); line-height: var(--tw-leading,var(--text-base--line-height));}
.ao-guide .data-\[variant\=outline\]\:border-l-0[data-variant="outline"]{border-left-style: var(--tw-border-style); border-left-width: 0px;}
.ao-guide .data-\[variant\=outline\]\:shadow-xs[data-variant="outline"]{--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color,#0000000d); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}
.ao-guide .data-\[variant\=outline\]\:first\:border-l[data-variant="outline"]:first-child{border-left-style: var(--tw-border-style); border-left-width: 1px;}
.ao-guide .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction="bottom"]{inset-inline: calc(var(--spacing)*0);}
.ao-guide .data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction="bottom"]{bottom: calc(var(--spacing)*0);}
.ao-guide .data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction="bottom"]{margin-top: calc(var(--spacing)*24);}
.ao-guide .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction="bottom"]{max-height: 80vh;}
.ao-guide .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction="bottom"]{border-top-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-lg);}
.ao-guide .data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction="bottom"]{border-top-style: var(--tw-border-style); border-top-width: 1px;}
.ao-guide .data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction="left"]{inset-block: calc(var(--spacing)*0);}
.ao-guide .data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction="left"]{left: calc(var(--spacing)*0);}
.ao-guide .data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction="left"]{width: 75%;}
.ao-guide .data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction="left"]{border-right-style: var(--tw-border-style); border-right-width: 1px;}
.ao-guide .data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction="right"]{inset-block: calc(var(--spacing)*0);}
.ao-guide .data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction="right"]{right: calc(var(--spacing)*0);}
.ao-guide .data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction="right"]{width: 75%;}
.ao-guide .data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction="right"]{border-left-style: var(--tw-border-style); border-left-width: 1px;}
.ao-guide .data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction="top"]{inset-inline: calc(var(--spacing)*0);}
.ao-guide .data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction="top"]{top: calc(var(--spacing)*0);}
.ao-guide .data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction="top"]{margin-bottom: calc(var(--spacing)*24);}
.ao-guide .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction="top"]{max-height: 80vh;}
.ao-guide .data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction="top"]{border-bottom-right-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg);}
.ao-guide .data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction="top"]{border-bottom-style: var(--tw-border-style); border-bottom-width: 1px;}
.ao-guide .nth-last-2\:-mt-1:nth-last-child(2){margin-top: calc(var(--spacing)*-1);}
@supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))){.ao-guide .supports-\[backdrop-filter\]\:backdrop-blur{--tw-backdrop-blur: blur(8px); backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);}}
@media (min-width: 40rem){.ao-guide .sm\:block{display: block;}
.ao-guide .sm\:flex{display: flex;}
.ao-guide .sm\:max-w-lg{max-width: var(--container-lg);}
.ao-guide .sm\:max-w-sm{max-width: var(--container-sm);}
.ao-guide .sm\:flex-row{flex-direction: row;}
.ao-guide .sm\:justify-end{justify-content: flex-end;}
.ao-guide .sm\:gap-2\.5{gap: calc(var(--spacing)*2.5);}
.ao-guide .sm\:pr-2\.5{padding-right: calc(var(--spacing)*2.5);}
.ao-guide .sm\:pl-2\.5{padding-left: calc(var(--spacing)*2.5);}
.ao-guide .sm\:text-left{text-align: left;}
.ao-guide .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction="left"], .ao-guide .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction="right"]{max-width: var(--container-sm);}}
@media (min-width: 48rem){.ao-guide .md\:absolute{position: absolute;}
.ao-guide .md\:block{display: block;}
.ao-guide .md\:flex{display: flex;}
.ao-guide .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width: var(--radix-navigation-menu-viewport-width);}
.ao-guide .md\:w-auto{width: auto;}
.ao-guide .md\:grid-cols-2{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.ao-guide .md\:flex-row{flex-direction: row;}
.ao-guide .md\:gap-1\.5{gap: calc(var(--spacing)*1.5);}
.ao-guide .md\:p-12{padding: calc(var(--spacing)*12);}
.ao-guide .md\:text-left{text-align: left;}
.ao-guide .md\:text-sm{font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height));}
.ao-guide .md\:opacity-0{opacity: 0;}
.ao-guide .md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant="inset"] ~ *){margin: calc(var(--spacing)*2);}
.ao-guide .md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant="inset"] ~ *){margin-left: calc(var(--spacing)*0);}
.ao-guide .md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant="inset"] ~ *){border-radius: var(--radius-xl);}
.ao-guide .md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant="inset"] ~ *){--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);}
.ao-guide .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant="inset"] ~ *):is(:where(.peer)[data-state="collapsed"] ~ *){margin-left: calc(var(--spacing)*2);}
.ao-guide .md\:after\:hidden::after{content: var(--tw-content); display: none;}}
@media (min-width: 64rem){.ao-guide .lg\:grid-cols-3{grid-template-columns: repeat(3, minmax(0px, 1fr));}}
@container field-group (min-width: 28rem) {
  .\@md\/field-group\:flex-row { flex-direction: row; }
  .\@md\/field-group\:items-center { align-items: center; }
  .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has(> [data-slot="field-content"]) { align-items: flex-start; }
}
@media (prefers-color-scheme: dark){.ao-guide .dark\:bg-transparent{background-color: rgba(0, 0, 0, 0);}
.ao-guide .dark\:text-muted-foreground{color: rgb(102, 102, 102);}
.ao-guide .dark\:has-data-\[state\=checked\]\:bg-primary\/10:has([data-state="checked"]){background-color: rgba(17, 17, 17, 0.1);}
.ao-guide .dark\:data-\[state\=active\]\:text-foreground[data-state="active"]{color: rgb(17, 17, 17);}
.ao-guide .dark\:data-\[state\=checked\]\:bg-primary[data-state="checked"]{background-color: rgb(17, 17, 17);}
.ao-guide .dark\:data-\[state\=checked\]\:bg-primary-foreground[data-state="checked"]{background-color: rgb(255, 255, 255);}
.ao-guide .dark\:data-\[state\=unchecked\]\:bg-foreground[data-state="unchecked"]{background-color: rgb(17, 17, 17);}}
.ao-guide .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{fill: rgb(102, 102, 102);}
.ao-guide .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke: rgba(229, 229, 229, 0.5);}
.ao-guide .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{stroke: rgb(229, 229, 229);}
.ao-guide .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"]{stroke: rgba(0, 0, 0, 0);}
.ao-guide .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{--tw-outline-style: none; outline-style: none;}
@media (forced-colors: active){.ao-guide .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;}}
.ao-guide .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"]{stroke: rgb(229, 229, 229);}
.ao-guide .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector, .ao-guide .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill: rgb(255, 255, 255);}
.ao-guide .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"]{stroke: rgb(229, 229, 229);}
.ao-guide .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{--tw-outline-style: none; outline-style: none;}
@media (forced-colors: active){.ao-guide .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;}}
.ao-guide .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"]{stroke: rgba(0, 0, 0, 0);}
.ao-guide .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{--tw-outline-style: none; outline-style: none;}
@media (forced-colors: active){.ao-guide .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;}}
.ao-guide .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline: calc(var(--spacing)*2);}
.ao-guide .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-block: calc(var(--spacing)*1.5);}
.ao-guide .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size: var(--text-xs); line-height: var(--tw-leading,var(--text-xs--line-height));}
.ao-guide .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);}
.ao-guide .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color: rgb(102, 102, 102);}
.ao-guide .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-inline: calc(var(--spacing)*2);}
.ao-guide .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group]{padding-top: calc(var(--spacing)*0);}
.ao-guide .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height: calc(var(--spacing)*5);}
.ao-guide .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width: calc(var(--spacing)*5);}
.ao-guide .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height: calc(var(--spacing)*12);}
.ao-guide .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-inline: calc(var(--spacing)*2);}
.ao-guide .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-block: calc(var(--spacing)*3);}
.ao-guide .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height: calc(var(--spacing)*5);}
.ao-guide .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width: calc(var(--spacing)*5);}
.ao-guide .\[\&_img\]\:size-full img{width: 100%; height: 100%;}
.ao-guide .\[\&_img\]\:object-cover img{object-fit: cover;}
.ao-guide .\[\&_p\]\:leading-relaxed p{--tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed);}
.ao-guide .\[\&_svg\]\:pointer-events-none svg{pointer-events: none;}
.ao-guide .\[\&_svg\]\:shrink-0 svg{flex-shrink: 0;}
.ao-guide .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*="size-"]){width: calc(var(--spacing)*3); height: calc(var(--spacing)*3);}
.ao-guide .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]){width: calc(var(--spacing)*4); height: calc(var(--spacing)*4);}
.ao-guide .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*="size-"]){width: calc(var(--spacing)*6); height: calc(var(--spacing)*6);}
.ao-guide .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*="text-"]){color: rgb(102, 102, 102);}
.ao-guide .\[\&_tr\]\:border-b tr{border-bottom-style: var(--tw-border-style); border-bottom-width: 1px;}
.ao-guide .\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style: var(--tw-border-style); border-width: 0px;}
.ao-guide .\[\&\+\[data-slot\=item-content\]\]\:flex-none + [data-slot="item-content"]{flex: 0 0 auto;}
.ao-guide .\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected="true"] button{border-top-left-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md);}
.ao-guide .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]){padding-right: calc(var(--spacing)*0);}
.ao-guide .\[\.border-b\]\:pb-3.border-b{padding-bottom: calc(var(--spacing)*3);}
.ao-guide .\[\.border-b\]\:pb-6.border-b{padding-bottom: calc(var(--spacing)*6);}
.ao-guide .\[\.border-t\]\:pt-3.border-t{padding-top: calc(var(--spacing)*3);}
.ao-guide .\[\.border-t\]\:pt-6.border-t{padding-top: calc(var(--spacing)*6);}
.ao-guide :is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_next > svg), .ao-guide :is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_previous > svg){rotate: 180deg;}
.ao-guide .\[a\]\:transition-colors:is(a){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));}
.ao-guide :is(.\*\:\[span\]\:last\:flex > *):is(span):last-child{display: flex;}
.ao-guide :is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child{align-items: center;}
.ao-guide :is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child{gap: calc(var(--spacing)*2);}
.ao-guide .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected="true"] button{border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md);}
.ao-guide .\[\&\>\*\]\:w-full > *{width: 100%;}
.ao-guide .\[\&\>\*\]\:focus-visible\:relative > :focus-visible{position: relative;}
.ao-guide .\[\&\>\*\]\:focus-visible\:z-10 > :focus-visible{z-index: 10;}
.ao-guide .\[\&\>\*\]\:data-\[slot\=field\]\:p-4 > [data-slot="field"]{padding: calc(var(--spacing)*4);}
@container field-group (min-width: 28rem) {
  .\@md\/field-group\:\[\&\>\*\]\:w-auto > * { width: auto; }
}
.ao-guide .\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none > :not(:first-child){border-top-left-radius: 0px; border-top-right-radius: 0px;}
.ao-guide .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none > :not(:first-child){border-top-left-radius: 0px; border-bottom-left-radius: 0px;}
.ao-guide .\[\&\>\*\:not\(\:first-child\)\]\:border-t-0 > :not(:first-child){border-top-style: var(--tw-border-style); border-top-width: 0px;}
.ao-guide .\[\&\>\*\:not\(\:first-child\)\]\:border-l-0 > :not(:first-child){border-left-style: var(--tw-border-style); border-left-width: 0px;}
.ao-guide .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none > :not(:last-child){border-top-right-radius: 0px; border-bottom-right-radius: 0px;}
.ao-guide .\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none > :not(:last-child){border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;}
.ao-guide .\[\&\>\.sr-only\]\:w-auto > .sr-only{width: auto;}
.ao-guide .\[\&\>\[data-slot\=field-group\]\]\:gap-4 > [data-slot="field-group"]{gap: calc(var(--spacing)*4);}
.ao-guide .\[\&\>\[data-slot\=field-label\]\]\:flex-auto > [data-slot="field-label"]{flex: 1 1 auto;}
@container field-group (min-width: 28rem) {
  .\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto > [data-slot="field-label"] { flex: 1 1 auto; }
}
.ao-guide .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden="true"]:last-child)) > [data-slot="select-trigger"]:last-of-type{border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md);}
.ao-guide .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit > [data-slot="select-trigger"]:not([class*="w-"]){width: fit-content;}
.ao-guide .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] > [role="checkbox"]{--tw-translate-y: 2px; translate: var(--tw-translate-x)var(--tw-translate-y);}
.ao-guide .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(> [data-slot="field-content"]) > [role="checkbox"], .ao-guide .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(> [data-slot="field-content"]) [role="radio"]{margin-top: 1px;}
@container field-group (min-width: 28rem) {
  .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(> [data-slot="field-content"]) > [role="checkbox"], .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(> [data-slot="field-content"]) [role="radio"] { margin-top: 1px; }
}
.ao-guide .\[\&\>a\]\:underline > a{text-decoration-line: underline;}
.ao-guide .\[\&\>a\]\:underline-offset-4 > a{text-underline-offset: 4px;}
.ao-guide .\[\&\>a\:hover\]\:text-primary > a:hover{color: rgb(17, 17, 17);}
.ao-guide .\[\&\>button\]\:hidden > button{display: none;}
.ao-guide .\[\&\>input\]\:flex-1 > input{flex: 1 1 0%;}
.ao-guide .has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has(> [data-align="block-end"]) > input{padding-top: calc(var(--spacing)*3);}
.ao-guide .has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has(> [data-align="block-start"]) > input{padding-bottom: calc(var(--spacing)*3);}
.ao-guide .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2:has(> [data-align="inline-end"]) > input{padding-right: calc(var(--spacing)*2);}
.ao-guide .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has(> [data-align="inline-start"]) > input{padding-left: calc(var(--spacing)*2);}
.ao-guide .\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\] > kbd{border-radius: calc(var(--radius) - 5px);}
.ao-guide .\[\&\>span\]\:text-xs > span{font-size: var(--text-xs); line-height: var(--tw-leading,var(--text-xs--line-height));}
.ao-guide .\[\&\>span\]\:opacity-70 > span{opacity: 0.7;}
.ao-guide .\[\&\>span\:last-child\]\:truncate > span:last-child{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.ao-guide .\[\&\>svg\]\:pointer-events-none > svg{pointer-events: none;}
.ao-guide .\[\&\>svg\]\:size-3 > svg{width: calc(var(--spacing)*3); height: calc(var(--spacing)*3);}
.ao-guide .\[\&\>svg\]\:size-3\.5 > svg{width: calc(var(--spacing)*3.5); height: calc(var(--spacing)*3.5);}
.ao-guide .\[\&\>svg\]\:size-4 > svg{width: calc(var(--spacing)*4); height: calc(var(--spacing)*4);}
.ao-guide .\[\&\>svg\]\:h-2\.5 > svg{height: calc(var(--spacing)*2.5);}
.ao-guide .\[\&\>svg\]\:h-3 > svg{height: calc(var(--spacing)*3);}
.ao-guide .\[\&\>svg\]\:w-2\.5 > svg{width: calc(var(--spacing)*2.5);}
.ao-guide .\[\&\>svg\]\:w-3 > svg{width: calc(var(--spacing)*3);}
.ao-guide .\[\&\>svg\]\:shrink-0 > svg{flex-shrink: 0;}
.ao-guide .\[\&\>svg\]\:translate-y-0\.5 > svg{--tw-translate-y: calc(var(--spacing)*.5); translate: var(--tw-translate-x)var(--tw-translate-y);}
.ao-guide .\[\&\>svg\]\:text-current > svg{color: currentcolor;}
.ao-guide .\[\&\>svg\]\:text-muted-foreground > svg{color: rgb(102, 102, 102);}
.ao-guide .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 > svg:not([class*="size-"]){width: calc(var(--spacing)*3.5); height: calc(var(--spacing)*3.5);}
.ao-guide .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 > svg:not([class*="size-"]){width: calc(var(--spacing)*4); height: calc(var(--spacing)*4);}
.ao-guide .\[\&\>tr\]\:last\:border-b-0 > tr:last-child{border-bottom-style: var(--tw-border-style); border-bottom-width: 0px;}
.ao-guide .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction="vertical"] > div{rotate: 90deg;}
.ao-guide .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state="open"] > svg{rotate: 180deg;}
.ao-guide [data-side="left"][data-collapsible="offcanvas"] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right: calc(var(--spacing)*-2);}
.ao-guide [data-side="left"][data-state="collapsed"] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor: e-resize;}
.ao-guide [data-side="right"][data-collapsible="offcanvas"] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left: calc(var(--spacing)*-2);}
.ao-guide [data-side="right"][data-state="collapsed"] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor: w-resize;}
.ao-guide [data-slot="card-content"] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent, .ao-guide [data-slot="popover-content"] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent{background-color: rgba(0, 0, 0, 0);}
.ao-guide [data-slot="tooltip-content"] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20{background-color: rgba(255, 255, 255, 0.2);}
.ao-guide [data-slot="tooltip-content"] .\[\[data-slot\=tooltip-content\]_\&\]\:text-background{color: rgb(255, 255, 255);}
@media (prefers-color-scheme: dark){.ao-guide [data-slot="tooltip-content"] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10{background-color: rgba(255, 255, 255, 0.1);}}
.ao-guide [data-variant="legend"] + .\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5{margin-top: calc(var(--spacing)*-1.5);}
@media (hover: hover){.ao-guide a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color: rgba(17, 17, 17, 0.9);}
.ao-guide a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color: rgba(255, 255, 255, 0.9);}}
@property --tw-animation-delay { syntax: "*"; inherits: false; initial-value: 0s; }
@property --tw-animation-direction { syntax: "*"; inherits: false; initial-value: normal; }
@property --tw-animation-duration { syntax: "*"; inherits: false; }
@property --tw-animation-fill-mode { syntax: "*"; inherits: false; initial-value: none; }
@property --tw-animation-iteration-count { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-enter-blur { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-enter-opacity { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-enter-rotate { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-enter-scale { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-enter-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-enter-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-exit-blur { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-exit-opacity { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-exit-rotate { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-exit-scale { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-exit-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-exit-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
.ao-guide{color: rgb(17, 17, 17); font-synthesis: none; --font-body: "DM Sans",sans-serif; --font-heading: "Manrope",sans-serif; --ink: #111; --muted: #666; --line: #e5e5e5; --sage: #f5f5f5; background: rgb(255, 255, 255); font-family: "DM Sans", sans-serif;}
.ao-guide *{box-sizing: border-box;}
.ao-guide{scroll-behavior: smooth; scroll-padding-top: 100px;}
.ao-guide{-webkit-font-smoothing: antialiased; margin: 0px;}
.ao-guide a{color: inherit; text-decoration: none;}
.ao-guide button, .ao-guide input, .ao-guide textarea{font: inherit;}
.ao-guide button, .ao-guide a, .ao-guide input[type="radio"], .ao-guide input[type="checkbox"], .ao-guide summary{-webkit-tap-highlight-color: transparent;}
.ao-guide button, .ao-guide summary, .ao-guide input[type="radio"], .ao-guide input[type="checkbox"]{cursor: pointer;}
.ao-guide button{border: 0px;}
.ao-guide img{object-fit: cover; width: 100%; height: 100%; display: block;}
.ao-guide p, .ao-guide h1, .ao-guide h2, .ao-guide h3, .ao-guide figure{margin: 0px;}
.ao-guide h1, .ao-guide h2, .ao-guide h3, .ao-guide h4, .ao-guide h5, .ao-guide h6, .ao-guide .wordmark, .ao-guide .office-option-copy strong, .ao-guide .office-inclusion strong{font-family: var(--font-heading);}
.ao-guide p{color: var(--muted); font-size: 14px; line-height: 1.8;}
.ao-guide ::selection{color: var(--ink); background: rgb(234, 250, 98);}
.ao-guide :focus-visible{outline-offset: 5px; outline: rgb(17, 17, 17) solid 2px;}
.ao-guide section[id]{scroll-margin-top: 95px;}
.ao-guide .wrap{width: 100%; max-width: 1304px; margin: 0px auto; padding: 0px 32px;}
.ao-guide .section{padding: 96px 0px;}
.ao-guide .sr-only{clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolute; overflow: hidden;}
.ao-guide .eyebrow{letter-spacing: 1.6px; color: rgb(102, 102, 102); align-items: center; gap: 8px; margin-bottom: 21px; font-size: 10px; font-weight: 650; line-height: 1.7; display: flex;}
.ao-guide .section-number{color: rgb(136, 136, 136); margin-right: 8px; font-size: 11px; font-weight: 500;}
.ao-guide .section-heading{letter-spacing: -1.8px; text-wrap: balance; max-width: 640px; font-size: 44px; font-weight: 550; line-height: 1.14;}
.ao-guide .section-top{justify-content: space-between; align-items: flex-end; gap: 40px; margin-bottom: 40px; display: flex;}
.ao-guide .section-top > .text-link{flex-shrink: 0; margin-bottom: 7px;}
.ao-guide .section-description{max-width: 760px; margin-top: -17px; margin-bottom: 36px; font-size: 15px;}
.ao-guide .button{background: var(--ink); color: rgb(255, 255, 255); border: 1px solid var(--ink); border-radius: 100px; justify-content: center; align-items: center; gap: 22px; min-height: 49px; padding: 13px 23px; font-size: 12px; font-weight: 650; line-height: 1.5; transition: background 0.2s, transform 0.2s; display: inline-flex;}
.ao-guide .button:hover{background: rgb(51, 51, 51); border-color: rgb(51, 51, 51); transform: translateY(-2px);}
.ao-guide .button-outline{color: var(--ink); background: 0px 0px; border-color: rgb(204, 204, 204);}
.ao-guide .button-outline:hover{color: var(--ink); background: rgb(245, 245, 245); border-color: rgb(204, 204, 204);}
.ao-guide .text-link{border-bottom: 1px solid rgb(170, 170, 170); align-items: center; gap: 15px; padding-bottom: 7px; font-size: 12px; font-weight: 650; display: inline-flex;}
.ao-guide .text-link svg{flex-shrink: 0; transition: transform 0.2s;}
.ao-guide .text-link:hover svg{transform: translate(2px, -2px);}
.ao-guide .status-dot{background: rgb(255, 92, 53); border-radius: 50%; width: 6px; height: 6px; margin-right: 6px; display: inline-block; box-shadow: rgb(255, 240, 233) 0px 0px 0px 4px;}
.ao-guide .site-header{z-index: 30; backdrop-filter: blur(16px); background: rgba(255, 255, 255, 0.97); border-bottom: 1px solid rgb(229, 229, 229); height: 91px; position: sticky; top: 0px;}
.ao-guide .header-inner{justify-content: space-between; align-items: center; gap: 40px; height: 100%; display: flex;}
.ao-guide .wordmark{letter-spacing: -1.4px; align-items: center; gap: 10px; min-width: 178px; font-size: 29px; font-weight: 800; line-height: 1; display: inline-flex;}
.ao-guide .wordmark-small{letter-spacing: 4.2px; text-align: left; margin: 6px 0px 0px 3px; font-size: 8px; font-weight: 750; display: block;}
.ao-guide .brand-mark{grid-template-columns: repeat(2, 13px); gap: 3px; display: grid; transform: rotate(-9deg);}
.ao-guide .brand-mark i{background: var(--ink); border-radius: 5px 5px 2px; width: 13px; height: 13px;}
.ao-guide .brand-mark i:nth-child(2){background: rgb(255, 92, 53); transform: rotate(90deg);}
.ao-guide .brand-mark i:nth-child(3){transform: rotate(-90deg);}
.ao-guide .brand-mark i:nth-child(4){transform: rotate(180deg);}
.ao-guide .navigation{align-items: center; gap: 32px; display: flex;}
.ao-guide .navigation a{color: rgb(102, 102, 102); padding: 12px 0px; font-size: 12px; font-weight: 600; position: relative;}
.ao-guide .navigation a:hover, .ao-guide .navigation a.active{color: var(--ink);}
.ao-guide .navigation a.active::after{content: ""; background: rgb(255, 92, 53); border-radius: 50%; width: 4px; height: 4px; position: absolute; bottom: 2px; left: 50%;}
.ao-guide .header-cta{gap: 24px; min-height: 43px; padding: 10px 19px; font-size: 11px;}
.ao-guide .menu-button{background: 0px 0px; padding: 8px; display: none;}
.ao-guide .hero{align-items: center; gap: 65px; padding-top: 43px; padding-bottom: 45px; display: flex;}
.ao-guide .hero-copy{width: 46%; padding: 23px 0px 18px;}
.ao-guide .hero h1{letter-spacing: -4.8px; text-wrap: balance; max-width: 560px; margin-bottom: 29px; font-size: clamp(58px, 5.8vw, 82px); font-weight: 550; line-height: 1.055;}
.ao-guide .hero-subtitle{color: rgb(102, 102, 102); max-width: 420px; font-size: 17px; line-height: 1.75;}
.ao-guide .hero-actions{flex-wrap: wrap; gap: 11px; margin-top: 31px; display: flex;}
.ao-guide .hero-actions .button{gap: 16px; min-height: 47px; padding: 13px 20px; font-size: 11px;}
.ao-guide .hero-contact{margin-top: 24px; font-size: 11px;}
.ao-guide .hero-copy > .eyebrow{letter-spacing: 1.4px; margin-bottom: 28px; font-size: 9px;}
.ao-guide .hero-visual{background: rgb(245, 245, 245); border-radius: 22px; width: 54%; height: 590px; position: relative; overflow: hidden;}
.ao-guide .hero-visual::after{content: ""; pointer-events: none; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); position: absolute; inset: 65% 0px 0px;}
.ao-guide .hero-visual img{transition: transform 1s;}
.ao-guide .hero-visual:hover img{transform: scale(1.025);}
.ao-guide .hero-image-label{background: rgb(255, 255, 255); border-radius: 100px; align-items: center; gap: 11px; padding: 11px 15px 11px 11px; font-size: 10px; font-weight: 650; display: flex; position: absolute; top: 20px; left: 20px;}
.ao-guide .image-label-icon{background: rgb(245, 245, 245); border-radius: 50%; place-items: center; width: 29px; height: 29px; display: grid;}
.ao-guide .small-dot{background: rgb(255, 92, 53); border-radius: 50%; width: 5px; height: 5px; margin-left: 10px;}
.ao-guide .hero-caption{color: rgb(255, 255, 255); letter-spacing: 1.4px; z-index: 1; justify-content: space-between; align-items: center; font-size: 9px; font-weight: 600; display: flex; position: absolute; bottom: 23px; left: 26px; right: 26px;}
.ao-guide .intro-section{border-top: 1px solid var(--line); gap: 70px; padding-top: 40px; padding-bottom: 64px; display: flex;}
.ao-guide .intro-label{letter-spacing: 1.2px; flex-shrink: 0; align-items: flex-start; width: 24%; padding-top: 5px; font-size: 9px; font-weight: 650; display: flex;}
.ao-guide .intro-copy{flex-direction: column; flex: 1 1 0%; gap: 15px; display: flex;}
.ao-guide .intro-copy p{font-size: 14px; line-height: 1.9;}
.ao-guide .solutions-section{background: rgb(255, 255, 255);}
.ao-guide .solutions-section .section-heading{max-width: 440px;}
.ao-guide .solution-grid{grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 18px; display: grid;}
.ao-guide .solution-card{background: rgb(255, 255, 255); border: 1px solid rgb(229, 229, 229); border-radius: 15px; flex-direction: column; display: flex; overflow: hidden;}
.ao-guide .solution-image{background: rgb(245, 245, 245); border-radius: 10px; height: 192px; margin: 8px 8px 0px; display: block; position: relative; overflow: hidden;}
.ao-guide .solution-image img{transition: transform 0.4s;}
.ao-guide .solution-image:hover img{transform: scale(1.04);}
.ao-guide .solution-image-icon{background: rgba(255, 255, 255, 0.94); border-radius: 50%; place-items: center; width: 34px; height: 34px; display: grid; position: absolute; top: 12px; left: 12px;}
.ao-guide .solution-count{background: rgba(255, 255, 255, 0.9); border-radius: 100px; padding: 5px 9px; font-size: 9px; position: absolute; bottom: 14px; right: 15px;}
.ao-guide .solution-content{flex-direction: column; flex: 1 1 0%; padding: 23px 21px 17px; display: flex;}
.ao-guide .solution-content h3{letter-spacing: -0.45px; min-height: 78px; margin-bottom: 15px; font-size: 17px; font-weight: 650; line-height: 1.5;}
.ao-guide .solution-content p{flex: 1 1 0%; margin-bottom: 22px; font-size: 12px; line-height: 1.85;}
.ao-guide .solution-pricing{flex-direction: column; gap: 4px; padding-bottom: 21px; font-size: 11px; font-weight: 700; display: flex;}
.ao-guide .solution-link{border-top: 1px solid var(--line); justify-content: space-between; align-items: center; gap: 9px; padding-top: 14px; font-size: 10px; font-weight: 650; display: flex;}
.ao-guide .solution-link > span{background: rgb(245, 245, 245); border-radius: 50%; flex-shrink: 0; place-items: center; width: 29px; height: 29px; transition: background 0.2s; display: grid;}
.ao-guide .solution-link:hover > span{background: rgb(238, 238, 238);}
.ao-guide .access-section{padding-bottom: 87px;}
.ao-guide .access-section .section-heading{max-width: 580px;}
.ao-guide .access-grid{grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 24px; display: grid;}
.ao-guide .access-card{border-top: 1px solid var(--line); padding: 23px 3px;}
.ao-guide .access-card-top{justify-content: space-between; align-items: center; margin-bottom: 23px; display: flex;}
.ao-guide .access-icon{background: rgb(245, 245, 245); border-radius: 12px; place-items: center; width: 40px; height: 40px; display: grid;}
.ao-guide .access-icon svg{width: 19px;}
.ao-guide .access-card h3{letter-spacing: -0.4px; margin-bottom: 13px; font-size: 17px; font-weight: 600; line-height: 1.5;}
.ao-guide .access-card p{font-size: 12px; line-height: 1.9;}
.ao-guide .why-section{border-top: 1px solid var(--line);}
.ao-guide .why-layout{gap: 95px; display: flex;}
.ao-guide .why-visual{flex-shrink: 0; width: 46%;}
.ao-guide .why-visual .section-heading{margin-bottom: 34px; font-size: 45px;}
.ao-guide .why-image{border-radius: 16px; height: 343px; position: relative; overflow: hidden;}
.ao-guide .why-image-tag{background: rgb(255, 255, 255); border-radius: 100px; align-items: center; gap: 8px; padding: 11px 17px; font-size: 11px; display: flex; position: absolute; bottom: 19px; left: 19px;}
.ao-guide .benefit-list{flex: 1 1 0%;}
.ao-guide .benefit{border-bottom: 1px solid var(--line); gap: 24px; padding: 24px 0px; display: flex;}
.ao-guide .benefit:first-child{padding-top: 0px;}
.ao-guide .benefit-number{color: rgb(136, 136, 136); margin-top: 5px; font-size: 11px;}
.ao-guide .benefit h3{letter-spacing: -0.3px; margin-bottom: 7px; font-size: 16px; font-weight: 650; line-height: 1.6;}
.ao-guide .benefit p{font-size: 12px; line-height: 1.9;}
.ao-guide .included-section{color: rgb(255, 255, 255); background: rgb(17, 17, 17); position: relative;}
.ao-guide .included-heading{max-width: 640px; margin-bottom: 45px;}
.ao-guide .included-heading .eyebrow{color: rgb(189, 189, 189);}
.ao-guide .included-heading .section-heading{max-width: 560px; font-size: 48px;}
.ao-guide .included-heading p{color: rgb(189, 189, 189); margin-top: 20px; font-size: 14px;}
.ao-guide .included-grid{grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 0px 49px; display: grid;}
.ao-guide .included-grid > article, .ao-guide .included-more{border-top: 1px solid rgb(57, 57, 57); padding: 29px 0px 36px;}
.ao-guide .included-icon{color: rgb(234, 250, 98); margin-bottom: 20px; display: block;}
.ao-guide .included-grid h3{margin-bottom: 10px; font-size: 15px; font-weight: 600; line-height: 1.6;}
.ao-guide .included-grid p{color: rgb(189, 189, 189); font-size: 12px; line-height: 1.9;}
.ao-guide .included-more{flex-direction: column; justify-content: space-between; gap: 20px; display: flex;}
.ao-guide .included-big-arrow{color: rgb(234, 250, 98);}
.ao-guide .included-more .text-link{border-color: rgb(119, 119, 119); align-self: flex-start; max-width: 100%; font-size: 12px; line-height: 1.8;}
.ao-guide .journey-grid{grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 40px; padding-top: 15px; display: grid;}
.ao-guide .journey-number{color: rgb(17, 17, 17); letter-spacing: -2px; border-bottom: 1px solid var(--line); justify-content: space-between; align-items: center; margin-bottom: 23px; padding-bottom: 23px; font-size: 44px; font-weight: 450; display: flex;}
.ao-guide .journey-number span{color: rgb(136, 136, 136); margin-right: -20px;}
.ao-guide .journey-grid h3{margin-bottom: 12px; font-size: 16px; font-weight: 650;}
.ao-guide .journey-grid p{font-size: 12px; line-height: 1.9;}
.ao-guide .locations-section{background: rgb(255, 255, 255);}
.ao-guide .locations-section .section-heading{max-width: 570px;}
.ao-guide .location-list{grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 22px; display: grid;}
.ao-guide .location-card{border: 1px solid var(--line); background: rgb(255, 255, 255); border-radius: 15px; overflow: hidden;}
.ao-guide .location-photo{height: 228px; padding: 8px 8px 0px;}
.ao-guide .location-photo img{border-radius: 9px;}
.ao-guide .location-content{padding: 25px; position: relative;}
.ao-guide .location-index{color: rgb(119, 119, 119); margin-bottom: 15px; font-size: 10px; display: block;}
.ao-guide .location-content h3{letter-spacing: -0.5px; margin-bottom: 13px; font-size: 19px; font-weight: 600; line-height: 1.5;}
.ao-guide .location-content p{padding-bottom: 38px; font-size: 12px; line-height: 1.9;}
.ao-guide .location-arrow{background: rgb(245, 245, 245); border-radius: 50%; place-items: center; width: 34px; height: 34px; display: grid; position: absolute; bottom: 22px; right: 22px;}
.ao-guide .location-arrow:hover{background: rgb(238, 238, 238);}
.ao-guide .testimonial-section{padding: 76px 0px;}
.ao-guide .testimonial-pending{background: rgb(255, 255, 255); border: 1px dashed rgb(221, 221, 221); border-radius: 14px; align-items: center; gap: 20px; padding: 27px; display: flex;}
.ao-guide .testimonial-pending p{color: var(--ink); font-size: 14px; font-weight: 600;}
.ao-guide .testimonial-pending small{color: rgb(119, 119, 119); font-size: 12px;}
.ao-guide .video-icon{background: rgb(245, 245, 245); border-radius: 50%; place-items: center; width: 46px; height: 46px; display: grid;}
.ao-guide .testimonial-grid{grid-template-columns: 1fr 1fr; gap: 24px; display: grid;}
.ao-guide .testimonial-grid video{border-radius: 15px; width: 100%;}
.ao-guide .testimonial-grid figcaption{margin-top: 12px; font-size: 12px;}
.ao-guide .contact-section{background: rgb(255, 255, 255);}
.ao-guide .contact-layout{align-items: flex-start; gap: 90px; display: flex;}
.ao-guide .contact-copy{flex-shrink: 0; width: 35%; padding-top: 13px;}
.ao-guide .contact-copy .section-heading{margin-bottom: 24px; font-size: 55px;}
.ao-guide .contact-copy > p{font-size: 14px; line-height: 1.9;}
.ao-guide .contact-direct{flex-direction: column; gap: 22px; margin-top: 37px; display: flex;}
.ao-guide .contact-direct a{align-items: center; gap: 13px; font-size: 12px; font-weight: 600; display: flex;}
.ao-guide .contact-direct a svg:last-child{margin-left: auto;}
.ao-guide .contact-note{color: rgb(119, 119, 119); align-items: center; gap: 7px; margin-top: 50px; font-size: 10px; line-height: 1.7; display: flex;}
.ao-guide .enquiry-form{background: rgb(255, 255, 255); border: 1px solid rgb(229, 229, 229); border-radius: 16px; flex: 1 1 0%; padding: 35px;}
.ao-guide .field-grid{grid-template-columns: 1fr 1fr; gap: 24px 20px; display: grid;}
.ao-guide .enquiry-form label{flex-direction: column; gap: 10px; font-size: 11px; font-weight: 600; display: flex;}
.ao-guide .enquiry-form input:not([type="radio"]):not([type="checkbox"]), .ao-guide .enquiry-form textarea{color: rgb(17, 17, 17); outline-offset: 2px; background: rgb(255, 255, 255); border: 1px solid rgb(229, 229, 229); border-radius: 6px; width: 100%; padding: 13px 14px; font-size: 12px; font-weight: 400;}
.ao-guide .enquiry-form input::placeholder, .ao-guide .enquiry-form textarea::placeholder{color: rgb(136, 136, 136);}
.ao-guide .enquiry-form textarea{resize: vertical; min-height: 110px;}
.ao-guide .enquiry-form fieldset{border: 0px; margin: 27px 0px; padding: 0px;}
.ao-guide .enquiry-form legend{margin-bottom: 12px; padding: 0px; font-size: 11px; font-weight: 600;}
.ao-guide .location-choice{flex-wrap: wrap; gap: 8px; display: flex;}
.ao-guide .enquiry-form .choice-pill{background: rgb(255, 255, 255); border: 1px solid rgb(229, 229, 229); border-radius: 5px; flex-direction: row; align-items: center; gap: 7px; padding: 11px 12px; font-size: 9px;}
.ao-guide .enquiry-form .choice-pill.selected{background: rgb(245, 245, 245); border-color: rgb(17, 17, 17);}
.ao-guide input[type="radio"], .ao-guide input[type="checkbox"]{accent-color: rgb(17, 17, 17); flex-shrink: 0; width: 13px; height: 13px; margin: 0px;}
.ao-guide .interest-choices{grid-template-columns: 1fr 1fr; gap: 13px; display: grid;}
.ao-guide .enquiry-form .interest-choices label{flex-direction: row; align-items: center; gap: 10px; font-size: 10px; font-weight: 450; line-height: 1.65;}
.ao-guide .form-submit{flex-wrap: wrap; align-items: center; gap: 20px; margin-top: 25px; display: flex;}
.ao-guide .form-submit .button{font-size: 11px;}
.ao-guide .form-submit small{color: rgb(136, 136, 136); max-width: 180px; font-size: 9px; line-height: 1.7;}
.ao-guide .form-status{background: rgb(245, 245, 245); border: 1px solid rgb(221, 221, 221); border-radius: 8px; gap: 12px; margin-top: 20px; padding: 15px; display: flex;}
.ao-guide .form-status svg{color: rgb(17, 17, 17); flex-shrink: 0; margin-top: 4px;}
.ao-guide .form-status p{font-size: 12px;}
.ao-guide .form-status a{margin-top: 5px; text-decoration: underline; display: block;}
.ao-guide .form-error{color: rgb(174, 56, 46); margin-top: 14px; font-size: 12px;}
.ao-guide .faq-layout{grid-template-columns: 1fr 1.5fr; gap: 95px; display: grid;}
.ao-guide .faq-layout .section-heading{max-width: 350px; margin-bottom: 29px;}
.ao-guide .faq-list details{border-bottom: 1px solid var(--line);}
.ao-guide .faq-list details:first-child{border-top: 1px solid var(--line);}
.ao-guide .faq-list summary{justify-content: space-between; align-items: center; gap: 26px; padding: 24px 0px; font-size: 13px; font-weight: 600; line-height: 1.7; list-style: none; display: flex;}
.ao-guide .faq-list summary::-webkit-details-marker{display: none;}
.ao-guide .faq-plus{color: rgb(17, 17, 17); flex-shrink: 0; transition: transform 0.25s;}
.ao-guide .faq-list details[open] .faq-plus{transform: rotate(45deg);}
.ao-guide .faq-list p{padding: 0px 35px 25px 0px; font-size: 12px; line-height: 1.9;}
.ao-guide .closing-section{background: rgb(245, 245, 245); overflow: hidden;}
.ao-guide .closing-inner{padding-top: 79px; padding-bottom: 79px; position: relative;}
.ao-guide .closing-inner > .eyebrow{color: rgb(189, 189, 189);}
.ao-guide .closing-inner h2{letter-spacing: -2.5px; text-wrap: balance; max-width: 710px; margin-bottom: 24px; font-size: 55px; font-weight: 500; line-height: 1.13; position: relative;}
.ao-guide .closing-inner > p{color: rgb(189, 189, 189); max-width: 640px; font-size: 14px; position: relative;}
.ao-guide .closing-actions{flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 30px; display: flex; position: relative;}
.ao-guide .closing-actions > .text-link{margin-left: 15px; padding-bottom: 4px;}
.ao-guide .closing-actions .button{font-size: 11px;}
.ao-guide .closing-mark{color: rgb(41, 41, 41); user-select: none; font-size: 240px; font-weight: 400; line-height: 1; position: absolute; top: 30px; right: 50px;}
.ao-guide .site-footer{padding-top: 50px;}
.ao-guide .footer-top{justify-content: space-between; align-items: center; gap: 50px; padding-bottom: 39px; display: flex;}
.ao-guide .footer-links{align-items: center; gap: 30px; margin-left: auto; display: flex;}
.ao-guide .footer-links a{color: rgb(102, 102, 102); align-items: center; gap: 5px; font-size: 11px; display: flex;}
.ao-guide .back-top{border: 1px solid var(--line); border-radius: 50%; place-items: center; width: 37px; height: 37px; display: grid;}
.ao-guide .back-top svg{width: 16px; transform: rotate(-90deg);}
.ao-guide .footer-bottom{border-top: 1px solid var(--line); color: rgb(136, 136, 136); justify-content: space-between; align-items: center; gap: 20px; padding-top: 22px; padding-bottom: 25px; font-size: 9px; display: flex;}
@media (min-width: 1500px){.ao-guide .hero-visual{height: 630px;}
.ao-guide .hero h1{font-size: 87px;}}
@media (max-width: 1100px){.ao-guide .header-inner{gap: 20px;}
.ao-guide .navigation{gap: 21px;}
.ao-guide .hero{gap: 40px;}
.ao-guide .hero h1{letter-spacing: -3.9px; font-size: 65px;}
.ao-guide .hero-visual{height: 560px;}
.ao-guide .hero-subtitle{font-size: 15px;}
.ao-guide .solution-grid{gap: 12px;}
.ao-guide .solution-content{padding: 19px 16px 16px;}
.ao-guide .solution-content h3{font-size: 15px;}
.ao-guide .solution-content p{font-size: 11px;}
.ao-guide .why-layout{gap: 55px;}
.ao-guide .contact-layout{gap: 45px;}
.ao-guide .enquiry-form{padding: 28px;}
.ao-guide .faq-layout{gap: 50px;}
.ao-guide .closing-actions > .text-link{margin-left: 0px;}}
@media (max-width: 900px){.ao-guide .wrap{padding-left: 25px; padding-right: 25px;}
.ao-guide .section{padding: 72px 0px;}
.ao-guide .section-heading{font-size: 38px;}
.ao-guide .navigation{gap: 16px;}
.ao-guide .navigation a{font-size: 11px;}
.ao-guide .header-cta{gap: 10px; padding: 10px 14px;}
.ao-guide .wordmark{min-width: 154px; font-size: 25px;}
.ao-guide .hero{gap: 30px;}
.ao-guide .hero h1{letter-spacing: -3px; font-size: 56px;}
.ao-guide .hero-visual{height: 530px;}
.ao-guide .hero-copy{width: 47%;}
.ao-guide .hero-visual{width: 53%;}
.ao-guide .hero-actions{gap: 9px;}
.ao-guide .hero-actions .button{padding: 11px 15px; font-size: 10px;}
.ao-guide .intro-section{gap: 40px;}
.ao-guide .intro-label{width: 26%; font-size: 8px;}
.ao-guide .intro-copy p{font-size: 12px;}
.ao-guide .solution-grid{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 20px;}
.ao-guide .solution-image{height: 240px;}
.ao-guide .solution-content h3{min-height: 48px; font-size: 18px;}
.ao-guide .solution-content p{font-size: 13px;}
.ao-guide .solution-pricing, .ao-guide .solution-link{font-size: 12px;}
.ao-guide .access-grid{grid-template-columns: 1fr 1fr; gap: 15px 30px;}
.ao-guide .access-card h3{font-size: 17px;}
.ao-guide .access-card p{font-size: 13px;}
.ao-guide .why-layout{gap: 35px;}
.ao-guide .why-visual .section-heading{font-size: 38px;}
.ao-guide .why-image{height: 420px;}
.ao-guide .benefit{gap: 18px;}
.ao-guide .benefit h3{font-size: 14px;}
.ao-guide .included-grid{gap: 0px 25px;}
.ao-guide .included-heading .section-heading{font-size: 42px;}
.ao-guide .journey-grid{gap: 23px;}
.ao-guide .journey-grid p{font-size: 11px;}
.ao-guide .journey-grid h3{font-size: 14px;}
.ao-guide .location-list{gap: 16px;}
.ao-guide .location-photo{height: 175px;}
.ao-guide .location-content{padding: 20px;}
.ao-guide .location-content h3{font-size: 16px;}
.ao-guide .location-content p{font-size: 11px;}
.ao-guide .contact-layout{gap: 30px;}
.ao-guide .contact-copy{width: 31%;}
.ao-guide .contact-copy .section-heading{font-size: 43px;}
.ao-guide .contact-copy > p{font-size: 12px;}
.ao-guide .contact-direct a{gap: 7px; font-size: 10px;}
.ao-guide .contact-direct svg:last-child{display: none;}
.ao-guide .enquiry-form{padding: 24px;}
.ao-guide .interest-choices{grid-template-columns: 1fr;}
.ao-guide .faq-layout{gap: 45px;}
.ao-guide .faq-list summary{font-size: 12px;}
.ao-guide .closing-inner h2{font-size: 45px;}
.ao-guide .closing-mark{font-size: 180px; right: 20px;}
.ao-guide .footer-links{gap: 17px;}
.ao-guide .footer-top{gap: 25px;}}
@media (max-width: 700px){.ao-guide .wrap{padding-left: 22px; padding-right: 22px;}
.ao-guide .site-header{height: 76px;}
.ao-guide .header-inner{gap: 12px;}
.ao-guide .wordmark{min-width: 145px; font-size: 24px;}
.ao-guide .wordmark-small{letter-spacing: 3.6px; font-size: 7px;}
.ao-guide .brand-mark{grid-template-columns: repeat(2, 11px);}
.ao-guide .brand-mark i{width: 11px; height: 11px;}
.ao-guide .menu-button{margin-left: auto; display: block;}
.ao-guide .header-cta{display: none;}
.ao-guide .navigation{border-bottom: 1px solid var(--line); background: rgb(255, 255, 255); padding: 20px 22px 26px; display: none; position: absolute; top: 75px; left: 0px; right: 0px; box-shadow: rgba(0, 0, 0, 0.05) 0px 10px 20px;}
.ao-guide .navigation.open{flex-direction: column; align-items: stretch; gap: 5px; display: flex;}
.ao-guide .navigation a{padding: 13px 0px; font-size: 14px;}
.ao-guide .navigation a.active::after{bottom: 50%; left: auto; right: 0px;}
.ao-guide .hero{flex-direction: column; align-items: stretch; gap: 34px; padding-top: 38px; padding-bottom: 35px;}
.ao-guide .hero-copy, .ao-guide .hero-visual{width: 100%;}
.ao-guide .hero-copy{padding: 0px;}
.ao-guide .hero-copy > .eyebrow{margin-bottom: 23px; font-size: 8px;}
.ao-guide .hero h1{letter-spacing: -3.5px; text-wrap: balance; max-width: 480px; margin-bottom: 24px; font-size: 61px; line-height: 1.05;}
.ao-guide .hero-subtitle{max-width: 420px; font-size: 15px; line-height: 1.85;}
.ao-guide .hero-actions{margin-top: 26px;}
.ao-guide .hero-actions .button{min-height: 46px; padding: 12px 16px; font-size: 10px;}
.ao-guide .hero-contact{margin-top: 21px;}
.ao-guide .hero-visual{border-radius: 15px; height: 380px;}
.ao-guide .hero-image-label{font-size: 9px; top: 16px; left: 16px;}
.ao-guide .hero-caption{font-size: 8px; bottom: 20px; left: 20px; right: 20px;}
.ao-guide .intro-section{flex-direction: column; gap: 20px; padding-top: 30px; padding-bottom: 47px;}
.ao-guide .intro-label{width: 100%; font-size: 9px;}
.ao-guide .intro-copy p{font-size: 13px; line-height: 1.9;}
.ao-guide .section{padding: 58px 0px;}
.ao-guide .section-heading{letter-spacing: -1.3px; font-size: 34px;}
.ao-guide .eyebrow{letter-spacing: 1.2px; margin-bottom: 17px; font-size: 8px;}
.ao-guide .section-top{flex-direction: column; align-items: flex-start; gap: 22px; margin-bottom: 30px;}
.ao-guide .section-top > .text-link{font-size: 11px;}
.ao-guide .solution-grid{gap: 15px;}
.ao-guide .solution-image{height: 170px; margin: 6px 6px 0px;}
.ao-guide .solution-content{padding: 18px 14px 15px;}
.ao-guide .solution-content h3{min-height: 94px; margin-bottom: 12px; font-size: 15px; line-height: 1.55;}
.ao-guide .solution-content p{font-size: 11px; line-height: 1.9;}
.ao-guide .solution-pricing{padding-bottom: 16px; font-size: 10px;}
.ao-guide .solution-link{align-items: center; gap: 4px; font-size: 9px;}
.ao-guide .solution-link > span{width: 25px; height: 25px;}
.ao-guide .solution-image-icon{width: 28px; height: 28px; top: 9px; left: 9px;}
.ao-guide .solution-image-icon svg{width: 15px;}
.ao-guide .solution-count{padding: 4px 7px; font-size: 8px; bottom: 10px; right: 10px;}
.ao-guide .section-description{margin-top: -8px; margin-bottom: 26px; font-size: 13px; line-height: 1.9;}
.ao-guide .access-grid{gap: 6px 20px;}
.ao-guide .access-card{padding-top: 19px;}
.ao-guide .access-card-top{margin-bottom: 19px;}
.ao-guide .access-card h3{font-size: 14px;}
.ao-guide .access-card p{font-size: 11px;}
.ao-guide .why-layout{flex-direction: column; gap: 36px;}
.ao-guide .why-visual{width: 100%;}
.ao-guide .why-visual .section-heading{max-width: 400px; margin-bottom: 25px; font-size: 34px;}
.ao-guide .why-image{height: 300px;}
.ao-guide .benefit{gap: 22px; padding: 22px 0px;}
.ao-guide .benefit h3{font-size: 15px;}
.ao-guide .benefit p{font-size: 12px;}
.ao-guide .included-heading .section-heading{letter-spacing: -1.4px; font-size: 36px;}
.ao-guide .included-heading p{font-size: 13px;}
.ao-guide .included-grid{grid-template-columns: 1fr 1fr; gap: 0px 25px;}
.ao-guide .included-grid h3{font-size: 13px;}
.ao-guide .included-grid p{font-size: 11px;}
.ao-guide .included-grid > article, .ao-guide .included-more{padding: 24px 0px;}
.ao-guide .included-more .text-link{font-size: 11px;}
.ao-guide .included-icon{margin-bottom: 17px;}
.ao-guide .journey-grid{grid-template-columns: 1fr 1fr; gap: 28px 26px;}
.ao-guide .journey-number{margin-bottom: 18px; padding-bottom: 18px; font-size: 38px;}
.ao-guide .journey-number span{margin-right: 0px;}
.ao-guide .journey-grid h3{font-size: 14px;}
.ao-guide .journey-grid p{font-size: 12px;}
.ao-guide .location-list{grid-template-columns: 1fr; gap: 23px;}
.ao-guide .location-photo{height: 240px;}
.ao-guide .location-content{padding: 25px;}
.ao-guide .location-content h3{max-width: 280px; font-size: 21px;}
.ao-guide .location-content p{padding-bottom: 34px; font-size: 13px; line-height: 1.9;}
.ao-guide .testimonial-pending{gap: 14px; padding: 21px;}
.ao-guide .testimonial-pending small{font-size: 10px;}
.ao-guide .testimonial-pending p{font-size: 12px;}
.ao-guide .testimonial-grid{grid-template-columns: 1fr;}
.ao-guide .contact-layout{flex-direction: column; gap: 34px;}
.ao-guide .contact-copy{width: 100%; padding-top: 0px;}
.ao-guide .contact-copy .section-heading{margin-bottom: 20px; font-size: 40px;}
.ao-guide .contact-copy > p{max-width: 450px; font-size: 13px;}
.ao-guide .contact-direct{gap: 15px; margin-top: 24px;}
.ao-guide .contact-direct a{font-size: 12px;}
.ao-guide .contact-direct a svg:last-child{margin-left: 10px; display: block;}
.ao-guide .contact-note{margin-top: 25px; font-size: 10px;}
.ao-guide .enquiry-form{border-radius: 12px; width: 100%; padding: 23px 20px;}
.ao-guide .field-grid{gap: 23px 14px;}
.ao-guide .enquiry-form label{font-size: 10px;}
.ao-guide .enquiry-form input:not([type="radio"]):not([type="checkbox"]), .ao-guide .enquiry-form textarea{padding: 13px 10px; font-size: 12px;}
.ao-guide .interest-choices{gap: 13px;}
.ao-guide .enquiry-form .interest-choices label{font-size: 11px;}
.ao-guide .enquiry-form .choice-pill{font-size: 10px;}
.ao-guide .form-submit{gap: 13px;}
.ao-guide .faq-layout{grid-template-columns: 1fr; gap: 31px;}
.ao-guide .faq-layout .section-heading{max-width: 330px; margin-bottom: 23px;}
.ao-guide .faq-list summary{padding: 21px 0px; font-size: 13px;}
.ao-guide .faq-list p{padding-right: 10px; font-size: 12px;}
.ao-guide .closing-inner{padding-top: 54px; padding-bottom: 58px;}
.ao-guide .closing-inner h2{letter-spacing: -1.7px; max-width: 420px; font-size: 39px;}
.ao-guide .closing-inner > p{font-size: 13px;}
.ao-guide .closing-mark{opacity: 0.65; font-size: 180px; top: 25px; right: 4px;}
.ao-guide .closing-actions{gap: 12px; margin-top: 26px;}
.ao-guide .closing-actions .button{padding: 13px 17px; font-size: 10px;}
.ao-guide .closing-actions > .text-link{margin-top: 10px; font-size: 11px;}
.ao-guide .site-footer{padding-top: 36px;}
.ao-guide .footer-top{flex-wrap: wrap; align-items: flex-start; gap: 28px; padding-bottom: 28px;}
.ao-guide .footer-brand{flex: 1 1 0%;}
.ao-guide .footer-links{order: 3; grid-template-columns: 1fr 1fr; gap: 18px; width: 100%; margin-left: 0px; display: grid;}
.ao-guide .footer-links a{font-size: 11px;}
.ao-guide .footer-bottom{flex-wrap: wrap; gap: 14px; padding-top: 20px; padding-bottom: 22px; font-size: 9px;}
.ao-guide .footer-bottom > span:first-child{width: 100%;}}
@media (max-width: 380px){.ao-guide .hero h1{font-size: 53px;}
.ao-guide .hero-actions .button{gap: 10px; padding: 12px 13px; font-size: 9px;}
.ao-guide .solution-grid{grid-template-columns: 1fr;}
.ao-guide .solution-image{height: 235px;}
.ao-guide .solution-content h3{min-height: 0px; font-size: 20px;}
.ao-guide .solution-content p{font-size: 13px;}
.ao-guide .solution-pricing, .ao-guide .solution-link{font-size: 12px;}
.ao-guide .field-grid, .ao-guide .included-grid{grid-template-columns: 1fr;}}
@media (prefers-reduced-motion: reduce){.ao-guide{scroll-behavior: auto;}
.ao-guide *, .ao-guide ::before, .ao-guide ::after{transition: none !important; animation: auto ease 0s 1 normal none running none !important;}}
.ao-guide .hero-no-photo{padding-top: 64px; padding-bottom: 66px;}
.ao-guide .hero-no-photo .hero-copy{width: 100%; max-width: 1120px;}
.ao-guide .hero-no-photo h1{max-width: 900px; font-size: 90px; line-height: 1.08;}
.ao-guide .hero-no-photo .hero-subtitle{max-width: 730px; font-size: 19px;}
.ao-guide .solution-image:not(:has(img)){background: 0px 0px; height: 53px; margin: 15px 14px 0px; overflow: visible;}
.ao-guide .solution-image:not(:has(img)) .solution-image-icon{background: rgb(245, 245, 245); width: 40px; height: 40px; top: 0px; left: 0px;}
.ao-guide .solution-image:not(:has(img)) .solution-count{color: rgb(136, 136, 136); background: 0px 0px; top: 10px; bottom: auto;}
@media (max-width: 900px){.ao-guide .hero-no-photo h1{font-size: 73px;}}
@media (max-width: 700px){.ao-guide .hero-no-photo{padding-top: 38px; padding-bottom: 48px;}
.ao-guide .hero-no-photo h1{font-size: 59px;}
.ao-guide .hero-no-photo .hero-subtitle{font-size: 15px;}}
@media (max-width: 380px){.ao-guide .hero-no-photo h1{font-size: 51px;}}
@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-gradient-position { syntax: "*"; inherits: false; }
@property --tw-gradient-from { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-via { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-to { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-via-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0%; }
@property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }
@property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-tracking { syntax: "*"; inherits: false; }
@property --tw-ordinal { syntax: "*"; inherits: false; }
@property --tw-slashed-zero { syntax: "*"; inherits: false; }
@property --tw-numeric-figure { syntax: "*"; inherits: false; }
@property --tw-numeric-spacing { syntax: "*"; inherits: false; }
@property --tw-numeric-fraction { 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-backdrop-blur { syntax: "*"; inherits: false; }
@property --tw-backdrop-brightness { syntax: "*"; inherits: false; }
@property --tw-backdrop-contrast { syntax: "*"; inherits: false; }
@property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }
@property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-backdrop-invert { syntax: "*"; inherits: false; }
@property --tw-backdrop-opacity { syntax: "*"; inherits: false; }
@property --tw-backdrop-saturate { syntax: "*"; inherits: false; }
@property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-ease { syntax: "*"; inherits: false; }
@property --tw-content { syntax: "*"; inherits: false; initial-value: ""; }
@keyframes spin { 
  100% { transform: rotate(360deg); }
}
@keyframes pulse { 
  50% { opacity: 0.5; }
}
@keyframes enter { 
  0% { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); filter: blur(var(--tw-enter-blur,0)); }
}
@keyframes exit { 
  100% { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); filter: blur(var(--tw-exit-blur,0)); }
}
@keyframes accordion-down { 
  0% { height: 0px; }
  100% { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }
}
@keyframes accordion-up { 
  0% { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }
  100% { height: 0px; }
}
@keyframes caret-blink { 
  0%, 70%, 100% { opacity: 1; }
  20%, 50% { opacity: 0; }
}
.ao-guide{--accent-orange: #ff5c35; --accent-yellow: #eafa62; --accent-violet: #f1edff; --ink: #111111; --muted: #666666; --line: #e5e5e5;}
.ao-guide{background: rgb(255, 255, 255); color: rgb(17, 17, 17);}
.ao-guide .solutions-section, .ao-guide .locations-section, .ao-guide .contact-section, .ao-guide .office-workspaces, .ao-guide .office-inclusions, .ao-guide .office-how{background: rgb(255, 255, 255);}
.ao-guide .solutions-section, .ao-guide .locations-section, .ao-guide .contact-section{border-top: 1px solid var(--line);}
.ao-guide .button{background: rgb(17, 17, 17); border-color: rgb(17, 17, 17); color: rgb(255, 255, 255);}
.ao-guide .button:hover{background: rgb(51, 51, 51); border-color: rgb(51, 51, 51);}
.ao-guide .button-outline{background: rgb(255, 255, 255); border-color: rgb(204, 204, 204); color: rgb(17, 17, 17);}
.ao-guide .button-outline:hover{background: rgb(245, 245, 245); border-color: rgb(17, 17, 17); color: rgb(17, 17, 17);}
.ao-guide .hero-actions > .button:first-child{background: var(--accent-orange); border-color: var(--accent-orange); color: rgb(17, 17, 17);}
.ao-guide .hero-actions > .button:first-child:hover{background: rgb(255, 117, 78); border-color: rgb(255, 117, 78);}
.ao-guide .brand-mark i:nth-child(2), .ao-guide .status-dot, .ao-guide .small-dot, .ao-guide .navigation a.active::after{background: var(--accent-orange);}
.ao-guide .status-dot{box-shadow: rgb(255, 240, 233) 0px 0px 0px 4px;}
.ao-guide .solution-card:nth-child(3){background: var(--accent-violet); border-color: rgb(230, 223, 252);}
.ao-guide .solution-card:nth-child(3) .solution-link{border-color: rgb(221, 211, 245);}
.ao-guide .solution-card:nth-child(1) .solution-image-icon, .ao-guide .solution-card:nth-child(1) .solution-link > span{background: rgb(255, 240, 233);}
.ao-guide .solution-card:nth-child(2) .solution-image-icon, .ao-guide .solution-card:nth-child(2) .solution-link > span{background: var(--accent-yellow);}
.ao-guide .solution-card:nth-child(3) .solution-image-icon, .ao-guide .solution-card:nth-child(3) .solution-link > span{background: rgb(226, 215, 255);}
.ao-guide .solution-card:nth-child(4) .solution-image-icon, .ao-guide .solution-card:nth-child(4) .solution-link > span{background: rgb(17, 17, 17); color: rgb(255, 255, 255);}
.ao-guide .solution-link:hover > span{background: var(--accent-orange); color: rgb(17, 17, 17);}
.ao-guide .access-card:nth-child(1) .access-icon{background: var(--accent-yellow);}
.ao-guide .access-card:nth-child(2) .access-icon{background: rgb(255, 240, 233);}
.ao-guide .access-card:nth-child(3) .access-icon{background: rgb(17, 17, 17); color: rgb(255, 255, 255);}
.ao-guide .access-card:nth-child(4) .access-icon{background: rgb(245, 245, 245);}
.ao-guide .included-section, .ao-guide .office-comparison{background: rgb(17, 17, 17); color: rgb(255, 255, 255);}
.ao-guide .included-heading .eyebrow, .ao-guide .included-heading p, .ao-guide .included-grid p{color: rgb(189, 189, 189);}
.ao-guide .included-grid > article, .ao-guide .included-more{border-color: rgb(57, 57, 57);}
.ao-guide .included-icon, .ao-guide .included-big-arrow{color: var(--accent-yellow);}
.ao-guide .included-grid > article:nth-child(2) .included-icon, .ao-guide .included-grid > article:nth-child(4) .included-icon{color: var(--accent-orange);}
.ao-guide .included-more .text-link{color: rgb(255, 255, 255); border-color: rgb(119, 119, 119);}
.ao-guide .journey-number{color: rgb(17, 17, 17);}
.ao-guide .journey-grid > article:first-child .journey-number{color: rgb(219, 63, 31);}
.ao-guide .location-card{background: rgb(255, 255, 255); border-color: rgb(229, 229, 229);}
.ao-guide .location-card:nth-child(2) .location-arrow{background: var(--accent-yellow);}
.ao-guide .location-arrow:hover{background: var(--accent-orange);}
.ao-guide .testimonial-pending{background: rgb(255, 255, 255); border-color: rgb(221, 221, 221);}
.ao-guide .video-icon{background: var(--accent-violet);}
.ao-guide .enquiry-form{background: rgb(255, 255, 255); border-color: rgb(222, 222, 222);}
.ao-guide .enquiry-form input:not([type="radio"]):not([type="checkbox"]), .ao-guide .enquiry-form textarea{background: rgb(255, 255, 255); color: rgb(17, 17, 17); border-color: rgb(222, 222, 222);}
.ao-guide .enquiry-form .choice-pill{background: rgb(255, 255, 255); border-color: rgb(222, 222, 222);}
.ao-guide .enquiry-form .choice-pill.selected{background: var(--accent-yellow); border-color: rgb(170, 184, 51);}
.ao-guide input[type="radio"], .ao-guide input[type="checkbox"]{accent-color: rgb(17, 17, 17);}
.ao-guide .form-submit .button{background: var(--accent-orange); border-color: var(--accent-orange); color: rgb(17, 17, 17);}
.ao-guide .form-submit .button:hover{background: rgb(255, 117, 78); border-color: rgb(255, 117, 78);}
.ao-guide .form-status{background: rgb(255, 255, 255); border-color: rgb(221, 221, 221);}
.ao-guide .form-status svg{color: rgb(17, 17, 17);}
.ao-guide .closing-section{background: rgb(17, 17, 17); color: rgb(255, 255, 255);}
.ao-guide .closing-inner > .eyebrow, .ao-guide .closing-inner > p{color: rgb(189, 189, 189);}
.ao-guide .closing-mark{color: rgb(41, 41, 41);}
.ao-guide .closing-actions > .button:not(.button-outline){background: var(--accent-yellow); border-color: var(--accent-yellow); color: rgb(17, 17, 17);}
.ao-guide .closing-actions > .button:not(.button-outline):hover{background: rgb(216, 231, 77); border-color: rgb(216, 231, 77);}
.ao-guide .closing-actions > .button-outline{background: transparent; color: rgb(255, 255, 255); border-color: rgb(102, 102, 102);}
.ao-guide .closing-actions > .button-outline:hover{background: rgb(37, 37, 37); border-color: rgb(170, 170, 170);}
.ao-guide .closing-actions > .text-link{color: rgb(255, 255, 255); border-color: rgb(102, 102, 102);}
.ao-guide .office-heading-mark{background: var(--accent-orange); box-shadow: rgb(255, 240, 233) 0px 0px 0px 7px;}
.ao-guide .office-process-card{background: rgb(255, 255, 255); border-color: rgb(229, 229, 229);}
.ao-guide .office-process-card:nth-child(2){background: rgb(249, 252, 229); border-color: rgb(229, 234, 191);}
.ao-guide .office-process-icon{background: rgb(255, 240, 233); color: rgb(17, 17, 17);}
.ao-guide .office-process-card:nth-child(2) .office-process-icon{background: var(--accent-yellow);}
.ao-guide .office-process-card:nth-child(3) .office-process-icon{background: rgb(17, 17, 17); color: rgb(255, 255, 255);}
.ao-guide .office-process-subtitle{color: rgb(102, 102, 102);}
.ao-guide .office-comparison-mark{color: var(--accent-yellow); border-color: rgb(68, 68, 68);}
.ao-guide .office-table-scroll{border-color: rgb(57, 57, 57); scrollbar-color: rgb(136, 136, 136) rgb(34, 34, 34);}
.ao-guide .office-comparison-table th, .ao-guide .office-comparison-table td{border-color: rgb(57, 57, 57);}
.ao-guide .office-comparison-table thead th{color: rgb(189, 189, 189);}
.ao-guide .office-comparison-table td{color: rgb(221, 221, 221);}
.ao-guide .office-comparison-table td:last-child{color: rgb(189, 189, 189);}
.ao-guide .office-inclusion-icon{background: rgb(245, 245, 245); color: rgb(17, 17, 17);}
.ao-guide .office-inclusion:nth-child(2) .office-inclusion-icon{background: rgb(255, 240, 233);}
.ao-guide .office-inclusion:nth-child(4) .office-inclusion-icon{background: var(--accent-yellow);}
.ao-guide :focus-visible{outline-color: rgb(17, 17, 17);}
.ao-guide .included-section :focus-visible, .ao-guide .office-comparison :focus-visible, .ao-guide .closing-section :focus-visible{outline-color: var(--accent-yellow);}
.ao-guide .hero-image-led{position: relative; width: calc(100% - 64px); max-width: 1240px; min-height: 670px; padding: 26px; margin-top: 30px; margin-bottom: 42px; overflow: hidden; border-radius: 20px; isolation: isolate;}
.ao-guide .hero-image-led .hero-visual{position: absolute; inset: 0px; width: 100%; height: 100%; z-index: -1; border-radius: inherit;}
.ao-guide .hero-image-led .hero-visual::after{display: none;}
.ao-guide .hero-image-led .hero-visual img{object-position: 58% center;}
.ao-guide .hero-image-led .hero-copy{width: 48%; max-width: 560px; padding: 37px 35px; background: rgba(255, 255, 255, 0.95); border: 1px solid rgba(255, 255, 255, 0.75); border-radius: 15px; backdrop-filter: blur(3px);}
.ao-guide .hero-image-led h1{font-size: 66px; letter-spacing: -3.7px; line-height: 1.065; margin-bottom: 24px;}
.ao-guide .hero-image-led .hero-subtitle{font-size: 15px; line-height: 1.8;}
.ao-guide .hero-image-led .hero-actions{margin-top: 26px;}
.ao-guide .hero-image-led .hero-image-label{left: auto; right: 23px; top: 23px;}
.ao-guide .hero-image-led .hero-caption{left: auto; right: 23px; bottom: 23px; background: rgb(17, 17, 17); padding: 12px 17px; border-radius: 100px; gap: 30px; color: rgb(255, 255, 255);}
.ao-guide .hero-image-led .hero-copy > .eyebrow{letter-spacing: 1px; font-size: 8px;}
.ao-guide .office-workspace-image{background: rgb(255, 255, 255);}
@media (max-width: 1100px){.ao-guide .hero-image-led{min-height: 630px;}
.ao-guide .hero-image-led .hero-copy{width: 53%; padding: 30px;}
.ao-guide .hero-image-led h1{font-size: 59px; letter-spacing: -3px;}}
@media (max-width: 900px){.ao-guide .hero-image-led{width: calc(100% - 50px); min-height: 620px; padding: 20px;}
.ao-guide .hero-image-led .hero-copy{width: 60%; padding: 27px;}
.ao-guide .hero-image-led h1{font-size: 54px;}
.ao-guide .hero-image-led .hero-subtitle{font-size: 14px;}
.ao-guide .hero-image-led .hero-caption{right: 18px; bottom: 18px; font-size: 7px; padding: 10px 12px; gap: 12px;}}
@media (max-width: 700px){.ao-guide .hero-image-led{width: calc(100% - 32px); min-height: 0px; margin-top: 17px; margin-bottom: 30px; padding: 235px 15px 15px; border-radius: 15px;}
.ao-guide .hero-image-led .hero-copy{width: 100%; max-width: none; padding: 27px 23px; border-radius: 11px;}
.ao-guide .hero-image-led h1{font-size: 49px; letter-spacing: -2.8px;}
.ao-guide .hero-image-led .hero-subtitle{font-size: 13px;}
.ao-guide .hero-image-led .hero-copy > .eyebrow{font-size: 7px; margin-bottom: 22px;}
.ao-guide .hero-image-led .hero-image-label{right: 15px; top: 15px; font-size: 8px;}
.ao-guide .hero-image-led .hero-caption{display: none;}
.ao-guide .hero-image-led .hero-visual img{object-position: 65% top;}}
@media (max-width: 380px){.ao-guide .hero-image-led h1{font-size: 43px;}
.ao-guide .hero-image-led .hero-copy{padding: 24px 20px;}}
.ao-guide .solution-card, .ao-guide .access-card, .ao-guide .benefit, .ao-guide .journey-grid article, .ao-guide .location-card, .ao-guide .office-option, .ao-guide .office-process-card, .ao-guide .office-inclusion{transition: transform 0.26s, box-shadow 0.26s, border-color 0.26s;}
.ao-guide .access-card{border: 1px solid rgb(229, 229, 229); padding: 24px; border-radius: 13px; background: rgb(255, 255, 255);}
.ao-guide .benefit{border: 1px solid rgb(229, 229, 229); border-radius: 13px; padding: 25px; margin-bottom: 15px; background: rgb(255, 255, 255);}
.ao-guide .benefit:first-child{padding-top: 25px;}
.ao-guide .benefit:last-child{margin-bottom: 0px;}
.ao-guide .benefit-number{color: rgb(220, 63, 31);}
.ao-guide .journey-grid article{border: 1px solid rgb(229, 229, 229); border-radius: 13px; padding: 25px; background: rgb(255, 255, 255);}
.ao-guide .journey-number{font-size: 36px;}
.ao-guide .journey-number span{margin-right: 0px;}
.ao-guide .included-grid{gap: 20px;}
.ao-guide .included-grid > article, .ao-guide .included-more{border: 1px solid rgb(57, 57, 57); border-radius: 13px; padding: 26px; background: rgb(24, 24, 24);}
.ao-guide .office-option{border: 1px solid rgb(229, 229, 229); border-radius: 13px; margin-bottom: 15px; padding: 24px; background: rgb(255, 255, 255);}
.ao-guide .office-option:last-child{padding: 24px; margin-bottom: 0px;}
.ao-guide .office-inclusions-list{gap: 18px;}
.ao-guide .office-inclusion{border: 1px solid rgb(229, 229, 229); border-radius: 13px; padding: 24px; background: rgb(255, 255, 255);}
@media (min-width: 901px){.ao-guide .why-visual{position: sticky; top: 120px; align-self: flex-start;}
.ao-guide .office-workspace-group{align-items: start;}
.ao-guide .office-workspace-image{position: sticky; top: 120px; height: 500px; min-height: 0px;}
.ao-guide .office-coworking-image{height: 470px; min-height: 0px;}}
.ao-guide .why-image img, .ao-guide .location-photo img, .ao-guide .office-workspace-image img, .ao-guide .photo-banner-frame img, .ao-guide .hero-image-led .hero-visual img{transition: transform 0.8s cubic-bezier(0.2, 0.65, 0.2, 1); transform-origin: center center;}
@media (hover: hover) and (pointer: fine){.ao-guide .solution-card:hover, .ao-guide .access-card:hover, .ao-guide .journey-grid article:hover, .ao-guide .location-card:hover, .ao-guide .office-process-card:hover{transform: translateY(-6px); box-shadow: rgba(0, 0, 0, 0.047) 0px 16px 32px; border-color: rgb(201, 201, 201);}
.ao-guide .benefit:hover, .ao-guide .office-option:hover, .ao-guide .office-inclusion:hover{transform: translate(5px, -3px); box-shadow: rgba(0, 0, 0, 0.04) 0px 12px 28px; border-color: rgb(204, 204, 204);}
.ao-guide .included-grid > article:hover, .ao-guide .included-more:hover{transform: translateY(-4px); border-color: rgb(102, 102, 102);}
.ao-guide .why-image:hover img, .ao-guide .location-photo:hover img, .ao-guide .office-workspace-image:hover img{transform: scale(1.055) translate(4px);}
.ao-guide .hero-image-led:hover .hero-visual img{transform: scale(1.03);}
.ao-guide .photo-banner-frame:hover img{transform: scale(1.025);}}
.ao-guide .motion-ready .motion-target{opacity: 0; translate: 0px 24px; transition: opacity .7s ease var(--reveal-delay,0ms),translate .7s cubic-bezier(.2,.65,.2,1) var(--reveal-delay,0ms),transform .26s ease,box-shadow .26s ease,border-color .26s ease;}
.ao-guide .motion-ready .motion-target.motion-visible{opacity: 1; translate: 0px;}
.ao-guide .photo-banner{position: relative; height: calc(130px + 100vh); background: rgb(255, 255, 255); z-index: 0;}
.ao-guide .photo-banner-frame{position: sticky; top: 90px; height: calc(-90px + 100vh); overflow: hidden;}
.ao-guide .photo-banner-frame img{width: 100%; height: 100%; object-fit: cover; object-position: center 58%;}
.ao-guide .photo-banner-label{position: absolute; bottom: 45px; left: max(32px, -620px + 50vw); display: inline-flex; align-items: center; gap: 9px; padding: 13px 20px; border-radius: 100px; background: rgb(255, 255, 255); color: rgb(17, 17, 17); font-size: 11px; font-weight: 650;}
.ao-guide .photo-banner + .section{position: relative; z-index: 2; margin-top: -150px; border-radius: 24px 24px 0px 0px; background: rgb(255, 255, 255); padding-top: 100px; box-shadow: rgba(0, 0, 0, 0.03) 0px -12px 35px;}
@media (max-width: 900px){.ao-guide .access-card, .ao-guide .journey-grid article{padding: 20px;}
.ao-guide .journey-grid{gap: 20px;}
.ao-guide .included-grid{gap: 15px;}
.ao-guide .included-grid > article, .ao-guide .included-more{padding: 22px;}
.ao-guide .office-workspace-image{position: static;}
.ao-guide .photo-banner{height: calc(90px + 85vh);}
.ao-guide .photo-banner-frame{top: 90px; height: calc(-90px + 85vh);}
.ao-guide .photo-banner + .section{margin-top: -115px; padding-top: 75px;}}
@media (max-width: 700px){.ao-guide .access-card, .ao-guide .journey-grid article{padding: 18px;}
.ao-guide .access-grid{gap: 15px;}
.ao-guide .benefit{padding: 21px; margin-bottom: 13px;}
.ao-guide .benefit:first-child{padding-top: 21px;}
.ao-guide .journey-number{font-size: 32px;}
.ao-guide .included-grid{gap: 13px;}
.ao-guide .included-grid > article, .ao-guide .included-more{padding: 20px;}
.ao-guide .office-option, .ao-guide .office-option:last-child, .ao-guide .office-inclusion{padding: 21px;}
.ao-guide .photo-banner{height: 620px;}
.ao-guide .photo-banner-frame{top: 76px; height: 500px;}
.ao-guide .photo-banner-label{left: 22px; bottom: 32px; font-size: 9px;}
.ao-guide .photo-banner + .section{margin-top: -105px; padding-top: 60px; border-radius: 18px 18px 0px 0px;}}
@media (prefers-reduced-motion: reduce){.ao-guide .motion-ready .motion-target{opacity: 1; translate: none; transition: none;}
.ao-guide .solution-card, .ao-guide .access-card, .ao-guide .benefit, .ao-guide .journey-grid article, .ao-guide .location-card, .ao-guide .office-option, .ao-guide .office-process-card, .ao-guide .office-inclusion, .ao-guide .included-grid > article, .ao-guide .included-more{transform: none !important; transition: none !important;}
.ao-guide .why-image img, .ao-guide .location-photo img, .ao-guide .office-workspace-image img, .ao-guide .photo-banner-frame img, .ao-guide .hero-image-led .hero-visual img, .ao-guide .solution-image img{transform: none !important; transition: none !important;}
.ao-guide .why-visual, .ao-guide .office-workspace-image{position: static;}
.ao-guide .photo-banner{height: 480px;}
.ao-guide .photo-banner-frame{position: static; height: 480px;}
.ao-guide .photo-banner + .section{margin-top: 0px; border-radius: 0px;}}
.ao-guide{color-scheme: dark; --canvas: #070707; --surface: #111111; --surface-raised: #171717; --ink: #f5f5f5; --muted: #ababab; --line: #2b2b2b; --accent-orange: #ff5c35; --accent-yellow: #eafa62; --accent-violet: #bc9aff; --color-background: #070707; --color-foreground: #f5f5f5; --color-card: #111111; --color-card-foreground: #f5f5f5; --color-muted: #171717; --color-muted-foreground: #ababab; --color-border: #2b2b2b; --color-popover: #171717; --color-popover-foreground: #f5f5f5; --color-secondary: #171717; --color-secondary-foreground: #f5f5f5; --color-ring: #eafa62;}
.ao-guide, .ao-guide{background: var(--canvas); color: var(--ink);}
.ao-guide h1, .ao-guide h2, .ao-guide h3, .ao-guide h4, .ao-guide h5, .ao-guide h6{color: var(--ink);}
.ao-guide p{color: var(--muted);}
.ao-guide .site-header{background: rgba(7, 7, 7, 0.96); border-color: rgb(38, 38, 38);}
.ao-guide .wordmark, .ao-guide .menu-button, .ao-guide .back-top{color: var(--ink);}
.ao-guide .brand-mark i{background: rgb(245, 245, 245);}
.ao-guide .brand-mark i:nth-child(2){background: var(--accent-orange);}
.ao-guide .navigation a, .ao-guide .footer-links a{color: rgb(185, 185, 185);}
.ao-guide .navigation a:hover, .ao-guide .navigation a.active, .ao-guide .footer-links a:hover{color: rgb(255, 255, 255);}
.ao-guide .navigation.open{background: rgb(11, 11, 11); border-color: rgb(43, 43, 43);}
.ao-guide .eyebrow{color: rgb(176, 176, 176);}
.ao-guide .section-number, .ao-guide .location-index{color: rgb(148, 148, 148);}
.ao-guide .status-dot{box-shadow: rgba(255, 92, 53, 0.11) 0px 0px 0px 4px;}
.ao-guide .button{background: rgb(27, 27, 27); color: rgb(245, 245, 245); border-color: rgb(85, 85, 85);}
.ao-guide .button:hover{background: rgb(41, 41, 41); color: rgb(255, 255, 255); border-color: rgb(119, 119, 119);}
.ao-guide .button-outline{background: transparent; color: rgb(245, 245, 245); border-color: rgb(102, 102, 102);}
.ao-guide .button-outline:hover{background: rgb(32, 32, 32); color: rgb(255, 255, 255); border-color: rgb(170, 170, 170);}
.ao-guide .header-cta{background: var(--accent-yellow); color: rgb(17, 17, 17); border-color: var(--accent-yellow);}
.ao-guide .header-cta:hover{background: rgb(216, 231, 77); color: rgb(17, 17, 17); border-color: rgb(216, 231, 77);}
.ao-guide .text-link, .ao-guide .solution-link{color: rgb(245, 245, 245); border-color: rgb(85, 85, 85);}
.ao-guide .hero-actions > .button:first-child, .ao-guide .form-submit .button{background: var(--accent-orange); color: rgb(17, 17, 17); border-color: var(--accent-orange);}
.ao-guide .hero-actions > .button:first-child:hover, .ao-guide .form-submit .button:hover{background: rgb(255, 117, 78); color: rgb(17, 17, 17); border-color: rgb(255, 117, 78);}
.ao-guide .hero-image-led{border: 1px solid rgb(43, 43, 43);}
.ao-guide .hero-image-led .hero-copy{background: rgba(7, 7, 7, 0.96); border-color: rgb(54, 54, 54);}
.ao-guide .hero-subtitle{color: rgb(188, 188, 188);}
.ao-guide .hero-image-label, .ao-guide .hero-image-led .hero-caption, .ao-guide .why-image-tag, .ao-guide .photo-banner-label{background: rgb(16, 16, 16); color: rgb(245, 245, 245); border: 1px solid rgb(59, 59, 59);}
.ao-guide .image-label-icon{background: rgb(37, 37, 37); color: rgb(245, 245, 245);}
.ao-guide .intro-section{border-color: var(--line);}
.ao-guide .solutions-section, .ao-guide .access-section, .ao-guide .why-section, .ao-guide .journey-section, .ao-guide .locations-section, .ao-guide .testimonial-section, .ao-guide .contact-section, .ao-guide .faq-section, .ao-guide .office-workspaces, .ao-guide .office-how, .ao-guide .office-inclusions{background: var(--canvas); color: var(--ink); border-color: var(--line);}
.ao-guide .solution-card, .ao-guide .access-card, .ao-guide .benefit, .ao-guide .journey-grid article, .ao-guide .location-card, .ao-guide .office-option, .ao-guide .office-process-card, .ao-guide .office-inclusion{background: var(--surface); color: var(--ink); border-color: var(--line);}
.ao-guide .solution-card:nth-child(1){border-top-color: rgb(255, 92, 53);}
.ao-guide .solution-card:nth-child(2){border-top-color: rgb(234, 250, 98);}
.ao-guide .solution-card:nth-child(3){background: rgb(25, 19, 36); border-color: rgb(68, 48, 92);}
.ao-guide .solution-card:nth-child(3) .solution-link{border-color: rgb(73, 56, 88);}
.ao-guide .solution-card:nth-child(4){border-top-color: rgb(188, 154, 255);}
.ao-guide .solution-image{background: rgb(24, 24, 24);}
.ao-guide .solution-count{background: rgb(17, 17, 17); color: rgb(255, 255, 255); border: 1px solid rgb(51, 51, 51);}
.ao-guide .solution-pricing{color: rgb(245, 245, 245);}
.ao-guide .solution-card:nth-child(1) .solution-image-icon, .ao-guide .solution-card:nth-child(1) .solution-link > span{background: var(--accent-orange); color: rgb(17, 17, 17);}
.ao-guide .solution-card:nth-child(2) .solution-image-icon, .ao-guide .solution-card:nth-child(2) .solution-link > span{background: var(--accent-yellow); color: rgb(17, 17, 17);}
.ao-guide .solution-card:nth-child(3) .solution-image-icon, .ao-guide .solution-card:nth-child(3) .solution-link > span{background: var(--accent-violet); color: rgb(17, 17, 17);}
.ao-guide .solution-card:nth-child(4) .solution-image-icon, .ao-guide .solution-card:nth-child(4) .solution-link > span{background: rgb(241, 241, 241); color: rgb(17, 17, 17);}
.ao-guide .solution-card .solution-link:hover > span{background: var(--accent-orange); color: rgb(17, 17, 17);}
.ao-guide .access-card:nth-child(1) .access-icon{background: var(--accent-yellow); color: rgb(17, 17, 17);}
.ao-guide .access-card:nth-child(2){background: rgb(25, 17, 13); border-color: rgb(73, 48, 36);}
.ao-guide .access-card:nth-child(2) .access-icon{background: var(--accent-orange); color: rgb(17, 17, 17);}
.ao-guide .access-card:nth-child(3) .access-icon{background: var(--accent-violet); color: rgb(17, 17, 17);}
.ao-guide .access-card:nth-child(4) .access-icon{background: rgb(38, 38, 38); color: rgb(245, 245, 245);}
.ao-guide .benefit-number{color: rgb(255, 138, 107);}
.ao-guide .journey-number{color: rgb(245, 245, 245);}
.ao-guide .journey-grid > article:first-child .journey-number{color: rgb(255, 138, 107);}
.ao-guide .journey-number span{color: rgb(136, 136, 136);}
.ao-guide .included-section, .ao-guide .office-comparison{background: rgb(13, 13, 13); color: rgb(245, 245, 245); border-top: 1px solid rgb(43, 43, 43); border-bottom: 1px solid rgb(43, 43, 43);}
.ao-guide .included-grid > article, .ao-guide .included-more{background: rgb(23, 23, 23); border-color: rgb(48, 48, 48);}
.ao-guide .included-heading .eyebrow, .ao-guide .included-heading p, .ao-guide .included-grid p{color: rgb(180, 180, 180);}
.ao-guide .included-more .text-link{color: rgb(245, 245, 245); border-color: rgb(102, 102, 102);}
.ao-guide .location-arrow{background: rgb(39, 39, 39); color: rgb(245, 245, 245);}
.ao-guide .location-card:nth-child(2) .location-arrow{background: var(--accent-yellow); color: rgb(17, 17, 17);}
.ao-guide .location-card:nth-child(3) .location-arrow{background: var(--accent-violet); color: rgb(17, 17, 17);}
.ao-guide .location-card .location-arrow:hover{background: var(--accent-orange); color: rgb(17, 17, 17);}
.ao-guide .testimonial-pending{background: rgb(17, 17, 17); border-color: rgb(68, 68, 68);}
.ao-guide .testimonial-pending p{color: rgb(245, 245, 245);}
.ao-guide .testimonial-pending small{color: rgb(171, 171, 171);}
.ao-guide .video-icon{background: rgb(44, 32, 64); color: rgb(188, 154, 255);}
.ao-guide .contact-note, .ao-guide .form-submit small{color: rgb(165, 165, 165);}
.ao-guide .enquiry-form{background: rgb(17, 17, 17); color: rgb(245, 245, 245); border-color: rgb(53, 53, 53);}
.ao-guide .enquiry-form input:not([type="radio"]):not([type="checkbox"]), .ao-guide .enquiry-form textarea{background: rgb(9, 9, 9); color: rgb(245, 245, 245); border-color: rgb(102, 102, 102); caret-color: rgb(255, 255, 255);}
.ao-guide .enquiry-form input::placeholder, .ao-guide .enquiry-form textarea::placeholder{color: rgb(161, 161, 161);}
.ao-guide .enquiry-form .choice-pill{background: rgb(25, 25, 25); color: rgb(213, 213, 213); border-color: rgb(102, 102, 102);}
.ao-guide .enquiry-form .choice-pill.selected{background: var(--accent-yellow); color: rgb(17, 17, 17); border-color: var(--accent-yellow);}
.ao-guide input[type="radio"], .ao-guide input[type="checkbox"]{accent-color: var(--accent-yellow);}
.ao-guide .enquiry-form .choice-pill.selected input{accent-color: rgb(17, 17, 17); color-scheme: light;}
.ao-guide .enquiry-form input:-webkit-autofill{box-shadow: rgb(9, 9, 9) 0px 0px 0px 1000px inset; -webkit-text-fill-color: rgb(245, 245, 245);}
.ao-guide .form-status{background: rgb(20, 27, 17); border-color: rgb(83, 96, 72);}
.ao-guide .form-status svg{color: var(--accent-yellow);}
.ao-guide .form-status p{color: rgb(213, 223, 205);}
.ao-guide .form-error{color: rgb(255, 146, 126);}
.ao-guide .faq-list details, .ao-guide .faq-list details:first-child{border-color: rgb(52, 52, 52);}
.ao-guide .faq-list summary{color: rgb(245, 245, 245);}
.ao-guide .faq-plus{color: var(--accent-yellow);}
.ao-guide .photo-banner{background: var(--canvas);}
.ao-guide .photo-banner + .section{background: var(--canvas); box-shadow: rgba(0, 0, 0, 0.14) 0px -18px 40px;}
.ao-guide .office-workspace-image{background: rgb(17, 17, 17);}
.ao-guide .office-heading-mark{background: var(--accent-orange); box-shadow: rgba(255, 92, 53, 0.11) 0px 0px 0px 7px;}
.ao-guide .office-group-heading, .ao-guide .office-option-copy strong, .ao-guide .office-process-title, .ao-guide .office-inclusion strong{color: rgb(245, 245, 245);}
.ao-guide .office-group-description, .ao-guide .office-option-copy, .ao-guide .office-process-subtitle, .ao-guide .office-process-steps, .ao-guide .office-inclusions-description, .ao-guide .office-inclusion p{color: rgb(171, 171, 171);}
.ao-guide .office-option-link{color: rgb(234, 250, 98);}
.ao-guide .office-process-card:nth-child(2){background: rgb(22, 27, 13); border-color: rgb(60, 72, 38);}
.ao-guide .office-process-icon{background: var(--accent-orange); color: rgb(17, 17, 17);}
.ao-guide .office-process-card:nth-child(2) .office-process-icon{background: var(--accent-yellow); color: rgb(17, 17, 17);}
.ao-guide .office-process-card:nth-child(3) .office-process-icon{background: var(--accent-violet); color: rgb(17, 17, 17);}
.ao-guide .office-process-steps li{border-color: rgb(60, 60, 60);}
.ao-guide .office-inclusion-icon{background: rgb(39, 39, 39); color: rgb(245, 245, 245);}
.ao-guide .office-inclusion:nth-child(2) .office-inclusion-icon{background: var(--accent-orange); color: rgb(17, 17, 17);}
.ao-guide .office-inclusion:nth-child(4) .office-inclusion-icon{background: var(--accent-yellow); color: rgb(17, 17, 17);}
.ao-guide .office-comparison-table th, .ao-guide .office-comparison-table td{border-color: rgb(52, 52, 52);}
.ao-guide .office-comparison-table thead th{color: rgb(176, 176, 176);}
.ao-guide .office-comparison-table tbody th{color: rgb(245, 245, 245);}
.ao-guide .office-comparison-table td{color: rgb(213, 213, 213);}
.ao-guide .office-comparison-table td:last-child{color: rgb(184, 184, 184);}
.ao-guide .closing-section{background: rgb(16, 16, 16); border-top: 1px solid rgb(43, 43, 43);}
.ao-guide .closing-inner > .eyebrow, .ao-guide .closing-inner > p{color: rgb(180, 180, 180);}
.ao-guide .closing-mark{color: rgb(36, 36, 36);}
.ao-guide .closing-actions > .button:not(.button-outline){background: var(--accent-yellow); color: rgb(17, 17, 17); border-color: var(--accent-yellow);}
.ao-guide .closing-actions > .button:not(.button-outline):hover{background: rgb(216, 231, 77); color: rgb(17, 17, 17); border-color: rgb(216, 231, 77);}
.ao-guide .closing-actions > .button-outline{background: transparent; color: rgb(245, 245, 245); border-color: rgb(102, 102, 102);}
.ao-guide .closing-actions > .button-outline:hover{background: rgb(41, 41, 41); color: rgb(255, 255, 255); border-color: rgb(170, 170, 170);}
.ao-guide .site-footer{background: var(--canvas); color: rgb(245, 245, 245);}
.ao-guide .footer-bottom{color: rgb(160, 160, 160); border-color: rgb(52, 52, 52);}
.ao-guide .back-top{border-color: rgb(85, 85, 85);}
@media (hover: hover) and (pointer: fine){.ao-guide .solution-card:hover, .ao-guide .access-card:hover, .ao-guide .journey-grid article:hover, .ao-guide .location-card:hover, .ao-guide .office-process-card:hover{border-color: rgb(102, 102, 102); box-shadow: rgba(0, 0, 0, 0.333) 0px 18px 34px;}
.ao-guide .benefit:hover, .ao-guide .office-option:hover, .ao-guide .office-inclusion:hover{border-color: rgb(102, 102, 102); box-shadow: rgba(0, 0, 0, 0.267) 0px 14px 28px;}
.ao-guide .solution-card:nth-child(1):hover{border-color: rgb(255, 92, 53);}
.ao-guide .solution-card:nth-child(2):hover{border-color: rgb(234, 250, 98);}
.ao-guide .solution-card:nth-child(3):hover{border-color: rgb(188, 154, 255);}}
.ao-guide ::selection{background: var(--accent-yellow); color: rgb(17, 17, 17);}
.ao-guide :focus-visible, .ao-guide .office-option-link:focus-visible, .ao-guide .office-process-button:focus-visible{outline-color: var(--accent-yellow);}
.ao-guide .nav-dropdown{position: relative;}
.ao-guide .nav-dropdown-trigger{display: flex; align-items: center; gap: 7px; padding: 12px 0px; background: transparent; color: rgb(185, 185, 185); font-size: 12px; font-weight: 600;}
.ao-guide .nav-dropdown-trigger:hover, .ao-guide .nav-dropdown-trigger.active{color: rgb(255, 255, 255);}
.ao-guide .nav-dropdown-panel{position: absolute; top: calc(100% + 8px); left: -18px; width: 190px; padding: 9px 18px; border: 1px solid rgb(54, 54, 54); border-radius: 12px; background: rgb(19, 19, 19); box-shadow: rgba(0, 0, 0, 0.333) 0px 15px 40px; display: grid; z-index: 35;}
.ao-guide .nav-dropdown-panel[hidden]{display: none;}
.ao-guide .navigation .nav-dropdown-panel a{color: rgb(213, 213, 213); padding: 11px 0px;}
.ao-guide .navigation .nav-dropdown-panel a:hover, .ao-guide .navigation .nav-dropdown-panel a[aria-current="page"]{color: rgb(234, 250, 98);}
.ao-guide .botany-page{background: rgb(7, 7, 7);}
.ao-guide .botany-page section[id], .ao-guide .botany-page #testimonials{scroll-margin-top: 70px;}
.ao-guide .botany-section-menu{position: sticky; top: 91px; z-index: 20; background: rgba(9, 9, 9, 0.97); border-bottom: 1px solid rgb(43, 43, 43); backdrop-filter: blur(16px);}
.ao-guide .botany-menu-inner{display: flex; align-items: center; gap: 27px; min-height: 63px;}
.ao-guide .botany-menu-label{flex: 0 0 auto; font-family: var(--font-heading); color: rgb(245, 245, 245); font-weight: 650; font-size: 13px;}
.ao-guide .botany-menu-links{display: flex; align-items: center; gap: 6px; overflow-x: auto; min-width: 0px; flex: 1 1 0%; scrollbar-width: thin; scrollbar-color: rgb(68, 68, 68) transparent; padding: 9px 0px;}
.ao-guide .botany-menu-links a{display: block; white-space: nowrap; padding: 10px 13px; border-radius: 100px; font-size: 11px; font-weight: 550; color: rgb(181, 181, 181); border: 1px solid transparent; transition: color 0.2s, background 0.2s;}
.ao-guide .botany-menu-links a:hover{color: rgb(255, 255, 255); background: rgb(34, 34, 34);}
.ao-guide .botany-menu-links a.is-active{background: rgb(234, 250, 98); color: rgb(17, 17, 17); border-color: rgb(234, 250, 98);}
.ao-guide .botany-bottom-index{padding: 34px 0px; background: rgb(17, 17, 17); border-top: 1px solid rgb(43, 43, 43); border-bottom: 1px solid rgb(43, 43, 43);}
.ao-guide .botany-bottom-index .botany-menu-inner{align-items: flex-start;}
.ao-guide .botany-bottom-index .botany-menu-label{padding-top: 19px;}
.ao-guide .botany-bottom-index .botany-menu-links{flex-wrap: wrap; overflow: visible; gap: 9px;}
.ao-guide .botany-bottom-index .botany-menu-links a{border-color: rgb(58, 58, 58);}
.ao-guide .botany-page .botany-hero{min-height: 780px;}
.ao-guide .botany-page .botany-hero .hero-copy{width: 55%; max-width: 650px; padding: 39px;}
.ao-guide .botany-page .botany-hero h1{font-size: 53px; line-height: 1.1; letter-spacing: -2.6px;}
.ao-guide .botany-page .botany-hero .hero-subtitle{margin-bottom: 15px; font-size: 16px;}
.ao-guide .botany-hero-intro{color: rgb(188, 188, 188); font-size: 14px; line-height: 1.85;}
.ao-guide .botany-promotion{display: flex; align-items: center; gap: 19px; padding: 22px 26px; border-width: 1px 1px 1px 3px; border-style: solid; border-color: rgb(80, 48, 36) rgb(80, 48, 36) rgb(80, 48, 36) rgb(255, 92, 53); border-image: none; border-radius: 12px; background: rgb(26, 17, 13);}
.ao-guide .botany-promotion p{color: rgb(255, 194, 169); font-weight: 550; font-size: 13px;}
.ao-guide .botany-promotion-dot{flex: 0 0 8px; width: 8px; height: 8px; background: rgb(255, 92, 53); border-radius: 50%; box-shadow: rgba(255, 92, 53, 0.09) 0px 0px 0px 5px;}
.ao-guide .botany-page .section{border-bottom: 1px solid rgb(36, 36, 36);}
.ao-guide .botany-editorial-split{display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 95px; align-items: start;}
.ao-guide .botany-editorial-split > p{font-size: 15px; line-height: 1.95; padding-top: 4px;}
.ao-guide .botany-neighbours{margin-top: 55px;}
.ao-guide .botany-neighbours h3{font-size: 14px; font-weight: 600; margin-bottom: 23px; color: rgb(185, 185, 185);}
.ao-guide .botany-neighbour-bar{display: flex; flex-wrap: wrap; align-items: center; gap: 15px;}
.ao-guide .botany-neighbour-bar span{display: flex; align-items: center; min-height: 78px; padding: 20px 28px; border: 1px solid rgb(48, 48, 48); border-radius: 10px; background: rgb(17, 17, 17); color: rgb(229, 229, 229); font-family: var(--font-heading); font-weight: 650; font-size: 16px; letter-spacing: -0.4px;}
.ao-guide .botany-neighbour-bar span:nth-child(2){color: rgb(188, 154, 255);}
.ao-guide .botany-neighbour-bar span:nth-child(3){color: rgb(234, 250, 98);}
.ao-guide .botany-feature-layout{display: grid; grid-template-columns: 0.7fr 1.3fr; gap: 60px; align-items: start;}
.ao-guide .botany-features-sidebar{position: sticky; top: 180px;}
.ao-guide .botany-features-sidebar .section-heading{font-size: 41px; margin-bottom: 30px;}
.ao-guide .botany-features-sidebar .why-image{height: 370px;}
.ao-guide .botany-benefits-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 17px;}
.ao-guide .botany-page .botany-benefits-grid .benefit{display: block; padding: 25px; margin: 0px;}
.ao-guide .botany-feature-icon{width: 43px; height: 43px; display: grid; place-items: center; border-radius: 12px; background: rgb(38, 38, 38); color: rgb(234, 250, 98); margin-bottom: 22px;}
.ao-guide .botany-page .benefit h3{font-size: 16px; line-height: 1.5; margin-bottom: 12px;}
.ao-guide .botany-page .benefit p{font-size: 13px; line-height: 1.9;}
.ao-guide .botany-benefits-grid .benefit:nth-child(3n+1) .botany-feature-icon{background: rgb(50, 26, 17); color: rgb(255, 152, 110);}
.ao-guide .botany-benefits-grid .benefit:nth-child(3n+2) .botany-feature-icon{background: rgb(36, 26, 52); color: rgb(188, 154, 255);}
.ao-guide .botany-benefits-grid .benefit:nth-child(4){background: rgb(20, 26, 13); border-color: rgb(60, 72, 38);}
.ao-guide .botany-workspaces > .wrap > .section-heading, .ao-guide .botany-local-area > .wrap > .section-heading, .ao-guide .botany-transport > .wrap > .section-heading{margin-bottom: 38px; max-width: 780px;}
.ao-guide .botany-workspace-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 19px;}
.ao-guide .botany-page .botany-workspace-card{position: relative; padding: 30px 28px 70px;}
.ao-guide .botany-workspace-card h3{font-size: 21px; line-height: 1.45; margin-bottom: 17px; letter-spacing: -0.5px;}
.ao-guide .botany-workspace-card p{font-size: 14px; line-height: 1.85;}
.ao-guide .botany-workspace-card .botany-feature-icon{background: rgb(255, 92, 53); color: rgb(17, 17, 17);}
.ao-guide .botany-workspace-card:nth-child(2) .botany-feature-icon, .ao-guide .botany-workspace-card:nth-child(5) .botany-feature-icon{background: rgb(234, 250, 98);}
.ao-guide .botany-workspace-card:nth-child(3) .botany-feature-icon, .ao-guide .botany-workspace-card:nth-child(6) .botany-feature-icon{background: rgb(188, 154, 255);}
.ao-guide .botany-workspace-arrow{position: absolute; bottom: 23px; right: 24px; color: rgb(170, 170, 170);}
.ao-guide .botany-page .photo-banner-frame{top: 154px; height: calc(-154px + 100vh);}
.ao-guide .botany-amenity-layout{display: grid; grid-template-columns: 0.7fr 1.3fr; gap: 60px; align-items: start; margin-top: 50px;}
.ao-guide .botany-amenity-photo{position: sticky; top: 180px; height: 510px; border-radius: 15px; overflow: hidden;}
.ao-guide .botany-amenity-photo img{transition: transform 0.8s;}
.ao-guide .botany-amenity-list{display: grid; gap: 17px;}
.ao-guide .botany-page .botany-amenity-card{display: block; padding: 27px;}
.ao-guide .botany-page .botany-amenity-card h3{font-size: 17px; margin-bottom: 11px;}
.ao-guide .botany-page .botany-amenity-card p{font-size: 14px; line-height: 1.9;}
.ao-guide .botany-amenity-card .botany-feature-icon{float: left; margin: 0px 20px 10px 0px;}
.ao-guide .botany-amenity-card:nth-child(2) .botany-feature-icon{color: rgb(188, 154, 255);}
.ao-guide .botany-amenity-card:nth-child(4){background: rgb(25, 17, 13); border-color: rgb(73, 48, 36);}
.ao-guide .botany-amenity-card:nth-child(4) .botany-feature-icon{color: rgb(255, 152, 110);}
.ao-guide .botany-local-grid, .ao-guide .botany-transport-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 20px;}
.ao-guide .botany-page .botany-local-grid .access-card, .ao-guide .botany-page .botany-transport-grid .access-card{padding: 29px;}
.ao-guide .botany-local-grid h3, .ao-guide .botany-transport-grid h3{font-size: 19px; line-height: 1.45; margin-bottom: 14px;}
.ao-guide .botany-local-grid p, .ao-guide .botany-transport-grid p{font-size: 14px; line-height: 1.9;}
.ao-guide .botany-difference{display: flex; align-items: flex-end; justify-content: space-between; gap: 55px; margin-top: 52px; padding: 41px; border: 1px solid rgb(73, 56, 88); border-radius: 15px; background: rgb(23, 17, 31);}
.ao-guide .botany-difference h2{font-size: 38px; font-weight: 550; line-height: 1.2; letter-spacing: -1.3px; margin-bottom: 22px;}
.ao-guide .botany-difference h3{font-size: 18px; font-weight: 550; margin-bottom: 13px;}
.ao-guide .botany-difference p{max-width: 620px; font-size: 14px; line-height: 1.9;}
.ao-guide .botany-difference .botany-sauna-line{color: rgb(188, 154, 255); margin-top: 20px;}
.ao-guide .botany-difference .button{flex-shrink: 0;}
.ao-guide .botany-suburbs > .wrap > .section-heading{max-width: 850px;}
.ao-guide .botany-suburb-intro{margin-top: 28px; max-width: 900px; display: grid; gap: 15px;}
.ao-guide .botany-suburb-intro p{font-size: 15px; line-height: 1.9;}
.ao-guide .botany-suburb-tabs{margin-top: 51px;}
.ao-guide .botany-suburb-tabs > h2{font-size: 27px; font-weight: 600; line-height: 1.35; letter-spacing: -0.7px; margin-bottom: 16px;}
.ao-guide .botany-suburb-tabs > p{font-size: 14px; line-height: 1.8; margin-bottom: 25px;}
.ao-guide .suburb-tab-list{display: flex; gap: 8px; overflow-x: auto; white-space: nowrap; padding: 4px 0px 18px; margin-bottom: 24px; border-bottom: 1px solid rgb(54, 54, 54); scrollbar-width: thin; scrollbar-color: rgb(85, 85, 85) rgb(17, 17, 17);}
.ao-guide .suburb-tab-list button{flex: 0 0 auto; min-height: 44px; padding: 11px 18px; background: rgb(25, 25, 25); border: 1px solid rgb(85, 85, 85); border-radius: 100px; color: rgb(213, 213, 213); font-size: 13px; font-weight: 550; transition: background 0.2s, color 0.2s;}
.ao-guide .suburb-tab-list button:hover{border-color: rgb(188, 154, 255); color: rgb(255, 255, 255);}
.ao-guide .suburb-tab-list button[aria-selected="true"]{background: rgb(234, 250, 98); border-color: rgb(234, 250, 98); color: rgb(17, 17, 17);}
.ao-guide .suburb-tab-panel{border: 1px solid rgb(68, 48, 92); border-radius: 15px; padding: 32px; background: rgb(23, 17, 31);}
.ao-guide .botany-suburb-tabs .suburb-tab-panel.hidden{display: none !important;}
.ao-guide .botany-suburb-tabs .suburb-tab-panel.active{display: block !important;}
.ao-guide .suburb-tab-panel h3{font-size: 25px; font-weight: 550; line-height: 1.45; letter-spacing: -0.6px; margin-bottom: 25px;}
.ao-guide .suburb-spec-list{list-style: none; padding: 0px; margin: 0px 0px 24px; display: grid; grid-template-columns: 1fr 1fr; gap: 14px 32px;}
.ao-guide .suburb-spec-list li{color: rgb(197, 197, 197); font-size: 14px; line-height: 1.8; padding-left: 16px; border-left: 2px solid rgb(103, 82, 127);}
.ao-guide .suburb-tab-panel > p{color: rgb(186, 186, 186); font-size: 15px; line-height: 1.85; max-width: 950px;}
.ao-guide .btn-suburb-link{margin-top: 25px; background: rgb(188, 154, 255); color: rgb(17, 17, 17); border-color: rgb(188, 154, 255); border-radius: 100px; font-size: 13px;}
.ao-guide .btn-suburb-link:hover{background: rgb(201, 173, 255); color: rgb(17, 17, 17); border-color: rgb(201, 173, 255);}
.ao-guide .botany-contact{background: rgb(16, 16, 16);}
.ao-guide .botany-contact-layout{display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 85px; align-items: center;}
.ao-guide .botany-contact-layout .section-heading{max-width: 600px; margin-bottom: 27px;}
.ao-guide .botany-contact-layout > div > p{font-size: 15px; line-height: 1.9; margin-bottom: 28px;}
.ao-guide .botany-contact-layout .button{background: rgb(255, 92, 53); color: rgb(17, 17, 17); border-color: rgb(255, 92, 53);}
.ao-guide .botany-contact-details{padding: 35px; border: 1px solid rgb(53, 53, 53); border-radius: 15px; background: rgb(23, 23, 23);}
.ao-guide .botany-contact-details p{display: flex; gap: 13px; padding-bottom: 23px; border-bottom: 1px solid rgb(54, 54, 54); color: rgb(213, 213, 213); margin-bottom: 23px !important;}
.ao-guide .botany-contact-details p:last-child{padding: 0px; border: 0px; margin: 0px !important;}
.ao-guide .botany-contact-details svg{flex-shrink: 0; margin-top: 4px; color: rgb(234, 250, 98);}
.ao-guide .botany-contact-details a:hover{color: rgb(234, 250, 98);}
.ao-guide .botany-page .faq-layout .section-heading{margin-bottom: 25px;}
.ao-guide .botany-page .faq-list summary{font-size: 15px; line-height: 1.8;}
.ao-guide .botany-page .faq-plus{font-size: 25px; line-height: 1;}
.ao-guide .botany-faq-answer{padding: 0px 25px 28px 0px;}
.ao-guide .botany-page .botany-faq-answer p{padding: 0px; margin-bottom: 15px; font-size: 14px; line-height: 1.9;}
.ao-guide .botany-page .botany-faq-answer p:last-child{margin-bottom: 0px;}
@media (hover: hover) and (pointer: fine){.ao-guide .botany-amenity-photo:hover img{transform: scale(1.045);}
.ao-guide .botany-workspace-card:hover .botany-workspace-arrow{color: rgb(234, 250, 98);}}
@media (max-width: 1100px){.ao-guide .botany-feature-layout, .ao-guide .botany-amenity-layout{gap: 35px; grid-template-columns: 0.7fr 1.3fr;}
.ao-guide .botany-editorial-split{gap: 50px;}
.ao-guide .botany-page .botany-hero .hero-copy{width: 60%; padding: 32px;}
.ao-guide .botany-page .botany-hero h1{font-size: 49px;}
.ao-guide .botany-benefits-grid{grid-template-columns: 1fr;}
.ao-guide .botany-page .botany-benefits-grid .benefit{padding: 26px;}
.ao-guide .botany-contact-layout{gap: 40px;}
.ao-guide .botany-workspace-grid{grid-template-columns: 1fr 1fr;}
.ao-guide .botany-difference{align-items: flex-start; flex-direction: column; gap: 30px;}}
@media (max-width: 900px){.ao-guide .botany-feature-layout, .ao-guide .botany-amenity-layout{grid-template-columns: 1fr;}
.ao-guide .botany-features-sidebar, .ao-guide .botany-amenity-photo{position: static;}
.ao-guide .botany-features-sidebar{display: grid; grid-template-columns: 1fr 1fr; gap: 30px; align-items: center;}
.ao-guide .botany-features-sidebar .why-image{height: 300px;}
.ao-guide .botany-benefits-grid{grid-template-columns: 1fr 1fr;}
.ao-guide .botany-amenity-photo{height: 330px;}
.ao-guide .botany-page .botany-hero .hero-copy{width: 70%;}
.ao-guide .botany-page .botany-hero h1{font-size: 45px;}
.ao-guide .botany-neighbour-bar span{font-size: 14px; padding: 18px; min-height: 65px;}}
@media (max-width: 700px){.ao-guide .nav-dropdown{width: 100%;}
.ao-guide .nav-dropdown-trigger{font-size: 14px; padding: 13px 0px; width: 100%; justify-content: space-between;}
.ao-guide .nav-dropdown-panel{position: static; width: 100%; box-shadow: none; margin: 4px 0px 12px; padding: 8px 16px;}
.ao-guide .navigation .nav-dropdown-panel a{font-size: 12px;}
.ao-guide .botany-section-menu{top: 76px;}
.ao-guide .botany-menu-inner{min-height: 57px; gap: 13px;}
.ao-guide .botany-menu-label{font-size: 11px;}
.ao-guide .botany-menu-links{gap: 4px;}
.ao-guide .botany-menu-links a{font-size: 10px; padding: 9px 12px;}
.ao-guide .botany-page section[id], .ao-guide .botany-page #testimonials{scroll-margin-top: 50px;}
.ao-guide .botany-page .botany-hero{min-height: 0px;}
.ao-guide .botany-page .botany-hero .hero-copy{width: 100%; padding: 26px 23px;}
.ao-guide .botany-page .botany-hero h1{font-size: 40px; letter-spacing: -1.8px;}
.ao-guide .botany-page .botany-hero .hero-subtitle{font-size: 14px;}
.ao-guide .botany-hero-intro{font-size: 13px;}
.ao-guide .botany-promotion{padding: 19px; gap: 14px;}
.ao-guide .botany-promotion p{font-size: 11px; line-height: 1.9;}
.ao-guide .botany-editorial-split{grid-template-columns: 1fr; gap: 27px;}
.ao-guide .botany-editorial-split > p{font-size: 14px;}
.ao-guide .botany-neighbours{margin-top: 35px;}
.ao-guide .botany-neighbour-bar{display: grid; grid-template-columns: 1fr 1fr; gap: 12px;}
.ao-guide .botany-neighbour-bar span{font-size: 12px; padding: 15px; min-height: 69px; line-height: 1.6;}
.ao-guide .botany-features-sidebar{display: block;}
.ao-guide .botany-features-sidebar .section-heading{font-size: 34px;}
.ao-guide .botany-features-sidebar .why-image{height: 280px;}
.ao-guide .botany-benefits-grid, .ao-guide .botany-workspace-grid, .ao-guide .botany-local-grid, .ao-guide .botany-transport-grid{grid-template-columns: 1fr;}
.ao-guide .botany-page .botany-benefits-grid .benefit, .ao-guide .botany-page .botany-workspace-card{padding: 25px;}
.ao-guide .botany-page .botany-workspace-card{padding-bottom: 65px;}
.ao-guide .botany-workspace-card h3{font-size: 22px;}
.ao-guide .botany-page .photo-banner{height: 650px;}
.ao-guide .botany-page .photo-banner-frame{top: 133px; height: 525px;}
.ao-guide .botany-amenity-layout{margin-top: 30px; gap: 30px;}
.ao-guide .botany-amenity-photo{height: 280px;}
.ao-guide .botany-page .botany-amenity-card{padding: 23px;}
.ao-guide .botany-amenity-card .botany-feature-icon{float: none; margin: 0px 0px 18px;}
.ao-guide .botany-difference{padding: 27px; gap: 26px;}
.ao-guide .botany-difference h2{font-size: 31px;}
.ao-guide .botany-difference h3{font-size: 16px;}
.ao-guide .botany-difference p{font-size: 13px;}
.ao-guide .botany-suburb-intro p{font-size: 14px;}
.ao-guide .botany-suburb-tabs{margin-top: 37px;}
.ao-guide .botany-suburb-tabs > h2{font-size: 24px;}
.ao-guide .suburb-tab-list button{font-size: 12px; padding: 11px 16px;}
.ao-guide .suburb-tab-panel{padding: 24px;}
.ao-guide .suburb-tab-panel h3{font-size: 21px;}
.ao-guide .suburb-spec-list{grid-template-columns: 1fr; gap: 16px;}
.ao-guide .suburb-spec-list li, .ao-guide .suburb-tab-panel > p{font-size: 13px;}
.ao-guide .btn-suburb-link{font-size: 11px; width: 100%; gap: 10px;}
.ao-guide .botany-contact-layout{grid-template-columns: 1fr; gap: 35px;}
.ao-guide .botany-contact-layout > div > p{font-size: 14px;}
.ao-guide .botany-contact-details{padding: 27px;}
.ao-guide .botany-page .faq-list summary{font-size: 14px;}
.ao-guide .botany-page .botany-faq-answer p{font-size: 13px;}
.ao-guide .botany-bottom-index .botany-menu-inner{flex-direction: column; gap: 9px;}
.ao-guide .botany-bottom-index .botany-menu-label{padding: 0px;}}
@media (prefers-reduced-motion: reduce){.ao-guide .botany-features-sidebar, .ao-guide .botany-amenity-photo{position: static;}
.ao-guide .botany-amenity-photo img{transform: none !important; transition: none !important;}
.ao-guide .botany-page .photo-banner{height: 480px;}
.ao-guide .botany-page .photo-banner-frame{position: static; height: 480px;}}
.ao-guide .botany-page{--botany-green: #0c2119; --botany-green-section: #091d16; --botany-green-line: #2b4b38; --botany-lime: #d7f99a;}
.ao-guide .botany-page .botany-benefits-grid .benefit:nth-child(4), .ao-guide .botany-page .botany-benefits-grid .benefit:nth-child(7), .ao-guide .botany-page .botany-workspace-card:nth-child(2), .ao-guide .botany-page .botany-workspace-card:nth-child(5){background: var(--botany-green); border-color: var(--botany-green-line);}
.ao-guide .botany-page .botany-facilities{background: var(--botany-green-section); border-color: rgb(35, 65, 48);}
.ao-guide .botany-page .botany-facilities .botany-editorial-split > p{color: var(--botany-lime); font-size: 20px; line-height: 1.7;}
.ao-guide .botany-page .botany-amenity-card{background: rgb(13, 22, 17); border-color: rgb(38, 61, 46);}
.ao-guide .botany-page .botany-amenity-card:nth-child(1), .ao-guide .botany-page .botany-amenity-card:nth-child(4){background: rgb(18, 46, 32); border-color: rgb(51, 83, 62);}
.ao-guide .botany-page .botany-difference, .ao-guide .botany-page .suburb-tab-panel{background: var(--botany-green); border-color: var(--botany-green-line);}
.ao-guide .botany-page .botany-difference .botany-sauna-line{color: var(--botany-lime);}
.ao-guide .botany-page .suburb-spec-list li{border-left-color: rgb(89, 118, 92);}
@media (hover: hover) and (pointer: fine){.ao-guide .botany-page .botany-workspace-card:nth-child(2):hover, .ao-guide .botany-page .botany-workspace-card:nth-child(5):hover{border-color: rgb(159, 200, 153);}}
@media (max-width: 700px){.ao-guide .botany-page .botany-facilities .botany-editorial-split > p{font-size: 18px;}}
.ao-guide .home-page .solution-card:nth-child(2){background: rgb(12, 33, 25); border-color: rgb(43, 75, 56);}
.ao-guide .home-page .access-card:nth-child(2){background: rgb(12, 33, 25); border-color: rgb(43, 75, 56);}
.ao-guide .home-page .solution-card:nth-child(2) p, .ao-guide .home-page .access-card:nth-child(2) p{color: rgb(192, 209, 198);}
.ao-guide .home-page .included-section{background: rgb(9, 29, 22); border-color: rgb(35, 65, 48);}
.ao-guide .home-page .included-grid > article, .ao-guide .home-page .included-more{background: rgb(13, 22, 17); border-color: rgb(38, 61, 46);}
.ao-guide .home-page .included-grid > article:nth-child(1), .ao-guide .home-page .included-grid > article:nth-child(4){background: rgb(18, 46, 32); border-color: rgb(51, 83, 62);}
.ao-guide .home-page .included-heading > p{color: rgb(215, 249, 154); font-size: 24px; line-height: 1.6; max-width: 730px;}
.ao-guide .home-page .included-heading .eyebrow{color: rgb(169, 194, 175);}
.ao-guide .home-page .included-grid p{color: rgb(191, 209, 195);}
.ao-guide .home-page .included-icon, .ao-guide .home-page .included-big-arrow{color: rgb(215, 249, 154);}
@media (hover: hover) and (pointer: fine){.ao-guide .home-page .solution-card:nth-child(2):hover, .ao-guide .home-page .access-card:nth-child(2):hover{border-color: rgb(159, 200, 153);}}
@media (max-width: 700px){.ao-guide .home-page .included-heading > p{font-size: 20px;}}
.ao-guide .button-preview-launcher{position: fixed; bottom: 21px; right: 22px; z-index: 40; display: flex; align-items: center; gap: 9px; min-height: 43px; padding: 12px 18px; border: 1px solid rgb(98, 117, 85); border-radius: 100px; background: rgb(16, 28, 19); color: rgb(215, 249, 154); font-size: 11px; box-shadow: rgba(0, 0, 0, 0.4) 0px 8px 24px;}
.ao-guide .button-preview-modal{width: min(820px, 100% - 36px); max-height: calc(-40px + 100vh); margin: auto; padding: 36px; background: rgb(11, 11, 11); color: rgb(245, 245, 245); border: 1px solid rgb(66, 66, 66); border-radius: 22px; overflow-y: auto;}
.ao-guide .button-preview-modal::backdrop{background: rgb(7, 7, 7);}
.ao-guide .button-preview-modal:not([open]){display: none;}
.ao-guide .button-preview-heading{display: flex; align-items: flex-start; justify-content: space-between; gap: 25px;}
.ao-guide .button-preview-heading .eyebrow{color: rgb(169, 194, 175); margin-bottom: 11px;}
.ao-guide .button-preview-heading h2{font-family: var(--font-heading); font-size: 34px; font-weight: 550; line-height: 1.2; letter-spacing: -1.3px;}
.ao-guide .button-preview-close{width: 34px; height: 34px; display: grid; place-items: center; background: rgb(34, 34, 34); border: 1px solid rgb(85, 85, 85); color: rgb(238, 238, 238); border-radius: 50%; flex-shrink: 0;}
.ao-guide .button-preview-intro{font-size: 13px; color: rgb(171, 171, 171); margin-top: 17px;}
.ao-guide .button-preview-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 27px 0px 22px;}
.ao-guide .button-preview-card{background: rgb(20, 20, 20); border: 1px solid rgb(51, 51, 51); border-radius: 14px; padding: 25px;}
.ao-guide .button-preview-card:nth-child(2){background: rgb(12, 33, 25); border-color: rgb(43, 75, 56);}
.ao-guide .button-preview-card h3{font-size: 12px; font-weight: 550; color: rgb(188, 188, 188); margin-bottom: 24px;}
.ao-guide .button-preview-card .hero-actions{margin: 0px;}
.ao-guide .button-preview-card .button{font-size: 11px; padding: 14px 19px; min-height: 45px;}
.ao-guide .button-preview-card .header-cta{display: inline-flex;}
.ao-guide .button-preview-card .text-link{background: transparent;}
.ao-guide .button-preview-footnote{font-size: 11px; line-height: 1.8; color: rgb(165, 165, 165);}
@media (max-width: 600px){.ao-guide .button-preview-modal{padding: 24px;}
.ao-guide .button-preview-heading h2{font-size: 28px;}
.ao-guide .button-preview-grid{grid-template-columns: 1fr;}
.ao-guide .button-preview-card{padding: 22px;}
.ao-guide .button-preview-launcher{right: 14px; bottom: 14px;}}
.ao-guide .so-redesign, .ao-guide .so-review-menu{--so-bg: #070707; --so-card: #111111; --so-border: #2c2c2c; --so-green: #0c2119; --so-green-line: #2b4b38; --so-lime: #d7f99a; color: rgb(245, 245, 245); font-family: "DM Sans", sans-serif;}
.ao-guide .so-redesign{background: var(--so-bg);}
.ao-guide .so-redesign *, .ao-guide .so-review-menu *{box-sizing: border-box;}
.ao-guide .so-redesign h2, .ao-guide .so-redesign h3{font-family: Manrope, sans-serif; color: rgb(245, 245, 245);}
.ao-guide .so-redesign p{color: rgb(185, 185, 185); font-size: 15px; line-height: 1.85; margin: 0px;}
.ao-guide .so-wrap{width: min(1232px, 100%); margin: 0px auto; padding: 0px 32px;}
.ao-guide .so-section{padding: 100px 0px; scroll-margin-top: 165px; border-top: 1px solid rgb(34, 34, 34);}
.ao-guide .so-section-head{display: flex; gap: 56px; justify-content: space-between; align-items: end; margin-bottom: 48px;}
.ao-guide .so-section-head > div{max-width: 660px;}
.ao-guide .so-section-head > p{max-width: 365px; flex: 0 1 365px; padding-bottom: 4px;}
.ao-guide .so-redesign h2{font-size: clamp(33px, 4vw, 52px); line-height: 1.12; letter-spacing: -1.9px; font-weight: 550; margin: 0px;}
.ao-guide .so-overline{font-size: 11px; letter-spacing: 1.7px; font-weight: 600; color: rgb(164, 164, 164); margin-bottom: 20px;}
.ao-guide .so-redesign h3{font-size: 22px; line-height: 1.35; letter-spacing: -0.5px; font-weight: 600; margin: 0px;}
.ao-guide .so-card-top{display: flex; align-items: center; justify-content: space-between; margin-bottom: 28px;}
.ao-guide .so-icon{display: inline-flex; justify-content: center; align-items: center; width: 46px; height: 46px; border-radius: 12px; background: rgb(33, 33, 33); color: rgb(245, 245, 245);}
.ao-guide .so-number{color: rgb(133, 133, 133); font-size: 12px; font-weight: 600; letter-spacing: 1px;}
.ao-guide .so-section-symbol{color: var(--so-lime); flex: 0 0 auto;}
.ao-guide .so-grid-label{font-size: 12px; color: rgb(164, 164, 164); margin-bottom: 15px;}
.ao-guide .so-price-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 20px;}
.ao-guide .so-price-card{background: var(--so-card); border: 1px solid var(--so-border); border-radius: 20px; padding: 30px;}
.ao-guide .so-price-card:first-child{border-top: 3px solid var(--so-lime); padding-top: 28px;}
.ao-guide .so-price-card h3{margin-bottom: 30px;}
.ao-guide .so-price-card dl, .ao-guide .so-price-card dd{margin: 0px;}
.ao-guide .so-price-location{border-top: 1px solid rgb(48, 48, 48); padding-top: 20px;}
.ao-guide .so-price-location + .so-price-location{margin-top: 26px;}
.ao-guide .so-price-location dt{color: var(--so-lime); font-size: 13px; margin-bottom: 13px; font-weight: 500;}
.ao-guide .so-price{display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 8px; color: rgb(185, 185, 185); font-size: 13px; line-height: 1.6;}
.ao-guide .so-price strong{font-family: Manrope, sans-serif; color: rgb(255, 255, 255); font-size: clamp(33px, 3.1vw, 42px); font-weight: 600; letter-spacing: -1.7px; line-height: 1.2;}
.ao-guide .so-price > span:last-child{display: block; flex-basis: 100%; margin-top: 4px;}
.ao-guide .so-price-notes{border-left: 2px solid rgb(84, 106, 75); padding: 3px 0px 3px 20px; margin-top: 32px; max-width: 900px;}
.ao-guide .so-price-notes p{font-size: 13px; line-height: 1.8;}
.ao-guide .so-price-notes p + p{margin-top: 10px;}
.ao-guide .so-inclusions{background: rgb(10, 10, 10);}
.ao-guide .so-inclusion-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 20px;}
.ao-guide .so-inclusion-card{background: var(--so-card); border: 1px solid var(--so-border); border-radius: 19px; padding: 30px;}
.ao-guide .so-inclusion-card h3{font-size: 23px; margin-bottom: 24px;}
.ao-guide .so-included-check{display: flex; align-items: center; justify-content: center; width: 29px; height: 29px; color: var(--so-lime); border: 1px solid rgb(65, 86, 56); border-radius: 50%;}
.ao-guide .so-check-list{list-style: none; padding: 0px; margin: 0px; display: flex; flex-direction: column; gap: 22px;}
.ao-guide .so-check-list li{display: flex; align-items: flex-start; gap: 13px;}
.ao-guide .so-check-list li > svg{flex: 0 0 18px; color: var(--so-lime); margin-top: 5px;}
.ao-guide .so-check-list strong{display: block; color: rgb(245, 245, 245); font-size: 16px; margin-bottom: 6px; font-weight: 600;}
.ao-guide .so-comparison{background: rgb(13, 13, 13);}
.ao-guide .so-compare-tools{display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 0px 0px 22px;}
.ao-guide .so-compare-tools h3{font-size: 17px;}
.ao-guide .so-compare-tools > div{display: flex; gap: 12px;}
.ao-guide .so-compare-tools button{font-family: inherit; font-size: 12px; color: rgb(221, 221, 221); padding: 10px 14px; background: rgb(27, 27, 27); border: 1px solid rgb(66, 66, 66); border-radius: 7px; cursor: pointer;}
.ao-guide .so-compare-tools button:hover{background: rgb(42, 42, 42); border-color: rgb(102, 102, 102);}
.ao-guide .so-compare-list{display: flex; flex-direction: column; gap: 12px;}
.ao-guide .so-compare-row{background: rgb(17, 17, 17); border: 1px solid rgb(48, 48, 48); border-radius: 13px; overflow: hidden;}
.ao-guide .so-compare-row[open]{border-color: rgb(68, 86, 58);}
.ao-guide .so-compare-label{display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 21px 26px; cursor: pointer; list-style: none; color: rgb(245, 245, 245); font-family: Manrope, sans-serif; font-size: 17px; font-weight: 500; line-height: 1.4;}
.ao-guide .so-compare-label::-webkit-details-marker{display: none;}
.ao-guide .so-compare-label svg{color: var(--so-lime); flex: 0 0 18px; transition: transform 0.18s;}
.ao-guide .so-compare-row[open] > .so-compare-label svg{transform: rotate(45deg);}
.ao-guide .so-compare-pair{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px; padding: 0px 18px 18px;}
.ao-guide .so-compare-option{background: rgb(25, 25, 25); padding: 24px; border: 1px solid rgb(51, 51, 51); border-radius: 9px;}
.ao-guide .so-compare-option-serviced{background: rgb(13, 26, 18); border-color: rgb(44, 62, 45);}
.ao-guide .so-compare-option h3, .ao-guide .so-compare-option h4{font-family: "DM Sans", sans-serif; color: rgb(245, 245, 245); font-size: 13px; line-height: 1.6; margin: 0px 0px 14px; font-weight: 600;}
.ao-guide .so-compare-option h3 svg, .ao-guide .so-compare-option h4 svg{color: var(--so-lime); vertical-align: middle; margin-right: 7px;}
.ao-guide .so-compare-option p{font-size: 14px; line-height: 1.8;}
.ao-guide .so-compare-notes{display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 32px;}
.ao-guide .so-compare-notes p{font-size: 14px; padding-left: 18px; border-left: 2px solid rgb(64, 82, 55);}
.ao-guide .so-custom-columns{display: grid; grid-template-columns: minmax(0px, 0.9fr) minmax(0px, 1.1fr); gap: 24px; align-items: start;}
.ao-guide .so-custom-card{background: var(--so-card); border: 1px solid var(--so-border); border-radius: 20px; padding: 36px;}
.ao-guide .so-custom-card:nth-child(2){grid-area: 1 / 2 / span 2;}
.ao-guide .so-custom-card:nth-child(3){grid-area: 2 / 1;}
.ao-guide .so-custom-card:nth-child(4){grid-column: 1 / -1;}
.ao-guide .so-custom-card:nth-child(4) .so-check-list{display: grid; grid-template-columns: 1fr 1fr; gap: 32px;}
.ao-guide .so-custom-card:nth-child(4) .so-check-list li + li{padding-top: 0px; border-top: 0px;}
.ao-guide .so-custom-card-green{background: var(--so-green); border-color: var(--so-green-line);}
.ao-guide .so-custom-card-green .so-icon{background: rgb(23, 53, 38); color: var(--so-lime);}
.ao-guide .so-custom-card-green .so-number{color: rgb(176, 197, 180);}
.ao-guide .so-custom-card h3{font-size: clamp(23px, 2.25vw, 29px); line-height: 1.32; letter-spacing: -0.7px; margin-bottom: 28px;}
.ao-guide .so-custom-card .so-check-list{gap: 25px;}
.ao-guide .so-custom-card .so-check-list li + li{border-top: 1px solid rgb(43, 43, 43); padding-top: 23px;}
.ao-guide .so-custom-card-green .so-check-list li + li{border-color: rgb(41, 74, 52);}
.ao-guide .so-custom-card-green p{color: rgb(192, 209, 198);}
.ao-guide .so-button{display: inline-flex; align-items: center; justify-content: center; gap: 12px; color: rgb(17, 17, 17); background: rgb(234, 250, 98); padding: 14px 18px; margin-top: 30px; border-radius: 8px; font-size: 13px; font-weight: 600; line-height: 1.5; text-decoration: none;}
.ao-guide .so-button:hover{background: rgb(216, 231, 77); color: rgb(17, 17, 17);}
.ao-guide .so-review-menu{position: sticky; top: 90px; z-index: 35; background: rgb(9, 9, 9); border-bottom: 1px solid rgb(42, 42, 42);}
.ao-guide .so-review-menu .so-wrap{display: flex; gap: 24px; align-items: center; min-height: 58px; overflow-x: auto; scrollbar-width: thin;}
.ao-guide .so-review-menu span{color: rgb(215, 249, 154); font-size: 13px; font-weight: 600; white-space: nowrap; margin-right: auto;}
.ao-guide .so-review-menu a{font-size: 12px; color: rgb(185, 185, 185); white-space: nowrap; padding: 18px 0px;}
.ao-guide .so-review-menu a:hover{color: rgb(255, 255, 255);}
.ao-guide .so-redesign a:focus-visible, .ao-guide .so-redesign button:focus-visible, .ao-guide .so-redesign summary:focus-visible, .ao-guide .so-review-menu a:focus-visible{outline: 2px solid var(--so-lime); outline-offset: 4px;}
@media (hover: hover) and (pointer: fine){.ao-guide .so-price-card, .ao-guide .so-inclusion-card, .ao-guide .so-custom-card{transition: transform 0.22s, border-color 0.22s, box-shadow 0.22s;}
.ao-guide .so-price-card:hover, .ao-guide .so-inclusion-card:hover, .ao-guide .so-custom-card:hover{transform: translateY(-3px); border-color: rgb(101, 114, 90); box-shadow: rgba(0, 0, 0, 0.333) 0px 12px 26px;}}
@media (max-width: 1050px){.ao-guide .so-price-card{padding: 24px;}
.ao-guide .so-section-head{gap: 35px;}
.ao-guide .so-section-head > p{flex-basis: 290px;}
.ao-guide .so-custom-card{padding: 28px;}}
@media (max-width: 760px){.ao-guide .so-wrap{padding: 0px 22px;}
.ao-guide .so-section{padding: 64px 0px; scroll-margin-top: 130px;}
.ao-guide .so-section-head{display: block; margin-bottom: 32px;}
.ao-guide .so-section-head > p{margin-top: 22px; max-width: none;}
.ao-guide .so-redesign h2{font-size: 36px; letter-spacing: -1.3px;}
.ao-guide .so-price-grid, .ao-guide .so-inclusion-grid, .ao-guide .so-compare-pair, .ao-guide .so-compare-notes, .ao-guide .so-custom-columns{grid-template-columns: 1fr;}
.ao-guide .so-custom-card:nth-child(n){grid-area: auto;}
.ao-guide .so-custom-card:nth-child(4) .so-check-list{grid-template-columns: 1fr; gap: 25px;}
.ao-guide .so-custom-card:nth-child(4) .so-check-list li + li{padding-top: 23px; border-top: 1px solid rgb(43, 43, 43);}
.ao-guide .so-price-card, .ao-guide .so-inclusion-card, .ao-guide .so-custom-card{padding: 26px;}
.ao-guide .so-price-card:first-child{padding-top: 24px;}
.ao-guide .so-price{font-size: 14px;}
.ao-guide .so-price strong{font-size: 40px;}
.ao-guide .so-price-location + .so-price-location{margin-top: 22px;}
.ao-guide .so-custom-card h3{font-size: 25px;}
.ao-guide .so-compare-tools{align-items: flex-start; flex-direction: column; gap: 16px;}
.ao-guide .so-compare-label{padding: 20px; font-size: 16px;}
.ao-guide .so-compare-pair{gap: 12px; padding: 0px 12px 12px;}
.ao-guide .so-compare-option{padding: 21px;}
.ao-guide .so-review-menu{top: 72px;}
.ao-guide .so-review-menu .so-wrap{gap: 22px; min-height: 50px;}
.ao-guide .so-review-menu span, .ao-guide .so-section-symbol{display: none;}}
@media (prefers-reduced-motion: reduce){.ao-guide .so-price-card, .ao-guide .so-inclusion-card, .ao-guide .so-custom-card, .ao-guide .so-compare-label svg{transition: none;}
.ao-guide .so-price-card:hover, .ao-guide .so-inclusion-card:hover, .ao-guide .so-custom-card:hover{transform: none;}}
.ao-guide .so-full-page{background: rgb(7, 7, 7);}
.ao-guide .so-full-page .so-review-menu{z-index: 20; top: 91px;}
.ao-guide .so-full-page .so-hero{position: relative; width: calc(100% - 64px); min-height: 660px; padding: 0px; margin-top: 30px; display: flex; align-items: center; border: 1px solid rgb(41, 41, 41); border-radius: 24px; overflow: hidden; scroll-margin-top: 170px;}
.ao-guide .so-hero-image{position: absolute; inset: 0px;}
.ao-guide .so-hero-image img{width: 100%; height: 100%; object-fit: cover; object-position: center center; filter: none; transition: transform 0.7s;}
.ao-guide .so-hero-image-label{position: absolute; top: 24px; right: 24px; padding: 10px 13px; font-size: 11px; color: rgb(255, 255, 255); background: rgba(8, 8, 8, 0.91); border-radius: 7px;}
.ao-guide .so-hero-copy{position: relative; z-index: 1; width: 53%; max-width: 610px; padding: 42px; margin: 28px; background: rgba(8, 8, 8, 0.96); border: 1px solid rgb(51, 51, 51); border-radius: 18px;}
.ao-guide .so-hero-copy h1{font-family: Manrope, sans-serif; font-size: clamp(42px, 5.2vw, 67px); line-height: 1.08; letter-spacing: -2.4px; font-weight: 500; color: rgb(245, 245, 245); margin: 0px 0px 26px;}
.ao-guide .so-redesign .so-hero-copy p{font-size: 18px; line-height: 1.6; color: rgb(204, 204, 204);}
.ao-guide .so-button-orange{background: rgb(255, 92, 53); color: rgb(8, 8, 8);}
.ao-guide .so-button-orange:hover{background: rgb(255, 120, 88); color: rgb(8, 8, 8);}
.ao-guide .so-hero-introduction{display: grid; grid-template-columns: 1.15fr 1fr; gap: 80px; padding-top: 50px; padding-bottom: 60px;}
.ao-guide .so-redesign .so-hero-introduction p{font-size: 17px;}
.ao-guide .so-redesign .so-hero-introduction p:last-child{color: rgb(215, 249, 154);}
.ao-guide .so-editorial-layout{display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: start;}
.ao-guide .so-editorial-copy{display: flex; flex-direction: column; gap: 25px; padding-top: 6px;}
.ao-guide .so-size-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 20px;}
.ao-guide .so-size-card, .ao-guide .so-audience-card, .ao-guide .so-other-card{background: rgb(17, 17, 17); border: 1px solid rgb(44, 44, 44); padding: 30px; border-radius: 19px;}
.ao-guide .so-size-card h3, .ao-guide .so-audience-card h3, .ao-guide .so-other-card h3{margin-bottom: 24px;}
.ao-guide .so-size-card:first-child .so-icon{background: rgb(234, 250, 98); color: rgb(8, 8, 8);}
.ao-guide .so-size-note{margin-top: 28px !important;}
.ao-guide .so-text-link{display: inline-flex; align-items: center; gap: 10px; color: rgb(215, 249, 154); text-decoration: none; font-size: 14px; line-height: 1.8;}
.ao-guide .so-text-link svg{flex: 0 0 17px;}
.ao-guide .so-text-link:hover{color: rgb(255, 255, 255); text-decoration: underline; text-underline-offset: 5px;}
.ao-guide .so-compare-notes-intro{margin: 0px 0px 40px;}
.ao-guide .so-time-section{background: rgb(9, 9, 9);}
.ao-guide .so-time-panel{display: grid; grid-template-columns: 1fr 1fr; gap: 70px; background: rgb(17, 17, 17); border: 1px solid rgb(53, 53, 53); border-radius: 22px; padding: 48px;}
.ao-guide .so-time-panel .so-icon{margin-bottom: 26px; background: rgb(38, 32, 47); color: rgb(188, 154, 255);}
.ao-guide .so-time-panel h2{margin-bottom: 25px; font-size: 44px;}
.ao-guide .so-time-panel h3{font-size: 21px; color: rgb(221, 221, 221); line-height: 1.6;}
.ao-guide .so-time-panel p + p{margin-top: 25px;}
.ao-guide .so-redesign .so-time-statement{color: rgb(215, 249, 154); font-size: 24px; line-height: 1.5; padding-top: 28px; border-top: 1px solid rgb(56, 56, 56);}
.ao-guide .so-people-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 20px;}
.ao-guide .so-terms-panel{background: rgb(17, 17, 17); padding: 44px; border: 1px solid rgb(51, 51, 51); border-radius: 20px;}
.ao-guide .so-terms-panel .so-section-head{margin-bottom: 32px;}
.ao-guide .so-terms-panel .so-section-head > div{max-width: 820px;}
.ao-guide .so-terms-panel .so-check-list{display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 40px;}
.ao-guide .so-centre-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 24px;}
.ao-guide .so-centre-card{border: 1px solid rgb(51, 51, 51); background: rgb(17, 17, 17); border-radius: 20px; overflow: hidden;}
.ao-guide .so-centre-photo{overflow: hidden; height: 310px;}
.ao-guide .so-centre-photo img{width: 100%; height: 100%; object-fit: cover; filter: none; transition: transform 0.5s;}
.ao-guide .so-centre-copy{padding: 32px;}
.ao-guide .so-centre-copy h3{font-size: 26px; margin-bottom: 22px;}
.ao-guide .so-centre-copy h3 a{color: rgb(245, 245, 245); text-decoration: none;}
.ao-guide .so-centre-copy h3 a:hover{color: rgb(215, 249, 154);}
.ao-guide .so-step-grid{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 18px;}
.ao-guide .so-step-card{padding: 28px; background: rgb(17, 17, 17); border: 1px solid rgb(44, 44, 44); border-radius: 16px;}
.ao-guide .so-step-number{width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgb(34, 34, 34); color: rgb(255, 255, 255); font-family: Manrope, sans-serif; font-size: 17px;}
.ao-guide .so-step-card:first-child .so-step-number{background: rgb(255, 92, 53); color: rgb(8, 8, 8);}
.ao-guide .so-step-card h3{font-size: 20px; margin-bottom: 20px;}
.ao-guide .so-step-card p{font-size: 14px;}
.ao-guide .so-other-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 22px; margin-bottom: 28px;}
.ao-guide .so-other-card p{max-width: 490px;}
.ao-guide .so-faq-layout{display: grid; grid-template-columns: 0.65fr 1.35fr; gap: 65px; align-items: start;}
.ao-guide .so-faq-layout .so-section-head{display: block; position: sticky; top: 185px;}
.ao-guide .so-faq-list{border-top: 1px solid rgb(51, 51, 51);}
.ao-guide .so-faq-list details{border-bottom: 1px solid rgb(51, 51, 51);}
.ao-guide .so-faq-list summary{list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 25px 0px; font-size: 17px; line-height: 1.5; font-weight: 500; color: rgb(238, 238, 238); cursor: pointer;}
.ao-guide .so-faq-list summary::-webkit-details-marker{display: none;}
.ao-guide .so-faq-list summary svg{color: rgb(215, 249, 154); flex: 0 0 20px; transition: transform 0.2s;}
.ao-guide .so-faq-list details[open] summary svg{transform: rotate(45deg);}
.ao-guide .so-faq-list details p{padding: 0px 25px 28px 0px;}
.ao-guide .so-final-call{background: rgb(17, 17, 17);}
.ao-guide .so-final-inner{max-width: 820px;}
.ao-guide .so-final-inner h2{max-width: 660px; margin-bottom: 26px;}
.ao-guide .so-final-inner > p{max-width: 660px;}
.ao-guide .so-redesign .so-direct-line{margin-top: 28px; font-size: 14px;}
.ao-guide .so-direct-line a{color: rgb(215, 249, 154); text-decoration: underline; text-underline-offset: 4px;}
.ao-guide .so-bottom-index{padding-top: 42px; padding-bottom: 42px; display: flex; gap: 45px; align-items: start;}
.ao-guide .so-bottom-index > span{color: rgb(215, 249, 154); font-size: 12px; white-space: nowrap; padding-top: 4px;}
.ao-guide .so-bottom-index > div{display: flex; flex-wrap: wrap; gap: 18px 30px;}
.ao-guide .so-bottom-index a{color: rgb(185, 185, 185); font-size: 13px; text-decoration: none;}
.ao-guide .so-bottom-index a:hover{color: rgb(255, 255, 255);}
.ao-guide .so-review-menu .so-wrap{gap: 21px;}
.ao-guide .so-review-menu span{margin-right: 15px;}
@media (hover: hover) and (pointer: fine){.ao-guide .so-hero:hover .so-hero-image img, .ao-guide .so-centre-card:hover .so-centre-photo img{transform: scale(1.035);}
.ao-guide .so-size-card, .ao-guide .so-audience-card, .ao-guide .so-other-card, .ao-guide .so-step-card{transition: transform 0.22s, border-color 0.22s;}
.ao-guide .so-size-card:hover, .ao-guide .so-audience-card:hover, .ao-guide .so-other-card:hover, .ao-guide .so-step-card:hover{transform: translateY(-3px); border-color: rgb(101, 114, 90);}}
@media (max-width: 1050px){.ao-guide .so-hero-copy{width: 58%; margin: 22px; padding: 32px;}
.ao-guide .so-hero-copy h1{font-size: 54px;}
.ao-guide .so-hero-introduction, .ao-guide .so-editorial-layout, .ao-guide .so-time-panel, .ao-guide .so-faq-layout{gap: 40px;}
.ao-guide .so-step-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.ao-guide .so-hero-introduction{padding-bottom: 48px;}}
@media (max-width: 760px){.ao-guide .so-full-page .so-hero{width: calc(100% - 32px); min-height: 0px; margin-top: 20px; padding-top: 215px; padding-bottom: 18px; align-items: end;}
.ao-guide .so-hero-copy{width: 100%; max-width: none; margin: 0px 18px; padding: 28px;}
.ao-guide .so-hero-copy h1{font-size: 43px; letter-spacing: -1.5px;}
.ao-guide .so-redesign .so-hero-copy p{font-size: 16px;}
.ao-guide .so-hero-image-label{top: 18px; right: 18px; font-size: 10px;}
.ao-guide .so-hero-introduction, .ao-guide .so-editorial-layout, .ao-guide .so-size-grid, .ao-guide .so-time-panel, .ao-guide .so-people-grid, .ao-guide .so-centre-grid, .ao-guide .so-other-grid, .ao-guide .so-faq-layout, .ao-guide .so-terms-panel .so-check-list{grid-template-columns: 1fr; gap: 26px;}
.ao-guide .so-hero-introduction{padding-top: 34px; padding-bottom: 42px;}
.ao-guide .so-redesign .so-hero-introduction p{font-size: 16px;}
.ao-guide .so-size-card, .ao-guide .so-audience-card, .ao-guide .so-other-card, .ao-guide .so-time-panel, .ao-guide .so-terms-panel{padding: 28px;}
.ao-guide .so-time-panel h2{font-size: 36px;}
.ao-guide .so-redesign .so-time-statement{font-size: 22px;}
.ao-guide .so-terms-panel .so-section-head{margin-bottom: 26px;}
.ao-guide .so-centre-photo{height: 270px;}
.ao-guide .so-centre-copy{padding: 28px;}
.ao-guide .so-centre-copy h3{font-size: 24px;}
.ao-guide .so-step-grid{grid-template-columns: 1fr;}
.ao-guide .so-step-card{padding: 26px;}
.ao-guide .so-faq-layout .so-section-head{position: static; margin-bottom: 6px;}
.ao-guide .so-faq-list summary{font-size: 16px; padding: 22px 0px;}
.ao-guide .so-bottom-index{flex-direction: column; gap: 20px;}
.ao-guide .so-full-page .footer-links{flex-wrap: wrap;}}
@media (max-width: 700px){.ao-guide .so-full-page .so-review-menu{top: 76px;}}
@media (prefers-reduced-motion: reduce){.ao-guide .so-hero-image img, .ao-guide .so-centre-photo img, .ao-guide .so-size-card, .ao-guide .so-audience-card, .ao-guide .so-other-card, .ao-guide .so-step-card, .ao-guide .so-faq-list summary svg{transition: none;}
.ao-guide .so-hero:hover .so-hero-image img, .ao-guide .so-centre-card:hover .so-centre-photo img, .ao-guide .so-size-card:hover, .ao-guide .so-audience-card:hover, .ao-guide .so-other-card:hover, .ao-guide .so-step-card:hover{transform: none;}
.ao-guide .so-faq-layout .so-section-head{position: static;}}
.ao-guide .res-page{background: rgb(7, 7, 7); color: rgb(245, 245, 245); font-family: "DM Sans", sans-serif;}
.ao-guide .res-page *{box-sizing: border-box;}
.ao-guide .res-page h1, .ao-guide .res-page h2, .ao-guide .res-page h3{font-family: Manrope, sans-serif; color: rgb(245, 245, 245);}
.ao-guide .res-wrap{width: min(1232px, 100%); padding: 0px 32px; margin: 0px auto;}
.ao-guide .res-page h2{font-size: clamp(32px, 3.4vw, 43px); line-height: 1.2; letter-spacing: -1.6px; font-weight: 550; margin: 0px 0px 30px;}
.ao-guide .res-page h3{font-size: 23px; line-height: 1.4; letter-spacing: -0.5px; font-weight: 600; margin: 32px 0px 18px;}
.ao-guide .res-page p, .ao-guide .res-page li{font-size: 16px; line-height: 1.9; color: rgb(190, 190, 190);}
.ao-guide .res-page p{margin: 0px 0px 23px;}
.ao-guide .res-page a{text-decoration: none;}
.ao-guide .res-page a:focus-visible, .ao-guide .res-page button:focus-visible, .ao-guide .res-page input:focus-visible, .ao-guide .res-page summary:focus-visible{outline: rgb(215, 249, 154) solid 2px; outline-offset: 5px;}
.ao-guide .res-eyebrow{font-size: 11px; letter-spacing: 1.6px; color: silver; margin-bottom: 22px; font-weight: 550;}
.ao-guide .res-breadcrumb{display: flex; gap: 14px; align-items: center; font-size: 12px; color: rgb(160, 160, 160); padding-top: 25px; padding-bottom: 25px;}
.ao-guide .res-breadcrumb a{color: rgb(215, 249, 154);}
.ao-guide .res-page .res-hero{padding: 0px; width: calc(100% - 64px); min-height: 710px; position: relative; display: flex; align-items: center; border: 1px solid rgb(44, 44, 44); border-radius: 24px; overflow: hidden;}
.ao-guide .res-hero-image{position: absolute; inset: 0px;}
.ao-guide .res-hero-image img{width: 100%; height: 100%; object-fit: cover; filter: none; transition: transform 0.65s;}
.ao-guide .res-hero-panel{position: relative; z-index: 1; margin: 28px; padding: 40px; width: 55%; max-width: 650px; background: rgba(8, 8, 8, 0.96); border: 1px solid rgb(51, 51, 51); border-radius: 18px;}
.ao-guide .res-hero h1{font-size: clamp(43px, 4.45vw, 59px); line-height: 1.1; letter-spacing: -2px; font-weight: 500; margin: 0px 0px 27px;}
.ao-guide .res-hero-panel > p{font-size: 16px; color: rgb(196, 196, 196); line-height: 1.7; margin-bottom: 25px;}
.ao-guide .res-hero-meta{display: flex; flex-wrap: wrap; gap: 14px 22px; margin-bottom: 28px;}
.ao-guide .res-hero-meta > span{display: inline-flex; align-items: center; gap: 7px; font-size: 11px; color: rgb(182, 182, 182);}
.ao-guide .res-hero-meta svg{color: rgb(215, 249, 154);}
.ao-guide .res-hero-actions{display: flex; flex-wrap: wrap; gap: 12px;}
.ao-guide .res-button{display: inline-flex; align-items: center; justify-content: center; gap: 11px; padding: 13px 17px; background: rgb(234, 250, 98); border: 1px solid rgb(234, 250, 98); border-radius: 8px; font-size: 12px; font-weight: 650; line-height: 1.6; font-family: inherit; cursor: pointer; color: rgb(8, 8, 8) !important;}
.ao-guide .res-button:hover{background: rgb(216, 231, 77); border-color: rgb(216, 231, 77);}
.ao-guide .res-button-orange{background: rgb(255, 92, 53); border-color: rgb(255, 92, 53);}
.ao-guide .res-button-orange:hover{background: rgb(255, 120, 88); border-color: rgb(255, 120, 88);}
.ao-guide .res-button-outline{background: transparent; border-color: rgb(74, 74, 74); color: rgb(240, 240, 240) !important;}
.ao-guide .res-button-outline:hover{background: rgb(34, 34, 34); border-color: rgb(119, 119, 119);}
.ao-guide .res-reading-layout{display: grid; grid-template-columns: 238px minmax(0px, 1fr); gap: 72px; padding-top: 95px;}
.ao-guide .res-reading-rail{position: sticky; top: 117px; align-self: start; padding-bottom: 20px;}
.ao-guide .res-rail-title{font-size: 10px; letter-spacing: 1.7px; color: rgb(201, 201, 201); margin-bottom: 20px;}
.ao-guide .res-reading-rail nav a{display: flex; gap: 15px; align-items: start; border-left: 2px solid rgb(41, 41, 41); padding: 9px 12px 9px 16px; font-size: 12px; line-height: 1.6; color: rgb(147, 147, 147);}
.ao-guide .res-reading-rail nav a span{font-size: 10px; color: rgb(115, 115, 115); flex: 0 0 18px; padding-top: 1px;}
.ao-guide .res-reading-rail nav a.active{color: rgb(215, 249, 154); border-left-color: rgb(215, 249, 154); background: rgb(16, 33, 25);}
.ao-guide .res-reading-rail nav a:hover{color: rgb(255, 255, 255);}
.ao-guide .res-reading-progress{padding: 28px 0px 18px; font-size: 11px; color: rgb(169, 169, 169); display: flex; align-items: center; flex-wrap: wrap; gap: 12px;}
.ao-guide .res-reading-progress > span{width: 100%;}
.ao-guide .res-reading-progress progress{width: calc(100% - 42px); height: 4px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; accent-color: rgb(215, 249, 154);}
.ao-guide progress::-webkit-progress-bar{background: rgb(44, 44, 44); border-radius: 8px;}
.ao-guide progress::-webkit-progress-value{background: rgb(215, 249, 154); border-radius: 8px;}
.ao-guide .res-print-button{display: inline-flex; gap: 10px; align-items: center; padding: 13px 16px; border: 1px solid rgb(57, 57, 57); border-radius: 8px; background: rgb(17, 17, 17); color: rgb(238, 238, 238); font-family: inherit; font-size: 12px; cursor: pointer;}
.ao-guide .res-print-button:hover{border-color: rgb(215, 249, 154);}
.ao-guide .res-article{min-width: 0px;}
.ao-guide .res-section{padding: 0px 0px 70px; margin-bottom: 65px; border-bottom: 1px solid rgb(48, 48, 48); scroll-margin-top: 115px;}
.ao-guide .res-section-kicker{font-size: 10px; letter-spacing: 1.7px; color: rgb(146, 146, 146); margin-bottom: 18px;}
.ao-guide .res-section p a{color: rgb(215, 249, 154); text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere;}
.ao-guide .res-section p strong{color: rgb(240, 240, 240); font-weight: 600;}
.ao-guide .res-tick-list{display: flex; flex-direction: column; gap: 15px; padding: 24px; border: 1px solid rgb(51, 51, 51); border-radius: 16px; background: rgb(17, 17, 17); margin: 25px 0px; list-style: none;}
.ao-guide .res-tick-list li{display: flex; gap: 14px; font-size: 15px;}
.ao-guide .res-tick-list svg{color: rgb(215, 249, 154); flex: 0 0 17px; margin-top: 6px;}
.ao-guide .res-page p.res-note{padding: 25px; background: rgb(12, 33, 25); border-width: 1px 1px 1px 3px; border-style: solid; border-color: rgb(43, 75, 56) rgb(43, 75, 56) rgb(43, 75, 56) rgb(215, 249, 154); border-image: none; border-radius: 12px; color: rgb(192, 209, 198); font-size: 15px;}
.ao-guide .res-feature-list, .ao-guide .res-step-list{display: flex; flex-direction: column; gap: 20px; margin: 28px 0px 0px;}
.ao-guide .res-feature-card, .ao-guide .res-step-card{display: flex; align-items: start; gap: 20px; padding: 28px; border: 1px solid rgb(51, 51, 51); border-radius: 17px; background: rgb(17, 17, 17);}
.ao-guide .res-feature-card h3, .ao-guide .res-step-card h3{margin-top: 0px; font-size: 22px;}
.ao-guide .res-feature-card p:last-child, .ao-guide .res-step-card p:last-child{margin-bottom: 0px;}
.ao-guide .res-feature-tick, .ao-guide .res-step-number{display: flex; justify-content: center; align-items: center; flex: 0 0 33px; height: 33px; border-radius: 50%; background: rgb(32, 40, 32); color: rgb(215, 249, 154); margin-top: 2px;}
.ao-guide .res-step-number{background: rgb(34, 34, 34); color: rgb(255, 255, 255); font-size: 14px; font-weight: 600;}
.ao-guide .res-step-card:first-child .res-step-number{background: rgb(255, 92, 53); color: rgb(8, 8, 8);}
.ao-guide .res-feature-card > div, .ao-guide .res-step-card > div{min-width: 0px;}
.ao-guide .res-address-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px; margin: 20px 0px;}
.ao-guide .res-address-choice{text-align: left; padding: 25px; border: 1px solid rgb(54, 54, 54); border-radius: 15px; background: rgb(17, 17, 17); color: rgb(255, 255, 255); cursor: pointer; font-family: inherit;}
.ao-guide .res-address-choice.selected{background: rgb(12, 33, 25); border-color: rgb(127, 155, 101);}
.ao-guide .res-address-choice h3{margin: 0px 0px 22px; font-size: 20px;}
.ao-guide .res-address-choice p{font-size: 13px; line-height: 1.8; margin-bottom: 18px;}
.ao-guide .res-address-choice p:last-child{margin-bottom: 0px;}
.ao-guide .res-address-choice strong{display: inline-block; font-size: 10px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 5px; color: rgb(215, 249, 154) !important;}
.ao-guide .res-address-detail{padding: 28px; border: 1px solid rgb(60, 80, 54); border-radius: 16px; background: rgb(16, 26, 19); margin: 22px 0px;}
.ao-guide .res-address-detail[hidden]{display: none;}
.ao-guide .res-address-detail h3{margin-top: 0px;}
.ao-guide .res-address-detail p:last-child{margin-bottom: 0px;}
.ao-guide .res-help-section{padding: 36px; background: rgb(12, 33, 25); border: 1px solid rgb(43, 75, 56); border-radius: 20px;}
.ao-guide .res-help-section p{color: rgb(192, 209, 198);}
.ao-guide .res-centre-list{display: flex; flex-direction: column; gap: 12px; margin: 30px 0px;}
.ao-guide .res-centre-list a{display: flex; align-items: center; gap: 18px; background: rgb(17, 27, 20); border: 1px solid rgb(51, 84, 61); border-radius: 12px; padding: 21px; color: rgb(192, 209, 198); font-size: 14px; line-height: 1.8;}
.ao-guide .res-centre-list a > span{flex: 1 1 0%; white-space: pre-line;}
.ao-guide .res-centre-list a strong{color: rgb(245, 245, 245); font-size: 18px;}
.ao-guide .res-centre-list a > svg{color: rgb(215, 249, 154); flex: 0 0 20px;}
.ao-guide .res-centre-list a:hover{border-color: rgb(140, 167, 118);}
.ao-guide .res-checklist-section{padding: 35px; background: rgb(17, 17, 17); border: 1px solid rgb(60, 73, 51); border-radius: 20px;}
.ao-guide .res-checklist-row{display: flex; gap: 16px; align-items: start; padding: 19px; border: 1px solid rgb(51, 51, 51); background: rgb(12, 12, 12); border-radius: 11px; cursor: pointer; color: rgb(221, 221, 221); font-size: 15px; line-height: 1.7;}
.ao-guide .res-checklist-row.checked{border-color: rgb(69, 96, 58); background: rgb(12, 33, 25);}
.ao-guide .res-checklist-input{width: 19px; height: 19px; flex: 0 0 19px; margin-top: 4px; accent-color: rgb(215, 249, 154); cursor: pointer;}
.ao-guide .res-checklist-items, .ao-guide .res-checklist-list{display: flex; flex-direction: column; gap: 11px; margin: 26px 0px;}
.ao-guide .res-checklist-progress{width: 100%; height: 5px; accent-color: rgb(215, 249, 154); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 5px; margin-bottom: 13px;}
.ao-guide .res-checklist-count{display: block; font-size: 12px; color: rgb(215, 249, 154); margin-bottom: 18px;}
.ao-guide .res-page .res-checklist-status{color: rgb(166, 166, 166); font-size: 12px; margin-top: 18px; line-height: 1.7;}
.ao-guide .res-tool-actions{display: flex; flex-wrap: wrap; align-items: center; gap: 12px;}
.ao-guide .res-tool-actions .res-button{font-size: 11px; padding: 11px 15px;}
.ao-guide .res-faq-search label{display: block; font-size: 12px; color: rgb(221, 221, 221); margin: 20px 0px 12px;}
.ao-guide .res-faq-search{width: 100%; margin-bottom: 18px;}
.ao-guide .res-faq-search-field{display: flex; align-items: center; gap: 12px; padding: 15px 17px; border: 1px solid rgb(58, 58, 58); border-radius: 9px; background: rgb(17, 17, 17);}
.ao-guide .res-faq-search-field svg{color: rgb(169, 169, 169); flex: 0 0 18px;}
.ao-guide .res-faq-search input{width: 100%; min-width: 0px; padding: 0px; border: 0px; color: rgb(255, 255, 255); background: transparent; font-family: inherit; font-size: 14px;}
.ao-guide .res-faq-search input::placeholder{color: rgb(146, 146, 146);}
.ao-guide .res-faq-count{color: rgb(169, 169, 169); font-size: 12px; margin: 22px 0px;}
.ao-guide .res-faq-list{border-top: 1px solid rgb(51, 51, 51); margin-top: 25px;}
.ao-guide .res-faq-item{border-bottom: 1px solid rgb(51, 51, 51);}
.ao-guide .res-faq-item[hidden]{display: none;}
.ao-guide .res-faq-item summary{list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 25px; padding: 24px 0px; cursor: pointer; font-size: 17px; font-weight: 500; line-height: 1.6;}
.ao-guide .res-faq-item summary::-webkit-details-marker{display: none;}
.ao-guide .res-faq-item summary svg{color: rgb(215, 249, 154); flex: 0 0 20px; transition: transform 0.2s;}
.ao-guide .res-faq-item[open] summary svg{transform: rotate(45deg);}
.ao-guide .res-faq-item p{font-size: 15px; padding-right: 20px; padding-bottom: 6px;}
.ao-guide .res-faq-empty[hidden]{display: none;}
.ao-guide .res-source-list{list-style: none; margin: 26px 0px 35px; padding: 0px; display: flex; flex-direction: column; gap: 12px;}
.ao-guide .res-source-list a{display: flex; justify-content: space-between; align-items: center; gap: 25px; padding: 19px 21px; border: 1px solid rgb(51, 51, 51); border-radius: 11px; background: rgb(17, 17, 17); color: rgb(221, 221, 221); font-size: 14px; line-height: 1.6;}
.ao-guide .res-source-list a:hover{color: rgb(215, 249, 154); border-color: rgb(80, 98, 63);}
.ao-guide .res-source-list svg{flex: 0 0 18px; color: rgb(215, 249, 154);}
.ao-guide .res-related{border-top: 1px solid rgb(51, 51, 51); padding-top: 10px; margin-top: 30px;}
.ao-guide .res-related h3{font-size: 18px;}
.ao-guide .res-related ul{padding-left: 20px;}
.ao-guide .res-related li{font-size: 14px; padding-bottom: 8px;}
.ao-guide .res-page .res-disclaimer{margin-top: 35px; font-size: 12px; line-height: 1.9; color: rgb(170, 170, 170); padding: 22px; border: 1px solid rgb(51, 51, 51); border-radius: 12px;}
.ao-guide .res-bottom-index{padding-top: 5px; padding-bottom: 55px; display: flex; align-items: start; gap: 32px;}
.ao-guide .res-bottom-index > span{font-size: 10px; letter-spacing: 1px; color: rgb(215, 249, 154); white-space: nowrap; padding-top: 3px;}
.ao-guide .res-bottom-index > div{display: flex; flex-wrap: wrap; gap: 15px 24px; flex: 1 1 0%;}
.ao-guide .res-bottom-index a{font-size: 12px; color: rgb(169, 169, 169);}
.ao-guide .res-bottom-index a:hover{color: rgb(255, 255, 255);}
.ao-guide .res-bottom-index .res-back-top{color: rgb(215, 249, 154); white-space: nowrap; display: flex; align-items: center; gap: 9px;}
.ao-guide .res-index-page .res-index-hero{margin-top: 30px; min-height: 530px;}
.ao-guide .res-index-hero h1{font-size: 82px;}
.ao-guide .res-library{padding-top: 85px; padding-bottom: 110px;}
.ao-guide .res-library-heading{display: flex; align-items: end; justify-content: space-between; gap: 25px; margin-bottom: 35px;}
.ao-guide .res-library-heading h2{margin: 0px;}
.ao-guide .res-library-heading > span{font-size: 11px; color: rgb(151, 151, 151);}
.ao-guide .res-featured-guide{display: grid; grid-template-columns: 0.9fr 1.1fr; border: 1px solid rgb(52, 52, 52); border-radius: 22px; overflow: hidden; background: rgb(17, 17, 17); color: rgb(255, 255, 255);}
.ao-guide .res-featured-photo{overflow: hidden; min-height: 420px;}
.ao-guide .res-featured-photo img{width: 100%; height: 100%; object-fit: cover; filter: none; transition: transform 0.65s;}
.ao-guide .res-featured-copy{padding: 43px;}
.ao-guide .res-guide-label{display: flex; align-items: center; gap: 10px; font-size: 10px; letter-spacing: 1.2px; color: rgb(215, 249, 154);}
.ao-guide .res-featured-copy h3{font-size: 35px; margin-top: 25px; line-height: 1.22; letter-spacing: -1.2px;}
.ao-guide .res-featured-copy p{font-size: 15px;}
.ao-guide .res-read-link{display: inline-flex; gap: 18px; align-items: center; color: rgb(215, 249, 154); font-size: 13px; padding-top: 7px;}
.ao-guide .footer-links{flex-wrap: wrap;}
@media (hover: hover) and (pointer: fine){.ao-guide .res-hero:hover .res-hero-image img, .ao-guide .res-featured-guide:hover .res-featured-photo img{transform: scale(1.035);}
.ao-guide .res-address-choice, .ao-guide .res-feature-card{transition: transform 0.22s, border-color 0.22s;}
.ao-guide .res-address-choice:hover, .ao-guide .res-feature-card:hover{transform: translateY(-2px); border-color: rgb(110, 131, 91);}}
@media (max-width: 1050px){.ao-guide .res-reading-layout{grid-template-columns: 200px minmax(0px, 1fr); gap: 42px;}
.ao-guide .res-hero-panel{width: 62%; padding: 32px; margin: 22px;}
.ao-guide .res-hero h1{font-size: 49px;}
.ao-guide .res-help-section, .ao-guide .res-checklist-section{padding: 28px;}
.ao-guide .res-feature-card, .ao-guide .res-step-card{padding: 24px; gap: 16px;}
.ao-guide .res-featured-copy{padding: 32px;}
.ao-guide .res-featured-copy h3{font-size: 30px;}}
@media (max-width: 850px){.ao-guide .res-reading-layout{display: block; padding-top: 45px;}
.ao-guide .res-reading-rail{position: relative; top: auto; margin-bottom: 45px; padding: 24px; border: 1px solid rgb(51, 51, 51); border-radius: 15px; background: rgb(17, 17, 17);}
.ao-guide .res-reading-rail nav{display: flex; gap: 5px; flex-wrap: wrap;}
.ao-guide .res-rail-title{width: 100%;}
.ao-guide .res-reading-rail nav a{width: calc(50% - 4px); font-size: 11px; border-left: 0px; border-radius: 5px; padding: 7px;}
.ao-guide .res-reading-rail nav a span{flex-basis: 15px;}
.ao-guide .res-reading-progress{padding-top: 22px;}
.ao-guide .res-reading-progress progress{flex: 1 1 0%;}
.ao-guide .res-print-button{margin-top: 10px;}}
@media (max-width: 700px){.ao-guide .res-wrap{padding: 0px 22px;}
.ao-guide .res-breadcrumb{padding-top: 20px; padding-bottom: 20px; font-size: 10px; gap: 9px;}
.ao-guide .res-page .res-hero{width: calc(100% - 32px); padding-top: 210px; padding-bottom: 18px; min-height: 0px; align-items: end;}
.ao-guide .res-hero-panel{width: 100%; max-width: none; margin: 0px 17px; padding: 27px;}
.ao-guide .res-hero h1{font-size: 41px; letter-spacing: -1.4px;}
.ao-guide .res-hero-panel > p{font-size: 14px;}
.ao-guide .res-hero-meta{gap: 12px;}
.ao-guide .res-hero-meta > span{font-size: 10px;}
.ao-guide .res-button{padding: 12px 15px; font-size: 11px;}
.ao-guide .res-reading-layout{padding-top: 34px;}
.ao-guide .res-reading-rail{padding: 20px; margin-bottom: 36px;}
.ao-guide .res-page h2{font-size: 33px; letter-spacing: -1.1px;}
.ao-guide .res-page h3{font-size: 22px;}
.ao-guide .res-page p, .ao-guide .res-page li{font-size: 15px;}
.ao-guide .res-section{padding-bottom: 45px; margin-bottom: 45px; scroll-margin-top: 95px;}
.ao-guide .res-feature-card, .ao-guide .res-step-card{padding: 23px 20px; gap: 14px;}
.ao-guide .res-feature-card h3, .ao-guide .res-step-card h3{font-size: 20px;}
.ao-guide .res-feature-tick, .ao-guide .res-step-number{flex-basis: 27px; height: 27px;}
.ao-guide .res-tick-list{padding: 21px;}
.ao-guide .res-page p.res-note{padding: 21px; font-size: 14px;}
.ao-guide .res-address-grid{grid-template-columns: 1fr; gap: 13px;}
.ao-guide .res-address-choice{padding: 23px;}
.ao-guide .res-address-choice h3{font-size: 21px;}
.ao-guide .res-address-detail{padding: 24px;}
.ao-guide .res-help-section, .ao-guide .res-checklist-section{padding: 25px 21px;}
.ao-guide .res-checklist-row{padding: 16px; gap: 13px; font-size: 14px;}
.ao-guide .res-faq-item summary{font-size: 15px; gap: 16px;}
.ao-guide .res-faq-item p{font-size: 14px; padding-right: 0px;}
.ao-guide .res-bottom-index{padding-bottom: 40px; flex-wrap: wrap; gap: 22px;}
.ao-guide .res-bottom-index > span{width: 100%;}
.ao-guide .res-bottom-index > div{flex-basis: 100%;}
.ao-guide .res-index-page .res-index-hero{margin-top: 20px; min-height: 0px;}
.ao-guide .res-index-hero h1{font-size: 56px;}
.ao-guide .res-library{padding-top: 60px; padding-bottom: 70px;}
.ao-guide .res-library-heading{align-items: start;}
.ao-guide .res-featured-guide{grid-template-columns: 1fr;}
.ao-guide .res-featured-photo{min-height: 0px; height: 260px;}
.ao-guide .res-featured-copy{padding: 29px;}
.ao-guide .res-featured-copy h3{font-size: 30px;}}
@media (prefers-reduced-motion: reduce){.ao-guide .res-hero-image img, .ao-guide .res-featured-photo img, .ao-guide .res-address-choice, .ao-guide .res-feature-card, .ao-guide .res-faq-item summary svg{transition: none;}
.ao-guide .res-hero:hover .res-hero-image img, .ao-guide .res-featured-guide:hover .res-featured-photo img, .ao-guide .res-address-choice:hover, .ao-guide .res-feature-card:hover{transform: none;}
.ao-guide .res-reading-rail{position: static;}}
@media print{.ao-guide .res-page, .ao-guide .res-page main{background: rgb(255, 255, 255) !important; color: rgb(17, 17, 17) !important;}
.ao-guide .res-page .site-header, .ao-guide .res-page .site-footer, .ao-guide .res-breadcrumb, .ao-guide .res-hero-image, .ao-guide .res-hero-actions, .ao-guide .res-hero-meta, .ao-guide .res-reading-rail, .ao-guide .res-bottom-index, .ao-guide .res-tool-actions, .ao-guide .res-faq-search-label, .ao-guide .res-faq-search, .ao-guide .res-faq-count, .ao-guide .res-faq-empty, .ao-guide .res-checklist-status{display: none !important;}
.ao-guide .res-page .res-hero{width: 100%; min-height: 0px; border: 0px; padding: 0px; margin: 0px; display: block;}
.ao-guide .res-hero-panel{width: 100%; max-width: none; padding: 0px; margin: 0px; background: none; border: 0px;}
.ao-guide .res-hero h1{color: rgb(17, 17, 17) !important; font-size: 28pt;}
.ao-guide .res-page p, .ao-guide .res-page h2, .ao-guide .res-page h3, .ao-guide .res-page li, .ao-guide .res-page strong, .ao-guide .res-page a, .ao-guide .res-page .res-eyebrow{color: rgb(17, 17, 17) !important;}
.ao-guide .res-wrap{width: 100%; padding: 0px;}
.ao-guide .res-reading-layout{display: block; padding-top: 25px;}
.ao-guide .res-section{margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid rgb(187, 187, 187);}
.ao-guide .res-page h2{font-size: 21pt; margin-bottom: 15px;}
.ao-guide .res-page h3{font-size: 15pt;}
.ao-guide .res-page p, .ao-guide .res-page li{font-size: 10pt; line-height: 1.6;}
.ao-guide .res-help-section, .ao-guide .res-checklist-section, .ao-guide .res-feature-card, .ao-guide .res-step-card, .ao-guide .res-address-choice, .ao-guide .res-address-detail, .ao-guide .res-tick-list, .ao-guide .res-page p.res-note, .ao-guide .res-source-list a, .ao-guide .res-centre-list a{border: 1px solid rgb(187, 187, 187); padding: 15px; box-shadow: none; background: rgb(255, 255, 255) !important; color: rgb(17, 17, 17) !important;}
.ao-guide .res-address-detail[hidden], .ao-guide .res-faq-item[hidden]{display: block !important;}
.ao-guide .res-address-grid{grid-template-columns: 1fr 1fr;}
.ao-guide .res-faq-item summary{font-size: 12pt;}
.ao-guide .res-feature-card, .ao-guide .res-step-card, .ao-guide .res-address-choice, .ao-guide .res-checklist-row, .ao-guide .res-source-list li{break-inside: avoid;}
.ao-guide .res-section h2{break-after: avoid;}
.ao-guide .res-disclaimer{color: rgb(17, 17, 17) !important;}}
@media print{.ao-guide .res-page .res-address-detail[hidden], .ao-guide .res-page .res-faq-item[hidden]{display: block !important;}}
.ao-guide .res-page .res-guide-cover{width: calc(100% - 64px); padding: 0px; border: 1px solid rgb(52, 52, 52); border-radius: 23px; background: rgb(11, 11, 11); overflow: hidden;}
.ao-guide .res-cover-main{display: grid; grid-template-columns: 1.15fr 1fr; gap: 64px; padding: 46px; align-items: center;}
.ao-guide .res-guide-badge{display: inline-flex; align-items: center; gap: 9px; color: rgb(215, 249, 154); font-size: 10px; font-weight: 550; letter-spacing: 1.2px; padding: 9px 12px; border: 1px solid rgb(59, 76, 47); background: rgb(16, 26, 18); border-radius: 7px; margin-bottom: 29px;}
.ao-guide .res-guide-badge > span{padding-left: 12px; margin-left: 6px; border-left: 1px solid rgb(66, 86, 56); color: rgb(182, 198, 157);}
.ao-guide .res-guide-cover h1{margin: 0px 0px 28px; font-size: clamp(43px, 4.8vw, 64px); font-weight: 500; line-height: 1.07; letter-spacing: -2.4px;}
.ao-guide .res-cover-copy > p{color: rgb(184, 184, 184); font-size: 15px; line-height: 1.85; margin-bottom: 27px;}
.ao-guide .res-cover-note{display: flex; align-items: start; gap: 9px; color: rgb(196, 212, 182); font-size: 11px; line-height: 1.7; padding-top: 19px; border-top: 1px solid rgb(48, 48, 48);}
.ao-guide .res-cover-note > span{width: 6px; height: 6px; background: rgb(215, 249, 154); border-radius: 50%; flex: 0 0 6px; margin-top: 6px;}
.ao-guide .res-choice-label{font-size: 10px; letter-spacing: 1.3px; color: rgb(150, 150, 150); margin-bottom: 17px;}
.ao-guide .res-reading-choices{display: flex; flex-direction: column; gap: 15px;}
.ao-guide .res-reading-choices .res-choice-label{margin-bottom: 0px;}
.ao-guide .res-read-card{display: flex; gap: 26px; align-items: start; padding: 30px; border: 1px solid rgb(52, 52, 52); border-radius: 16px; background: rgb(19, 19, 19); color: rgb(255, 255, 255);}
.ao-guide .res-read-card-quick{background: rgb(12, 33, 25); border-color: rgb(49, 82, 59);}
.ao-guide .res-read-duration{display: flex; flex-direction: column; min-width: 76px;}
.ao-guide .res-read-duration b{font-family: Manrope, sans-serif; font-size: 68px; font-weight: 400; color: rgb(237, 237, 237); line-height: 1; letter-spacing: -4px;}
.ao-guide .res-read-card-quick .res-read-duration b{color: rgb(215, 249, 154);}
.ao-guide .res-read-duration small{margin-top: 11px; color: rgb(160, 170, 160); font-size: 9px; letter-spacing: 1.7px;}
.ao-guide .res-read-card-copy{display: flex; flex-direction: column; gap: 12px; flex: 1 1 0%;}
.ao-guide .res-read-card-tag{display: flex; align-items: center; gap: 6px; font-size: 9px; color: rgb(154, 154, 154); letter-spacing: 0.8px;}
.ao-guide .res-read-card-quick .res-read-card-tag{color: rgb(189, 210, 182);}
.ao-guide .res-read-card-copy strong{font-family: Manrope, sans-serif; font-size: 20px; font-weight: 550; color: rgb(245, 245, 245); line-height: 1.35;}
.ao-guide .res-read-card-copy > span:not(.res-read-card-tag){font-size: 12px; line-height: 1.7; color: rgb(170, 170, 170);}
.ao-guide .res-read-card-copy em{display: flex; align-items: center; gap: 14px; color: rgb(215, 249, 154); font-size: 11px; font-style: normal; margin-top: 6px;}
.ao-guide .res-cover-footer{padding: 22px 46px; border-top: 1px solid rgb(52, 52, 52); display: flex; align-items: center; flex-wrap: wrap; gap: 18px 30px;}
.ao-guide .res-cover-footer > span{display: flex; align-items: center; gap: 9px; color: rgb(169, 169, 169); font-size: 11px;}
.ao-guide .res-cover-footer svg{color: rgb(215, 249, 154);}
.ao-guide .res-cover-footer > a{display: inline-flex; align-items: center; gap: 12px; margin-left: auto; font-size: 11px; color: rgb(215, 249, 154);}
.ao-guide .res-mode-bar{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; padding-top: 13px; padding-bottom: 13px; margin-top: 38px; position: sticky; top: 91px; z-index: 20; background: rgba(8, 8, 8, 0.96); border-top: 1px solid rgb(51, 51, 51); border-bottom: 1px solid rgb(51, 51, 51);}
.ao-guide .res-mode-bar > span{font-size: 10px; letter-spacing: 1.3px; color: rgb(155, 155, 155);}
.ao-guide .res-mode-bar > div{display: flex; gap: 8px;}
.ao-guide .res-mode-bar button{display: inline-flex; align-items: center; gap: 9px; padding: 13px 18px; border: 1px solid rgb(51, 51, 51); border-radius: 8px; background: rgb(19, 19, 19); color: rgb(182, 182, 182); font-family: inherit; font-size: 12px; cursor: pointer;}
.ao-guide .res-mode-bar button.selected{color: rgb(215, 249, 154); border-color: rgb(104, 131, 88); background: rgb(17, 35, 26);}
.ao-guide .res-guide-page .res-reading-layout{padding-top: 66px;}
.ao-guide .res-guide-page .res-reading-rail{top: 185px;}
.ao-guide .res-guide-page .res-section{scroll-margin-top: 190px;}
.ao-guide .res-quick-overview{padding-top: 63px; padding-bottom: 75px; scroll-margin-top: 185px;}
.ao-guide .res-overview-header{display: flex; align-items: start; justify-content: space-between; gap: 28px; margin-bottom: 38px;}
.ao-guide .res-overview-header > div{max-width: 740px;}
.ao-guide .res-overview-header .res-eyebrow{display: flex; align-items: center; gap: 8px; color: rgb(215, 249, 154);}
.ao-guide .res-overview-header h2{margin-bottom: 20px;}
.ao-guide .res-overview-header p{color: rgb(169, 169, 169); font-size: 14px;}
.ao-guide .res-overview-print{white-space: nowrap; margin-top: 5px;}
.ao-guide .res-overview-content{width: min(900px, 100%); margin: 0px auto; border-top: 1px solid rgb(51, 51, 51);}
.ao-guide .res-overview-point{display: flex; gap: 28px; padding: 31px 0px; border-bottom: 1px solid rgb(51, 51, 51);}
.ao-guide .res-overview-point > span{font-family: Manrope, sans-serif; color: rgb(215, 249, 154); font-size: 17px; flex: 0 0 37px; padding-top: 4px;}
.ao-guide .res-overview-point > div{min-width: 0px;}
.ao-guide .res-overview-point h3{margin: 0px 0px 14px; font-size: 23px;}
.ao-guide .res-overview-point p{font-size: 16px; color: silver; margin: 0px; line-height: 1.9;}
.ao-guide .res-overview-next{width: min(900px, 100%); margin: 40px auto 0px; padding: 32px; border: 1px solid rgb(49, 81, 59); border-radius: 17px; background: rgb(12, 33, 25);}
.ao-guide .res-overview-next > div > span{font-size: 9px; letter-spacing: 1.3px; color: rgb(215, 249, 154);}
.ao-guide .res-overview-next h3{font-size: 24px; margin: 15px 0px 23px;}
@media (hover: hover) and (pointer: fine){.ao-guide .res-read-card{transition: transform 0.22s, border-color 0.22s;}
.ao-guide .res-read-card:hover{transform: translateY(-3px); border-color: rgb(121, 146, 103);}
.ao-guide .res-mode-bar button:hover{border-color: rgb(124, 141, 110); color: rgb(255, 255, 255);}}
@media (max-width: 1050px){.ao-guide .res-cover-main{padding: 34px; gap: 34px; grid-template-columns: 1fr 1fr;}
.ao-guide .res-guide-cover h1{font-size: 51px;}
.ao-guide .res-read-card{padding: 25px; gap: 20px;}
.ao-guide .res-read-duration b{font-size: 57px;}
.ao-guide .res-read-duration{min-width: 60px;}
.ao-guide .res-read-card-copy strong{font-size: 18px;}
.ao-guide .res-cover-footer{padding: 22px 34px;}
.ao-guide .res-cover-footer > a{margin-left: 0px;}}
@media (max-width: 850px){.ao-guide .res-cover-main{grid-template-columns: 1fr; gap: 40px;}
.ao-guide .res-cover-copy{max-width: 650px;}
.ao-guide .res-reading-choices{display: grid; grid-template-columns: 1fr 1fr;}
.ao-guide .res-reading-choices .res-choice-label{grid-column: 1 / -1;}
.ao-guide .res-read-card{flex-direction: column; gap: 22px;}
.ao-guide .res-read-duration{flex-direction: row; align-items: end; gap: 13px;}
.ao-guide .res-read-duration small{margin-bottom: 6px;}
.ao-guide .res-guide-page .res-reading-rail{top: auto;}
.ao-guide .res-overview-header{flex-direction: column; gap: 6px;}}
@media (max-width: 700px){.ao-guide .res-page .res-guide-cover{width: calc(100% - 32px);}
.ao-guide .res-cover-main{padding: 28px; gap: 32px;}
.ao-guide .res-guide-badge{font-size: 8px; letter-spacing: 0.8px; padding: 8px 9px; gap: 7px;}
.ao-guide .res-guide-badge > span{padding-left: 8px; margin-left: 2px;}
.ao-guide .res-guide-cover h1{font-size: 42px; letter-spacing: -1.5px;}
.ao-guide .res-cover-copy > p{font-size: 14px;}
.ao-guide .res-cover-note{font-size: 10px;}
.ao-guide .res-reading-choices{grid-template-columns: 1fr;}
.ao-guide .res-read-card{flex-direction: row; padding: 25px; gap: 23px;}
.ao-guide .res-read-duration{flex-direction: column; align-items: start; gap: 0px;}
.ao-guide .res-read-duration b{font-size: 55px;}
.ao-guide .res-read-duration small{font-size: 8px;}
.ao-guide .res-read-card-copy strong{font-size: 18px;}
.ao-guide .res-cover-footer{padding: 21px 28px; gap: 16px;}
.ao-guide .res-cover-footer > span{font-size: 10px; width: 100%;}
.ao-guide .res-mode-bar{top: 76px; gap: 0px; justify-content: center;}
.ao-guide .res-mode-bar > span{display: none;}
.ao-guide .res-mode-bar > div{width: 100%;}
.ao-guide .res-mode-bar button{flex: 1 1 0%; justify-content: center; padding: 12px 9px; gap: 6px; font-size: 10px;}
.ao-guide .res-guide-page .res-reading-layout{padding-top: 36px;}
.ao-guide .res-guide-page .res-section{scroll-margin-top: 155px;}
.ao-guide .res-quick-overview{padding-top: 38px; padding-bottom: 50px; scroll-margin-top: 150px;}
.ao-guide .res-overview-point{gap: 15px; padding: 25px 0px;}
.ao-guide .res-overview-point > span{flex-basis: 25px; font-size: 13px; padding-top: 5px;}
.ao-guide .res-overview-point h3{font-size: 21px;}
.ao-guide .res-overview-point p{font-size: 15px;}
.ao-guide .res-overview-next{padding: 25px;}
.ao-guide .res-overview-next h3{font-size: 23px;}}
@media (prefers-reduced-motion: reduce){.ao-guide .res-read-card{transition: none;}
.ao-guide .res-read-card:hover{transform: none;}}
@media print{.ao-guide .res-page .res-guide-cover{width: 100%; border: 0px; background: none; padding: 0px; margin: 0px;}
.ao-guide .res-cover-main{display: block; padding: 0px;}
.ao-guide .res-guide-cover h1{font-size: 28pt; color: rgb(17, 17, 17);}
.ao-guide .res-guide-badge, .ao-guide .res-cover-note, .ao-guide .res-reading-choices, .ao-guide .res-cover-footer, .ao-guide .res-mode-bar, .ao-guide .res-overview-print, .ao-guide .res-overview-next{display: none !important;}
.ao-guide .res-guide-page .res-reading-layout{padding-top: 25px;}
.ao-guide .res-quick-overview{width: 100%; padding: 20px 0px 0px;}
.ao-guide .res-overview-header{display: block;}
.ao-guide .res-overview-point{break-inside: avoid; padding: 17px 0px;}
.ao-guide .res-overview-point p{font-size: 10pt;}
.ao-guide .res-overview-point h3{font-size: 15pt;}}
.ao-guide .res-learning-topics{padding-top: 52px; padding-bottom: 8px;}
.ao-guide .res-learning-heading{display: flex; justify-content: space-between; align-items: start; gap: 40px; margin-bottom: 31px;}
.ao-guide .res-learning-heading h2{font-size: 31px; letter-spacing: -1px; line-height: 1.3; margin: 0px;}
.ao-guide .res-learning-heading p{max-width: 450px; margin: 0px; font-size: 13px; line-height: 1.8; color: rgb(165, 165, 165);}
.ao-guide .res-learning-topics ul{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 27px 36px; list-style: none; margin: 0px; padding: 0px;}
.ao-guide .res-learning-topics li{display: flex; align-items: start; gap: 14px; color: rgb(221, 221, 221); font-size: 14px; line-height: 1.6;}
.ao-guide .res-learning-topics li svg{flex: 0 0 23px; color: rgb(180, 207, 156); margin-top: 1px;}
.ao-guide .res-learning-topics li span{padding-top: 1px;}
@media (max-width: 850px){.ao-guide .res-learning-heading{gap: 28px;}
.ao-guide .res-learning-heading p{max-width: 330px;}
.ao-guide .res-learning-topics ul{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 24px;}}
@media (max-width: 700px){.ao-guide .res-learning-topics{padding-top: 37px; padding-bottom: 0px;}
.ao-guide .res-learning-heading{flex-direction: column; gap: 15px; margin-bottom: 28px;}
.ao-guide .res-learning-heading h2{font-size: 29px;}
.ao-guide .res-learning-heading p{max-width: none; font-size: 12px;}
.ao-guide .res-learning-topics ul{grid-template-columns: 1fr; gap: 19px;}
.ao-guide .res-learning-topics li{font-size: 14px; gap: 14px;}}
@media print{.ao-guide .res-learning-topics{padding: 20px 0px 25px;}
.ao-guide .res-learning-heading{display: block; margin-bottom: 15px;}
.ao-guide .res-learning-heading h2{font-size: 16pt; margin-bottom: 8px;}
.ao-guide .res-learning-heading p{font-size: 9pt; max-width: none;}
.ao-guide .res-learning-topics ul{grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 12px 20px;}
.ao-guide .res-learning-topics li{font-size: 9pt; break-inside: avoid;}
.ao-guide .res-learning-topics li svg{color: rgb(51, 51, 51); flex-basis: 17px; width: 17px; height: 17px;}}
.ao-guide .ao-guide-cta{margin-top:28px;padding:24px 26px;border:1px solid #2b4b38;border-radius:18px;background:#0d2219}
.ao-guide .ao-guide-cta p{margin:0 0 14px;color:#D9E4DC;font-size:16px;line-height:1.7}
.ao-guide .ao-guide-cta a{color:#EAFA62}
.ao-guide .ao-guide-btn{display:inline-flex;align-items:center;gap:6px;margin:4px 10px 0 0;padding:11px 18px;border-radius:999px;background:#EAFA62;color:#111!important;font-weight:700;text-decoration:none;font-size:14px}
.ao-guide .ao-guide-btn--ghost{background:transparent;color:#F2F3F0!important;border:1px solid #555}
.ao-guide{padding-top:20px}