
/* Birlik Örme 2026 - Process cinematic upgrade */
:root{--bo-navy:#07133b;--bo-blue:#0b4fb3;--bo-cyan:#09bfd0;--bo-ink:#14213d;--bo-soft:#f4f8fb;--bo-line:#d9e7f2;--bo-green:#00a57a;--bo-orange:#ff9f1c;--bo-radius:22px}
html{scroll-behavior:smooth} body{font-family:Inter,Arial,sans-serif!important;background:#f7fafc;color:#152033} 
body::before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 15% 10%,rgba(9,191,208,.11),transparent 28%),radial-gradient(circle at 85% 20%,rgba(11,79,179,.13),transparent 28%);pointer-events:none;z-index:-1}
.bo-page-loader{position:fixed;inset:0;background:linear-gradient(135deg,#061139,#0a4b9a 55%,#04a9b5);z-index:999999;display:flex;align-items:center;justify-content:center;color:white;font-weight:900;letter-spacing:.18em;text-transform:uppercase;transition:opacity .45s ease,visibility .45s ease}.bo-page-loader.hide{opacity:0;visibility:hidden}.bo-page-loader span{padding:18px 26px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px)}
a{transition:.25s ease}.topnav a,.bo-menu a{position:relative}.topnav a::after,.bo-menu a::after{content:"";position:absolute;left:12px;right:12px;bottom:6px;height:2px;background:linear-gradient(90deg,var(--bo-cyan),#fff);transform:scaleX(0);transform-origin:left;transition:.25s}.topnav a:hover::after,.bo-menu a:hover::after{transform:scaleX(1)}
.bo-sub-strip{box-shadow:0 15px 40px rgba(5,18,56,.12)}
.page-title h1{font-size:clamp(28px,3vw,46px)!important;letter-spacing:-.04em!important;background:linear-gradient(120deg,#07133b,#0b4fb3);-webkit-background-clip:text;color:transparent}.page-block-content{font-size:16px!important;line-height:1.78!important}.page-block-content p{background:rgba(255,255,255,.75);border:1px solid #e5edf6;border-radius:16px;padding:16px 18px;box-shadow:0 10px 28px rgba(8,31,68,.06)}
.bo-cinematic{max-width:1220px;margin:42px auto;padding:0 20px}.bo-cinematic-panel{position:relative;overflow:hidden;border-radius:32px;background:linear-gradient(135deg,#061139 0%,#082867 46%,#0896a7 100%);color:#fff;box-shadow:0 24px 70px rgba(5,20,60,.26)}.bo-cinematic-panel::before{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 38px);transform:rotate(-8deg);animation:boWeave 18s linear infinite}.bo-cinematic-inner{position:relative;z-index:1;padding:42px}.bo-cinematic-head{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:end}.bo-cinematic-kicker{display:inline-flex;gap:8px;align-items:center;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.bo-cinematic h2{margin:16px 0 10px;font-size:clamp(28px,4vw,54px);line-height:.98;letter-spacing:-.055em}.bo-cinematic p{color:rgba(255,255,255,.82);font-size:16px;line-height:1.7}.bo-mini-video{min-height:210px;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.18);position:relative;overflow:hidden}.bo-mini-video::before{content:"";position:absolute;inset:24px;border-radius:18px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:boScan 2.8s ease-in-out infinite}.bo-mini-video .roll{position:absolute;width:110%;height:28px;left:-5%;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.18);border-radius:999px}.bo-mini-video .r1{top:36px}.bo-mini-video .r2{bottom:42px}.bo-mini-video .fabric{position:absolute;left:50%;top:22px;transform:translateX(-50%);width:44%;height:170px;border-radius:12px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.16) 0 3px,rgba(255,255,255,.07) 3px 9px);box-shadow:0 0 50px rgba(9,191,208,.2) inset;animation:fabricMove 3.5s linear infinite}.bo-mini-video .play{position:absolute;right:18px;bottom:16px;padding:10px 14px;border-radius:999px;background:#fff;color:#082867;font-weight:900;font-size:12px}.bo-process-grid{display:grid;grid-template-columns:repeat(13,minmax(150px,1fr));gap:12px;overflow-x:auto;padding:28px 0 8px;scroll-snap-type:x mandatory}.bo-process-step{min-height:164px;border-radius:22px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);padding:16px;position:relative;scroll-snap-align:start;transition:.3s}.bo-process-step:hover{transform:translateY(-7px);background:rgba(255,255,255,.16)}.bo-process-step::after{content:"";position:absolute;right:-12px;top:50%;width:20px;height:2px;background:linear-gradient(90deg,#fff,transparent)}.bo-process-step:last-child::after{display:none}.bo-process-step .num{font-size:12px;font-weight:900;color:#8ef4ff}.bo-process-step .ico{font-size:31px;margin:10px 0}.bo-process-step h3{margin:0 0 8px;font-size:16px;color:#fff}.bo-process-step p{margin:0;font-size:13px;line-height:1.45;color:rgba(255,255,255,.76)}.bo-algorithm{margin-top:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.bo-algo-card{background:#fff;color:#152033;border-radius:22px;padding:20px;border:1px solid #e4edf7;box-shadow:0 14px 35px rgba(5,20,60,.12)}.bo-algo-card b{display:block;color:#0b4fb3;margin-bottom:6px}.bo-process-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.bo-process-cta a{display:inline-flex;padding:13px 18px;border-radius:999px;text-decoration:none;font-weight:900}.bo-process-cta a:first-child{background:#fff;color:#082867}.bo-process-cta a:last-child{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.2)}
.bo-mini-preview{max-width:1180px;margin:22px auto;padding:0 20px}.bo-mini-preview-inner{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.bo-preview-card{border-radius:20px;background:#fff;border:1px solid #e4edf7;box-shadow:0 12px 30px rgba(5,20,60,.07);padding:18px;text-decoration:none;color:#152033;position:relative;overflow:hidden}.bo-preview-card::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,191,208,.08),transparent);transform:translateX(-100%);transition:.45s}.bo-preview-card:hover::before{transform:translateX(0)}.bo-preview-card b{display:block;color:#0b4fb3}.bo-preview-card span{font-size:13px;color:#60708a}.bo-preview-card em{position:absolute;right:16px;top:16px;font-style:normal;font-size:24px}
@keyframes boWeave{to{transform:rotate(-8deg) translateX(160px)}}@keyframes boScan{0%,100%{transform:translateX(-55%)}50%{transform:translateX(55%)}}@keyframes fabricMove{to{background-position:80px 0}}
@media(max-width:900px){.bo-cinematic-head{grid-template-columns:1fr}.bo-algorithm{grid-template-columns:1fr}.bo-mini-preview-inner{grid-template-columns:1fr}.bo-cinematic-inner{padding:28px}.bo-process-grid{grid-template-columns:repeat(13,150px)}}
