/* Shared reference system for every locale and interior page. */
.flowcode-page{background:radial-gradient(ellipse at 85% 12%,#edf5ff80,transparent 52%),#fafcff;color:#080b10}
.flowcode-page header:not(.fc-header){background:rgba(250,252,255,.92);border-bottom:1px solid #e3ebf6;box-shadow:none}
.flowcode-page .nav{max-width:1440px;height:72px;margin:0 auto;padding:0 42px;display:flex;align-items:center}
.flowcode-page .brand{font-size:24px;font-weight:700;letter-spacing:-.06em}.flowcode-page .brand .badge{display:none}
.flowcode-page .nav-pill{background:transparent;border:0;box-shadow:none;border-radius:0}.flowcode-page .nav-links{gap:28px;color:#56647b}
.flowcode-page .nav-links a:hover,.flowcode-page .lang-switch a:hover{color:var(--fc-blue)}
.flowcode-page .lang-switch{background:#f1f5fb;border-color:#e0e8f3}.flowcode-page .lang-switch a.active{color:var(--fc-blue);background:#fff}
.flowcode-page .btn-primary{background:var(--fc-blue);border-radius:var(--fc-r-sm);box-shadow:0 8px 18px #0664ff14}.flowcode-page .btn-primary:hover{background:#0057e6}
.flowcode-page .sp-hero{background:linear-gradient(125deg,#f8fbff 0%,#eef5ff 100%);padding:74px 0 68px;border-bottom:1px solid #e1eaf6;overflow:hidden}
.flowcode-page .sp-hero:after{opacity:.15;right:3%;bottom:-30%;width:500px}.flowcode-page .sp-hero h1{font-size:clamp(44px,6vw,78px);line-height:1;letter-spacing:-.07em;max-width:840px}
.flowcode-page .sp-hero p{font-size:18px;line-height:1.55;color:#65748b;max-width:670px}.flowcode-page .crumbs{font-size:12px;color:#8493aa;margin-bottom:38px}
.flowcode-page .sp-section{background:#fafcff;padding:82px 0}.flowcode-page .sp-section:nth-of-type(even){background:#fff}
.flowcode-page .sp-cols{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);gap:72px;max-width:1344px;margin:0 auto;padding:0 42px}
.flowcode-page .sp-cols h2,.flowcode-page .sp-section>.wrap>h2{font-size:clamp(36px,4.5vw,60px);line-height:1.02;letter-spacing:-.065em;margin:0 0 34px}
.flowcode-page .sp-list{border-top:1px solid #dfe8f3}.flowcode-page .sp-list li{padding:18px 0;border-bottom:1px solid #dfe8f3;color:#53647c}
.flowcode-page .sp-side{border:1px solid #dce6f2;border-radius:var(--fc-r-xl);background:#fff;padding:28px;box-shadow:0 15px 40px #294d7b0b}
.flowcode-page .sp-side .row{border-bottom:1px solid #e6edf6;padding:15px 0}.flowcode-page .sp-side .row span{color:#8492a7}.flowcode-page .sp-side .row b{color:#080b10}
.flowcode-page .sp-photo-band{max-width:1344px;margin:0 auto;padding:0 42px;background:#f1f6fd}.flowcode-page .sp-photo-band img{width:100%;max-height:390px;object-fit:cover;border-radius:var(--fc-r-xl)}.flowcode-page .sp-photo-band .cap{padding:15px 0 28px;color:#8492a7;font-size:12px}
.flowcode-page .about-grid{max-width:1344px;margin:0 auto;padding:0 42px;gap:72px}.flowcode-page .about-text{color:#53647c;line-height:1.75}
.flowcode-page .about-photo{border-color:#dce6f2;box-shadow:0 18px 50px #244b7914}.flowcode-page .portfolio{background:#fff;padding:82px 0}.flowcode-page .portfolio>.wrap{max-width:1344px;padding:0 42px}
.flowcode-page .case{border:1px solid #dfe8f3;border-radius:var(--fc-r-xl);background:#fff;padding:24px;box-shadow:0 15px 42px #294d7b0b}.flowcode-page .contact{border-color:#dfebf8;box-shadow:none}
.flowcode-page footer{background:#fafcff;border-top:1px solid #e3ebf6;color:#7e8ca2}

/* English and Uzbek homepages use older semantic markup; bring them into the same composition. */
.reference-language-home{background:radial-gradient(ellipse at 85% 16%,#edf5ff80,transparent 52%),#fafcff;color:#080b10}
.reference-language-home header{background:rgba(250,252,255,.94);border-bottom:1px solid #e3ebf6;box-shadow:none}
.reference-language-home .nav{height:72px;max-width:1440px;margin:0 auto;padding:0 42px}.reference-language-home .brand{font-size:24px;letter-spacing:-.06em}.reference-language-home .brand .badge{display:none}
.reference-language-home .hero{background:transparent;padding:60px 0 26px}.reference-language-home .hero-grid{max-width:1344px;margin:auto;padding:0 42px;display:grid;grid-template-columns:45% 55%;align-items:start;gap:0;position:relative;min-height:530px}
.reference-language-home .hero h1{font-size:clamp(36px,4.4vw,64px);line-height:1.06;letter-spacing:-.06em;max-width:600px}.reference-language-home .hero h1 .accent{color:var(--fc-blue);display:block}.reference-language-home .hero .lead{max-width:570px;color:#66758b;font-size:18px;line-height:1.45}
.reference-language-home .hero-cta{margin-top:28px}.reference-language-home .hero .fc-art{position:absolute;right:-2%;top:-24px;width:60%;max-width:none;z-index:0}.reference-language-home .hero .fc-art img{content:url('../assets/hero-reference.webp');width:100%;border-radius:0;mix-blend-mode:multiply;mask-image:linear-gradient(to right,transparent,#000 5%,#000 97%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 97%,transparent)}
.reference-language-home .hero-grid>div:first-child{position:relative;z-index:1}.reference-language-home .hero-stats{display:none}.reference-language-home .codedemo{display:none}
.reference-language-home #services{background:transparent;padding:20px 0 70px}.reference-language-home #services>.wrap{max-width:1344px;padding:0 42px}.reference-language-home #services h2{font-size:clamp(34px,4vw,54px);letter-spacing:-.06em}.reference-language-home .grid3{gap:20px}.reference-language-home .card{border:1px solid #dfe8f3;border-radius:var(--fc-r-lg);box-shadow:none;background:#ffffffd9;padding:28px;min-height:220px}.reference-language-home .card h3{font-size:23px;letter-spacing:-.04em}.reference-language-home .card p{color:#66758b}
.reference-language-home .about,.reference-language-home section.portfolio,.reference-language-home #process{background:#fff}
@media(max-width:800px){.flowcode-page .nav{height:auto;padding:14px 20px}.flowcode-page .sp-hero{padding:56px 0}.flowcode-page .sp-cols{grid-template-columns:1fr;gap:34px;padding:0 20px}.flowcode-page .about-grid,.flowcode-page .portfolio>.wrap{padding:0 20px}.flowcode-page .sp-photo-band{padding:0 20px}.reference-language-home .nav{height:auto;padding:14px 20px}.reference-language-home .hero{padding:38px 0 10px}.reference-language-home .hero-grid{display:block;padding:0 20px;min-height:0}.reference-language-home .hero h1{font-size:clamp(34px,10vw,54px)}.reference-language-home .hero .fc-art{position:relative;right:auto;top:auto;width:100%;margin-top:12px}.reference-language-home #services>.wrap{padding:0 20px}.reference-language-home .grid3{grid-template-columns:1fr}}
.flowcode-page .sp-hero{background-color:#f7fbff;background-image:linear-gradient(#dce9f7 1px,transparent 1px),linear-gradient(90deg,#dce9f7 1px,transparent 1px),linear-gradient(125deg,#f8fbff,#eef5ff);background-size:96px 96px,96px 96px,100% 100%;background-blend-mode:soft-light,soft-light,normal}
.flowcode-page .sp-hero:after{right:0;bottom:-22%;width:620px;height:470px;background:url('hero-reference.webp') center/contain no-repeat;opacity:.72;filter:saturate(.8);transform:none;z-index:1}
.flowcode-page .sp-hero .wrap{z-index:2}.flowcode-page .sp-hero .eyebrow{font-weight:700;letter-spacing:.18em}
.service-flow{max-width:1344px;margin:-1px auto 0;padding:0 42px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative;z-index:3}
.service-flow-title{grid-column:1/-1}.service-flow-title .eyebrow{margin:0 0 8px}.service-flow-title h2{margin:0 0 10px;font-size:clamp(28px,3.5vw,44px);line-height:1.05;letter-spacing:-.06em}
.service-flow article{position:relative;min-height:142px;padding:24px 24px 20px;border:1px solid #dce8f7;border-radius:var(--fc-r-lg);background:#ffffffed;box-shadow:0 14px 34px #294d7b0c;overflow:hidden}
.service-flow article:after{content:'';position:absolute;right:-22px;bottom:-38px;width:108px;height:108px;border:1px solid #bcd4f5;border-radius:50%;opacity:.7}
.service-flow .flow-no{color:var(--fc-blue);font:600 12px/1 Inter,sans-serif;letter-spacing:.16em}.service-flow h3{margin:17px 0 6px;font-size:20px;letter-spacing:-.04em}.service-flow p{margin:0;color:#6a7b92;font-size:14px;line-height:1.45;max-width:260px}
.service-flow .flow-icon{position:absolute;right:22px;top:22px;width:28px;height:28px;color:var(--fc-blue)}
.service-web-page .sp-hero:after{background-image:url('hero-reference.webp')}
.service-automation-page .sp-photo-band{display:none}
.service-related{padding:58px 0;background:linear-gradient(135deg,#f3f8ff,#fff);border-top:1px solid #e4edf7;border-bottom:1px solid #e4edf7}
.service-related .wrap{max-width:1344px;padding:0 42px;margin:0 auto}.service-related .eyebrow{color:var(--fc-blue);font-weight:700;letter-spacing:.16em}.service-related h2{margin:12px 0 30px;font-size:clamp(32px,4vw,54px);line-height:1.05;letter-spacing:-.06em}
.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.related-card{position:relative;display:block;min-height:150px;padding:25px 28px;border:1px solid #dce7f5;border-radius:var(--fc-r-xl);background:#ffffffdd;box-shadow:0 14px 34px #294d7b0d;transition:transform .2s,border-color .2s}.related-card:hover{transform:translateY(-4px);border-color:#8cb8f8}.related-card .related-no{color:var(--fc-blue);font-size:11px;letter-spacing:.15em}.related-card h3{margin:18px 0 7px;font-size:22px;letter-spacing:-.04em}.related-card p{margin:0;color:#66778f;font-size:14px;line-height:1.45;max-width:520px}.related-card .related-arrow{position:absolute;right:24px;top:24px;color:var(--fc-blue);font-size:22px}
@media(max-width:800px){.flowcode-page .sp-hero:after{display:none}.service-hero-visual{display:none}.service-flow{grid-template-columns:1fr;padding:0 20px;margin-top:16px}.service-flow article{min-height:124px}.service-flow h3{font-size:19px}}
@media(max-width:800px){.service-related{padding:58px 0}.service-related .wrap{padding:0 20px}.related-grid{grid-template-columns:1fr}.related-card{min-height:128px}}