/* BuildingCodes production CSS reconstructed from Stitch design. */
/* Stitch fidelity reset: mirrors Tailwind preflight used by the source design. */
html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4}
body{line-height:inherit}
h1,h2,h3,h4,h5,h6,p,blockquote,figure,dl,dd{margin:0}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
ol,ul,menu{list-style:none;margin:0;padding:0}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}
button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}
img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
[hidden]{display:none}
:root{
--bc-primary:#0d5bd7;--bc-primary-dark:#0044a9;--bc-navy:#050D42;--bc-surface:#f9f9ff;--bc-text:#121b2e;--bc-muted:#424654;--bc-border:#D9E2EE;--bc-container:1280px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;direction:rtl}body{margin:0;font-family:'Vazirmatn',Tahoma,Arial,sans-serif;background:#f9f9ff;color:#121b2e;direction:rtl;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{max-width:100%;height:auto}button{cursor:pointer}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;-webkit-font-feature-settings:'liga';font-feature-settings:'liga';-webkit-font-smoothing:antialiased}
.custom-logo{display:block;max-height:44px;width:auto}.bc-brand--footer .custom-logo{max-height:52px}.bc-brand-text{font-size:24px;line-height:32px;font-weight:800;color:inherit;white-space:nowrap}
.bc-site-header{transition:background-color .3s ease,box-shadow .3s ease,backdrop-filter .3s ease}.bc-site-header.is-scrolled{background-color:#02050C!important;backdrop-filter:blur(12px);box-shadow:0 10px 15px -3px rgb(0 0 0/.1)}
.bc-main-menu-list,.bc-main-menu-list ul{list-style:none;margin:0;padding:0}.bc-main-menu-list{display:flex;gap:24px;align-items:center}.bc-main-menu-list a{display:block;color:#fff;padding-bottom:4px;border-bottom:2px solid transparent;font-weight:700}.bc-main-menu-list .current-menu-item>a,.bc-main-menu-list .current_page_item>a,.bc-main-menu-list a:hover{border-bottom-color:#fff}
.bc-main-menu{display:flex;align-items:center;justify-content:center}.bc-main-menu>ul{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:24px!important;list-style:none!important;margin:0!important;padding:0!important;white-space:nowrap}.bc-main-menu>ul>li{display:block!important;margin:0!important;padding:0!important}.bc-main-menu>ul>li>a{display:block!important;line-height:1.5!important}
.bc-menu-toggle{border:0;background:transparent}.bc-mobile-panel{display:none;position:fixed;top:80px;inset-inline:12px;background:#07134d;color:#fff;padding:18px;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.25)}.bc-mobile-panel.is-open{display:block}.bc-mobile-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.bc-mobile-panel a{display:block;padding:10px 12px;border-radius:8px}.bc-mobile-panel a:hover{background:rgba(255,255,255,.08)}
.bc-page-hero{position:relative;background:#0d5bd7;color:white;overflow:hidden;padding-top:128px!important}.bc-page-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,13,66,.76),rgba(5,13,66,.60),rgba(5,13,66,.82));pointer-events:none}.bc-page-hero>*{position:relative;z-index:1}
.bc-site-footer{box-sizing:border-box}.bc-site-footer .bc-brand-text{color:#050D42}.bc-site-footer a{transition:color .2s ease}
@media (min-width:768px){body.admin-bar .bc-site-header{top:32px}}
@media (max-width:782px){body.admin-bar .bc-site-header{top:46px}.bc-mobile-panel{top:126px}}
.bc-audience-panel{width:100%;border-top:1px solid #e5e9f3;padding-top:22px;margin-top:2px;text-align:right;transition:opacity .25s ease,transform .25s ease}.bc-audience-panel.is-changing{opacity:.25;transform:translateY(4px)}.bc-audience-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:stretch}.bc-audience-copy h3{margin:0 0 8px;font-size:22px;color:#050D42}.bc-audience-copy p{margin:0 0 12px;color:#566475;line-height:1.8}.bc-audience-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:14px 0}.bc-audience-list li{font-size:14px;color:#424654;display:flex;gap:6px;align-items:flex-start}.bc-audience-list li::before{content:'✓';color:#00723e;font-weight:800}.bc-audience-example{background:#EAF2FF;border-right:4px solid #0d5bd7;border-radius:8px;padding:14px 16px}.bc-audience-example small{display:block;color:#566475;margin-bottom:6px}.bc-audience-example strong{color:#050D42;line-height:1.8}.bc-audience-tab[aria-selected='true']{border-color:#0d5bd7!important;background:#F4F7FB!important;color:#0d5bd7!important}.bc-audience-cta{margin-top:14px}.bc-audience-note{font-size:13px;color:#737785;margin-top:8px}
.bc-form-message{padding:12px 14px;border-radius:8px;margin-bottom:16px}.bc-form-message--success{background:#e7f8ed;color:#00572e}.bc-form-message--error{background:#ffdad6;color:#93000a}.bc-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}.bc-form input,.bc-form textarea,.bc-form select{width:100%;border:1px solid #D9E2EE;border-radius:8px;padding:12px 14px;background:#fff;color:#121b2e;outline:none}.bc-form input:focus,.bc-form textarea:focus,.bc-form select:focus{border-color:#0d5bd7;box-shadow:0 0 0 3px rgba(13,91,215,.12)}
.bc-blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.bc-post-card{background:#fff;border:1px solid #D9E2EE;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(23,32,51,.04);transition:.25s ease}.bc-post-card:hover{transform:translateY(-3px);box-shadow:0 10px 32px rgba(23,32,51,.08)}.bc-post-thumb{aspect-ratio:16/9;background:#EAF2FF;display:block;overflow:hidden}.bc-post-thumb img{width:100%;height:100%;object-fit:cover}.bc-post-card-body{padding:20px}.bc-post-meta{font-size:13px;color:#737785;display:flex;gap:10px;flex-wrap:wrap}.bc-post-card h2{font-size:20px;line-height:1.65;margin:8px 0;color:#050D42}.bc-post-card p{color:#566475;line-height:1.85;margin:0}.bc-pagination{margin-top:32px}.bc-pagination .nav-links{display:flex;gap:8px;justify-content:center}.bc-pagination .page-numbers{min-width:38px;height:38px;padding:0 10px;border:1px solid #D9E2EE;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.bc-pagination .current{background:#0d5bd7;color:#fff;border-color:#0d5bd7}
.bc-article-shell{max-width:860px;margin-inline:auto;padding:48px 20px}.bc-article-shell .entry-content{font-size:18px;line-height:2;color:#273044}.bc-article-shell .entry-content h2,.bc-article-shell .entry-content h3{color:#050D42;margin-top:2em}.bc-article-shell .entry-content img{border-radius:12px}.bc-article-header{max-width:900px;margin-inline:auto;text-align:center}.bc-article-meta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;color:#d6dfff;margin-top:16px}.bc-featured-image{max-width:1040px;margin:-56px auto 0;position:relative;z-index:2;padding-inline:20px}.bc-featured-image img{width:100%;border-radius:16px;box-shadow:0 20px 50px rgba(5,13,66,.16)}
@media (min-width:768px){.bc-header-inner,.bc-footer-inner{padding-inline:64px}}
@media (max-width:767px){.bc-main-menu,.bc-header-actions{display:none}.bc-menu-toggle{display:block}.bc-footer-grid{grid-template-columns:1fr}.bc-footer-links{grid-template-columns:repeat(2,1fr)}.bc-audience-grid{grid-template-columns:1fr}.bc-audience-list{grid-template-columns:1fr}.bc-blog-grid{grid-template-columns:1fr}.bc-page-hero{padding-top:112px!important}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}#hero-canvas{display:none}}
.-mt-16{margin-top:-4rem}
.-mt-\[100px\]{margin-top:-100px}
.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y,0))}
.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x,0),var(--tw-translate-y))}
.RTL{direction:rtl}
.absolute{position:absolute}
.active{}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.appearance-none{appearance:none}
.bg-\[\#0D1B2A\]{background-color:#0D1B2A}
.bg-\[\#16A34A\]{background-color:#16A34A}
.bg-background{background-color:#f9f9ff}
.bg-border-subtle{background-color:#D9E2EE}
.bg-callout-soft{background-color:#EAF2FF}
.bg-center{background-position:center}
.bg-cover{background-size:cover}
.bg-error{background-color:#ba1a1a}
.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-from,transparent),var(--tw-gradient-via,transparent),var(--tw-gradient-to,transparent))}
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-from,transparent),var(--tw-gradient-via,transparent),var(--tw-gradient-to,transparent))}
.bg-inverse-surface{background-color:#273044}
.bg-navy-deep{background-color:#050D42}
.bg-navy-deep\/80{background-color:rgba(5,13,66,0.8)}
.bg-outline-variant{background-color:#c3c6d6}
.bg-primary{background-color:#0044a9}
.bg-primary-container{background-color:#0d5bd7}
.bg-primary-fixed-dim{background-color:#b2c5ff}
.bg-surface{background-color:#f9f9ff}
.bg-surface-alt{background-color:#F4F7FB}
.bg-surface-alt\/10{background-color:rgba(244,247,251,0.1)}
.bg-surface-alt\/50{background-color:rgba(244,247,251,0.5)}
.bg-surface-bright{background-color:#f9f9ff}
.bg-surface-container{background-color:#e9edff}
.bg-surface-container-high{background-color:#e1e8ff}
.bg-surface-container-low{background-color:#f1f3ff}
.bg-surface-container-lowest{background-color:#ffffff}
.bg-surface-dim\/30{background-color:rgba(209,218,244,0.3)}
.bg-surface-variant{background-color:#d9e2fc}
.bg-tertiary-fixed-dim{background-color:#67dd93}
.bg-transparent{background-color:transparent}
.bg-white{background-color:#fff}
.block{display:block}
.border{border-width:1px;border-style:solid}
.border-2{border-width:2px;border-style:solid}
.border-\[\#16A34A\]{border-color:#16A34A}
.border-b{border-bottom-width:1px;border-bottom-style:solid}
.border-b-2{border-bottom-width:2px;border-bottom-style:solid}
.border-border-subtle{border-color:#D9E2EE}
.border-on-primary{border-color:#ffffff}
.border-on-surface-variant\/30{border-color:rgba(66,70,84,0.3)}
.border-outline{border-color:#737785}
.border-outline-variant{border-color:#c3c6d6}
.border-outline-variant\/30{border-color:rgba(195,198,214,0.3)}
.border-primary{border-color:#0044a9}
.border-primary-container{border-color:#0d5bd7}
.border-primary-fixed{border-color:#dae2ff}
.border-primary-fixed-dim{border-color:#b2c5ff}
.border-r{border-right-width:1px;border-right-style:solid}
.border-r-4{border-right-width:4px;border-right-style:solid}
.border-r-primary-container{border-right-color:#0d5bd7}
.border-surface-variant\/20{border-color:rgba(217,226,252,0.2)}
.border-t{border-top-width:1px;border-top-style:solid}
.border-transparent{border-color:transparent}
.border-white{border-color:#fff}
.border-y{border-top-width:1px;border-bottom-width:1px;border-top-style:solid;border-bottom-style:solid}
.bottom-\[10\%\]{bottom:10%}
.bottom-\[15\%\]{bottom:15%}
.cursor-pointer{cursor:pointer}
.dark .dark\:bg-inverse-surface{background-color:#273044}
.dark .dark\:border-outline-variant{border-color:#c3c6d6}
.dark .dark\:hover\:text-primary-fixed-dim:hover{color:#b2c5ff}
.dark .dark\:text-outline-variant{color:#c3c6d6}
.dark .dark\:text-primary-fixed{color:#dae2ff}
.dark .dark\:text-surface-bright{color:#f9f9ff}
.delay-100{animation-delay:100ms}
.delay-200{animation-delay:200ms}
.delay-300{animation-delay:300ms}
.disabled\:opacity-50:disabled{opacity:0.5}
.duration-200{transition-duration:200ms}
.duration-300{transition-duration:300ms}
.duration-500{transition-duration:500ms}
.fixed{position:fixed}
.flex{display:flex}
.flex-1{flex:1 1 0%}
.flex-col{flex-direction:column}
.flex-grow{flex-grow:1}
.flex-row{flex-direction:row}
.flex-shrink-0{flex-shrink:0}
.flex-wrap{flex-wrap:wrap}
.focus-within\:border-primary-container:focus-within{border-color:#0d5bd7}
.focus\:border-primary:focus{border-color:#0044a9}
.focus\:border-primary-fixed:focus{border-color:#dae2ff}
.focus\:outline-none:focus{outline:none}
.font-body-lg{font-family:'Vazirmatn',Tahoma,Arial,sans-serif}
.font-body-md{font-family:'Vazirmatn',Tahoma,Arial,sans-serif}
.font-body-sm{font-family:'Vazirmatn',Tahoma,Arial,sans-serif}
.font-bold{font-weight:700}
.font-display-hero-mobile{font-family:'Vazirmatn',Tahoma,Arial,sans-serif}
.font-extrabold{font-weight:800}
.font-headline-lg{font-family:'Vazirmatn',Tahoma,Arial,sans-serif}
.font-headline-md{font-family:'Vazirmatn',Tahoma,Arial,sans-serif}
.font-label-caps{font-family:'Vazirmatn',Tahoma,Arial,sans-serif}
.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.font-semibold{font-weight:600}
.from-\[\#050D42\]\/80{--tw-gradient-from:rgba(5,13,66,0.8)}
.from-navy-deep{--tw-gradient-from:#050D42}
.gap-1{gap:0.25rem}
.gap-16{gap:4rem}
.gap-2{gap:0.5rem}
.gap-3{gap:0.75rem}
.gap-4{gap:1rem}
.gap-6{gap:1.5rem}
.gap-8{gap:2rem}
.gap-\[120px\]{gap:120px}
.gap-gutter{gap:24px}
.gap-unit-lg{gap:24px}
.gap-unit-md{gap:16px}
.gap-unit-sm{gap:8px}
.gap-unit-xl{gap:48px}
.grayscale{filter:grayscale(100%)}
.grid{display:grid}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.group:hover .group-hover\:bg-primary-container{background-color:#0d5bd7}
.group:hover .group-hover\:scale-105{transform:scale(1.05)}
.group:hover .group-hover\:text-on-primary{color:#ffffff}
.group:hover .group-hover\:text-primary{color:#0044a9}
.h-1{height:0.25rem}
.h-10{height:2.5rem}
.h-12{height:3rem}
.h-14{height:3.5rem}
.h-16{height:4rem}
.h-20{height:5rem}
.h-24{height:6rem}
.h-3{height:0.75rem}
.h-32{height:8rem}
.h-4{height:1rem}
.h-48{height:12rem}
.h-6{height:1.5rem}
.h-64{height:16rem}
.h-8{height:2rem}
.h-96{height:24rem}
.h-\[300px\]{height:300px}
.h-\[400px\]{height:400px}
.h-\[500px\]{height:500px}
.h-full{height:100%}
.h-px{height:1px}
.hidden{display:none}
.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem;transform:translate(var(--tw-translate-x,0),var(--tw-translate-y))}
.hover\:bg-primary:hover{background-color:#0044a9}
.hover\:bg-primary-container:hover{background-color:#0d5bd7}
.hover\:bg-surface-alt:hover{background-color:#F4F7FB}
.hover\:bg-surface-container:hover{background-color:#e9edff}
.hover\:bg-surface-container-low:hover{background-color:#f1f3ff}
.hover\:bg-surface-dim:hover{background-color:#d1daf4}
.hover\:bg-surface-tint:hover{background-color:#0056d1}
.hover\:bg-surface-variant:hover{background-color:#d9e2fc}
.hover\:bg-white\/10:hover{background-color:white}
.hover\:border-primary-container:hover{border-color:#0d5bd7}
.hover\:gap-2:hover{gap:0.5rem}
.hover\:grayscale-0:hover{filter:grayscale(0)}
.hover\:opacity-90:hover{opacity:0.9}
.hover\:shadow-\[0px_10px_32px_rgba\(23\,32\,51\,0\.04\)\]:hover{box-shadow:0px 10px 32px rgba(23,32,51,0.04)}
.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1)}
.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1)}
.hover\:text-navy-deep:hover{color:#050D42}
.hover\:text-primary:hover{color:#0044a9}
.hover\:text-primary-container:hover{color:#0d5bd7}
.hover\:text-primary-fixed-dim:hover{color:#b2c5ff}
.hover\:text-white:hover{color:#fff}
.inline-block{display:inline-block}
.inline-flex{display:inline-flex}
.inset-0{inset:0}
.items-baseline{align-items:baseline}
.items-center{align-items:center}
.items-start{align-items:flex-start}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.justify-end{justify-content:flex-end}
.leading-relaxed{line-height:1.625}
.leading-tight{line-height:1.25}
.left-0{left:0}
.left-1\/2{left:50%}
.left-3{left:0.75rem}
.left-\[10\%\]{left:10%}
.left-\[30\%\]{left:30%}
@media (min-width:1024px){.lg\:col-span-4{grid-column:span 4 / span 4}}
@media (min-width:1024px){.lg\:col-span-8{grid-column:span 8 / span 8}}
@media (min-width:1024px){.lg\:flex-row{flex-direction:row}}
@media (min-width:1024px){.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}
@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1024px){.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (min-width:1024px){.lg\:mx-auto{margin-left:auto;margin-right:auto}}
@media (min-width:1024px){.lg\:w-1\/4{width:25%}}
@media (min-width:1024px){.lg\:w-3\/4{width:75%}}
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.list-disc{list-style-type:disc}
.list-inside{list-style-position:inside}
.list-none{list-style:none}
.m-0{margin:0}
.max-w-2xl{max-width:42rem}
.max-w-3xl{max-width:48rem}
.max-w-5xl{max-width:64rem}
.max-w-\[1000px\]{max-width:1000px}
.max-w-container-max{max-width:1280px}
.max-w-full{max-width:100%}
.max-w-md{max-width:28rem}
.max-w-none{max-width:none}
.max-w-sm{max-width:24rem}
.max-w-xl{max-width:36rem}
.mb-1{margin-bottom:0.25rem}
.mb-10{margin-bottom:2.5rem}
.mb-12{margin-bottom:3rem}
.mb-16{margin-bottom:4rem}
.mb-2{margin-bottom:0.5rem}
.mb-3{margin-bottom:0.75rem}
.mb-4{margin-bottom:1rem}
.mb-6{margin-bottom:1.5rem}
.mb-8{margin-bottom:2rem}
.mb-unit-lg{margin-bottom:24px}
.mb-unit-xl{margin-bottom:48px}
@media (min-width:768px){.md\:-mt-20{margin-top:-5rem}}
@media (min-width:768px){.md\:block{display:block}}
@media (min-width:768px){.md\:border-on-surface-variant\/30{border-color:rgba(66,70,84,0.3)}}
@media (min-width:768px){.md\:col-span-4{grid-column:span 4 / span 4}}
@media (min-width:768px){.md\:col-span-8{grid-column:span 8 / span 8}}
@media (min-width:768px){.md\:flex{display:flex}}
@media (min-width:768px){.md\:flex-row{flex-direction:row}}
@media (min-width:768px){.md\:font-display-hero{font-family:'Vazirmatn',Tahoma,Arial,sans-serif}}
@media (min-width:768px){.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}
@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:768px){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:768px){.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (min-width:768px){.md\:hidden{display:none}}
@media (min-width:768px){.md\:mb-0{margin-bottom:0rem}}
@media (min-width:768px){.md\:mr-auto{margin-right:auto}}
@media (min-width:768px){.md\:mt-0{margin-top:0rem}}
@media (min-width:768px){.md\:mx-margin-desktop{margin-left:64px;margin-right:64px}}
@media (min-width:768px){.md\:order-1{order:1}}
@media (min-width:768px){.md\:order-2{order:2}}
@media (min-width:768px){.md\:p-12{padding:3rem}}
@media (min-width:768px){.md\:p-16{padding:4rem}}
@media (min-width:768px){.md\:p-8{padding:2rem}}
@media (min-width:768px){.md\:p-unit-xl{padding:48px}}
@media (min-width:768px){.md\:pb-40{padding-bottom:10rem}}
@media (min-width:768px){.md\:pl-12{padding-left:3rem}}
@media (min-width:768px){.md\:pr-12{padding-right:3rem}}
@media (min-width:768px){.md\:pt-40{padding-top:10rem}}
@media (min-width:768px){.md\:px-margin-desktop{padding-left:64px;padding-right:64px}}
@media (min-width:768px){.md\:text-display-hero{font-size:64px;line-height:80px;font-weight:800;letter-spacing:-0.02em}}
@media (min-width:768px){.md\:text-right{text-align:right}}
@media (min-width:768px){.md\:w-1\/2{width:50%}}
@media (min-width:768px){.md\:w-2\/3{width:66.666667%}}
@media (min-width:768px){.md\:w-auto{width:auto}}
.min-h-\[100px\]{min-height:100px}
.min-h-\[500px\]{min-height:500px}
.min-h-screen{min-height:100vh}
.mix-blend-overlay{mix-blend-mode:overlay}
.ml-1{margin-left:0.25rem}
.ml-2{margin-left:0.5rem}
.mr-4{margin-right:1rem}
.mt-1{margin-top:0.25rem}
.mt-12{margin-top:3rem}
.mt-16{margin-top:4rem}
.mt-2{margin-top:0.5rem}
.mt-4{margin-top:1rem}
.mt-8{margin-top:2rem}
.mt-auto{margin-top:auto}
.mt-unit-lg{margin-top:24px}
.mt-unit-md{margin-top:16px}
.mt-unit-sm{margin-top:8px}
.mt-unit-xl{margin-top:48px}
.mx-auto{margin-left:auto;margin-right:auto}
.mx-margin-mobile{margin-left:20px;margin-right:20px}
.my-6{margin-top:1.5rem;margin-bottom:1.5rem}
.object-bottom{object-position:bottom}
.object-center{object-position:center}
.object-contain{object-fit:contain}
.object-cover{object-fit:cover}
.object-top{object-position:top}
.opacity-10{opacity:0.1}
.opacity-20{opacity:0.2}
.opacity-30{opacity:0.3}
.opacity-80{opacity:0.8}
.opacity-90{opacity:0.9}
.order-1{order:1}
.order-2{order:2}
.outline-none{outline:none}
.overflow-hidden{overflow:hidden}
.overflow-x-auto{overflow-x:auto}
.overflow-x-hidden{overflow-x:hidden}
.p-1\.5{padding:0.375rem}
.p-10{padding:2.5rem}
.p-12{padding:3rem}
.p-2{padding:0.5rem}
.p-3{padding:0.75rem}
.p-4{padding:1rem}
.p-5{padding:1.25rem}
.p-6{padding:1.5rem}
.p-8{padding:2rem}
.p-unit-lg{padding:24px}
.p-unit-md{padding:16px}
.p-unit-sm{padding:8px}
.pb-1{padding-bottom:0.25rem}
.pb-16{padding-bottom:4rem}
.pb-2{padding-bottom:0.5rem}
.pb-24{padding-bottom:6rem}
.pb-32{padding-bottom:8rem}
.pb-4{padding-bottom:1rem}
.pb-6{padding-bottom:1.5rem}
.pb-\[200px\]{padding-bottom:200px}
.pb-unit-sm{padding-bottom:8px}
.pb-unit-xl{padding-bottom:48px}
.pl-10{padding-left:2.5rem}
.pl-4{padding-left:1rem}
.pointer-events-none{pointer-events:none}
.pr-12{padding-right:3rem}
.prose{max-width:65ch;line-height:1.9}
.pt-0{padding-top:0rem}
.pt-32{padding-top:8rem}
.pt-4{padding-top:1rem}
.pt-6{padding-top:1.5rem}
.pt-\[120px\]{padding-top:120px}
.pt-unit-md{padding-top:16px}
.px-2{padding-left:0.5rem;padding-right:0.5rem}
.px-3{padding-left:0.75rem;padding-right:0.75rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.px-8{padding-left:2rem;padding-right:2rem}
.px-margin-desktop{padding-left:64px;padding-right:64px}
.px-margin-mobile{padding-left:20px;padding-right:20px}
.py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem}
.py-12{padding-top:3rem;padding-bottom:3rem}
.py-16{padding-top:4rem;padding-bottom:4rem}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.py-24{padding-top:6rem;padding-bottom:6rem}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.py-unit-xl{padding-top:48px;padding-bottom:48px}
.relative{position:relative}
.resize-none{resize:none}
.resize-y{resize:vertical}
.right-0{right:0}
.right-4{right:1rem}
.right-\[10\%\]{right:10%}
.right-\[25\%\]{right:25%}
.rounded{border-radius:.25rem}
.rounded-2xl{border-radius:1rem}
.rounded-full{border-radius:9999px}
.rounded-l-lg{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}
.rounded-lg{border-radius:.5rem}
.rounded-tr-none{border-top-right-radius:0}
.rounded-xl{border-radius:.75rem}
.selection\:bg-primary-container::selection{background-color:#0d5bd7}
.selection\:text-on-primary::selection{color:#ffffff}
.selection\:text-on-primary-container::selection{color:#d6dfff}
.selection\:text-white::selection{color:#fff}
.self-center{align-self:center}
.self-start{align-self:flex-start}
.shadow-2xl{box-shadow:0 25px 50px -12px rgb(0 0 0/.25)}
.shadow-\[0px_10px_32px_rgba\(13\,91\,215\,0\.4\)\]{box-shadow:0px 10px 32px rgba(13,91,215,0.4)}
.shadow-\[0px_10px_32px_rgba\(23\,32\,51\,0\.08\)\]{box-shadow:0px 10px 32px rgba(23,32,51,0.08)}
.shadow-\[0px_20px_40px_rgba\(5\,13\,66\,0\.2\)\]{box-shadow:0px 20px 40px rgba(5,13,66,0.2)}
.shadow-\[0px_4px_20px_rgba\(23\,32\,51\,0\.04\)\]{box-shadow:0px 4px 20px rgba(23,32,51,0.04)}
.shadow-lg{box-shadow:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1)}
.shadow-md{box-shadow:0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1)}
.shadow-sm{box-shadow:0 1px 2px rgb(0 0 0 / .05)}
.shrink-0{flex-shrink:0}
.text-3xl{font-size:30px;line-height:36px}
.text-6xl{font-size:60px;line-height:1}
.text-\[\#16A34A\]{font-size:#16A34A}
.text-\[\#229ED9\]{font-size:#229ED9}
.text-\[10px\]{font-size:10px}
.text-\[12px\]{font-size:12px}
.text-\[14px\]{font-size:14px}
.text-\[16px\]{font-size:16px}
.text-\[18px\]{font-size:18px}
.text-\[20px\]{font-size:20px}
.text-\[24px\]{font-size:24px}
.text-\[28px\]{font-size:28px}
.text-\[32px\]{font-size:32px}
.text-body-lg{font-size:18px;line-height:30px;font-weight:400}
.text-body-md{font-size:16px;line-height:28px;font-weight:400}
.text-body-sm{font-size:14px;line-height:24px;font-weight:400}
.text-border-subtle{color:#D9E2EE}
.text-center{text-align:center}
.text-display-hero{font-size:64px;line-height:80px;font-weight:800;letter-spacing:-0.02em}
.text-display-hero-mobile{font-size:40px;line-height:52px;font-weight:800;letter-spacing:-0.02em}
.text-error{color:#ba1a1a}
.text-headline-lg{font-size:32px;line-height:44px;font-weight:700}
.text-headline-md{font-size:24px;line-height:32px;font-weight:700}
.text-inverse-on-surface{color:#edf0ff}
.text-inverse-primary{color:#b2c5ff}
.text-label-caps{font-size:12px;line-height:16px;font-weight:600;letter-spacing:.05em}
.text-lg{font-size:18px;line-height:28px}
.text-navy-deep{color:#050D42}
.text-on-background{color:#121b2e}
.text-on-primary{color:#ffffff}
.text-on-primary-container{color:#d6dfff}
.text-on-primary-fixed{color:#001847}
.text-on-primary-fixed-variant{color:#0040a0}
.text-on-secondary-container{color:#566475}
.text-on-surface{color:#121b2e}
.text-on-surface-variant{color:#424654}
.text-outline{color:#737785}
.text-outline-variant{color:#c3c6d6}
.text-primary{color:#0044a9}
.text-primary-container{color:#0d5bd7}
.text-primary-fixed{color:#dae2ff}
.text-primary-fixed-dim{color:#b2c5ff}
.text-right{text-align:right}
.text-secondary{color:#525f71}
.text-secondary-fixed-dim{color:#bac8dc}
.text-sm{font-size:14px;line-height:20px}
.text-surface-container-high{color:#e1e8ff}
.text-tertiary{color:#00572e}
.text-tertiary-container{color:#00723e}
.text-text-secondary{color:#5E6B7A}
.text-white{color:#fff}
.text-xl{font-size:20px;line-height:28px}
.text-xs{font-size:12px;line-height:16px}
.to-\[\#050D42\]\/90{--tw-gradient-to:rgba(5,13,66,0.9)}
.to-transparent{--tw-gradient-to:transparent}
.top-0{top:0}
.top-1\/2{top:50%}
.top-3{top:0.75rem}
.top-4{top:1rem}
.top-\[10\%\]{top:10%}
.top-\[20\%\]{top:20%}
.transform{transform:translate(var(--tw-translate-x,0),var(--tw-translate-y,0)) scale(var(--tw-scale-x,1),var(--tw-scale-y,1))}
.transition-all{transition-property:all}
.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke}
.transition-opacity{transition-property:opacity}
.transition-shadow{transition-property:box-shadow}
.transition-transform{transition-property:transform}
.translate-y-12{--tw-translate-y:3rem;transform:translate(var(--tw-translate-x,0),var(--tw-translate-y))}
.via-\[\#050D42\]\/60{--tw-gradient-via:rgba(5,13,66,0.6)}
.via-navy-deep\/80{--tw-gradient-via:rgba(5,13,66,0.8)}
.w-1\/4{width:25%}
.w-10{width:2.5rem}
.w-12{width:3rem}
.w-14{width:3.5rem}
.w-16{width:4rem}
.w-20{width:5rem}
.w-24{width:6rem}
.w-3{width:0.75rem}
.w-4{width:1rem}
.w-6{width:1.5rem}
.w-8{width:2rem}
.w-\[180px\]{width:180px}
.w-\[90\%\]{width:90%}
.w-full{width:100%}
@media (min-width:1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.z-0{z-index:0}
.z-10{z-index:10}
.z-20{z-index:20}
.z-50{z-index:50}


        .hero-pattern {
            background-color: #050D42;
            background-image: radial-gradient(#0044a9 1px, transparent 1px);
            background-size: 32px 32px;
            background-position: -16px -16px;
        }
    

        .material-symbols-outlined {
            font-family: 'Material Symbols Outlined';
            font-weight: normal;
            font-style: normal;
            font-size: 24px;
            line-height: 1;
            letter-spacing: normal;
            text-transform: none;
            display: inline-block;
            white-space: nowrap;
            word-wrap: normal;
            direction: ltr;
            -webkit-font-feature-settings: 'liga';
            -webkit-font-smoothing: antialiased;
        }
        
        @keyframes pulse-subtle {
            0%, 100% { opacity: 1; transform: scale(1); }
            50% { opacity: 0.8; transform: scale(1.02); }
        }
        .animate-pulse-subtle {
            animation: pulse-subtle 4s ease-in-out infinite;
        }

        .typing-effect::after {
            content: '|';
            animation: blink 1s step-end infinite;
        }
        @keyframes blink {
            50% { opacity: 0; }
        }

        /* Entrance Animations */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .animate-fade-in-up {
            animation: fadeInUp 0.8s ease-out forwards;
            opacity: 0;
        }
        
        .delay-100 { animation-delay: 100ms; }
        .delay-200 { animation-delay: 200ms; }
        .delay-300 { animation-delay: 300ms; }
        
        /* Scroll Reveal */
        .reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s ease-out;
        }
        
        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }
        
        /* Feature Card Hover */
        .feature-card {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        
        .feature-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px -5px rgba(13, 91, 215, 0.2);
            border-color: rgba(13, 91, 215, 0.5);
        }
        
        /* WebGL Canvas Container */
        #hero-canvas-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 0;
            overflow: hidden;
        }
        
        #hero-canvas {
            width: 100%;
            height: 100%;
            display: block;
        }
        
        /* Parallax Image */
        .parallax-layer {
            transition: transform 0.1s ease-out;
            will-change: transform;
        }
    
.nav-scrolled { background-color: #02050C !important; backdrop-filter: blur(12px); shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1); }

        body { font-family: 'Vazirmatn', sans-serif; }
    
body {
    font-family: "Vazirmatn", sans-serif;
    }
.bg-blueprint {
    background-image:linear-gradient(rgba(5,13,66,.95),rgba(5,13,66,.95));
    background-size: cover;
    background-position: center
    }

        body { font-family: 'Vazirmatn', sans-serif; }
    

        body { font-family: 'Vazirmatn', sans-serif; }
    /* Small utility compatibility fixes from Stitch */
.-right-2{right:-.5rem}.-top-2{top:-.5rem}.-top-3{top:-.75rem}.bg-surface-lowest{background:#fff}.font-headline-sm{font-family:'Vazirmatn',Tahoma,Arial,sans-serif}.text-headline-sm{font-size:20px;line-height:28px}.text-gray-400{color:#9ca3af}.text-on-primary\/80{color:rgba(255,255,255,.8)}.placeholder-secondary::placeholder{color:#bac8dc}.hover\:underline:hover{text-decoration:underline}.focus\:ring-1:focus{box-shadow:0 0 0 1px currentColor}.focus\:ring-primary:focus{--bc-ring:#0044a9}.focus\:ring-primary-fixed:focus{--bc-ring:#dae2ff}.group[open] .group-open\:rotate-180{transform:rotate(180deg)}
.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}@media(min-width:640px){.sm\:flex-row{flex-direction:row}}

/* Local blueprint texture and editable media placeholders */
.bg-blueprint,.hero-pattern{background-color:#050D42!important;background-image:linear-gradient(rgba(13,91,215,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(13,91,215,.10) 1px,transparent 1px)!important;background-size:32px 32px!important}.bc-page-hero{background-color:#0d5bd7!important;background-image:linear-gradient(rgba(13,91,215,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(13,91,215,.08) 1px,transparent 1px)!important;background-size:36px 36px!important}.bc-media-placeholder{min-height:260px;background:linear-gradient(145deg,#f1f3ff,#e9edff);border:1px dashed #b2c5ff;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#566475;text-align:center}.bc-media-placeholder .material-symbols-outlined{font-size:42px;color:#0d5bd7}.bc-media-placeholder small{font-size:12px}.bc-form label{display:block;margin-bottom:7px;font-size:14px;font-weight:700;color:#273044}
/* Blog archive */
.bc-blog-search{max-width:620px;margin:34px auto -48px;position:relative;z-index:3;background:#fff;border:1px solid #D9E2EE;border-radius:12px;box-shadow:0 10px 32px rgba(23,32,51,.10);display:flex;align-items:center;padding:4px}.bc-blog-search input{width:100%;border:0;background:transparent;padding:13px 16px;outline:0;color:#121b2e}.bc-blog-search button{width:46px;height:42px;display:grid;place-items:center;border:0;border-radius:8px;background:#0d5bd7;color:#fff}.bc-blog-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:36px;align-items:start}.bc-blog-sidebar{display:grid;gap:20px}.bc-sidebar-card{background:#fff;border:1px solid #D9E2EE;border-radius:12px;padding:20px;box-shadow:0 4px 20px rgba(23,32,51,.04)}.bc-sidebar-card h2{font-size:18px;color:#050D42;margin:0 0 14px}.bc-category-list{list-style:none;padding:0;margin:0;display:grid;gap:4px}.bc-category-list a{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border-radius:8px;color:#424654}.bc-category-list a:hover{background:#F1F3FF;color:#0d5bd7}.bc-category-list small{min-width:28px;text-align:center;background:#EAF2FF;color:#0d5bd7;border-radius:999px;padding:2px 7px}.bc-mini-posts{display:grid;gap:12px}.bc-mini-post{display:grid;grid-template-columns:56px 1fr;gap:10px;align-items:center}.bc-mini-post>span{width:56px;height:48px;border-radius:7px;overflow:hidden;background:#EAF2FF}.bc-mini-post img{width:100%;height:100%;object-fit:cover}.bc-mini-post strong{font-size:13px;line-height:1.7;color:#273044}.bc-sidebar-card--accent{background:#F1F3FF;text-align:center}.bc-sidebar-card--accent>.material-symbols-outlined{font-size:36px;color:#0d5bd7}.bc-sidebar-card--accent p{font-size:14px;color:#566475;line-height:1.8}.bc-blog-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.bc-blog-section-head h2{margin:0;font-size:24px;color:#050D42}.bc-post-thumb>.material-symbols-outlined{width:100%;height:100%;display:grid;place-items:center;font-size:48px;color:#0d5bd7}.bc-post-category{display:inline-flex;margin-top:10px;background:#EAF2FF;color:#0d5bd7;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700}.bc-read-more{display:inline-flex;margin-top:14px;color:#0d5bd7;font-weight:700;font-size:14px}.bc-empty-state{grid-column:1/-1;padding:60px 20px;text-align:center;color:#737785}.bc-empty-state .material-symbols-outlined{font-size:44px}.text-\[\#16A34A\]{color:#16A34A!important;font-size:inherit}.text-\[\#229ED9\]{color:#229ED9!important;font-size:inherit}
@media(max-width:900px){.bc-blog-layout{grid-template-columns:1fr}.bc-blog-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.bc-sidebar-card--accent{grid-column:1/-1}}@media(max-width:600px){.bc-blog-sidebar{grid-template-columns:1fr}.bc-blog-search{margin-bottom:-38px}.bc-blog-grid{grid-template-columns:1fr}}
.bc-billing-toggle{transition:.2s ease}.bc-billing-toggle.is-active{background:#fff;color:#050D42;box-shadow:0 1px 2px rgba(0,0,0,.08)}details>summary::-webkit-details-marker{display:none}details[open] summary{color:#0d5bd7}
#hero-canvas-container>div:first-child{background-image:linear-gradient(rgba(178,197,255,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(178,197,255,.10) 1px,transparent 1px);background-size:42px 42px;background-position:center}
.bc-hamburger{display:block;width:24px;height:16px;position:relative;border-top:2px solid currentColor;border-bottom:2px solid currentColor}.bc-hamburger::after{content:'';position:absolute;left:0;right:0;top:5px;border-top:2px solid currentColor}

/* Home fidelity lock (source: Stitch home). */
.bc-home .bc-site-header .bc-brand-text{font-size:24px;line-height:32px;font-weight:800}
.bc-home h1.text-display-hero-mobile{font-weight:800;letter-spacing:-.02em}
@media (min-width:768px){.bc-home h1.md\:text-display-hero{font-size:64px;line-height:80px;font-weight:800;letter-spacing:-.02em}}
.bc-home .text-headline-lg{font-weight:700}
.bc-home .text-headline-md{font-weight:700}
.bc-home .text-label-caps{font-weight:600;letter-spacing:.05em}


/* v0.1.3 responsive cascade normalization */
@media (min-width:768px){body.admin-bar .bc-site-header{top:32px}}
@media (min-width:768px){.bc-header-inner,.bc-footer-inner{padding-inline:64px}}
@media (min-width:768px){.md\:-mt-20{margin-top:-5rem}}
@media (min-width:768px){.md\:block{display:block}}
@media (min-width:768px){.md\:border-on-surface-variant\/30{border-color:rgba(66,70,84,0.3)}}
@media (min-width:768px){.md\:col-span-4{grid-column:span 4 / span 4}}
@media (min-width:768px){.md\:col-span-8{grid-column:span 8 / span 8}}
@media (min-width:768px){.md\:flex{display:flex}}
@media (min-width:768px){.md\:flex-row{flex-direction:row}}
@media (min-width:768px){.md\:font-display-hero{font-family:'Vazirmatn',Tahoma,Arial,sans-serif}}
@media (min-width:768px){.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}
@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:768px){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:768px){.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (min-width:768px){.md\:hidden{display:none}}
@media (min-width:768px){.md\:mb-0{margin-bottom:0rem}}
@media (min-width:768px){.md\:mr-auto{margin-right:auto}}
@media (min-width:768px){.md\:mt-0{margin-top:0rem}}
@media (min-width:768px){.md\:mx-margin-desktop{margin-left:64px;margin-right:64px}}
@media (min-width:768px){.md\:order-1{order:1}}
@media (min-width:768px){.md\:order-2{order:2}}
@media (min-width:768px){.md\:p-12{padding:3rem}}
@media (min-width:768px){.md\:p-16{padding:4rem}}
@media (min-width:768px){.md\:p-8{padding:2rem}}
@media (min-width:768px){.md\:p-unit-xl{padding:48px}}
@media (min-width:768px){.md\:pb-40{padding-bottom:10rem}}
@media (min-width:768px){.md\:pl-12{padding-left:3rem}}
@media (min-width:768px){.md\:pr-12{padding-right:3rem}}
@media (min-width:768px){.md\:pt-40{padding-top:10rem}}
@media (min-width:768px){.md\:px-margin-desktop{padding-left:64px;padding-right:64px}}
@media (min-width:768px){.md\:text-display-hero{font-size:64px;line-height:80px;font-weight:800;letter-spacing:-0.02em}}
@media (min-width:768px){.md\:text-right{text-align:right}}
@media (min-width:768px){.md\:w-1\/2{width:50%}}
@media (min-width:768px){.md\:w-2\/3{width:66.666667%}}
@media (min-width:768px){.md\:w-auto{width:auto}}
@media (min-width:768px){.bc-home h1.md\:text-display-hero{font-size:64px;line-height:80px;font-weight:800;letter-spacing:-.02em}}
@media (min-width:1024px){.lg\:col-span-4{grid-column:span 4 / span 4}}
@media (min-width:1024px){.lg\:col-span-8{grid-column:span 8 / span 8}}
@media (min-width:1024px){.lg\:flex-row{flex-direction:row}}
@media (min-width:1024px){.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}
@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1024px){.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (min-width:1024px){.lg\:mx-auto{margin-left:auto;margin-right:auto}}
@media (min-width:1024px){.lg\:w-1\/4{width:25%}}
@media (min-width:1024px){.lg\:w-3\/4{width:75%}}


/* ==========================================================
   v0.1.3 - Desktop density + overflow guard
   Real CSS density, no zoom/transform hacks.
   ========================================================== */
html,body{max-width:100%;overflow-x:clip}
body{width:100%}
main,.bc-site-header,.bc-site-footer{max-width:100%;min-width:0}
.grid>* ,.flex>*{min-width:0}
img,svg,canvas,video,iframe{max-width:100%}
.bc-form input,.bc-form select,.bc-form textarea{min-width:0;max-width:100%}
.bc-site-footer a,.bc-site-footer p,.bc-form,.bc-form *{overflow-wrap:anywhere}
.overflow-x-auto{max-width:100%;overscroll-behavior-inline:contain}

/* Desktop compact mode: visually close to the user's preferred ~75% browser
   view while keeping browser zoom at 100% and preserving accessibility zoom. */
@media (min-width:1280px){
  :root{--bc-container:960px}
  .max-w-container-max{max-width:960px!important}
  .md\:px-margin-desktop,.px-margin-desktop{padding-left:48px!important;padding-right:48px!important}
  .md\:mx-margin-desktop{margin-left:48px!important;margin-right:48px!important}
  .bc-site-header{height:64px}
  .bc-site-header>.max-w-container-max{max-width:960px!important}
  .bc-main-menu-list,.bc-main-menu>ul{gap:18px!important}
  .bc-header-actions{gap:6px!important}
  .bc-header-actions a{padding:7px 18px!important}
  .bc-brand-text,.bc-home .bc-site-header .bc-brand-text{font-size:20px!important;line-height:28px!important}
  .custom-logo{max-height:36px}
  .md\:text-display-hero,.text-display-hero,.bc-home h1.md\:text-display-hero{font-size:48px!important;line-height:60px!important;letter-spacing:-.02em}
  .text-headline-lg{font-size:26px;line-height:36px}
  .text-headline-md{font-size:20px;line-height:28px}
  .text-headline-sm{font-size:17px;line-height:24px}
  .text-body-lg{font-size:16px;line-height:27px}
  .text-body-md{font-size:14px;line-height:24px}
  .text-body-sm{font-size:13px;line-height:22px}
  .text-lg{font-size:16px;line-height:25px}
  .text-xl{font-size:18px;line-height:25px}
  .text-3xl{font-size:25px;line-height:31px}
  .text-6xl{font-size:48px;line-height:1}
  .text-label-caps{font-size:11px;line-height:15px}
  .gap-gutter{gap:18px}.gap-unit-lg{gap:18px}.gap-unit-md{gap:12px}.gap-unit-xl{gap:36px}
  .p-unit-lg{padding:18px}.p-unit-md{padding:12px}.p-unit-xl{padding:36px}.py-unit-xl{padding-top:36px;padding-bottom:36px}
  .mb-unit-xl{margin-bottom:36px}.mt-unit-xl{margin-top:36px}.pt-unit-md{padding-top:12px}.pb-unit-xl{padding-bottom:36px}
  .md\:p-8{padding:24px!important}.md\:p-12{padding:36px!important}.md\:p-16{padding:48px!important}
  .md\:pt-40{padding-top:120px!important}.md\:pb-40{padding-bottom:120px!important}
  .pt-32{padding-top:96px}.pb-32{padding-bottom:96px}.pt-\[120px\]{padding-top:90px}.pb-\[200px\]{padding-bottom:150px}
  .bc-page-hero{padding-top:112px!important}
  .h-20{height:64px}.w-16{width:48px}.h-16{height:48px}.w-12{width:36px}.h-12{height:36px}.w-10{width:32px}.h-10{height:32px}
  .material-symbols-outlined{font-size:21px}
}


/* v0.1.4 - Full-bleed footer shell; content remains on the shared site grid. */
.bc-site-footer{width:100%;max-width:none!important;margin-inline:0!important;padding:0!important;background:#F4F7FB}
.bc-site-footer>.bc-footer-inner{width:100%;margin-inline:auto}