@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}@layer bricks {.brxe-icon{font-size:60px}svg.brxe-icon{font-size:inherit}}@layer bricks {.brxe-button{width:auto}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}:root { --cs-bg: #05080D; --cs-bg-soft: #09111A; --cs-card: #0B141D; --cs-card-2: #0E1923; --cs-text: #F4F7FA; --cs-muted: #8FA3B5; --cs-line: rgba(143, 163, 181, 0.16); --cs-cyan: #35E7FF; --cs-cyan-soft: rgba(53, 231, 255, 0.10); --cs-cyan-line: rgba(53, 231, 255, 0.34); --cs-radius: 30px; --cs-max: 1320px;}.traffic-section,.traffic-hero,.traffic-intro,.traffic-services,.traffic-flow,.traffic-process,.traffic-info,.traffic-cta { background: var(--cs-bg); color: var(--cs-text); width: 100%;}.traffic-section > .brxe-container,.traffic-hero > .brxe-container,.traffic-intro > .brxe-container,.traffic-services > .brxe-container,.traffic-flow > .brxe-container,.traffic-process > .brxe-container,.traffic-info > .brxe-container,.traffic-cta > .brxe-container { width: min(var(--cs-max), calc(100% - 64px)); margin-inline: auto;}.traffic-section p,.traffic-hero p,.traffic-intro p,.traffic-services p,.traffic-flow p,.traffic-process p,.traffic-info p,.traffic-cta p { color: var(--cs-muted); line-height: 1.75;}.traffic-section h1,.traffic-section h2,.traffic-section h3,.traffic-hero h1,.traffic-intro h2,.traffic-services h2,.traffic-process h2,.traffic-info h2,.traffic-cta h2 { color: var(--cs-text); letter-spacing: -0.035em;}.traffic-section a,.traffic-hero a,.traffic-intro a,.traffic-services a,.traffic-flow a,.traffic-process a,.traffic-info a,.traffic-cta a { transition: color .25s ease, background .25s ease, border-color .25s ease, transform .25s ease;}.traffic-hero { position: relative; overflow: hidden; padding: 150px 0 110px; background: radial-gradient( circle at 78% 22%, rgba(53, 231, 255, 0.11), transparent 30% ), radial-gradient( circle at 20% 70%, rgba(17, 76, 107, 0.18), transparent 34% ), #05080D;}.traffic-hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .22; background-image: linear-gradient(rgba(53,231,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(53,231,255,.06) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom, black, transparent 88%);}.traffic-hero > .brxe-container { position: relative; z-index: 2;}.traffic-hero h1 { max-width: 980px; margin: 16px 0 24px; font-size: clamp(48px, 6vw, 86px); line-height: .98; font-weight: 800;}.traffic-hero p { max-width: 780px; font-size: 19px;}.traffic-hero .brxe-button { border-radius: 999px; padding: 15px 24px;}.traffic-hero .brxe-button:hover { transform: translateY(-2px);}.traffic-intro { padding: 110px 0 90px;}.traffic-intro > .brxe-container { max-width: 1120px;}.traffic-intro h2 { max-width: 970px; margin-bottom: 30px; font-size: clamp(38px, 4.5vw, 64px); line-height: 1.05;}.traffic-intro p { max-width: 960px; font-size: 18px;}.traffic-services { padding: 40px 0 110px;}.traffic-service-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; width: 100%;}.traffic-service-card { position: relative; min-height: 560px; padding: 44px; border: 1px solid var(--cs-line); border-radius: var(--cs-radius); overflow: hidden; background: radial-gradient( circle at 85% 5%, rgba(53,231,255,.08), transparent 28% ), linear-gradient( 145deg, rgba(14,25,35,.96), rgba(7,12,18,.98) ); box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 26px 70px rgba(0,0,0,.26);}.traffic-service-card::before { content: ""; position: absolute; top: 0; left: 44px; width: 90px; height: 2px; background: var(--cs-cyan); box-shadow: 0 0 18px rgba(53,231,255,.7);}.traffic-service-card:hover { border-color: var(--cs-cyan-line);}.traffic-service-card h2,.traffic-service-card h3 { margin-bottom: 16px;}.traffic-service-card h2 { font-size: clamp(34px, 3vw, 52px); line-height: 1.05;}.traffic-service-card h3 { color: var(--cs-muted); font-size: 15px; font-weight: 600; letter-spacing: .10em;}.traffic-service-card p { font-size: 17px;}.traffic-flow { padding: 20px 0 110px;}.traffic-flow > .brxe-container { padding: 42px; border: 1px solid var(--cs-cyan-line); border-radius: 26px; background: linear-gradient( 90deg, rgba(53,231,255,.045), rgba(53,231,255,.01) ), var(--cs-card); box-shadow: 0 0 50px rgba(53,231,255,.035);}.traffic-flow h2 { margin-bottom: 28px; color: var(--cs-cyan); font-size: 14px; font-weight: 700; letter-spacing: .17em; text-transform: uppercase;}.traffic-flow-grid { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 20px; align-items: stretch;}.traffic-flow-item { position: relative; padding-right: 24px;}.traffic-flow-item:not(:last-child)::after { content: "→"; position: absolute; right: -4px; top: 50%; transform: translateY(-50%); color: var(--cs-cyan); font-size: 26px;}.traffic-flow-item h3 { margin: 0 0 7px; color: var(--cs-text); font-size: 17px; line-height: 1.25;}.traffic-flow-item p { margin: 0; font-size: 14px;}.traffic-process { padding: 110px 0;}.traffic-process h2 { margin-bottom: 45px; font-size: clamp(40px, 4vw, 58px);}.traffic-process-grid { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 16px;}.traffic-process-card { min-height: 235px; padding: 28px 24px; border: 1px solid var(--cs-line); border-radius: 22px; background: rgba(11,20,29,.72); transition: transform .25s ease, border-color .25s ease, background .25s ease;}.traffic-process-card:hover { transform: translateY(-5px); border-color: var(--cs-cyan-line); background: rgba(14,25,35,.96);}.traffic-process-card h3 { margin: 16px 0 10px; font-size: 22px; line-height: 1.12;}.traffic-process-card p { margin: 0; font-size: 14px;}.traffic-info { padding: 30px 0 110px;}.traffic-info > .brxe-container { padding: 55px 60px; border: 1px solid var(--cs-line); border-radius: var(--cs-radius); background: radial-gradient( circle at 95% 15%, rgba(53,231,255,.07), transparent 30% ), var(--cs-card);}.traffic-info h2 { max-width: 780px; margin-bottom: 28px; font-size: clamp(36px, 3.8vw, 56px); line-height: 1.05;}.traffic-info p { max-width: 1000px; font-size: 17px;}.traffic-cta { padding: 25px 0 130px;}.traffic-cta > .brxe-container { position: relative; overflow: hidden; padding: 70px 65px; border: 1px solid var(--cs-cyan-line); border-radius: 34px; background: radial-gradient( circle at 88% 20%, rgba(53,231,255,.13), transparent 30% ), linear-gradient( 135deg, #0B151E, #070C12 );}.traffic-cta h2 { max-width: 920px; margin-bottom: 22px; font-size: clamp(40px, 4.4vw, 66px); line-height: 1.03;}.traffic-cta p { max-width: 820px; margin-bottom: 30px; font-size: 17px;}.traffic-cta .brxe-button { padding: 16px 25px; border-radius: 999px;}.traffic-hero .eyebrow,.traffic-intro .eyebrow,.traffic-process .eyebrow,.traffic-info .eyebrow,.traffic-cta .eyebrow { color: var(--cs-cyan); font-size: 13px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase;}@media (max-width: 991px) { .traffic-section > .brxe-container, .traffic-hero > .brxe-container, .traffic-intro > .brxe-container, .traffic-services > .brxe-container, .traffic-flow > .brxe-container, .traffic-process > .brxe-container, .traffic-info > .brxe-container, .traffic-cta > .brxe-container { width: min(100% - 40px, var(--cs-max)); } .traffic-hero { padding: 125px 0 90px; } .traffic-service-grid { grid-template-columns: 1fr; } .traffic-service-card { min-height: auto; } .traffic-process-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } .traffic-flow-grid { grid-template-columns: 1fr; gap: 10px; } .traffic-flow-item { padding: 17px 0 24px 40px; border-left: 1px solid var(--cs-cyan-line); } .traffic-flow-item:not(:last-child)::after { content: "↓"; left: -10px; right: auto; top: auto; bottom: -8px; transform: none; padding: 0 4px; background: var(--cs-card); font-size: 20px; }}@media (max-width: 767px) { .traffic-section > .brxe-container, .traffic-hero > .brxe-container, .traffic-intro > .brxe-container, .traffic-services > .brxe-container, .traffic-flow > .brxe-container, .traffic-process > .brxe-container, .traffic-info > .brxe-container, .traffic-cta > .brxe-container { width: calc(100% - 28px); } .traffic-hero { padding: 105px 0 70px; } .traffic-hero h1 { font-size: clamp(40px, 11vw, 54px); line-height: 1; } .traffic-hero p { font-size: 16px; } .traffic-intro, .traffic-process { padding: 75px 0; } .traffic-intro h2, .traffic-process h2 { font-size: 38px; } .traffic-services { padding-bottom: 75px; } .traffic-service-card { padding: 32px 24px; border-radius: 24px; } .traffic-service-card::before { left: 24px; } .traffic-service-card h2 { font-size: 34px; } .traffic-flow { padding-bottom: 75px; } .traffic-flow > .brxe-container { padding: 30px 24px; } .traffic-process-grid { grid-template-columns: 1fr; } .traffic-process-card { min-height: auto; } .traffic-info { padding-bottom: 75px; } .traffic-info > .brxe-container { padding: 38px 25px; border-radius: 25px; } .traffic-info h2 { font-size: 36px; } .traffic-cta { padding-bottom: 85px; } .traffic-cta > .brxe-container { padding: 44px 26px; border-radius: 26px; } .traffic-cta h2 { font-size: 38px; overflow-wrap: break-word; }}.traffic-process > .brxe-container { display: flex; flex-direction: column; align-items: stretch;}.traffic-process-grid { width: 100%;}.traffic-btn-primary { background: var(--cs-cyan) !important; color: #041016 !important; border: 1px solid var(--cs-cyan) !important;}.traffic-btn-primary:hover { background: #7AF0FF !important; border-color: #7AF0FF !important; transform: translateY(-2px);}.traffic-btn-secondary { background: transparent !important; color: var(--cs-text) !important; border: 1px solid var(--cs-cyan-line) !important;}.traffic-btn-secondary:hover { color: var(--cs-cyan) !important; border-color: var(--cs-cyan) !important; background: rgba(53,231,255,.06) !important;}.traffic-hero h1,.traffic-intro h2,.traffic-service-card h2,.traffic-process h2,.traffic-info h2,.traffic-cta h2 { letter-spacing: -0.012em;}.traffic-hero h1 { line-height: 1.02;}.traffic-intro h2,.traffic-info h2,.traffic-cta h2 { line-height: 1.08;}.eyebrow { color: var(--cs-cyan) !important; font-size: 13px; font-weight: 700; letter-spacing: .12em; line-height: 1.4; text-transform: uppercase; margin-bottom: 18px;}.traffic-intro p,.traffic-service-card p,.traffic-info p,.traffic-cta p { letter-spacing: .005em;}.traffic-hero .traffic-buttons { margin-top: 30px;}.traffic-hero .brxe-button { margin-top: 24px;}.traffic-hero .brxe-button + .brxe-button { margin-left: 8px;}.traffic-cta .brxe-button { margin-top: 12px;}.traffic-service-card { padding: 0;}.traffic-service-visual { width: 100%; height: 250px; overflow: hidden; border-radius: 30px 30px 0 0; border-bottom: 1px solid var(--cs-line); background: #08121b;}.traffic-service-visual img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; opacity: .88; transition: transform .5s ease, opacity .5s ease;}.traffic-service-card:hover .traffic-service-visual img { transform: scale(1.025); opacity: 1;}.traffic-service-content { padding: 38px 42px 44px;}.traffic-service-card::before { z-index: 3;}@media (max-width: 767px) { .traffic-service-visual { height: 190px; border-radius: 24px 24px 0 0; } .traffic-service-content { padding: 30px 24px 34px; }}.traffic-output-tags { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 14px;}.traffic-output-tag { display: inline-flex; width: auto; padding: 8px 12px; border: 1px solid rgba(53,231,255,.20); border-radius: 999px; background: rgba(53,231,255,.045); color: #B8CAD8; font-size: 13px; line-height: 1.2; letter-spacing: .02em;}.traffic-output-label { margin-top: 28px; color: var(--cs-cyan); font-size: 12px; font-weight: 700; letter-spacing: .13em;}.traffic-process-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; width: 100%;}.traffic-process-card { position: relative; min-height: 310px; display: flex; flex-direction: column; align-items: flex-start; padding: 28px 24px 24px; border: 1px solid var(--cs-line); border-radius: 22px; background: linear-gradient( 145deg, rgba(14,25,35,.92), rgba(7,12,18,.96) );}.traffic-process-number { color: var(--cs-cyan); font-size: 13px; font-weight: 700; letter-spacing: .12em;}.traffic-process-icon { width: 42px; height: 42px; margin-top: 26px; margin-bottom: 25px; color: var(--cs-cyan);}.traffic-process-card h3 { margin: 0 0 13px; font-size: 21px; line-height: 1.15; letter-spacing: -.01em;}.traffic-process-card p { margin: 0; font-size: 14px; line-height: 1.65;}.traffic-process-meta { margin-top: auto !important; padding-top: 26px; color: #6E899E !important; font-size: 10px !important; font-weight: 700; letter-spacing: .10em;}.traffic-process-card:hover { transform: translateY(-4px); border-color: rgba(53,231,255,.35);}@media (max-width: 1199px) { .traffic-process-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }}@media (max-width: 767px) { .traffic-process-grid { grid-template-columns: 1fr; } .traffic-process-card { min-height: 245px; }}.traffic-intro h2 { max-width: 1050px; font-size: clamp(42px, 4.2vw, 62px); line-height: 1.08; letter-spacing: -.012em; margin-bottom: 34px;}.traffic-intro p { max-width: 1100px; line-height: 1.85;}.traffic-cta p { margin-bottom: 36px;}.traffic-cta .traffic-btn-primary { margin-top: 0;}.traffic-flow > .brxe-container { padding: 46px 48px 42px; min-height: 285px;}.traffic-flow-divider { width: 100%; height: 1px; margin: 34px 0 24px; border: 0; background: rgba(143, 163, 181, 0.14);}.traffic-flow-note { max-width: 1080px; margin: 0; color: #8FA3B5; font-size: 15px; line-height: 1.75; letter-spacing: .005em;}.traffic-flow-item { min-height: 78px; display: flex; flex-direction: column; justify-content: flex-start;}@media (max-width: 767px) { .traffic-flow > .brxe-container { padding: 32px 24px 34px; min-height: auto; } .traffic-flow-divider { margin: 28px 0 20px; } .traffic-flow-note { font-size: 14px; line-height: 1.7; }}@media (max-width: 767px) { .traffic-flow > .brxe-container { height: auto !important; min-height: 0 !important; overflow: visible !important; padding-top: 32px !important; padding-right: 24px !important; padding-bottom: 38px !important; padding-left: 24px !important; box-sizing: border-box; } .traffic-flow-note, .compliance-flow-note { width: 100%; max-width: 100%; margin: 0 !important; padding: 20px 0 0 !important; line-height: 1.7; box-sizing: border-box; } .traffic-flow-divider, .compliance-flow-divider { width: 100%; margin: 26px 0 0 !important; }}@media (max-width: 767px) { .solution-flow-box { height: auto !important; min-height: unset !important; max-height: none !important; overflow: visible !important; padding: 32px 24px 40px !important; box-sizing: border-box !important; } .solution-flow-divider { width: 100% !important; margin: 28px 0 20px !important; } .solution-flow-note { position: static !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.7 !important; overflow: visible !important; }}#brxe-kpwvvh {margin-top: 10px}#brxe-rnaaki {letter-spacing: 0.12em; font-size: 16px; color: #7F94A6; font-weight: 500; margin-top: 12px; margin-bottom: 28px}#brxe-surrag {letter-spacing: 0.12em; font-size: 16px; color: #7F94A6; font-weight: 500; margin-top: 12px; margin-bottom: 28px}#brxe-bttxvt {margin-top: 10px}#brxe-kiytim {margin-top: 20px}#brxe-fwwuui {margin-top: 20px}