@font-face{font-family:Onest;src:url('/assets/onest.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Noto Sans Arabic';src:url('/assets/noto-sans-arabic.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{--sans:'Onest',Arial,sans-serif;--mono:'Onest',Arial,sans-serif;--signature-face:#e8ebf4;--signature-rim:rgba(255,255,255,.32)}
html[data-theme=light]{--signature-face:#283044;--signature-rim:rgba(255,255,255,.6)}
body{font-family:var(--sans)}.mono{font-family:var(--sans);letter-spacing:.015em;text-transform:none;font-size:.8125rem;font-weight:450}.section-kicker{font-size:.875rem}.hero-eyebrow,.hero-pretitle,.chapter-kicker,.scene-note{letter-spacing:0;text-transform:none;font-size:.8125rem}.language-switch{font-family:var(--sans);gap:5px;font-size:.8125rem;direction:ltr}.language-switch button{min-height:40px;font-weight:550;padding:8px 3px}.language-switch button[lang=ar]{font-family:'Noto Sans Arabic',sans-serif;font-size:.875rem;padding-block:0}.language-switch>span{opacity:.4}.desktop-nav a{font-size:.875rem}.brand{gap:12px;flex-shrink:0;direction:ltr}.brand-symbol{height:47px;width:47px}.brand-lettering{display:block;width:196px;height:27px;position:relative;background:linear-gradient(175deg,var(--signature-face) 10%,#a8b0c1 47%,var(--signature-face) 51%,#a8b0c1 100%);mask:url('/assets/wordmark-solid.svg') center/contain no-repeat;filter:drop-shadow(0 1px 0 var(--signature-rim))}.site-header{gap:20px}.header-actions{gap:16px}.theme-toggle{flex-shrink:0}.section-heading h2{letter-spacing:-.045em;line-height:1.09}.section-lede{line-height:1.65}.section-kicker .mono{font-size:.875rem}
/* The expertise ribbon carries the actual technologies, with their native colors. */
.discipline-strip{background:#e9ecf4;color:#1c253a;padding:0;border-block:1px solid #cdd3e1;overflow:hidden;display:block}.strip-track{display:flex;gap:0;min-width:0;width:max-content;align-items:stretch;justify-content:flex-start;white-space:nowrap;padding:0}.discipline-item{display:flex;align-items:center;gap:20px;flex-shrink:0;padding:25px 40px;border-inline-end:1px solid #ced3de;font-size:1rem;font-weight:500;line-height:1.3}.discipline-strip span,.discipline-strip span:before{width:auto}.discipline-strip span:before{content:none}.discipline-logos{display:flex;align-items:center;gap:10px}.discipline-logos img{display:block;object-fit:contain;flex-shrink:0;height:35px;max-width:44px}.discipline-item:last-child{padding-inline-end:52px}
/* A project brief, set as a composed document on a deep blue closing chapter. */
.contact-section{position:relative;overflow:hidden;background:#111d36;color:#f4f6fc;padding:100px var(--pad) 112px;border-top:1px solid #334563}.contact-section:before{content:'';position:absolute;top:0;left:var(--pad);right:var(--pad);height:4px;background:linear-gradient(90deg,#3c60ff,#ec41a8 48%,#ff7545 75%,#edb953)}.contact-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1fr);gap:8%;align-items:start;margin:0}.contact-editorial{padding-top:13px;max-width:530px}.contact-eyebrow{color:#bcc9e3;font-size:1rem;line-height:1.6;margin-bottom:45px}.contact-section h2,html[lang=ru] .contact-section h2{font-size:clamp(3rem,5.45vw,7.5rem);line-height:1.1;letter-spacing:-.05em;font-weight:500;max-width:600px}.contact-section h2 span{color:#98b2f5}.contact-intro{margin-top:35px;max-width:405px;color:#c2cbe0;font-size:1rem;line-height:1.8}.contact-signature{display:flex;align-items:center;gap:17px;margin-top:58px}.contact-signature img{width:56px;height:56px;object-fit:contain}.contact-signature>div{display:flex;flex-direction:column;gap:8px}.contact-signature strong{font-size:1rem;font-weight:600;letter-spacing:.01em}.contact-signature span{font-size:.875rem;color:#a6b5d1}.contact-discipline{margin-top:45px;border-top:1px solid #41506b;padding-top:25px;display:flex;flex-direction:column;gap:12px;font-size:.875rem;color:#a6b5d1}.contact-discipline span{display:flex;align-items:center;gap:12px}.contact-discipline span:before{content:'';width:14px;height:2px;background:#698dff}.contact-discipline span:nth-child(2):before{background:#e44caa}.contact-discipline span:nth-child(3):before{background:#fb9764}
.brief-sheet{background:#f8f9fc;color:#17223a;padding:36px 38px 30px;border:1px solid #fff;border-radius:3px;box-shadow:0 28px 75px #02081938;position:relative}.brief-sheet:before{content:'';height:6px;position:absolute;inset:4px 7px auto;border-top:1px solid #d9deea;pointer-events:none}.brief-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:28px;border-bottom:1px solid #cbd1de;margin-bottom:27px;gap:15px}.brief-overline{display:block;font-size:.8125rem;color:#667088;margin-bottom:8px}.brief-heading h3{font-size:2rem;font-weight:500;line-height:1.2;letter-spacing:-.035em}.sheet-monogram{display:flex;font-size:2.5rem;line-height:1;font-weight:550;letter-spacing:-.06em;color:#7b87a0;align-items:flex-end;gap:6px}.sheet-monogram>span{font-size:.75rem;border-left:1px solid #aeb7c8;padding:4px 0 4px 6px;font-weight:500;letter-spacing:0}.brief-sheet fieldset{border:0;margin:0;padding:0}.brief-sheet legend,.brief-details h4,.project-label-title{display:flex;align-items:baseline;gap:12px;color:#1a2843;font-size:.9375rem;font-weight:500;line-height:1.5;padding:0;margin:0 0 17px}.field-number{font-size:.75rem;line-height:1.5;color:#6a7790;font-weight:450;font-variant-numeric:tabular-nums}.brief-sheet .interest-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.brief-sheet .interest-options label{position:relative;min-width:0;display:flex}.brief-sheet .interest-options input{position:absolute;opacity:0;width:1px;height:1px}.brief-sheet .interest-options span{width:100%;display:flex;align-items:center;gap:9px;border:1px solid #ced5e3;border-radius:3px;padding:11px 12px;font-size:.8125rem;line-height:1.45;color:#384761;background:#eef1f7;min-height:45px;cursor:pointer;transition:border-color .2s,background .2s}.brief-sheet .interest-options span:before{content:'';display:block;flex:0 0 10px;width:10px;height:10px;border:1px solid #9aa7c0;border-radius:2px}.brief-sheet .interest-options input:checked+span{color:#fff;background:#244dc2;border-color:#244dc2}.brief-sheet .interest-options input:checked+span:before{border-color:#fff;background:#fff;box-shadow:inset 0 0 0 2px #244dc2}.brief-sheet .interest-options input:focus-visible+span{outline:2px solid #2955ca;outline-offset:3px}.brief-details{margin-top:26px}.brief-sheet .form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:0}.brief-sheet .form-row label{font-size:.8125rem;line-height:1.5;display:flex;flex-direction:column;gap:7px;color:#62708a}.brief-sheet input,.brief-sheet textarea{background:#fff;border:1px solid #cbd3e2;border-radius:3px;padding:11px 12px;color:#142443;font-size:1rem;box-shadow:none}.brief-sheet input:focus,.brief-sheet textarea:focus{outline:2px solid #416ad9;outline-offset:1px;border-color:#416ad9;box-shadow:none}.brief-sheet input{height:44px}.brief-sheet .project-label{display:block;margin-top:25px}.brief-sheet .project-label-title{margin-bottom:11px}.brief-sheet textarea{min-height:93px;resize:vertical}.brief-sheet .brief-submit{margin-top:22px;display:flex;justify-content:space-between;gap:20px;background:#1a345f;border:1px solid #1a345f;color:#fff;border-radius:3px;width:100%;padding:15px 18px;min-height:54px;font-weight:500;font-size:.9375rem}.brief-sheet .brief-submit:hover{background:#244dc2;border-color:#244dc2;color:#fff}.submit-glyph{font-size:1.5rem;line-height:1;font-weight:400}.brief-sheet .form-note{font-size:.8125rem;line-height:1.6;color:#64718a;margin-top:13px}.brief-sheet .brief-result{background:#eaf0ff;color:#193567;border:1px solid #b3c4ea;border-radius:3px}.brief-sheet .brief-result button{color:#244dc2;border-color:#244dc2;font-size:.875rem}.brief-sheet :focus-visible{outline-color:#416ad9}
/* Company colophon: the final page of the presentation. */
.company-colophon{display:block;padding:60px var(--pad) 25px;background:#e8ecf3;color:#1b2b47;font-size:1rem;position:relative;border-top:8px solid #0b1426}.colophon-top{display:flex;justify-content:space-between;align-items:center;gap:50px;padding-bottom:42px;border-bottom:1px solid #aeb9cc}.company-colophon .footer-brand{display:flex;margin:0;padding:0;border:0;gap:18px;align-items:center;direction:ltr;flex-shrink:0}.company-colophon .footer-brand img{width:72px;height:72px;max-width:none}.footer-lettering{display:block;width:340px;height:40px;background:linear-gradient(180deg,#384761 6%,#8790a1 42%,#314360 49%,#5f7089 90%);mask:url('/assets/wordmark-engraved.svg') center/contain no-repeat;filter:drop-shadow(0 1px 0 #fff)}.colophon-top>p{font-size:1.15rem;line-height:1.5;max-width:240px;color:#4f617d;font-weight:450}.colophon-grid{display:grid;grid-template-columns:1.45fr 1fr .8fr;gap:65px;padding:39px 0 45px}.colophon-grid h3{font-size:.8125rem;color:#61738f;margin:0 0 22px;font-weight:500;letter-spacing:.01em}.company-record dl{margin:0}.company-record dl>div{margin-bottom:20px}.company-record dt{font-size:.8125rem;color:#718097;margin-bottom:6px}.company-record dd{margin:0;font-size:1rem;line-height:1.5;font-weight:500}.colophon-nav{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.colophon-nav h3{margin-bottom:10px}.company-colophon a{color:#1b2b47}.colophon-nav a{font-size:.9375rem;line-height:1.5}.company-colophon a:hover{color:#2857ce}.colophon-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #aeb9cc;padding-top:22px;font-size:.8125rem;line-height:1.5;color:#64738b}.colophon-bottom>a{font-weight:500}.copyright{font-variant-numeric:tabular-nums}
html[data-theme=light] .contact-section{background:#dce4f3;color:#172644;border-top-color:#adbcd8}html[data-theme=light] .contact-eyebrow{color:#566984}html[data-theme=light] .contact-section h2 span{color:#3c5faf}html[data-theme=light] .contact-intro{color:#4c5f7d}html[data-theme=light] .contact-signature span,html[data-theme=light] .contact-discipline{color:#566a8d}html[data-theme=light] .contact-discipline{border-color:#a7b8d3}html[data-theme=light] .brief-sheet{box-shadow:0 24px 65px #64769c22}html[data-theme=light] .company-colophon{background:#f5f7fb;border-top-color:#bcc9de}
@media(min-width:1500px){.contact-grid{gap:10%}.contact-section{padding-block:130px}.brief-sheet{padding:46px 50px 38px}.brief-heading{padding-bottom:33px;margin-bottom:31px}.brief-details,.brief-sheet .project-label{margin-top:32px}.contact-discipline{margin-top:55px}}
@media(max-width:1100px){.brand-lettering{width:175px}.site-header{gap:15px}.header-actions{gap:12px}.contact-grid{gap:5%;grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}.contact-section h2,html[lang=ru] .contact-section h2{font-size:4.2rem}.brief-sheet{padding:30px 26px}.contact-eyebrow{margin-bottom:32px}.contact-signature{margin-top:38px}.contact-discipline{margin-top:32px}.footer-lettering{width:290px}.company-colophon .footer-brand img{width:62px;height:62px}.colophon-grid{gap:35px}}
@media(max-width:1000px){.desktop-nav{display:none}.menu-button{display:block}}
@media(max-width:800px){.contact-grid{grid-template-columns:1fr;gap:45px}.contact-editorial{max-width:none;padding:0}.contact-section h2,html[lang=ru] .contact-section h2{font-size:4.7rem;max-width:640px}.contact-eyebrow{margin-bottom:24px}.contact-intro{max-width:560px;font-size:1rem;margin-top:26px}.contact-signature{margin-top:25px}.contact-discipline{display:none}.brief-sheet{padding:36px}.colophon-top{align-items:flex-start;flex-direction:column;gap:20px}.colophon-top>p{max-width:none;font-size:1rem}.colophon-grid{grid-template-columns:1.3fr 1fr;gap:30px}.colophon-grid>.colophon-nav:last-child{grid-column:2}.company-record{grid-row:1/3}.colophon-bottom{flex-wrap:wrap;gap:12px 24px}.colophon-bottom>a{margin-inline-start:auto}.discipline-item{padding:23px 28px;font-size:.9375rem;gap:16px}}
@media(max-width:600px){.site-header{padding-inline:20px;gap:10px}.brand{gap:7px}.brand-symbol{width:37px;height:37px}.brand-lettering{width:132px;height:20px}.header-actions{gap:7px}.language-switch{gap:2px;font-size:.75rem}.language-switch button{padding-inline:2px}.language-switch button[lang=ar]{font-size:.8125rem}.theme-toggle{width:25px;height:36px;padding:3px}.menu-button{width:23px}.contact-section{padding:65px 20px}.contact-section h2,html[lang=ru] .contact-section h2{font-size:clamp(2.9rem,11.4vw,4rem);line-height:1.12;letter-spacing:-.045em}.contact-eyebrow{font-size:.9375rem}.contact-intro{font-size:1rem;line-height:1.75;margin-top:25px}.contact-signature img{width:45px;height:45px}.contact-signature>div{gap:5px}.contact-signature strong{font-size:.9375rem}.contact-signature span{font-size:.8125rem}.contact-grid{gap:35px}.brief-sheet{padding:27px 21px 23px}.brief-heading{padding-bottom:23px;margin-bottom:23px}.brief-heading h3{font-size:1.7rem}.brief-heading .sheet-monogram{font-size:2rem}.brief-sheet .interest-options{gap:7px}.brief-sheet .interest-options span{font-size:.8125rem;padding:10px 8px;gap:7px;min-height:53px}.brief-sheet .form-row{grid-template-columns:1fr;gap:15px}.brief-sheet .form-row label{font-size:.875rem}.brief-sheet .form-note{font-size:.8125rem}.company-colophon{padding:40px 24px 24px;border-top-width:5px}.colophon-top{gap:22px;padding-bottom:27px}.company-colophon .footer-brand{gap:12px}.company-colophon .footer-brand img{width:50px;height:50px}.footer-lettering{width:250px;height:29px}.colophon-top>p{font-size:1rem}.colophon-grid{grid-template-columns:1fr 1fr;gap:32px 25px;padding:29px 0 34px}.company-record{grid-column:1/-1;grid-row:auto}.company-record dl{display:grid;grid-template-columns:1fr 1fr;gap:22px}.company-record dl>div{margin:0}.company-record dd{font-size:.875rem}.colophon-grid>.colophon-nav:last-child{grid-column:auto}.colophon-grid h3{font-size:.8125rem;margin-bottom:18px}.colophon-nav h3{margin-bottom:6px}.colophon-nav a{font-size:.875rem}.colophon-bottom{font-size:.75rem;gap:10px 20px}.colophon-bottom>a{margin-inline-start:0;flex-basis:100%;margin-top:10px}.discipline-item{padding:23px 25px;gap:17px;font-size:.9375rem}.discipline-logos{gap:9px}.discipline-logos img{height:30px;max-width:37px}.section-kicker{font-size:.8125rem}.hero-eyebrow{font-size:.75rem}}
@media(max-width:375px){.brand-lettering{width:110px}.brand-symbol{width:33px;height:33px}.site-header{padding-inline:18px}.header-actions{gap:5px}.footer-lettering{width:213px}.company-colophon .footer-brand img{width:42px;height:42px}.brief-sheet{padding-inline:17px}}
/* Arabic is laid out as Arabic, including the editorial scene and form. */
html[lang=ar]{--sans:'Noto Sans Arabic','Onest',Arial,sans-serif;--mono:'Noto Sans Arabic','Onest',Arial,sans-serif}html[lang=ar] body{font-family:var(--sans)}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] .mono,html[lang=ar] .tech-names,html[lang=ar] .desktop-nav,html[lang=ar] .contact-section h2{letter-spacing:0}html[lang=ar] .site-header,html[lang=ar] .header-actions{direction:ltr}html[lang=ar] .desktop-nav{direction:rtl}html[lang=ar] .brand,html[lang=ar] .footer-brand{direction:ltr}html[lang=ar] .hero-type{left:auto;right:var(--pad)}html[lang=ar] .hero h1{font-size:clamp(5rem,8.7vw,10rem);line-height:1.35;letter-spacing:0}html[lang=ar] .hero-line-two{padding-left:0;padding-right:9vw;font-size:.87em}html[lang=ar] .hero-eyebrow>span:last-child{text-align:left;direction:ltr}html[lang=ar] .scene-note{right:auto;left:6%;text-align:left;flex-direction:row-reverse}html[lang=ar] .architecture-copy{left:auto;right:var(--pad)}html[lang=ar] .architecture h2{font-size:clamp(3rem,4.6vw,5.6rem);line-height:1.35}html[lang=ar] .architecture h2 span{white-space:nowrap}html[lang=ar] .chapter-copy h3{letter-spacing:0;font-size:1.45rem}html[lang=ar] .chapter-copy p{line-height:1.85;font-size:.9375rem}html[lang=ar] .arch-step{text-align:right}html[lang=ar] .hero-bottom p{line-height:1.9}html[lang=ar] .hero-pretitle{line-height:1.8}html[lang=ar] .scene-controls{right:auto;left:var(--pad)}html[lang=ar] .experience-track{left:auto;right:var(--pad)}html[lang=ar] .strip-track{direction:ltr}html[lang=ar] .discipline-item{direction:rtl}html[lang=ar] .discipline-logos{direction:ltr}html[lang=ar] .section-heading h2{font-size:clamp(3rem,4.8vw,6.5rem);line-height:1.4}html[lang=ar] .service h3{letter-spacing:0;line-height:1.55}html[lang=ar] .service-content{padding-left:60px;padding-right:90px}html[lang=ar] .service-content p,html[lang=ar] .service-content ul{line-height:1.9}html[lang=ar] .service-content li:before{margin-right:0;margin-left:12px}html[lang=ar] .service-stack{direction:ltr;text-align:right}html[lang=ar] .tech-names{direction:ltr;justify-content:flex-end}html[lang=ar] .media-heading h2{font-size:clamp(4rem,7.5vw,9rem);line-height:1.35;letter-spacing:0}html[lang=ar] .media-heading .lime{direction:ltr;display:inline-block}html[lang=ar] .media-aside p{line-height:1.85}html[lang=ar] .pipeline{direction:rtl}html[lang=ar] .pipeline-node{direction:rtl}html[lang=ar] .flow-line span{animation-direction:reverse}html[lang=ar] .process-section h2{font-size:clamp(3rem,6vw,8rem);line-height:1.4;letter-spacing:0}html[lang=ar] .process-grid h3{letter-spacing:0}html[lang=ar] .process-grid p{line-height:1.95}html[lang=ar] .contact-section h2{font-size:clamp(3rem,4.8vw,6.5rem);line-height:1.55}html[lang=ar] .contact-intro{line-height:2}html[lang=ar] .contact-signature strong{text-align:right}html[lang=ar] .brief-heading h3{letter-spacing:0;font-size:1.8rem}html[lang=ar] .brief-sheet .interest-options span{font-size:.8125rem;line-height:1.8}html[lang=ar] .company-record dd[dir=ltr]{text-align:right}html[lang=ar] .colophon-top>p{line-height:1.9}html[lang=ar] .sheet-monogram{direction:ltr;font-family:Onest,sans-serif}html[lang=ar] .company-colophon a{line-height:1.8}
@media(max-width:800px){html[lang=ar] .architecture h2{font-size:2.7rem}html[lang=ar] .chapter-copy h3{font-size:1.25rem}html[lang=ar] .chapter-copy p{font-size:.875rem}html[lang=ar] .contact-section h2{font-size:4rem}html[lang=ar] .service-content{padding-inline:35px}}
@media(max-width:600px){html[lang=ar] .hero h1{font-size:14vw;line-height:1.55}html[lang=ar] .hero-line-two{padding-right:0;font-size:.9em}html[lang=ar] .hero-type{bottom:31%}html[lang=ar] .hero-bottom{bottom:10%}html[lang=ar] .hero-bottom p{font-size:.8125rem;line-height:1.85}html[lang=ar] .architecture-copy{left:var(--pad);right:var(--pad);top:17%;bottom:149px}html[lang=ar] .architecture h2{font-size:2.35rem;line-height:1.4}html[lang=ar] .chapter-copy{left:auto;right:0}html[lang=ar] .chapter-copy p{font-size:.8125rem;line-height:1.8}html[lang=ar] .chapter-copy h3{font-size:1.12rem}html[lang=ar] .chapter-kicker{margin-bottom:10px}html[lang=ar] .arch-step{font-size:.6875rem;line-height:1.8}html[lang=ar] .section-heading h2{font-size:2.7rem;line-height:1.5}html[lang=ar] .media-heading h2{font-size:3.8rem;line-height:1.4}html[lang=ar] .process-section h2{font-size:2.85rem;line-height:1.55}html[lang=ar] .contact-section h2{font-size:2.8rem;line-height:1.65}html[lang=ar] .contact-intro{font-size:.9375rem}html[lang=ar] .brief-heading h3{font-size:1.55rem}html[lang=ar] .service h3{font-size:1.2rem}html[lang=ar] .pipeline-node{text-align:right}html[lang=ar] .node-glyph{justify-self:start}html[lang=ar] .flow-line{margin-right:27px;margin-left:0}html[lang=ar] .company-record dl{grid-template-columns:1fr}html[lang=ar] .company-record dd{font-size:.9375rem}}
@media(max-width:600px) and (max-height:740px){html[lang=ar] .architecture h2{font-size:1.85rem}html[lang=ar] .hero-type{bottom:35%}html[lang=ar] .hero h1{font-size:13vw}html[lang=ar] .architecture-copy{top:16%;bottom:135px}}
@media(prefers-reduced-motion:reduce){.footer-brand{transform:none!important}}

html[dir=rtl] .experience-track i{left:auto;right:0}

.strip-set{display:flex;align-items:stretch;flex-shrink:0}.strip-track{animation:technology-ribbon 38s linear infinite}.discipline-strip:hover .strip-track,.discipline-strip:focus-within .strip-track,.motion-paused .strip-track{animation-play-state:paused}@keyframes technology-ribbon{to{transform:translateX(-50%)}}
.brief-sheet .interest-options span,.brief-sheet .form-row label,.colophon-grid h3{font-size:.875rem}
@media(prefers-reduced-motion:reduce){.strip-track{animation:none}.discipline-strip{overflow-x:auto}.strip-set[aria-hidden=true]{display:none}}

html[lang=ar] .media-section:before{content:'تشغيل';font-family:'Noto Sans Arabic',sans-serif;letter-spacing:0;font-size:20vw}html[lang=ar] .mobile-menu nav{letter-spacing:0;font-size:1.9rem;line-height:1.6}

.discipline-strip{direction:ltr}

/* Contextual media architecture icons and technology signatures. */
.node-glyph{--node-ink:#ff9276;width:86px;height:82px;border-radius:20px;border:1px solid color-mix(in srgb,var(--node-ink) 28%,var(--line));background:color-mix(in srgb,var(--node-ink) 7%,var(--bg));color:var(--node-ink);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--node-ink) 12%,transparent);margin-bottom:23px}
.node-glyph svg{display:block;width:51px;height:51px;flex:none}.node-origin{--node-ink:#8ca2ff}.node-edge{--node-ink:#56d8cd}.node-audience{--node-ink:#eac176}
.pipeline-node.featured .node-glyph{color:var(--node-ink);border-color:color-mix(in srgb,var(--node-ink) 38%,var(--line));background:color-mix(in srgb,var(--node-ink) 9%,var(--bg));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--node-ink) 12%,transparent)}
.node-source .source-vod{display:none}.delivery-flow[data-mode=vod] .source-live{display:none}.delivery-flow[data-mode=vod] .source-vod{display:block}.live-indicator{animation:live-signal 2.8s ease-in-out infinite}@keyframes live-signal{50%{opacity:.3}}
.flow-line{margin-top:41px}.pipeline-node>.mono{font-size:.875rem}
html[data-theme=light] .node-source{--node-ink:#c34e2b}html[data-theme=light] .node-origin{--node-ink:#4e63cd}html[data-theme=light] .node-edge{--node-ink:#008b80}html[data-theme=light] .node-audience{--node-ink:#a16d19}
.tech-names{gap:20px 28px}.tech-names>.tech-item{display:inline-flex;align-items:center;gap:11px;font-size:clamp(1.2rem,1.65vw,1.6rem);letter-spacing:-.04em;white-space:nowrap;line-height:1.35;color:var(--text)}.tech-mark{display:inline-flex;flex:none;align-items:center;justify-content:center;width:36px;height:36px}.tech-mark img{width:100%;height:100%;object-fit:contain;display:block}.tech-item .tech-name{font-size:inherit;letter-spacing:inherit}.tech-names>.tech-os{white-space:normal;max-width:100%;font-size:1.1rem}.tech-os .tech-mark{color:#98a9d8}.tech-mark svg{width:32px;height:32px}.tech-item[data-tech=php] .tech-mark{width:43px}.tech-item[data-tech=go] .tech-mark{width:43px}.tech-item[data-tech=angie] .tech-mark{width:38px}.tech-item[data-tech=react-native] .tech-mark{width:37px}
.motion-paused .live-indicator,.motion-paused .flow-line span{animation-play-state:paused}
@media(max-width:800px){.node-glyph{width:66px;height:64px;border-radius:16px}.node-glyph svg{width:42px;height:42px}.flow-line{margin-top:32px}.tech-names{gap:18px 24px}.tech-names>.tech-item{font-size:1.25rem}.tech-mark{width:31px;height:31px}}
@media(max-width:600px){.pipeline-node{grid-template-columns:66px 1fr;column-gap:22px;min-height:76px}.node-glyph{margin-bottom:0}.flow-line{margin:10px 0 10px 32px}.tech-names{gap:23px 25px}.tech-names>.tech-item{font-size:1.25rem;gap:9px}.tech-names>.tech-os{font-size:1.05rem}.stack-row{padding-block:28px}.stack-label{margin-bottom:24px}.tech-item[data-tech=php] .tech-mark,.tech-item[data-tech=go] .tech-mark{width:36px}html[dir=rtl] .pipeline-node{text-align:right}html[dir=rtl] .flow-line{margin:10px 32px 10px 0}}

/* Generated material artwork: restrained lighting, generous space, optical depth. */
.scene-fallback{width:70vw;max-width:none;height:auto;left:70%;right:auto;top:45%;opacity:1;transform:translate(-50%,-50%);transform-origin:center;pointer-events:none;will-change:transform;transition:opacity .7s}
.scene-fallback img{display:block;width:100%;height:auto}.scene-ready .scene-fallback{opacity:0}.scene-unavailable .scene-fallback{opacity:1}
.scene-wrap canvas{transition:opacity .9s;cursor:grab}.scene-wrap:after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 94%,transparent) 26%,transparent 53%),linear-gradient(0deg,var(--bg),transparent 14%)}
html[dir=rtl] .scene-wrap:after{background:linear-gradient(270deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 94%,transparent) 26%,transparent 53%),linear-gradient(0deg,var(--bg),transparent 14%)}
.scene-graticule,.scene-note{display:none}.experience-pin:before{background:radial-gradient(ellipse at 73% 47%,rgba(24,42,83,.28),transparent 46%)}html[data-theme=light] .experience-pin:before{background:radial-gradient(ellipse at 73% 47%,rgba(142,157,201,.13),transparent 48%)}
@media(max-width:800px){.scene-wrap:after,html[dir=rtl] .scene-wrap:after{background:linear-gradient(0deg,var(--bg),transparent 28%,transparent 75%,color-mix(in srgb,var(--bg) 50%,transparent))}.scene-fallback{left:58%;top:35%;width:80vw}}
@media(prefers-reduced-motion:reduce){.scene-fallback{will-change:auto}.scene-wrap canvas{cursor:default}}

@media(max-width:600px){.architecture h2,html[lang=ru] .architecture h2{font-size:2.35rem;line-height:1.1;max-width:340px}html[lang=ar] .architecture h2{font-size:2.2rem;line-height:1.35}.chapter-copy{z-index:1}}
@media(max-width:600px) and (max-height:780px){.architecture h2,html[lang=ru] .architecture h2{font-size:2.05rem}html[lang=ar] .architecture h2{font-size:1.9rem}}

/* Legal documents and the local-only brief notice. */
.form-legal{margin-top:9px;font-size:.8125rem;line-height:1.65;color:#345183}.form-legal a{text-decoration:underline;text-decoration-color:#7e95bf;text-underline-offset:4px}.form-legal a:hover{color:#152e59}.colophon-legal{display:flex;flex-wrap:wrap;gap:12px 32px;padding:24px 0;border-top:1px solid #aeb9cc;font-size:.875rem;line-height:1.75;color:#354c70}.colophon-legal a:hover{color:#152e59;text-decoration:underline;text-underline-offset:4px}.colophon-legal a:focus-visible,.form-legal a:focus-visible{outline:2px solid #365ac0;outline-offset:5px}@media(max-width:600px){.colophon-legal{display:grid;gap:10px;padding:22px 0;font-size:.8125rem}}