/* TIBRAN visual system, review candidate 2026-10-06. */
:root{--visual-bg:#0E192B;--visual-surface:#172740;--visual-sand:#D4B483;--visual-text:#F1F4F8;--visual-muted:#CCD6E4}
@media screen{
body.homepage{background:var(--visual-bg);color:var(--visual-text)}
.homepage .site-header{background:#0E192BF5;box-shadow:none;border-color:#63799555}
.homepage .site-header nav{min-height:88px}.homepage .navlinks a{font-size:.875rem}.homepage .brand-name{font-size:1rem}.homepage .brand-name small{font-size:.875rem}
.homepage .hero{max-width:none;width:100%;display:grid;grid-template-columns:1fr;min-height:760px;padding:0;gap:0;isolation:isolate;position:relative;background:#101C30;overflow:hidden}
.homepage .hero-copy{padding:110px max(6vw,28px) 100px;width:min(56%,820px);min-width:0;position:relative;z-index:3;background:none;align-self:center}
.homepage .hero .eyebrow{font-size:.875rem;line-height:1.8;color:var(--visual-sand);max-width:520px}
.homepage .hero h1,html:lang(en) .homepage .hero h1{font-family:PlexArabic,Arial,sans-serif;font-weight:500;font-size:clamp(3.8rem,6vw,6.4rem);line-height:1.23;letter-spacing:0;margin:20px 0 28px}
html:lang(en) .homepage .hero h1{font-size:clamp(3.7rem,6vw,6rem);line-height:1.1;letter-spacing:-.025em}
.homepage .hero h1 em{color:var(--visual-sand);font-style:normal}
.homepage .hero .lead{color:var(--visual-muted);font-size:1.1rem;max-width:590px;line-height:1.9}
.homepage .hero .work-model{color:var(--visual-muted);font-size:.875rem;line-height:1.85}
.homepage .hero .actions{align-items:center;gap:24px;flex-wrap:wrap}
.homepage .hero .button{background:var(--visual-sand);color:#0E192B;border:1px solid var(--visual-sand);border-radius:3px;box-shadow:none;min-height:48px;padding:14px 24px}
.homepage .hero .button:hover{background:#E0C69E}.homepage .hero .text-link{border-color:#D4B48388;font-size:.9375rem}
.homepage .arrow{display:none}
.homepage .hero-image{position:absolute;inset:0;margin:0;width:100%;height:100%;border:0;border-radius:0;box-shadow:none;z-index:0;max-height:none;min-height:0;overflow:hidden}
.homepage .hero-image>img{object-fit:cover;object-position:center;width:100%;height:100%;transform:none!important}
.homepage .hero-image:after{background:linear-gradient(270deg,#0E192BF2 0%,#0E192BCF 32%,#0E192B24 64%,#0E192B12),linear-gradient(0deg,#0E192B,transparent 35%);z-index:1}
html:lang(en) .homepage .hero-image:after{background:linear-gradient(90deg,#0E192BF2 0%,#0E192BCF 32%,#0E192B24 64%,#0E192B12),linear-gradient(0deg,#0E192B,transparent 35%)}
html:lang(en) .homepage .hero-image>img{object-position:62% center}
.homepage .hero-image .visual-caption-tag{inset-inline-start:auto;inset-inline-end:6vw;inset-block-start:auto;bottom:34px;background:#0E192BE6;font-size:.875rem;color:var(--visual-muted);z-index:2}
.homepage .hero-image figcaption,.homepage .hero-image .image-index{display:none}
.homepage .brand-ribbon{background:#0E192B;border-color:#63799544}.homepage .brand-ribbon>.wrap{font-size:.9375rem;max-width:1328px;justify-content:space-between;padding-block:28px;color:var(--visual-muted)}
.homepage .section{padding-block:108px}.homepage .eyebrow{font-size:.875rem;letter-spacing:0;line-height:1.8;color:var(--visual-sand)}
html:lang(en) .homepage .eyebrow{font-size:.875rem;letter-spacing:.04em}
.homepage h2,html:lang(en) .homepage h2{font-family:PlexArabic,Arial,sans-serif;font-size:clamp(2.2rem,3.8vw,3.5rem);line-height:1.4;letter-spacing:0}
.homepage h3{font-size:1.55rem;line-height:1.5}.homepage .section-top{align-items:start;gap:64px}.homepage .section-top>p,.homepage .section-intro{font-size:1.0625rem;line-height:1.95;color:var(--visual-muted)}
.homepage .agenda{background:var(--visual-bg)}.homepage .agenda-row{padding-block:26px;border-color:#63799566}.homepage .agenda-row>span{font-size:.9375rem;color:var(--visual-sand)}.homepage .agenda-row h3{font-size:1.3rem;line-height:1.65}.homepage .agenda-row p{font-size:1rem;line-height:1.85;color:var(--visual-muted)}
.homepage .hero-principle{border-inline-start:2px solid var(--visual-sand);padding-inline-start:22px;gap:18px}.homepage .hero-principle p{font-size:1rem}.homepage .hero-principle>span{font-size:.875rem}
.homepage .capabilities{background:var(--visual-surface)}.homepage .operations-visual{height:max(380px,19rem);border-radius:0;margin-bottom:56px;box-shadow:none;border:0}.homepage .operations-visual figcaption{inset-inline:40px;bottom:32px}.homepage .operations-visual figcaption p{font-size:2rem;line-height:1.5}.homepage .operations-visual:after{background:linear-gradient(0deg,#0E192BF5,transparent 100%)}
.homepage .capability-layout{gap:48px}.homepage .capability-panel{padding:32px 36px;border:1px solid #63799566;background:#0F1C30;box-shadow:none;border-radius:3px}.homepage .capability-nav button{font-size:1.05rem;min-height:68px;line-height:1.6;padding:18px 8px;color:var(--visual-muted)}.homepage .capability-nav button[aria-selected=true]{color:var(--visual-text);background:#223758;border-inline-start:3px solid var(--visual-sand);padding-inline-start:18px}.homepage .capability-nav button::after{display:none}.homepage .capability-nav button span{font-size:.875rem;color:var(--visual-sand)}
.homepage .panel-output h4,.homepage .panel-use>span{font-size:.875rem;color:var(--visual-sand)}.homepage .panel-output li,.homepage .panel-use p{font-size:1rem;line-height:1.85}
.homepage .products{background:var(--visual-bg)}.homepage .path-card{border-radius:3px;background:#172740;box-shadow:none;padding:32px;border-color:#63799566}.homepage .path-card:first-child{border-top:3px solid var(--visual-sand);background:#1B2B4B}.homepage .path-card:hover{box-shadow:none}.homepage .path-index{font-size:2rem;color:var(--visual-sand)}.homepage .path-card h3{font-size:1.7rem}.homepage .path-need{font-size:1rem}.homepage .product-status{font-size:.875rem}.homepage .product-details summary{font-size:.9375rem}.homepage .product-details dl{font-size:1rem;line-height:1.8}.homepage .product-visual li{font-size:.875rem}.homepage .library-card{background:transparent;padding:24px 8px;border-top:1px solid #63799588}.homepage .library-card h3{font-size:1.2rem}.homepage .library-card p{font-size:.9375rem}
.homepage .outputs{background:#1B2B4B}.homepage .exhibit-copy{align-self:center}.homepage .memo-sheet{background:#111E33;border-radius:3px;border:1px solid #63799588;box-shadow:0 24px 48px #070D1780;transform:rotate(-1deg);padding:36px}.homepage .memo-top{font-size:.875rem;gap:16px}.homepage .memo-top>span:last-child{font-size:.875rem;max-width:230px;line-height:1.7}.homepage .memo-question small,.homepage .memo-decision small,.homepage .memo-foot span,.homepage .memo-code{font-size:.875rem}.homepage .memo-options{gap:18px}.homepage .memo-option p,.homepage .memo-foot b{font-size:.9375rem}.homepage .memo-question p,.homepage .memo-decision p{font-size:1rem}.homepage .exhibit-number{font-size:.875rem}.homepage .exhibit-copy li{font-size:1rem}.homepage .exhibit-link{background:#111E33;border:1px solid #63799566;border-radius:3px;box-shadow:none}.homepage .sample-visual{background:#172740}
.homepage .approach{background:var(--visual-bg)}.homepage .steps{gap:28px}.homepage .step{padding-block:28px;border-color:#D4B48388}.homepage .step .num{font-size:2.5rem;font-family:PlexArabic,Arial,sans-serif;color:var(--visual-sand)}.homepage .step h3{font-size:1.6rem}.homepage .step p{font-size:1rem;line-height:1.9}.homepage .step .gate{font-size:.875rem;color:var(--visual-muted)}
.homepage .about{background:#172740}.homepage .about-overview{gap:60px}.homepage .data-visual{border-radius:0;border:0;height:450px;box-shadow:none}.homepage .data-visual figcaption{font-size:1rem}.homepage .standard p{font-size:1.05rem;line-height:1.85}.homepage .quality-note,.homepage .about-practice p{font-size:1rem;line-height:1.9}
.homepage .profile-strip{background:#1B2B4B;border-block:1px solid #63799566;padding-block:56px}.homepage .profile-strip p{font-size:1rem}.homepage .profile-strip .button{border-radius:3px;min-height:48px}
.homepage .contact-section{background:var(--visual-bg)}.homepage .contact form{border-radius:3px;box-shadow:none;background:#172740;padding:36px;border-color:#63799588}.homepage .contact label,.homepage .contact small,.homepage #formStatus{font-size:.875rem;line-height:1.85}.homepage .contact input,.homepage .contact textarea,.homepage .contact select{font-size:1rem;border-radius:3px}.homepage .brief-guide>span,.homepage .brief-guide ol{font-size:1rem;line-height:1.9}.homepage .contact-links{gap:12px}.homepage .phone-button{font-size:1rem;line-height:1.8}.homepage .phone-contact>p{font-size:.9375rem;line-height:1.9}.homepage .site-footer{background:#0A1423;font-size:.875rem}.homepage .site-footer>.wrap{font-size:.875rem}
.homepage a:focus-visible,.homepage button:focus-visible,.homepage summary:focus-visible{outline:3px solid var(--visual-sand);outline-offset:4px}
}
@media screen and (max-width:1100px){.homepage .hero-copy{width:62%;padding-inline:36px}.homepage .navlinks{gap:12px}.homepage .section-top{gap:36px}}
@media screen and (max-width:920px){.homepage .hero{min-height:880px}.homepage .hero-copy{width:100%;padding:50px 24px 390px;align-self:start}.homepage .hero-image>img{object-position:25% center}.homepage .hero-image:after,html:lang(en) .homepage .hero-image:after{background:linear-gradient(180deg,#0E192BF7 0%,#0E192BF2 47%,#0E192B00 77%,#0E192B99)}.homepage .hero h1,html:lang(en) .homepage .hero h1{font-size:4rem;line-height:1.2}.homepage .hero .lead{max-width:680px}.homepage .section{padding-block:72px}.homepage .section-top{gap:28px}.homepage .capability-layout{gap:24px}.homepage .capability-nav button{font-size:1rem}.homepage .about-overview{gap:32px}.homepage .memo-sheet{transform:none}.homepage .data-visual{height:340px}.homepage .operations-visual{height:max(320px,19rem)}}
@media screen and (max-width:640px){.homepage .hero{min-height:0}.homepage .hero-copy{padding:40px 22px 320px}.homepage .hero h1,html:lang(en) .homepage .hero h1{font-size:3.3rem;line-height:1.3}.homepage .hero .eyebrow{font-size:.875rem}.homepage .hero .lead{font-size:1rem;line-height:1.9}.homepage .hero .actions{gap:20px}.homepage .hero-image .visual-caption-tag{bottom:20px;inset-inline-end:22px;max-width:calc(100% - 44px)}.homepage .brand-ribbon>.wrap{display:grid;grid-template-columns:1fr;gap:12px;text-align:start}.homepage .brand-ribbon span{max-width:none}.homepage .brand-ribbon i{display:none}.homepage .section{padding-block:60px}.homepage .wrap{padding-inline:22px}.homepage h2,html:lang(en) .homepage h2{font-size:2.15rem;line-height:1.5}.homepage .operations-visual{height:max(360px,19rem);margin-bottom:28px}.homepage .operations-visual figcaption{inset-inline:22px;bottom:22px}.homepage .operations-visual figcaption p{font-size:1.5rem}.homepage .capability-panel{padding:24px 22px}.homepage .capability-nav{grid-template-columns:minmax(0,1fr)}.homepage .capability-nav button{padding:16px 12px;min-height:64px}.homepage .path-card{padding:24px 22px}.homepage .memo-sheet{padding:24px 22px}.homepage .memo-top{flex-wrap:wrap}.homepage .memo-top>span:last-child{max-width:none}.homepage .steps{grid-template-columns:minmax(0,1fr);gap:0}.homepage .step{padding-block:24px}.homepage .contact form{padding:24px 22px}.homepage .data-visual{height:max(360px,12rem)}.homepage .hero-principle{grid-template-columns:1fr}.homepage .profile-strip>.wrap{gap:28px}.homepage .profile-strip .button{max-width:none;width:100%}}
@media screen and (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.homepage *{animation:none!important;transition:none!important}.homepage .memo-sheet{transform:none}}
@media screen and (min-width:921px){html:lang(en) .homepage .hero-copy{margin-left:auto}html:lang(en) .homepage .hero-image:after{background:linear-gradient(270deg,#0E192BF2 0%,#0E192BCF 32%,#0E192B24 64%,#0E192B12),linear-gradient(0deg,#0E192B,transparent 35%)}}
@media screen{body.homepage{font-family:PlexArabic,Arial,sans-serif}.homepage{--font:PlexArabic,Arial,sans-serif;--display:PlexArabic,Arial,sans-serif}.homepage input,.homepage button,.homepage select,.homepage textarea{font-family:PlexArabic,Arial,sans-serif}}

/* Captions remain in document flow so enlarged bilingual text grows the figure. */
@media screen{.homepage .operations-visual{height:auto;min-height:max(380px,19rem);display:flex;align-items:flex-end;padding:32px 40px}.homepage .operations-visual>img{position:absolute;inset:0}.homepage .operations-visual figcaption{position:relative;inset:auto;bottom:auto;width:100%}.homepage .product-status{border:1px solid #D4B48399;color:var(--visual-sand);background:#0F1C30;font-weight:500;padding:7px 12px}}
@media screen and (max-width:920px){.homepage .operations-visual{min-height:max(320px,19rem);padding:28px 32px}}
@media screen and (max-width:640px){.homepage .operations-visual{min-height:max(360px,19rem);padding:22px}}
@media screen and (max-width:640px){.homepage .agenda-layout,.homepage .section-top{grid-template-columns:minmax(0,1fr)}.homepage .agenda-layout>*,.homepage .section-top>*,.homepage .agenda-row>*{min-width:0}.homepage h1,.homepage h2,.homepage h3{overflow-wrap:anywhere}}

/* AUT-01: a visible decision architecture, preserved readiness states. */
.homepage .offer-feature{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px 42px;position:relative;min-width:0}
.homepage .offer-feature>*,.homepage .offer-output-grid li>div{min-width:0}
.homepage .offer-code{font-size:.875rem;color:var(--visual-sand);font-weight:500}
.homepage .offer-feature .product-heading{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px}
.homepage .offer-feature h3{font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.45;margin:0 0 18px}
.homepage .offer-boundary{font-size:1.125rem;color:var(--visual-sand);line-height:1.8}
.homepage .offer-feature .path-need{min-height:0;line-height:1.9;color:var(--visual-muted)}
.homepage .offer-question{border-inline-start:2px solid var(--visual-sand);padding:12px 18px;font-size:1.0625rem;line-height:1.85;margin:22px 0;color:var(--visual-text)}
.homepage .offer-fit h4,.homepage .offer-delivery>h4{font-size:.9375rem;line-height:1.8;color:var(--visual-sand);margin:0 0 14px}
.homepage .offer-fit p{font-size:1rem;line-height:1.85;color:var(--visual-muted)}
.homepage .offer-output-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;list-style:none;padding:0;margin:0}
.homepage .offer-output-grid li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;border-top:1px solid #63799588;padding:20px 0;align-content:start}
.homepage .output-code{font-size:.875rem;color:var(--visual-sand);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
.homepage .offer-output-grid h5{font-size:1rem;line-height:1.75;margin:0 0 6px;font-weight:500;color:var(--visual-text)}
.homepage .offer-output-grid p{font-size:.9375rem;line-height:1.8;margin:0;color:var(--visual-muted)}
.homepage .offer-handoff{grid-column:1/-1;border-top:1px solid #63799588;padding-top:24px;display:flex;align-items:center;gap:32px;flex-wrap:wrap}
.homepage .offer-handoff p{font-size:.9375rem;line-height:1.85;flex:1 1 400px;color:var(--visual-muted);margin:0}
.homepage .offer-handoff .button{min-height:48px;border-radius:3px;background:var(--visual-sand);color:#0E192B;white-space:normal;text-align:center;max-width:100%}
.homepage .development-card h3{font-size:1.4rem}.homepage .development-card .product-heading{display:flex;align-items:start;justify-content:space-between;gap:16px;flex-wrap:wrap}
@media(max-width:1100px){.homepage .offer-feature{grid-template-columns:minmax(0,1fr);gap:28px}}
@media(max-width:640px){.homepage .offer-output-grid{grid-template-columns:minmax(0,1fr)}.homepage .offer-feature{padding:26px 22px}.homepage .offer-handoff{gap:20px}.homepage .offer-handoff .button{width:100%}.homepage .offer-handoff p{flex-basis:100%}}
@media print{.homepage .offer-feature{display:block}.homepage .offer-output-grid{display:block}.homepage .offer-output-grid li{break-inside:avoid}.homepage .offer-handoff .button{display:none}}