/* FikirBaz Web Design v4 — one narrative, one responsive system. */
:root{--fbw4-red:#ff2828;--fbw4-black:#090909;--fbw4-ink:#111;--fbw4-paper:#f2f0ec;--fbw4-muted:#8b8782;--fbw4-line:rgba(255,255,255,.11);--fbw4-ease:cubic-bezier(.22,1,.36,1)}
body:has(.fbw4){background:var(--fbw4-black);overflow-x:clip}
body:has(.fbw4) :where(.elementor,.elementor-element,.elementor-widget,.elementor-widget-container){max-width:none}
body:has(.fbw4) #content,body:has(.fbw4) .site-main,body:has(.fbw4) .page-content{margin:0!important;padding:0!important;max-width:none!important}
body:has(.fbw4) .onon-service-detail-page-block{padding-inline:0!important;--padding-left:0!important;--padding-right:0!important}
body:has(.fbw4) .elementor-widget-html:has(.fbw4){width:100%!important}
body:has(.fbw4) #onon-header{--oh-ink:#f7f7f4;--oh-line:rgba(255,255,255,.1);color:#fff}
body:has(.fbw4) #onon-header .oh-bar{max-width:1600px;background:rgba(10,10,10,.9);border-color:rgba(255,255,255,.1);box-shadow:0 16px 42px rgba(0,0,0,.32)}
body:has(.fbw4) #onon-header.is-scrolled .oh-bar{background:rgba(8,8,8,.97);box-shadow:0 12px 30px rgba(0,0,0,.42)}
body:has(.fbw4) #onon-header .oh-logo img{content:url("../images/fikirbaz/fikirbaz-logo-shine-dark.svg")}
body:has(.fbw4) #onon-header .oh-nav{background:#151515;border-color:rgba(255,255,255,.1)}
body:has(.fbw4) #onon-header .oh-nav a,body:has(.fbw4) #onon-header :is(.oh-top>a,.oh-icon){color:#d8d8d5}
body:has(.fbw4) #onon-header .oh-nav-pill{background:#242424;box-shadow:none}
body:has(.fbw4) #onon-header .oh-icon{background:#151515;border-color:rgba(255,255,255,.12);color:#fff}
body:has(.fbw4) #onon-header .oh-icon:hover{background:var(--fbw4-red);border-color:var(--fbw4-red)}
body:has(.fbw4) #onon-header .oh-drop,body:has(.fbw4) #onon-header .oh-mobile{background:rgba(15,15,15,.98);border-color:rgba(255,255,255,.11)}

.fbw4,.fbw4 *{box-sizing:border-box}.fbw4{width:100%;max-width:none!important;margin:0!important;background:var(--fbw4-black);color:#f5f3ef;font-family:"Poppins",Arial,sans-serif;overflow:clip}.fbw4 :where(h1,h2,h3,h4,p,figure,ol){margin:0}.fbw4 :where(ul,ol){padding:0}.fbw4 img{display:block;max-width:100%}.fbw4 button,.fbw4 a{font:inherit}.fbw4-shell{position:relative;width:min(1480px,calc(100% - clamp(40px,7vw,120px)));margin-inline:auto}.fbw4-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:clamp(56px,5.2vw,92px) clamp(56px,5.2vw,92px);mask-image:linear-gradient(to bottom,transparent 0,#000 10%,#000 90%,transparent)}
.fbw4 em{font-style:normal}.fbw4-motion-ready .fbw4-reveal{opacity:0;filter:blur(5px);transform:translateY(24px);transition:opacity .68s ease,filter .68s ease,transform .88s var(--fbw4-ease);transition-delay:var(--fbw4-reveal-delay,0ms);will-change:opacity,filter,transform}.fbw4-motion-ready .fbw4-reveal[data-fbw4-reveal="left"]{transform:translate3d(-28px,10px,0)}.fbw4-motion-ready .fbw4-reveal[data-fbw4-reveal="right"]{transform:translate3d(28px,10px,0)}.fbw4-motion-ready .fbw4-reveal.is-in{opacity:1;filter:blur(0);transform:none}
.fbw4-final>div>p i{width:7px;height:7px;margin-right:8px;display:inline-block;border-radius:50%;background:var(--fbw4-red);box-shadow:0 0 0 5px rgba(255,40,40,.1)}
.fbw4 h2{font-size:clamp(44px,5.3vw,88px);font-weight:430;line-height:.96;letter-spacing:-.067em}.fbw4 h2 em{color:var(--fbw4-red);font-weight:720}

/* Original moving project-wall hero, translated into the FikirBaz dark palette. */
.fbw4>.ow5-hero{height:clamp(700px,100svh,920px);margin:0;border-radius:0;background:#080808;color:#fff}
.fbw4>.ow5-hero:before{background:linear-gradient(90deg,rgba(8,8,8,.9),transparent 18%,transparent 82%,rgba(8,8,8,.9)),linear-gradient(180deg,rgba(8,8,8,.96),transparent 17%,transparent 76%,#080808 97%)}
.fbw4 .ow5-gallery{opacity:.58}.fbw4 .ow5-track figure{border-color:rgba(255,255,255,.1);background:#141414;box-shadow:0 18px 55px rgba(0,0,0,.38)}
.fbw4 .ow5-track figure>span{border-color:rgba(255,255,255,.08);background:rgba(14,14,14,.88)}.fbw4 .ow5-track figure>span:before{background:var(--fbw4-red);box-shadow:8px 0 #6b6662,16px 0 #3d3937}
.fbw4 .ow5-track img{filter:saturate(.72) brightness(.7) contrast(1.08)}
.fbw4 .ow5-vignette{background:radial-gradient(ellipse 48% 50% at 50% 48%,rgba(8,8,8,.99) 0%,rgba(8,8,8,.97) 45%,rgba(8,8,8,.74) 64%,rgba(8,8,8,0) 100%)}
.fbw4 .ow5-kicker{color:#ff3b3f!important}.fbw4 .ow5-kicker span{background:var(--fbw4-red);box-shadow:0 0 0 7px rgba(255,40,40,.1)}
.fbw4 .ow5-copy{width:min(820px,78vw)}body:not(.onon-home) .fbw4 .ow5-copy h1{color:#f2efec;font-size:clamp(44px,3.9vw,62px)!important;line-height:.98!important;letter-spacing:-.048em!important;white-space:nowrap}.fbw4 .ow5-copy h1 strong{color:var(--fbw4-red)}.fbw4 .ow5-copy>p:not(.ow5-kicker){max-width:540px;margin-top:20px;color:#9b9692}.fbw4 .ow5-actions{margin-top:24px}
.fbw4 .ow5-foot{border-color:rgba(255,255,255,.12);color:#68635f}.fbw4 .ow5-actions .fb-btn--ghost{background:rgba(13,13,13,.78)!important;border-color:rgba(255,255,255,.17)!important;color:#fff!important}.fbw4 .ow5-actions .fb-btn--ghost:hover{background:#f3f0ec!important;border-color:#f3f0ec!important;color:#111!important}


.fbw4-section-head{display:grid;grid-template-columns:minmax(120px,.34fr) minmax(440px,1fr) minmax(260px,.48fr);gap:clamp(35px,5vw,90px);align-items:start}.fbw4-section-head>p{max-width:380px;margin-top:8px;color:#6d6864;font-size:13px;line-height:1.78}.fbw4-section-no{display:flex;align-items:center;gap:12px;padding-top:10px;color:#6e6965;font-size:8px;font-weight:700;letter-spacing:.17em}.fbw4-section-no b{position:relative;width:34px;height:34px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;color:var(--fbw4-red);letter-spacing:0;transition:box-shadow .45s ease,transform .55s var(--fbw4-ease)}.fbw4-section-no b:after{content:"";position:absolute;inset:-4px;border-radius:inherit;background:conic-gradient(currentColor calc(var(--fbm-section-progress,0) * 1turn),transparent 0);opacity:.78;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);transform:rotate(-90deg);pointer-events:none}.fbw4 :is(.fbw4-manifest,.fbw4-system,.fbw4-scope,.fbw4-process,.fbw4-faq).is-fbm-active .fbw4-section-no b{box-shadow:0 0 0 7px color-mix(in srgb,currentColor 10%,transparent);transform:scale(1.03)}.fbw4 :is(.fbw4-manifest,.fbw4-system,.fbw4-scope,.fbw4-process,.fbw4-faq){scroll-margin-top:104px}.fbw4-manifest{padding:clamp(100px,10vw,175px) 0;background:var(--fbw4-paper);color:var(--fbw4-ink)}.fbw4-principles{margin-top:clamp(70px,8vw,125px);border-top:1px solid rgba(0,0,0,.18)}.fbw4-principles article{position:relative;min-height:210px;padding:34px 0;display:grid;grid-template-columns:minmax(125px,.36fr) minmax(300px,.8fr) minmax(260px,.8fr) minmax(56px,70px);gap:clamp(24px,4vw,75px);align-items:center;border-bottom:1px solid rgba(0,0,0,.18)}.fbw4-principles article>span{color:var(--fbw4-red);font-size:8px;font-weight:700;letter-spacing:.15em}.fbw4-principles h3{font-size:clamp(28px,2.5vw,44px);font-weight:520;line-height:1.05;letter-spacing:-.055em}.fbw4-principles p{max-width:450px;color:#716c68;font-size:12px;line-height:1.75}.fbw4-principles article>i{width:56px;height:56px;justify-self:end;display:grid;place-items:center;border:1px solid rgba(0,0,0,.14);border-radius:50%;color:#aaa5a1;font-size:28px;font-style:normal;font-weight:300;line-height:1;transition:color .3s ease,border-color .3s ease,background .3s ease,transform .35s var(--fbw4-ease)}.fbw4-principles article>*{position:relative;z-index:1;transition:color .28s ease}.fbw4-principles article:hover h3{color:var(--fbw4-red)}.fbw4-principles article:hover>i{border-color:var(--fbw4-red);background:var(--fbw4-red);color:#fff;transform:translateX(-4px)}



.fbw4-system{padding:clamp(105px,10vw,175px) 0;background:#0a0a0a;color:#fff}.fbw4-system__intro{display:grid;grid-template-columns:minmax(130px,.32fr) minmax(440px,1fr) minmax(260px,.48fr);gap:clamp(35px,5vw,90px)}.fbw4-system__intro>p{max-width:390px;margin-top:8px;color:#898481;font-size:13px;line-height:1.78}.fbw4-system__steps{margin-top:clamp(70px,8vw,120px);list-style:none;border-top:1px solid var(--fbw4-line)}.fbw4-system__steps li{min-height:170px;padding:28px 0;display:grid;grid-template-columns:minmax(80px,.18fr) minmax(260px,.58fr) 1fr 70px;gap:clamp(25px,4vw,70px);align-items:center;border-bottom:1px solid var(--fbw4-line);transition:padding .35s var(--fbw4-ease),background .35s ease}.fbw4-system__steps li>span{color:var(--fbw4-red);font-size:9px;font-weight:700}.fbw4-system__steps small{color:#65615e;font-size:7px;font-weight:700;letter-spacing:.16em}.fbw4-system__steps h3{margin-top:7px;font-size:clamp(30px,3vw,50px);font-weight:500;line-height:1;letter-spacing:-.055em}.fbw4-system__steps p{max-width:460px;color:#898481;font-size:12px;line-height:1.7}.fbw4-system__steps li>i{justify-self:end;color:#4b4744;font-size:42px;font-style:normal;font-weight:300;transition:color .3s ease,transform .3s ease}.fbw4-system__steps li:hover{padding-inline:24px;background:#141414}.fbw4-system__steps li:hover>i{color:var(--fbw4-red);transform:translateX(5px)}

.fbw4-scope{position:relative;padding:clamp(105px,10vw,175px) 0;overflow:hidden;background:radial-gradient(circle at 84% 18%,rgba(255,40,40,.16),transparent 28%),linear-gradient(116deg,#0a0a0a,#12100f);color:#fff}.fbw4-scope:before{position:absolute;inset:0;content:"";pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,#000 24%,#000 88%,transparent)}.fbw4-scope__head{position:relative;display:grid;grid-template-columns:minmax(130px,.32fr) 1.48fr;gap:clamp(35px,5vw,90px)}.fbw4-scope .fbw4-section-no{color:#8e8984}.fbw4-scope .fbw4-section-no b{color:var(--fbw4-red)}.fbw4-scope h2 em{color:var(--fbw4-red)}.fbw4-scope__list{position:relative;margin-top:clamp(70px,8vw,120px);border-top:1px solid rgba(255,255,255,.15)}.fbw4-scope article{min-height:152px;padding:26px 0;display:grid;grid-template-columns:70px minmax(290px,.72fr) 1fr minmax(150px,.36fr);gap:clamp(20px,4vw,65px);align-items:center;border-bottom:1px solid rgba(255,255,255,.14);transition:background .3s ease,padding .35s var(--fbw4-ease)}.fbw4-scope article:hover{padding-inline:20px;background:rgba(255,255,255,.035)}.fbw4-scope article>span{color:var(--fbw4-red);font-size:8px;font-weight:700}.fbw4-scope h3{font-size:clamp(26px,2.4vw,42px);font-weight:550;line-height:1.05;letter-spacing:-.05em}.fbw4-scope article p{max-width:440px;color:#a29d98;font-size:12px;line-height:1.7}.fbw4-scope article>b{justify-self:end;color:#817c77;font-size:7px;line-height:1.5;letter-spacing:.13em;text-align:right}

.fbw4-process{padding:clamp(105px,10vw,175px) 0;background:var(--fbw4-paper);color:#111}.fbw4-process__track{position:relative;margin-top:clamp(70px,8vw,120px);display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(0,0,0,.22);border-left:1px solid rgba(0,0,0,.22)}.fbw4-process article{position:relative;min-height:390px;padding:31px;display:flex;flex-direction:column;border-right:1px solid rgba(0,0,0,.22);border-bottom:1px solid rgba(0,0,0,.22);overflow:hidden}.fbw4-process article:before{content:"";position:absolute;inset:auto 0 0;height:5px;background:var(--fbw4-red);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--fbw4-ease)}.fbw4-process article:hover:before{transform:scaleX(1)}.fbw4-process article>span{color:#c7c2be;font-size:clamp(55px,5vw,82px);font-weight:300;line-height:1;letter-spacing:-.07em}.fbw4-process article>small{margin-top:auto;color:var(--fbw4-red);font-size:8px;font-weight:700;letter-spacing:.15em}.fbw4-process h3{margin-top:15px;font-size:clamp(22px,1.8vw,30px);font-weight:570;line-height:1.08;letter-spacing:-.045em}.fbw4-process article p{margin-top:15px;color:#726d69;font-size:11px;line-height:1.65}.fbw4-process article>b{margin-top:26px;color:#34302d;font-size:7px;letter-spacing:.13em}

.fbw4-faq{padding:clamp(105px,10vw,175px) 0;background:#0a0a0a;color:#fff}.fbw4-faq__layout{display:grid;grid-template-columns:minmax(320px,.75fr) minmax(480px,1fr);gap:clamp(70px,9vw,150px)}.fbw4-faq h2{margin-top:55px}.fbw4-faq__items{border-top:1px solid var(--fbw4-line)}.fbw4-faq details{border-bottom:1px solid var(--fbw4-line)}.fbw4-faq summary{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:30px;list-style:none;color:#eae7e4;cursor:pointer;font-size:clamp(14px,1.15vw,18px);font-weight:500;line-height:1.4}.fbw4-faq summary::-webkit-details-marker{display:none}.fbw4-faq summary i{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:50%;font-style:normal;transition:background .25s ease,border-color .25s ease,transform .3s ease}.fbw4-faq details[open] summary i{background:var(--fbw4-red);border-color:var(--fbw4-red);transform:rotate(45deg)}.fbw4-faq details p{max-width:690px;padding:0 55px 28px 0;color:#8c8783;font-size:12px;line-height:1.75}

.fbw4-final{position:relative;padding:clamp(110px,11vw,190px) 0 30px;background:radial-gradient(circle at 78% 26%,rgba(255,40,40,.24),transparent 25%),linear-gradient(112deg,#0a0a0a,#170b0b);color:#fff}.fbw4-final__inner>p{color:#85807c;font-size:8px;font-weight:700;letter-spacing:.17em}.fbw4-final h2{max-width:1150px;margin-top:clamp(55px,7vw,100px);font-size:clamp(52px,7vw,118px)}.fbw4-final__inner>div{margin-top:clamp(50px,6vw,85px);padding-top:28px;display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid var(--fbw4-line)}.fbw4-final__inner>div>span{color:#928d89;font-size:11px;line-height:1.65}.fbw4-final footer{margin-top:clamp(100px,12vw,190px);padding-top:22px;display:flex;justify-content:space-between;border-top:1px solid var(--fbw4-line);color:#5e5a57;font-size:7px;font-weight:700;letter-spacing:.14em}

@media(max-width:1100px){.fbw4-section-head,.fbw4-system__intro{grid-template-columns:120px 1fr}.fbw4-section-head>p,.fbw4-system__intro>p{grid-column:2}.fbw4-principles article{grid-template-columns:100px 1fr 1fr 55px}.fbw4-system__steps li{grid-template-columns:60px minmax(230px,.55fr) 1fr 50px}.fbw4-process__track{grid-template-columns:repeat(2,1fr)}.fbw4-scope article{grid-template-columns:50px minmax(250px,.75fr) 1fr}.fbw4-scope article>b{grid-column:2/4;justify-self:start}.fbw4-faq__layout{grid-template-columns:1fr;gap:65px}.fbw4-faq h2{margin-top:40px}.fbw4-faq header{max-width:760px}}


@media(max-width:767px){.fbw4-shell{width:calc(100% - 40px)}.fbw4-grid{background-size:54px 54px}.fbw4-motion-ready .fbw4-reveal,.fbw4-motion-ready .fbw4-reveal[data-fbw4-reveal="left"],.fbw4-motion-ready .fbw4-reveal[data-fbw4-reveal="right"]{filter:blur(3px);transform:translateY(14px)}.fbw4-motion-ready .fbw4-reveal.is-in{filter:blur(0);transform:none}.fbw4 h2{font-size:clamp(40px,11.8vw,55px);line-height:.98;letter-spacing:-.06em}
.fbw4-manifest,.fbw4-system,.fbw4-scope,.fbw4-process,.fbw4-faq{padding:88px 0}.fbw4-section-head,.fbw4-system__intro,.fbw4-scope__head{display:block}.fbw4-section-head h2,.fbw4-system__intro h2,.fbw4-scope__head h2{margin-top:38px}.fbw4-section-head>p,.fbw4-system__intro>p{margin-top:28px;font-size:12px}.fbw4-principles{margin-top:56px}.fbw4-principles article{min-height:0;padding:30px 0;grid-template-columns:1fr 42px;gap:13px 18px}.fbw4-principles article>span,.fbw4-principles h3,.fbw4-principles p{grid-column:1}.fbw4-principles article>i{grid-column:2;grid-row:1/4;align-self:center;font-size:44px}.fbw4-principles h3{font-size:28px}.fbw4-principles p{font-size:11px}
.fbw4-system__steps{margin-top:56px}.fbw4-system__steps li{min-height:0;padding:28px 0;grid-template-columns:34px 1fr 28px;gap:12px 16px}.fbw4-system__steps li>span{grid-row:1/3}.fbw4-system__steps li>div{grid-column:2}.fbw4-system__steps li>p{grid-column:2;font-size:11px}.fbw4-system__steps li>i{grid-column:3;grid-row:1/3;align-self:center;font-size:28px}.fbw4-system__steps li:hover{padding-inline:0;background:transparent}.fbw4-system__steps h3{font-size:29px}
.fbw4-scope__list{margin-top:56px}.fbw4-scope article{min-height:0;padding:28px 0;display:grid;grid-template-columns:30px 1fr;gap:10px 15px}.fbw4-scope article>span{grid-row:1/4}.fbw4-scope h3,.fbw4-scope article p,.fbw4-scope article>b{grid-column:2;justify-self:start;text-align:left}.fbw4-scope h3{font-size:27px}.fbw4-scope article p{font-size:11px}.fbw4-scope article>b{font-size:6px}
.fbw4-process__track{margin-top:56px;grid-template-columns:1fr}.fbw4-process article{min-height:295px;padding:26px}.fbw4-process article>span{font-size:58px}.fbw4-faq__layout{gap:50px}.fbw4-faq h2{margin-top:38px}.fbw4-faq summary{min-height:88px;font-size:13px}.fbw4-faq details p{padding-right:0;font-size:11px}.fbw4-final{padding:95px 0 26px}.fbw4-final h2{margin-top:55px;font-size:clamp(47px,13vw,62px);line-height:.95}.fbw4-final__inner>div{align-items:flex-start;flex-direction:column}.fbw4-final footer{margin-top:95px;flex-direction:column;gap:10px}}

@media(max-width:390px){.fbw4-shell{width:calc(100% - 32px)}.fbw4 h2{font-size:40px}}
@media(max-width:767px){.fbw4>.ow5-hero{height:calc(100svh - 6px);min-height:650px;max-height:780px}.fbw4>.ow5-hero:before{background:linear-gradient(180deg,rgba(8,8,8,.94),transparent 16%,transparent 76%,#080808 98%)}.fbw4 .ow5-gallery{opacity:.48}.fbw4 .ow5-vignette{background:radial-gradient(ellipse 82% 40% at 50% 48%,rgba(8,8,8,1) 0%,rgba(8,8,8,.98) 49%,rgba(8,8,8,.76) 70%,rgba(8,8,8,0) 100%)}.fbw4 .ow5-copy{width:calc(100% - 38px)}body:not(.onon-home) .fbw4 .ow5-copy h1{font-size:clamp(31px,8.7vw,38px)!important;line-height:1!important;letter-spacing:-.045em!important;white-space:normal}.fbw4 .ow5-copy>p:not(.ow5-kicker){margin-top:17px}.fbw4 .ow5-actions{margin-top:20px}.fbw4-principles article>i{width:40px;height:40px;font-size:19px}.fbw4-principles article:hover>span{color:var(--fbw4-red)}.fbw4-principles article:hover h3{color:#111}.fbw4-principles article:hover p{color:#716c68}.fbw4-principles article:hover>i{border-color:rgba(0,0,0,.14);background:transparent;color:#aaa5a1;transform:none}}
@media(prefers-reduced-motion:reduce){.fbw4-motion-ready .fbw4-reveal{opacity:1;filter:none;transform:none;transition:none}.fbw4 :where(*,*:before,*:after){scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}