/* Bayan product page. Every rule is confined to the product content; Navid navigation and footer keep their original stylesheet. */
@font-face{font-family:Manrope;src:url('fonts/manrope.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
#bayan-page{--paper:#fff;--ink:#172622;--muted:#626e68;--line:#dfe5df;--soft:#f5f7f3;--accent:#157564;--button:#173e34;--radius:20px;color-scheme:light;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
#bayan-page *{box-sizing:border-box}#bayan-page{scroll-behavior:smooth;scroll-padding-top:100px}#bayan-page{margin:0;background:var(--paper)}#bayan-page a{color:inherit;text-decoration:none}#bayan-page button,#bayan-page summary{cursor:pointer}#bayan-page button,#bayan-page input{font:inherit}#bayan-page button{color:inherit}#bayan-page button,#bayan-page a{-webkit-tap-highlight-color:transparent}#bayan-page button{border:0}#bayan-page button:focus-visible,#bayan-page a:focus-visible,#bayan-page summary:focus-visible,#bayan-page [tabindex]:focus-visible{outline:3px solid #e77e39;outline-offset:5px}#bayan-page img{max-width:100%;height:auto}#bayan-page svg{display:block}#bayan-page h1,#bayan-page h2,#bayan-page h3,#bayan-page p,#bayan-page figure{margin:0}#bayan-page h1,#bayan-page h2,#bayan-page h3{font-weight:550}#bayan-page p{line-height:1.75}#bayan-page em{font-style:normal;color:var(--accent)}#bayan-page [hidden]{display:none!important}#bayan-page .wrap{width:min(1248px,calc(100% - 112px));margin-inline:auto}#bayan-page .eyebrow{font-size:11px;font-weight:650;letter-spacing:1.6px;text-transform:uppercase;display:flex;gap:9px;align-items:center;color:var(--muted)}#bayan-page .live-dot{display:inline-block;flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:#288876}#bayan-page .button{display:inline-flex;gap:32px;align-items:center;justify-content:center;border-radius:7px;background:var(--button);color:white;padding:17px 22px;font-size:13px;font-weight:650;min-height:50px;transition:background .2s,box-shadow .2s}#bayan-page .button:hover{background:#255c4c;box-shadow:0 5px 18px #123e3418}#bayan-page .button span{font-size:19px;line-height:1}#bayan-page .button.small{padding:12px 17px;min-height:42px;gap:24px;font-size:12px}#bayan-page .text-link{display:inline-flex;align-items:center;gap:18px;font-size:13px;font-weight:650;background:none;padding:12px 0}#bayan-page .text-link:hover{text-decoration:underline;text-underline-offset:6px}#bayan-page .text-link span{font-size:17px}#bayan-page .skip-link{position:fixed;top:8px;left:8px;padding:14px;background:var(--ink);color:var(--paper);z-index:20;transform:translateY(-160%)}#bayan-page .skip-link:focus{transform:none}#bayan-page .site-header{max-width:1440px;width:calc(100% - 112px);margin:auto;height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}#bayan-page .brand{display:flex;width:115px;height:50px;align-items:center}#bayan-page .brand img{width:104px;max-height:46px;filter:brightness(0)}#bayan-page .site-header nav{display:flex;gap:34px;font-size:12px;font-weight:550}#bayan-page .site-header nav a:hover{color:var(--accent)}#bayan-page .hero{padding-top:66px}#bayan-page .hero h1{font-size:clamp(56px,6.8vw,100px);letter-spacing:-5px;line-height:1.065;font-weight:550}#bayan-page .hero .eyebrow{margin-bottom:22px}#bayan-page .hero-description{font-size:17px;color:var(--muted);line-height:1.75}#bayan-page .hero-actions{display:flex;align-items:center;gap:27px;margin-top:25px}#bayan-page .hero-connected{text-align:center}#bayan-page .hero-connected .eyebrow,#bayan-page .hero-connected .hero-actions{justify-content:center}#bayan-page .hero-connected .hero-description{margin-top:23px}#bayan-page .brain-network{height:178px;width:min(720px,100%);position:relative;margin:22px auto 24px;font-size:13px}#bayan-page .network-lines{position:absolute;width:100%;height:100%;inset:0;overflow:visible}#bayan-page .network-lines>path{stroke:var(--line);stroke-width:1.5}#bayan-page .network-node{position:absolute;border:1px solid var(--line);background:var(--paper);padding:12px 20px;border-radius:8px;display:flex;align-items:center;gap:14px;transform:translate(-50%,-50%);font-weight:600;white-space:nowrap}#bayan-page .network-node>span{font-size:20px;font-weight:400}#bayan-page .network-node.finance{left:17%;top:30%}#bayan-page .finance>span{color:#b27a2c}#bayan-page .network-node.hr{left:17%;top:78%}#bayan-page .hr>span{color:#bc6859}#bayan-page .network-node.projects{left:83%;top:54%}#bayan-page .projects>span{color:#577dcc}#bayan-page .network-core{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);background:var(--paper);padding:10px;width:78px;height:78px;display:grid;place-items:center}#bayan-page .network-core img{width:64px;height:64px;object-fit:contain}#bayan-page .network-context{position:absolute;left:50%;bottom:0;transform:translateX(-50%);font-size:10px;white-space:nowrap;color:var(--muted);letter-spacing:.3px}#bayan-page .signal{fill:var(--accent);offset-path:path('M120 68C250 68 220 124 370 124');animation:signal 5s linear infinite;opacity:.8}#bayan-page .signal.b{offset-path:path('M680 124H430');animation-delay:1.8s}@keyframes signal{0%,10%{offset-distance:0%;opacity:0}20%,65%{opacity:.8}90%,100%{offset-distance:100%;opacity:0}}#bayan-page .film-shell{border:1px solid var(--line);border-radius:var(--radius);padding:9px;background:var(--soft);box-shadow:0 24px 64px #10231c0a;scroll-margin-top:30px}#bayan-page .film-poster{position:relative;width:100%;aspect-ratio:16/9;display:block;overflow:hidden;background:#14211f;border-radius:calc(var(--radius) - 7px);padding:0;text-align:left}#bayan-page .film-poster>img{width:100%;height:100%;object-fit:contain;display:block}#bayan-page .film-scrim{position:absolute;inset:0;background:linear-gradient(0deg,#061613d9 0%,#06161300 42%,#06161300 75%)}#bayan-page .film-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:76px;height:76px;background:#fff;border-radius:50%;display:grid;place-items:center;color:#1c4b3c;box-shadow:0 6px 30px #061b2730;transition:box-shadow .2s}#bayan-page .film-play svg{width:25px;height:25px;margin-left:3px}#bayan-page .film-poster:hover .film-play{box-shadow:0 0 0 10px #ffffff28,0 5px 35px #0002}#bayan-page .film-caption{position:absolute;bottom:29px;left:32px;right:32px;color:#fff;display:flex;align-items:end;justify-content:space-between;gap:24px}#bayan-page .film-caption>span:first-child{font-size:21px;letter-spacing:-.5px;max-width:360px}#bayan-page .film-caption>span:last-child{font-size:12px;white-space:nowrap}#bayan-page .film-caption i{font-style:normal;border:1px solid #ffffff65;border-radius:4px;margin-left:16px;padding:6px 9px;font-size:10px}#bayan-page .section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:40px}#bayan-page .section-heading h2{margin-top:17px}#bayan-page .section-heading>p{max-width:330px;color:var(--muted);font-size:14px;padding-bottom:5px}#bayan-page h2{font-size:48px;line-height:1.18;letter-spacing:-2px}#bayan-page .workflows-section{padding-top:130px}#bayan-page .workflow-tabs{display:flex;border-bottom:1px solid var(--line);gap:5px;margin-bottom:36px;overflow:auto}#bayan-page .workflow-tabs button{display:flex;align-items:center;gap:12px;padding:18px 23px;background:none;border-bottom:2px solid transparent;white-space:nowrap;font-size:14px;font-weight:650;flex:1;min-height:60px}#bayan-page .workflow-tabs button>span{font-size:10px;color:var(--muted);font-weight:450}#bayan-page .workflow-tabs button>i{font-size:19px;font-style:normal;display:none}#bayan-page .workflow-tabs button[aria-selected=true]{border-color:var(--accent);color:var(--accent)}#bayan-page .workflow-tabs button:hover{background:var(--soft)}#bayan-page .workflow-panel{display:grid;grid-template-columns: .8fr 1.6fr;align-items:center;gap:60px;min-height:460px}#bayan-page .workflow-copy h3{font-size:35px;line-height:1.22;letter-spacing:-1.4px;margin-top:17px}#bayan-page .workflow-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:20px}#bayan-page .step-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:17px;font-size:12px;margin:29px 0 0}#bayan-page .step-list li{display:flex;align-items:center;gap:14px}#bayan-page .step-list span{font-size:10px;display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--line);border-radius:50%;color:var(--muted)}#bayan-page .loop-frame{background:var(--soft);border:1px solid var(--line);border-radius:14px;overflow:hidden;min-width:0;--loop-tone:#288876}#bayan-page .tone-gold{--loop-tone:#b8883c}#bayan-page .tone-blue{--loop-tone:#5b7fba}#bayan-page .tone-coral{--loop-tone:#bd7260}#bayan-page .tone-purple{--loop-tone:#8770b5}#bayan-page .loop-topline{display:flex;align-items:center;gap:8px;height:44px;padding:0 17px;font-size:10px;font-weight:550;color:var(--muted);border-bottom:1px solid var(--line)}#bayan-page .loop-topline .live-dot{background:var(--loop-tone);width:5px;height:5px;flex-basis:5px}#bayan-page .loop-label{margin-left:auto;font-size:9px;font-weight:400}#bayan-page .loop-picture{position:relative;aspect-ratio:16/9;background:#fff}#bayan-page .loop-picture video{display:block;width:100%;height:100%;object-fit:contain}#bayan-page .loop-control{position:absolute;bottom:11px;right:11px;background:#182d26ed;color:#fff;border:1px solid #ffffff65;border-radius:50px;padding:8px 12px;font-size:10px;display:flex;align-items:center;gap:7px;min-width:66px;justify-content:center;min-height:32px}#bayan-page .loop-control:hover{background:#000}#bayan-page .loop-frame figcaption{font-size:10px;color:var(--muted);padding:13px 17px;border-top:1px solid var(--line)}#bayan-page .knowledge-section{padding-top:128px}#bayan-page .context-illustration{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:55px 18px;display:flex;align-items:center;justify-content:center;min-height:272px}#bayan-page .context-sources,#bayan-page .context-outcomes{display:flex;flex-direction:column;gap:12px;min-width:180px}#bayan-page .context-sources span,#bayan-page .context-outcomes span{border:1px solid var(--line);border-radius:5px;font-size:12px;padding:12px 15px;background:var(--paper)}#bayan-page .context-sources span:nth-child(2){transform:translateX(12px)}#bayan-page .context-outcomes span:nth-child(2){transform:translateX(-12px)}#bayan-page .context-thread{height:1px;background:var(--line);width:100%;max-width:150px;position:relative}#bayan-page .context-thread:after{content:'';width:5px;height:5px;border-radius:50%;background:var(--accent);position:absolute;top:-2px;left:45%}#bayan-page .context-brand{min-width:260px;display:grid;justify-items:center;gap:14px}#bayan-page .context-brand img{width:165px;height:76px;object-fit:contain}#bayan-page .context-brand>span{font-size:10px;color:var(--muted)}#bayan-page .principles{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;padding-top:65px;padding-bottom:110px}#bayan-page .principle-icon{display:block;color:var(--accent);font-size:26px;margin-bottom:18px;line-height:1}#bayan-page .principles h3{font-size:19px;letter-spacing:-.5px;margin-bottom:13px}#bayan-page .principles p{font-size:13px;color:var(--muted)}#bayan-page .control-section{background:var(--soft);padding:90px 0}#bayan-page .control-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:110px;align-items:center}#bayan-page .control-grid h2{margin-top:20px;font-size:42px}#bayan-page .control-grid>div>p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:22px;max-width:520px}#bayan-page .deployment{border-top:1px solid var(--line);margin-top:30px;padding-top:25px;display:flex;gap:16px}#bayan-page .deployment>svg{width:24px;height:24px;flex-shrink:0;stroke:var(--accent);stroke-width:1.5}#bayan-page .deployment h3{font-size:16px;margin-bottom:8px}#bayan-page .deployment p{font-size:12px;color:var(--muted)}#bayan-page .permissions-map{max-width:390px;width:100%;margin:auto}#bayan-page .org-label{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:650;justify-content:center;border:1px solid var(--line);background:var(--paper);width:190px;margin:auto;border-radius:7px;padding:13px;position:relative}#bayan-page .org-label:after{content:'';position:absolute;height:27px;width:1px;background:var(--line);top:100%;left:50%}#bayan-page .permission-branches{margin:26px 0 25px;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;gap:10px}#bayan-page .permission-branches span{background:var(--paper);border:1px solid var(--line);border-radius:6px;font-size:11px;padding:10px 18px;position:relative}#bayan-page .permission-branches span:before{content:'';position:absolute;height:22px;width:1px;background:var(--line);bottom:100%;left:50%}#bayan-page .permission-person{border:1px solid var(--line);background:var(--paper);border-radius:9px;display:flex;gap:12px;padding:19px;align-items:center;box-shadow:0 10px 25px #10231c08}#bayan-page .avatar{width:39px;height:39px;border-radius:50%;background:#e6ebe1;color:#385547;display:grid;place-items:center;font-size:11px}#bayan-page .permission-person strong{display:block;font-size:13px}#bayan-page .permission-person div>span{display:block;font-size:10px;color:var(--muted);margin-top:4px}#bayan-page .permission-tick{margin-left:auto;color:var(--accent);font-size:19px}#bayan-page .permission-list{margin:15px 12px;display:grid;gap:13px;font-size:11px;color:var(--muted)}#bayan-page .permission-list>span{display:flex;justify-content:space-between}#bayan-page .permission-list i{font-style:normal;color:var(--accent)}#bayan-page .diagram-caption{margin-top:26px;text-align:center;font-size:10px;color:var(--muted)}#bayan-page .faq{padding:108px 0;display:grid;grid-template-columns:.7fr 1.3fr;gap:110px}#bayan-page .faq h2{margin-top:16px}#bayan-page .faq details{border-bottom:1px solid var(--line);padding:21px 0}#bayan-page .faq summary{list-style:none;display:flex;justify-content:space-between;font-size:14px;font-weight:550;gap:18px;line-height:1.6}#bayan-page .faq summary::-webkit-details-marker{display:none}#bayan-page .faq summary>span{color:var(--accent);font-size:20px}#bayan-page .faq details[open] summary>span{transform:rotate(45deg)}#bayan-page .faq details p{font-size:13px;color:var(--muted);margin-top:18px;padding-right:20px}#bayan-page .closing{border-top:1px solid var(--line);padding-top:76px;padding-bottom:88px;text-align:center}#bayan-page .closing>img{height:76px;width:160px;object-fit:contain;margin-bottom:35px}#bayan-page .closing h2{font-size:64px;letter-spacing:-3px;line-height:1.15;margin-bottom:32px}#bayan-page .site-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:27px;padding-bottom:94px;font-size:10px;color:var(--muted)}#bayan-page .site-footer>div{display:flex;gap:26px}#bayan-page .site-footer a:hover{text-decoration:underline}#bayan-page.design-switcher{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:10;display:flex;align-items:center;gap:4px;padding:7px;background:#182b25f5;backdrop-filter:blur(12px);border:1px solid #ffffff25;border-radius:11px;box-shadow:0 8px 28px #0002;color:#d7e2da;font-size:10px}#bayan-page.design-switcher>a{padding:9px 12px;border-radius:5px}#bayan-page.design-switcher .design-home{margin-right:4px;border-right:1px solid #ffffff26;border-radius:0;display:flex;gap:12px}#bayan-page.design-switcher>a[aria-current]{background:#f7f9f4;color:#16372c}#bayan-page.design-switcher>button{margin-left:4px;border-left:1px solid #ffffff26;padding:9px 12px;font-size:10px;white-space:nowrap;background:none;color:inherit}#bayan-page .film-dialog{background:#111b18;border:1px solid #45534b;color:white;padding:18px;border-radius:14px;max-width:1200px;width:calc(100% - 44px);max-height:94dvh;overflow:auto}#bayan-page .film-dialog::backdrop{background:#07150de8;backdrop-filter:blur(8px)}#bayan-page .film-dialog-top{display:flex;align-items:center;justify-content:space-between;padding:3px 0 17px;gap:20px}#bayan-page .film-dialog h2{font-size:15px;letter-spacing:0}#bayan-page .film-dialog-top button{background:#ffffff12;color:#fff;width:38px;height:38px;border-radius:50%;font-size:16px;flex-shrink:0}#bayan-page .film-dialog video{display:block;width:100%;max-height:76dvh;background:#000;aspect-ratio:16/9}#bayan-page .film-dialog p{font-size:11px;color:#b3c0b7;margin-top:13px;text-align:center}#bayan-page.motion-paused .signal{animation-play-state:paused}
/* 02 — An editorial story with warm paper, serif headlines and paired chapters. */
#bayan-page.design-editorial{--paper:#f8f5ee;--soft:#eeede4;--line:#deded1;--ink:#27342b;--muted:#71786b;--accent:#687d44;--button:#344633;--radius:5px}#bayan-page.design-editorial h1,#bayan-page.design-editorial h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}#bayan-page.design-editorial h1 em,#bayan-page.design-editorial h2 em{font-style:italic}#bayan-page .hero-editorial{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center;padding-top:77px;padding-bottom:90px}#bayan-page .hero-editorial h1{font-size:100px;letter-spacing:-5px;line-height:1.02;margin-bottom:26px}#bayan-page .hero-editorial .eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:30px}#bayan-page .editorial-detail{font-size:13px;max-width:360px;color:var(--muted);margin-top:18px;margin-bottom:26px}#bayan-page .margin-note{display:block;text-align:right;font-size:10px;color:var(--muted);margin-bottom:16px}#bayan-page .editorial-film .film-shell{padding:7px;background:#e6e8df}#bayan-page .editorial-film .film-caption{left:20px;right:20px;bottom:17px}#bayan-page .editorial-film .film-caption>span:first-child{font-size:15px;max-width:220px}#bayan-page .editorial-film .film-caption>span:last-child{font-size:0}#bayan-page .editorial-film .film-caption i{font-size:9px}#bayan-page .editorial-signature{display:flex;align-items:center;justify-content:space-between;margin-top:36px;border-top:1px solid var(--line);padding-top:25px}#bayan-page .editorial-signature img{width:150px;height:65px;object-fit:contain}#bayan-page .editorial-signature p{font-family:Georgia,serif;font-style:italic;font-size:18px;line-height:1.4;text-align:right}#bayan-page .editorial-bridge{border-top:1px solid var(--line);padding:65px 0 80px;display:grid;grid-template-columns:.45fr 1.3fr .8fr;gap:40px;align-items:start}#bayan-page .editorial-bridge h2{font-size:41px;letter-spacing:-1.7px}#bayan-page .editorial-bridge>p:last-child{font-size:13px;color:var(--muted)}#bayan-page .editorial-bridge .eyebrow{padding-top:8px}#bayan-page .editorial-workflow{display:grid;grid-template-columns:.75fr 1.25fr;gap:95px;align-items:center;border-top:1px solid var(--line);padding:65px 0}#bayan-page .editorial-workflow:nth-child(even){grid-template-columns:1.25fr .75fr}#bayan-page .editorial-workflow:nth-child(even) .workflow-copy{order:2}#bayan-page .editorial-workflow h2{font-size:48px;margin-top:18px}#bayan-page.design-editorial .principles{padding-top:65px}#bayan-page.design-editorial .control-grid h2{font-size:44px}#bayan-page.design-editorial .closing h2{font-size:75px}
/* 03 — A dark, cinematic launch; restrained technical detail, large film. */
#bayan-page.theme-dark{--paper:#0c1414;--soft:#111e1d;--ink:#edf3ed;--muted:#9aada6;--line:#293c37;--accent:#a4d9be;--button:#c6ebd7;--radius:12px;color-scheme:dark}#bayan-page.theme-dark .brand img{filter:brightness(0) invert(1)}#bayan-page.theme-dark .button{color:#143829}#bayan-page.theme-dark .button:hover{background:#e3f8eb}#bayan-page .hero-cinematic{padding-top:60px}#bayan-page .cinematic-title{display:flex;gap:50px;justify-content:space-between;align-items:end}#bayan-page .cinematic-title h1{font-size:76px;letter-spacing:-4px}#bayan-page .cinematic-title>p{color:var(--muted);font-size:14px;padding-bottom:6px;min-width:234px}#bayan-page .cinematic-network{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:18px 0}#bayan-page .cinematic-network .brain-network{margin-left:0;width:630px;height:172px}#bayan-page .cinematic-cta{display:flex;flex-direction:column;gap:17px;text-align:right;align-items:end}#bayan-page .cinematic-cta>span{font-size:10px;color:var(--muted);letter-spacing:1px}#bayan-page.theme-dark .film-shell{box-shadow:0 24px 80px #0003}#bayan-page.theme-dark .film-play{background:#d4eedf}#bayan-page.theme-dark .principle-icon{color:#a4d9be}#bayan-page.theme-dark .permission-person{box-shadow:0 15px 35px #0002}#bayan-page.theme-dark .avatar{background:#26463c;color:#d3e9dc}#bayan-page.theme-dark .network-node.finance>span{color:#dfbb79}#bayan-page.theme-dark .network-node.hr>span{color:#e5a99b}#bayan-page.theme-dark .network-node.projects>span{color:#9bb7ed}#bayan-page.theme-dark .network-core{box-shadow:0 0 55px #72d0aa0c}
/* 04 — Product-first exploration, vertical workflow navigation and warm accent. */
#bayan-page.design-explorer{--accent:#a24b2e;--button:#a24b2e;--soft:#f6f5f0;--line:#e2e0d7;--radius:16px}#bayan-page.design-explorer .button:hover{background:#843a21}#bayan-page .hero-explorer{display:grid;grid-template-columns:1.1fr .9fr;gap:85px;align-items:end;padding-top:65px}#bayan-page .hero-explorer h1{font-size:84px;letter-spacing:-4px}#bayan-page .hero-explorer .hero-description{font-size:15px}#bayan-page .hero-explorer .hero-actions{gap:24px;margin-bottom:9px}#bayan-page.design-explorer .workflows-section{padding-top:65px}#bayan-page.design-explorer .workflows-section>.section-heading{display:none}#bayan-page.design-explorer .workflow-explorer{display:grid;grid-template-columns:195px 1fr;gap:30px}#bayan-page.design-explorer .workflow-tabs{flex-direction:column;gap:7px;border-bottom:0;overflow:visible;margin:0;padding-top:15px}#bayan-page.design-explorer .workflow-tabs button{flex:0;padding:16px 14px;border:1px solid transparent;border-radius:7px;gap:12px;text-align:left;min-height:58px}#bayan-page.design-explorer .workflow-tabs button[aria-selected=true]{background:#f2e7dd;border-color:#e8d2c0;color:#914328}#bayan-page.design-explorer .workflow-tabs button>i{display:block;margin-left:auto}#bayan-page.design-explorer .workflow-panel{display:flex;flex-direction:column;gap:22px;min-height:600px;align-items:stretch}#bayan-page.design-explorer .workflow-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:45px}#bayan-page.design-explorer .workflow-copy .eyebrow{grid-column:1;font-size:10px;margin-top:4px}#bayan-page.design-explorer .workflow-copy h3{grid-column:1;font-size:31px;margin-top:10px}#bayan-page.design-explorer .workflow-copy>p:not(.eyebrow){grid-column:2;grid-row:1/3;font-size:12px;margin-top:0;align-self:center}#bayan-page.design-explorer .workflow-copy .step-list{display:none}#bayan-page.design-explorer .loop-frame{width:100%}#bayan-page.design-explorer .explorer-film{padding-top:105px}#bayan-page.design-explorer .hero-actions .text-link{font-size:11px}#bayan-page.design-explorer .context-illustration{background:#fcfaf6}#bayan-page.design-explorer .closing{background:#fcfaf6;border-radius:18px;padding-bottom:70px;margin-bottom:50px}
/* Review gallery. Thumbnails are static; the main films never preload here. */
#bayan-page .gallery-header{border-bottom:1px solid var(--line);padding:28px 0;display:flex;align-items:center;justify-content:space-between;font-size:12px}#bayan-page .gallery-header img{width:130px;height:55px;object-fit:contain}#bayan-page .gallery-header a{font-size:11px;text-decoration:underline;text-underline-offset:5px}#bayan-page .gallery-intro{padding:57px 0 39px;display:flex;align-items:end;justify-content:space-between;gap:70px}#bayan-page .gallery-intro h1{font-size:48px;line-height:1.18;letter-spacing:-2px;margin-top:15px}#bayan-page .gallery-intro>p{color:var(--muted);font-size:13px;max-width:350px}#bayan-page .gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px 26px;padding-bottom:70px}#bayan-page.design-card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--paper);transition:box-shadow .2s}#bayan-page.design-card:hover{box-shadow:0 15px 35px #173b2513}#bayan-page.design-card-image{aspect-ratio:1.75;background:var(--soft);overflow:hidden;position:relative}#bayan-page.design-card-image img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}#bayan-page.design-card-body{padding:23px 25px}#bayan-page.design-card-body>div{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:13px}#bayan-page.design-card h2{font-size:24px;letter-spacing:-.9px;margin-bottom:11px}#bayan-page.design-card p{font-size:12px;color:var(--muted)}#bayan-page.design-card .recommendation{padding:4px 8px;background:#e6f2e7;color:#276245;border-radius:3px;font-size:9px}#bayan-page .gallery-footer{border-top:1px solid var(--line);font-size:11px;color:var(--muted);padding:24px 0 40px;display:flex;justify-content:space-between}
@media(min-width:1600px){#bayan-page .hero h1{font-size:106px}#bayan-page .hero-editorial h1{font-size:112px}#bayan-page .cinematic-title h1{font-size:80px}#bayan-page .hero-explorer h1{font-size:86px}}
@media(max-width:1100px){#bayan-page .wrap,#bayan-page .site-header{width:calc(100% - 64px)}#bayan-page .hero h1{letter-spacing:-3px;font-size:72px}#bayan-page .workflow-panel{gap:32px;grid-template-columns:.85fr 1.2fr}#bayan-page .workflow-tabs button{padding:16px}#bayan-page .workflow-copy h3{font-size:30px}#bayan-page .control-grid{gap:55px}#bayan-page .section-heading{gap:35px}#bayan-page .principles{gap:34px}#bayan-page .context-thread{max-width:80px}#bayan-page .context-brand{min-width:220px}#bayan-page .context-sources,#bayan-page .context-outcomes{min-width:160px}#bayan-page .hero-editorial{gap:30px}#bayan-page .hero-editorial h1{font-size:82px}#bayan-page .editorial-bridge{grid-template-columns:1fr 1.1fr}#bayan-page .editorial-bridge .eyebrow{grid-column:1/-1}#bayan-page .editorial-workflow{gap:45px}#bayan-page .editorial-workflow h2{font-size:40px}#bayan-page .cinematic-title h1{font-size:61px}#bayan-page .cinematic-title{gap:30px}#bayan-page .cinematic-title>p{font-size:12px;min-width:210px}#bayan-page .cinematic-network{gap:30px}#bayan-page .cinematic-network .brain-network{width:560px}#bayan-page.design-explorer .workflow-explorer{grid-template-columns:160px 1fr;gap:23px}#bayan-page .hero-explorer{gap:40px}#bayan-page .hero-explorer h1{font-size:68px}#bayan-page .hero-explorer .hero-actions{align-items:start;flex-direction:column;gap:7px}#bayan-page.design-explorer .workflow-copy{gap:20px}#bayan-page.design-explorer .workflow-copy h3{font-size:27px}#bayan-page h2{font-size:40px}#bayan-page .control-grid h2{font-size:36px}#bayan-page .faq{gap:55px}}
@media(max-width:760px){#bayan-page{scroll-padding-top:25px}#bayan-page .wrap,#bayan-page .site-header{width:calc(100% - 40px)}#bayan-page .site-header{height:79px}#bayan-page .site-header nav{display:none}#bayan-page .brand img{width:85px;max-height:40px}#bayan-page .button.small{font-size:10px;gap:15px;padding:10px 13px;min-height:39px}#bayan-page .hero{padding-top:45px}#bayan-page .hero .eyebrow{font-size:8px;letter-spacing:1.1px;margin-bottom:20px}#bayan-page .hero h1{font-size:clamp(42px,8.7vw,65px);letter-spacing:-2.5px;line-height:1.1}#bayan-page .hero-description{font-size:13px;line-height:1.8}#bayan-page .hero-connected .hero-description{margin-top:20px}#bayan-page .hero-description br{display:none}#bayan-page .hero-actions{gap:20px;margin-top:22px;flex-wrap:wrap}#bayan-page .button{font-size:11px;padding:14px 17px;gap:22px;min-height:46px}#bayan-page .text-link{font-size:11px;gap:10px}#bayan-page .brain-network{height:148px;margin-top:22px}#bayan-page .network-node{font-size:10px;padding:9px 11px;gap:8px}#bayan-page .network-node>span{font-size:17px}#bayan-page .network-node.finance,#bayan-page .network-node.hr{left:18%}#bayan-page .network-node.projects{left:82%}#bayan-page .network-core{width:58px;height:58px;padding:7px}#bayan-page .network-core img{width:47px;height:47px}#bayan-page .network-context{font-size:8px}#bayan-page .network-lines{opacity:.65}#bayan-page .film-shell{padding:5px;border-radius:11px}#bayan-page .film-poster{border-radius:7px}#bayan-page .film-play{width:52px;height:52px}#bayan-page .film-play svg{width:20px;height:20px}#bayan-page .film-caption{bottom:15px;left:16px;right:16px}#bayan-page .film-caption>span:first-child{font-size:12px;max-width:170px;line-height:1.45;letter-spacing:-.2px}#bayan-page .film-caption>span:last-child{font-size:0}#bayan-page .film-caption i{font-size:8px;margin-left:0;padding:4px 6px}#bayan-page .workflows-section{padding-top:75px}#bayan-page .section-heading{display:block;margin-bottom:27px}#bayan-page .section-heading .eyebrow{font-size:9px}#bayan-page .section-heading h2{margin-top:14px}#bayan-page h2{font-size:34px;letter-spacing:-1.7px}#bayan-page .section-heading>p{font-size:12px;margin-top:18px;max-width:360px}#bayan-page .workflow-tabs{gap:0;margin-bottom:28px}#bayan-page .workflow-tabs button{padding:15px 16px;font-size:12px;gap:8px;flex:0;min-height:50px}#bayan-page .workflow-tabs button>span{font-size:8px}#bayan-page .workflow-panel{display:flex;flex-direction:column;gap:26px;min-height:570px;align-items:stretch}#bayan-page .workflow-copy .eyebrow{font-size:9px}#bayan-page .workflow-copy h3{font-size:30px;margin-top:12px}#bayan-page .workflow-copy>p:not(.eyebrow){font-size:12px;margin-top:14px}#bayan-page .step-list{gap:12px;font-size:11px;margin-top:22px}#bayan-page .step-list span{width:21px;height:21px;font-size:8px}#bayan-page .loop-topline{height:36px;font-size:8px;padding-inline:11px}#bayan-page .loop-label{font-size:8px}#bayan-page .loop-frame figcaption{font-size:9px;padding:11px 12px}#bayan-page .loop-control{font-size:9px;padding:6px 9px;right:8px;bottom:8px;min-height:31px}#bayan-page .knowledge-section{padding-top:65px}#bayan-page .context-illustration{flex-direction:column;padding:30px 0;gap:0}#bayan-page .context-sources,#bayan-page .context-outcomes{flex-direction:row;gap:7px;justify-content:center;min-width:0;max-width:100%}#bayan-page .context-sources span,#bayan-page .context-outcomes span{font-size:8px;padding:10px 9px;text-align:center}#bayan-page .context-sources span:nth-child(2),#bayan-page .context-outcomes span:nth-child(2){transform:none}#bayan-page .context-thread{height:37px;width:1px;background:var(--line)}#bayan-page .context-thread:after{top:45%;left:-2px}#bayan-page .context-brand{min-width:0;padding:15px 0;gap:8px}#bayan-page .context-brand img{width:133px;height:60px}#bayan-page .context-brand>span{font-size:9px}#bayan-page .principles{grid-template-columns:1fr;gap:30px;padding-top:42px;padding-bottom:58px}#bayan-page .principles article{display:grid;grid-template-columns:28px 1fr;column-gap:15px}#bayan-page .principle-icon{grid-row:1/3;font-size:24px;margin-top:5px}#bayan-page .principles h3{font-size:17px;margin-bottom:8px}#bayan-page .principles p{font-size:12px}#bayan-page .control-section{padding:58px 0}#bayan-page .control-grid{grid-template-columns:1fr;gap:44px}#bayan-page .control-grid h2,#bayan-page.design-editorial .control-grid h2{font-size:33px;margin-top:15px}#bayan-page .control-grid>div>p:not(.eyebrow){font-size:12px;margin-top:18px}#bayan-page .deployment{gap:13px}#bayan-page .deployment h3{font-size:14px}#bayan-page .deployment p{font-size:11px}#bayan-page .permissions-map{max-width:340px}#bayan-page .faq{grid-template-columns:1fr;gap:23px;padding:60px 0}#bayan-page .faq h2 br{display:none}#bayan-page .faq details{padding:19px 0}#bayan-page .faq summary{font-size:12px}#bayan-page .faq details p{font-size:12px}#bayan-page .closing{padding-top:47px;padding-bottom:55px}#bayan-page .closing>img{width:137px;height:62px;margin-bottom:24px}#bayan-page .closing h2,#bayan-page.design-editorial .closing h2{font-size:45px;letter-spacing:-2px}#bayan-page .site-footer{font-size:9px;gap:18px;flex-wrap:wrap;padding-top:22px;padding-bottom:98px}#bayan-page .site-footer>div{gap:15px}#bayan-page .site-footer>span:last-child{width:100%;font-size:8px}#bayan-page.design-switcher{bottom:10px;gap:1px;padding:5px;max-width:calc(100% - 20px)}#bayan-page.design-switcher>a{padding:9px 10px;font-size:9px}#bayan-page.design-switcher .design-home{gap:5px;margin-right:0}#bayan-page.design-switcher>button{font-size:8px;padding:9px 8px}#bayan-page .film-dialog{width:calc(100% - 20px);padding:11px;border-radius:9px}#bayan-page .film-dialog h2{font-size:11px;line-height:1.6}#bayan-page .film-dialog-top{padding-bottom:12px;gap:10px}#bayan-page .film-dialog-top button{width:31px;height:31px;font-size:13px}#bayan-page .film-dialog p{font-size:9px}#bayan-page .hero-editorial{grid-template-columns:1fr;padding-bottom:50px;gap:38px}#bayan-page .hero-editorial h1{font-size:70px;line-height:1.02;letter-spacing:-3.5px}#bayan-page .editorial-detail{font-size:12px;margin-top:14px;max-width:none}#bayan-page .editorial-film .margin-note{font-size:9px}#bayan-page .editorial-signature{margin-top:23px;padding-top:18px}#bayan-page .editorial-signature img{width:125px;height:55px}#bayan-page .editorial-signature p{font-size:16px}#bayan-page .editorial-bridge{padding:38px 0 45px;grid-template-columns:1fr;gap:20px}#bayan-page .editorial-bridge h2{font-size:35px}#bayan-page .editorial-bridge>p:last-child{font-size:12px}#bayan-page .editorial-workflow,#bayan-page .editorial-workflow:nth-child(even){grid-template-columns:1fr;padding:40px 0;gap:28px}#bayan-page .editorial-workflow:nth-child(even) .workflow-copy{order:0}#bayan-page .editorial-workflow h2{font-size:39px}#bayan-page .cinematic-title{display:block}#bayan-page .cinematic-title h1{font-size:clamp(41px,8.6vw,62px)}#bayan-page .cinematic-title>p{margin-top:22px;font-size:12px;line-height:1.8}#bayan-page .cinematic-network{flex-direction:column;gap:0;padding-bottom:25px;align-items:stretch}#bayan-page .cinematic-network .brain-network{width:100%;margin-top:5px;margin-bottom:20px;height:154px}#bayan-page .cinematic-cta{align-items:start;flex-direction:row;justify-content:space-between;align-items:center;text-align:left;gap:13px}#bayan-page .cinematic-cta>span{max-width:120px;font-size:8px;line-height:1.6}#bayan-page .hero-explorer{grid-template-columns:1fr;gap:24px}#bayan-page .hero-explorer h1{font-size:58px}#bayan-page .hero-explorer .hero-actions{flex-direction:row;align-items:center;gap:20px;margin-bottom:0}#bayan-page .hero-explorer .hero-description{font-size:13px}#bayan-page.design-explorer .workflows-section{padding-top:35px}#bayan-page.design-explorer .workflow-explorer{display:block}#bayan-page.design-explorer .workflow-tabs{flex-direction:row;overflow:auto;gap:5px;padding-top:0;margin-bottom:23px}#bayan-page.design-explorer .workflow-tabs button{flex:0;font-size:11px;padding:12px 13px;min-height:45px}#bayan-page.design-explorer .workflow-tabs button>i{display:none}#bayan-page.design-explorer .workflow-copy{display:block}#bayan-page.design-explorer .workflow-copy h3{font-size:29px;margin-top:10px}#bayan-page.design-explorer .workflow-copy>p:not(.eyebrow){font-size:12px;margin-top:14px}#bayan-page.design-explorer .workflow-panel{min-height:430px;gap:25px}#bayan-page.design-explorer .explorer-film{padding-top:60px}#bayan-page.design-explorer .closing{padding-inline:15px;margin-bottom:35px}#bayan-page .gallery-header{padding:20px 0}#bayan-page .gallery-header img{width:105px;height:47px}#bayan-page .gallery-header a{font-size:9px}#bayan-page .gallery-intro{display:block;padding:35px 0 30px}#bayan-page .gallery-intro h1{font-size:37px;letter-spacing:-1.6px}#bayan-page .gallery-intro>p{font-size:12px;margin-top:20px}#bayan-page .gallery-grid{grid-template-columns:1fr;gap:23px}#bayan-page.design-card-body{padding:20px}#bayan-page.design-card h2{font-size:23px}#bayan-page .gallery-footer{font-size:9px;gap:25px;line-height:1.7}}
@media(prefers-reduced-motion:reduce){#bayan-page{scroll-behavior:auto}#bayan-page *,#bayan-page *::before,#bayan-page *::after{animation:none!important;transition:none!important}}

#bayan-page .hero-connected{padding-top:45px}#bayan-page .hero-connected h1{font-size:clamp(52px,6vw,88px)}#bayan-page .hero-connected>.film-shell{margin-top:36px}#bayan-page .hero-connected>.brain-network{margin-top:25px;margin-bottom:0}#bayan-page .hero-connected .hero-description{margin-top:20px}@media(max-width:760px){#bayan-page .hero-connected{padding-top:40px}#bayan-page .hero-connected h1{font-size:clamp(40px,8.5vw,60px)}#bayan-page .hero-connected>.film-shell{margin-top:28px}}

#bayan-page .loop-expand{margin-left:auto;background:transparent;font-size:9px;color:var(--muted);padding:6px 0 6px 10px}#bayan-page .loop-expand:hover{color:var(--accent)}@media(max-width:760px){#bayan-page .hero-explorer h1{font-size:50px}#bayan-page .loop-expand{font-size:8px;min-height:32px}}

#bayan-page{color:var(--ink)}

#bayan-page .brand img,#bayan-page.theme-dark .brand img{filter:none}

#bayan-page .loop-picture noscript img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}

#bayan-page .principle-icon.arabic{text-align:left}

/* Direction 03: a connected story from authored knowledge to reviewed AI edits. */
#bayan-page .notes-story{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.5fr);gap:66px;align-items:center;margin-top:112px;padding-top:80px;border-top:1px solid var(--line);scroll-margin-top:36px}
#bayan-page .notes-story .eyebrow{line-height:1.8;letter-spacing:1.2px}#bayan-page .notes-mark{font-size:22px;color:var(--accent);font-weight:400;line-height:1}
#bayan-page .notes-story h2{margin-top:20px;font-size:44px;letter-spacing:-2px;line-height:1.16}#bayan-page .notes-story-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:24px;max-width:380px}
#bayan-page .notes-actions{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:13px;font-size:12px}#bayan-page .notes-actions li{display:flex;gap:15px;align-items:center}#bayan-page .notes-actions li>span{font-size:9px;color:var(--muted);border:1px solid var(--line);border-radius:50%;height:23px;width:23px;display:grid;place-items:center}
#bayan-page .notes-story .loop-frame{width:100%;min-width:0}#bayan-page .notes-ai-story{padding-top:116px;scroll-margin-top:40px}#bayan-page .notes-ai-story .section-heading{margin-bottom:34px}#bayan-page .notes-ai-story .section-heading>p{max-width:385px;font-size:14px}
#bayan-page .notes-ai-frame{border:1px solid var(--line);border-radius:18px;background:#111e1b;padding:24px}#bayan-page .notes-prompt{display:flex;align-items:center;gap:18px;padding:2px 7px 24px}#bayan-page .prompt-icon{font-size:27px;color:#c6b5ef;flex:0 0 30px}#bayan-page .prompt-label{font-size:9px;text-transform:uppercase;letter-spacing:1.6px;color:var(--muted)}#bayan-page .notes-prompt p{font-size:16px;margin-top:5px;line-height:1.65}#bayan-page .selection-label{margin-left:auto;padding:8px 12px;border:1px solid #365149;border-radius:5px;font-size:10px;color:#b6cec5;white-space:nowrap}
#bayan-page .notes-ai-frame>.loop-frame{margin:0;background:#101517;border-color:#314139;box-shadow:none}#bayan-page .notes-ai-frame .loop-topline{background:#14201d}#bayan-page .notes-ai-outcome{display:flex;gap:13px;align-items:center;padding:22px 5px 0;font-size:11px}#bayan-page .notes-ai-outcome p{font-size:12px;color:#c0d0c8}#bayan-page .outcome-check{color:#a0d3bd;display:grid;place-items:center;background:#203e33;border-radius:50%;width:24px;height:24px;flex:0 0 24px}#bayan-page .notes-ai-outcome>span:last-child{margin-left:auto;white-space:nowrap;font-size:10px;color:var(--muted)}
@media(max-width:1050px){#bayan-page .notes-story{gap:35px;grid-template-columns:1fr 1.3fr}#bayan-page .notes-story h2{font-size:36px}#bayan-page .notes-prompt p{font-size:14px}#bayan-page .notes-ai-outcome>span:last-child{display:none}}
@media(max-width:760px){#bayan-page .notes-story{grid-template-columns:1fr;margin-top:62px;padding-top:48px;gap:30px}#bayan-page .notes-story .eyebrow{font-size:8px;letter-spacing:.9px}#bayan-page .notes-story h2{font-size:34px;letter-spacing:-1.6px;margin-top:14px}#bayan-page .notes-story-copy>p:not(.eyebrow){font-size:12px;max-width:none;margin-top:18px}#bayan-page .notes-actions{gap:10px;font-size:11px;margin-top:20px}#bayan-page .notes-ai-story{padding-top:65px}#bayan-page .notes-ai-story .section-heading>p{font-size:12px}#bayan-page .notes-ai-frame{padding:10px;border-radius:12px}#bayan-page .notes-prompt{gap:10px;padding:6px 3px 17px;align-items:flex-start}#bayan-page .prompt-icon{font-size:20px;flex-basis:20px;margin-top:3px}#bayan-page .prompt-label{font-size:8px}#bayan-page .notes-prompt p{font-size:12px;line-height:1.7}#bayan-page .selection-label{display:none}#bayan-page .notes-ai-outcome{gap:9px;padding:15px 3px 4px;align-items:flex-start}#bayan-page .notes-ai-outcome p{font-size:10px;line-height:1.8}#bayan-page .outcome-check{width:20px;height:20px;flex-basis:20px;margin-top:3px}#bayan-page .notes-mark{font-size:19px}}

#bayan-page .clear-controls .loop-topline{gap:9px}#bayan-page .clear-controls .loop-topline .loop-control{position:static;min-height:28px;min-width:58px;padding:5px 10px;font-size:9px;flex-shrink:0}#bayan-page .clear-controls .loop-expand{margin-right:3px}@media(max-width:760px){#bayan-page .clear-controls .loop-topline{padding:9px 10px;gap:5px}#bayan-page .clear-controls .loop-topline .loop-control{min-width:48px;padding:4px 7px;font-size:8px}}
#bayan-page .notes-ai-frame{max-width:1100px;margin-inline:auto}
/* The chosen page keeps review controls out of the demonstrations. */
#bayan-page.design-cinematic .design-switcher{position:static;transform:none;width:max-content;margin:0 auto 28px}

#bayan-page{box-sizing:border-box;padding-top:90px;font-size:16px;line-height:1.5;text-align:left;overflow:clip}
#bayan-page h1,#bayan-page h2,#bayan-page h3,#bayan-page p,#bayan-page button,#bayan-page summary{font-family:inherit;color:inherit}
#bayan-page h1,#bayan-page h2,#bayan-page h3{font-weight:550}
#bayan-page button{letter-spacing:normal}
#bayan-page .hero-cinematic .eyebrow{color:var(--muted)}
#bayan-page .bayan-motion-control{display:flex;justify-content:center;padding-bottom:44px}
#bayan-page .bayan-motion-control button{background:transparent;color:var(--muted);font-size:12px;border:1px solid var(--line);border-radius:6px;padding:10px 18px}
#bayan-page section[id]{scroll-margin-top:110px}
#bayan-page .film-dialog{margin:auto;line-height:1.5}
#bayan-page .film-dialog button{background:#ffffff0a}
@media(max-width:760px){#bayan-page{padding-top:80px}#bayan-page .bayan-motion-control{padding-bottom:30px}}

#bayan-page li{color:inherit}
#bayan-page .loop-picture{background:var(--soft)}