@layer bricks {} #brx-content {margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0} .content-area {margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0}.hiba-class-design{overflow:clip}.hiba-class-design{overflow-x:clip}.hiba-class-design .max-w-container-max{width:100%;max-width:1280px;margin-inline:auto;box-sizing:border-box}.hiba-class-design .hiba-class-hero-copy{max-width:940px}.hiba-class-design .hiba-class-hero h1{ max-width:900px; font-size:clamp(44px,5.15vw,68px)!important; line-height:1.06!important; letter-spacing:-.035em!important; text-wrap:balance}.hiba-class-design .hiba-class-hero-copy>p{max-width:720px!important}.hiba-class-design .hiba-class-hero-actions>a{min-height:48px;border-radius:12px!important}.hiba-class-design .hiba-class-mockup{ max-width:1180px!important; border:1px solid #E7EAF0; border-radius:22px!important; box-shadow:0 18px 46px rgba(8,20,38,.10)!important}.hiba-class-design .hiba-class-mockup-toolbar{border:1px solid #E7EAF0}.hiba-class-design .hiba-class-mockup-main,.hiba-class-design .hiba-class-mockup-sidebar>div{border:1px solid #E7EAF0}.hiba-class-design [data-demo-control="true"]{cursor:default;user-select:none}.hiba-class-design .hiba-class-entitlement{ background:#EEF4FF!important; border-color:#C7D7FE!important}.hiba-class-design .hiba-class-final{ background:#081426!important; border-top:1px solid rgba(255,255,255,.06); border-bottom:1px solid rgba(255,255,255,.06)}.hiba-class-design .hiba-class-final h2{color:#FFFFFF!important}.hiba-class-design .hiba-class-final>div>p,.hiba-class-design .hiba-class-final .text-text-muted{color:rgba(255,255,255,.74)!important}.hiba-class-design .hiba-class-final .text-on-primary-container,.hiba-class-design .hiba-class-final .text-primary-fixed,.hiba-class-design .hiba-class-final .text-primary-fixed-dim{color:#C7D7FE!important}.hiba-class-design .hiba-class-final-actions>a:first-child{ background:#155EEF!important; border:1px solid #155EEF!important; color:#FFFFFF!important}.hiba-class-design .hiba-class-final-actions>a:last-child{ background:rgba(255,255,255,.10)!important; border:1px solid rgba(255,255,255,.14)!important; color:#FFFFFF!important}@media(hover:hover) and (pointer:fine){ .hiba-class-design .hiba-class-final-actions>a:first-child:hover{background:#0F4FD6!important} .hiba-class-design .hiba-class-final-actions>a:last-child:hover{background:rgba(255,255,255,.16)!important}}@media(max-width:1180px){ .hiba-class-design .max-w-container-max{padding-inline:24px!important} .hiba-class-design .hiba-class-mockup-grid{grid-template-columns:1fr!important} .hiba-class-design .hiba-class-mockup-grid>*{grid-column:auto!important} .hiba-class-design .hiba-class-mockup-sidebar{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important } .hiba-class-design .hiba-class-hero h1{font-size:clamp(44px,6vw,60px)!important}}@media(max-width:760px){ .hiba-class-design .max-w-container-max{padding-inline:16px!important} .hiba-class-design .hiba-class-hero{padding-top:36px!important;padding-bottom:54px!important} .hiba-class-design .hiba-class-hero-copy{margin-bottom:28px!important} .hiba-class-design .hiba-class-hero h1{font-size:clamp(38px,10.5vw,48px)!important;line-height:1.08!important} .hiba-class-design .hiba-class-hero-copy>div:first-child{ width:100%; justify-content:flex-start; border:1px solid #C7D7FE; border-radius:14px!important; padding:8px 10px!important; white-space:normal!important; line-height:1.35!important } .hiba-class-design .hiba-class-hero-actions{ display:grid!important; grid-template-columns:1fr!important; width:100%!important; gap:10px!important } .hiba-class-design .hiba-class-hero-actions>a{width:100%!important} .hiba-class-design .hiba-class-hero-copy>.flex.flex-wrap.items-center.justify-center.gap-x-space-lg{ display:grid!important; grid-template-columns:1fr!important; width:100%; justify-items:start; gap:8px!important } .hiba-class-design .hiba-class-mockup{padding:10px!important;border-radius:18px!important} .hiba-class-design .hiba-class-mockup-toolbar{padding:12px!important} .hiba-class-design .hiba-class-mockup-toolbar>div:last-child{width:100%!important;display:grid!important;grid-template-columns:1fr!important} .hiba-class-design .hiba-class-mockup-main{padding:12px!important} .hiba-class-design .hiba-class-mockup-sidebar{grid-template-columns:1fr!important} .hiba-class-design .hiba-class-mockup-main .flex.items-center.justify-between.p-space-xs.px-space-sm{ align-items:flex-start!important; gap:10px!important } .hiba-class-design .hiba-class-mockup-main .flex.items-center.justify-between.p-space-xs.px-space-sm>div:first-child{min-width:0} .hiba-class-design .hiba-class-mockup-main .flex.items-center.justify-between.p-space-xs.px-space-sm>div:last-child{ flex:0 0 auto; align-self:flex-start } .hiba-class-design .hiba-class-mockup-actions{ display:grid!important; grid-template-columns:1fr!important } .hiba-class-design .hiba-class-mockup-actions>div{display:grid!important;grid-template-columns:1fr!important} .hiba-class-design .hiba-class-mockup-actions [data-demo-control="true"]{width:100%!important;justify-content:center} .hiba-class-design .hiba-class-final{padding-block:56px!important} .hiba-class-design .hiba-class-final h2{font-size:36px!important;line-height:1.1!important} .hiba-class-design .hiba-class-final-actions{ display:grid!important; grid-template-columns:1fr!important; width:100%!important; max-width:480px; margin-inline:auto } .hiba-class-design .hiba-class-final-actions>a{width:100%!important;min-height:48px!important}}@media(max-width:430px){ .hiba-class-design .max-w-container-max{padding-inline:14px!important} .hiba-class-design .hiba-class-mockup-main .grid.grid-cols-1.sm:grid-cols-3{grid-template-columns:1fr!important}}@media(min-width:1281px){ .hiba-class-design .max-w-container-max{ padding-left:48px!important; padding-right:48px!important; }}@media(min-width:1025px) and (max-width:1280px){ .hiba-class-design .max-w-container-max{ max-width:100%!important; padding-left:32px!important; padding-right:32px!important; }}.hiba-class-design .hiba-class-entitlement{ padding-top:32px!important; padding-bottom:32px!important; background:#EEF4FF!important; border-color:#C7D7FE!important;}.hiba-class-design .hiba-class-entitlement-inner{ display:grid!important; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important; grid-template-areas: "eyebrow body" "title body"!important; column-gap:48px!important; row-gap:6px!important; align-items:center!important;}.hiba-class-design .hiba-class-entitlement-inner>span{ grid-area:eyebrow!important; align-self:end!important; margin:0!important; color:#155EEF!important;}.hiba-class-design .hiba-class-entitlement-inner>h2{ grid-area:title!important; margin:0!important; max-width:620px!important; color:#101828!important; font-size:clamp(28px,2.2vw,36px)!important; line-height:1.12!important; letter-spacing:-.025em!important; text-wrap:balance!important;}.hiba-class-design .hiba-class-entitlement-inner>p{ grid-area:body!important; margin:0!important; color:#475467!important; font-size:16px!important; line-height:1.6!important; max-width:620px!important;}.hiba-class-design .hiba-class-final{ padding-top:48px!important; padding-bottom:48px!important; background:#081426!important; border-top:1px solid rgba(255,255,255,.06)!important; border-bottom:0!important;}.hiba-class-design .hiba-class-final-inner{ display:grid!important; grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)!important; grid-template-areas: "badge actions" "title actions" "body actions" "trust trust"!important; column-gap:52px!important; row-gap:14px!important; align-items:center!important; text-align:left!important;}.hiba-class-design .hiba-class-final-badge{ grid-area:badge!important; justify-self:start!important; margin:0!important; background:rgba(255,255,255,.10)!important; color:#DCE6FF!important; border:1px solid rgba(255,255,255,.08)!important;}.hiba-class-design .hiba-class-final-inner>h2{ grid-area:title!important; max-width:760px!important; margin:0!important; color:#fff!important; font-size:clamp(40px,3.25vw,54px)!important; line-height:1.06!important; letter-spacing:-.035em!important; text-wrap:balance!important;}.hiba-class-design .hiba-class-final-inner>h2 br{ display:none!important;}.hiba-class-design .hiba-class-final-inner>p{ grid-area:body!important; max-width:690px!important; margin:0!important; color:#D0D5DD!important; font-size:17px!important; line-height:1.58!important;}.hiba-class-design .hiba-class-final-actions{ grid-area:actions!important; display:flex!important; flex-direction:column!important; gap:12px!important; align-self:center!important; margin:0!important; padding:22px!important; background:rgba(255,255,255,.07)!important; border:1px solid rgba(255,255,255,.14)!important; border-radius:18px!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;}.hiba-class-design .hiba-class-final-actions>a{ width:100%!important; min-height:48px!important; margin:0!important; border-radius:12px!important; display:flex!important; align-items:center!important; justify-content:center!important; text-decoration:none!important; transition:transform .16s ease,background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important;}.hiba-class-design .hiba-class-final-actions>a:first-child{ background:#fff!important; color:#155EEF!important; border:1px solid #fff!important; box-shadow:0 8px 20px rgba(8,20,38,.12)!important;}.hiba-class-design .hiba-class-final-actions>a:last-child{ background:rgba(8,20,38,.22)!important; color:#fff!important; border:1px solid rgba(255,255,255,.22)!important;}.hiba-class-design .hiba-class-final-actions>a:last-child .material-symbols-outlined{ color:#DCE6FF!important;}.hiba-class-design .hiba-class-final-trust{ grid-area:trust!important; margin:8px 0 0!important; padding-top:18px!important; border-top:1px solid rgba(255,255,255,.10)!important; justify-content:flex-start!important; gap:12px 24px!important; color:#BFC9DA!important; font-size:13px!important; line-height:1.45!important;}.hiba-class-design .hiba-class-final-trust .material-symbols-outlined{ color:#84ADFF!important;}body.hiba-class-reference-exact .hiba-footer{ margin-top:0!important; border-top-color:rgba(255,255,255,.08)!important;}@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){ .hiba-class-design .hiba-class-final-actions>a:hover{ transform:translateY(-1px)!important; } .hiba-class-design .hiba-class-final-actions>a:first-child:hover{ background:#F8FAFF!important; color:#0F4FD6!important; } .hiba-class-design .hiba-class-final-actions>a:last-child:hover{ background:rgba(8,20,38,.34)!important; color:#fff!important; border-color:rgba(255,255,255,.30)!important; }}@media(max-width:1024px){ .hiba-class-design .hiba-class-entitlement-inner{ grid-template-columns:1fr!important; grid-template-areas: "eyebrow" "title" "body"!important; row-gap:8px!important; } .hiba-class-design .hiba-class-entitlement-inner>p{ max-width:760px!important; } .hiba-class-design .hiba-class-final{ padding-top:44px!important; padding-bottom:44px!important; } .hiba-class-design .hiba-class-final-inner{ grid-template-columns:1fr!important; grid-template-areas: "badge" "title" "body" "actions" "trust"!important; gap:16px!important; text-align:center!important; } .hiba-class-design .hiba-class-final-badge{ justify-self:center!important; } .hiba-class-design .hiba-class-final-inner>h2, .hiba-class-design .hiba-class-final-inner>p{ margin-left:auto!important; margin-right:auto!important; } .hiba-class-design .hiba-class-final-actions{ width:min(100%,520px)!important; margin:8px auto 0!important; padding:18px!important; } .hiba-class-design .hiba-class-final-trust{ justify-content:center!important; }}@media(max-width:760px){ .hiba-class-design .hiba-class-entitlement{ padding-top:28px!important; padding-bottom:28px!important; } .hiba-class-design .hiba-class-entitlement-inner>h2{ font-size:28px!important; } .hiba-class-design .hiba-class-final{ padding-top:36px!important; padding-bottom:36px!important; } .hiba-class-design .hiba-class-final-inner>h2{ font-size:36px!important; line-height:1.08!important; } .hiba-class-design .hiba-class-final-inner>p{ font-size:16px!important; } .hiba-class-design .hiba-class-final-actions{ padding:14px!important; } .hiba-class-design .hiba-class-final-trust{ display:grid!important; grid-template-columns:1fr!important; justify-items:start!important; width:100%!important; max-width:520px!important; margin:8px auto 0!important; }}@media(prefers-reduced-motion:reduce){ .hiba-class-design .hiba-class-final-actions>a{ transition:none!important; transform:none!important; }}