@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Arabic:wght@400;600;700&display=swap');
:root{--blue:#2b50ff;--ink:#111b35;--muted:#59647b;--line:#dce2ed;--paper:#f5f7fc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font-family:Manrope,'Noto Sans Arabic',sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}header{min-height:96px;max-width:1440px;margin:auto;padding:22px 5%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-size:32px;font-weight:800;letter-spacing:-1.7px;line-height:1}.brand span{display:block;font-size:12px;letter-spacing:3px;font-weight:600;margin-top:8px}nav{display:flex;gap:32px;font-size:14px;font-weight:600}nav a:hover{color:var(--blue)}.languages{display:flex;gap:4px}.languages button{border:0;background:none;padding:7px 10px;border-radius:6px;font-size:14px;cursor:pointer}.languages .active{background:var(--ink);color:white}.hero{margin:0 22px;padding:68px max(4%,calc((100vw - 1250px)/2));background:var(--blue);color:white;border-radius:8px;position:relative;overflow:hidden}.eyebrow{font-size:13px;font-weight:700;letter-spacing:1.7px}.hero h1{font-size:clamp(48px,7.6vw,108px);line-height:1.05;letter-spacing:-5px;margin:40px 0;font-weight:600}.hero em{font-style:normal;color:#c8d3ff}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:40px}.hero p{max-width:520px;font-size:19px}.button{display:inline-flex;justify-content:center;align-items:center;padding:17px 25px;border:0;border-radius:5px;background:var(--ink);color:white;font-weight:700;cursor:pointer}.hero .button{background:white;color:var(--blue);white-space:nowrap}.button:hover{filter:brightness(.94)}.hero-foot{border-top:1px solid #ffffff40;margin-top:45px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:1px}.section{max-width:1250px;margin:auto;padding:85px 30px}.section-label{color:var(--blue);font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.section h2{font-size:clamp(32px,4vw,52px);line-height:1.15;letter-spacing:-1.8px;margin:18px 0 24px;max-width:760px}.intro{color:var(--muted);max-width:650px;font-size:18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:42px}.card{border-top:2px solid var(--ink);padding:26px 0}.number{font-size:14px;color:var(--blue);font-weight:800}.card h3{font-size:24px;line-height:1.3;margin:20px 0 15px;letter-spacing:-.6px}.card p{color:var(--muted)}.card ul{padding-inline-start:20px;color:var(--muted)}.band{background:var(--paper)}.split{display:grid;grid-template-columns:1.15fr 1fr;gap:85px}.facts{display:flex;gap:32px;margin-top:35px}.facts strong{display:block;font-size:32px;color:var(--blue);line-height:1.2}.facts span{font-size:14px;color:var(--muted)}.steps{margin:0;padding:0;list-style:none}.steps li{display:grid;grid-template-columns:40px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}.steps h3{margin:0 0 6px;font-size:19px}.steps p{margin:0;color:var(--muted)}.pricing .card{background:white;border:1px solid var(--line);border-radius:8px;padding:28px;display:flex;flex-direction:column}.pricing .featured{border:2px solid var(--blue)}.price{font-size:34px;font-weight:800;letter-spacing:-1px;margin:12px 0}.price small{font-size:14px;font-weight:500;color:var(--muted);letter-spacing:0}.pricing .button{margin-top:auto}.note{font-size:14px;color:var(--muted);margin-top:24px}.contact{background:var(--ink);color:white;border-radius:8px;padding:50px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact .section-label{color:#a9baff}.contact p{color:#c3ccdf}.form{display:grid;gap:16px}.form label{font-size:14px}.form input,.form select,.form textarea{width:100%;border:1px solid #526077;background:#202d47;color:white;border-radius:5px;padding:12px;margin-top:6px}.form textarea{min-height:105px;resize:vertical}.form .button{background:#bacaFF;color:var(--ink)}.result{font-size:14px;line-height:1.5}.faq{max-width:900px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{font-size:18px;font-weight:700;cursor:pointer}.faq details p{color:var(--muted)}footer{max-width:1250px;margin:auto;border-top:1px solid var(--line);padding:35px 30px;display:flex;justify-content:space-between;gap:30px;align-items:center}footer p,footer>span{font-size:13px;color:var(--muted)}[dir=rtl] .hero h1{letter-spacing:0;line-height:1.3}[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0}[dir=rtl] .brand{direction:ltr}[dir=rtl] .languages{direction:ltr}@media(max-width:850px){header{flex-wrap:wrap;padding:22px 25px}nav{order:3;width:100%;justify-content:space-between;gap:14px}.hero{margin:0 12px;padding:45px 24px}.hero h1{letter-spacing:-2px}.hero-bottom{align-items:flex-start;flex-direction:column;gap:15px}.hero-foot{font-size:11px}.hero-foot span:first-child{max-width:230px}.section{padding:60px 24px}.grid,.split,.contact{grid-template-columns:1fr;gap:25px}.grid{margin-top:25px}.card{padding:22px 0}.split{gap:30px}.contact{padding:30px 24px}.facts{gap:25px}footer{flex-wrap:wrap;padding:30px 24px}.eyebrow{font-size:11px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.project-filters{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}.project-filters button{border:1px solid var(--line);background:white;border-radius:30px;padding:10px 20px;font-size:14px;cursor:pointer}.project-filters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.project{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:white;display:flex;flex-direction:column}.project[hidden]{display:none}.project-image{display:block;overflow:hidden;background:var(--paper);border-bottom:1px solid var(--line)}.project-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top;transition:transform .25s}.project-image:hover img{transform:scale(1.03)}.project-body{padding:24px;display:flex;flex-direction:column;flex:1}.project-type{font-size:12px;letter-spacing:1px;color:var(--blue);font-weight:700}.project h3{font-size:22px;line-height:1.3;margin:12px 0}.project p{font-size:15px;color:var(--muted);margin:0 0 22px}.project-bottom{margin-top:auto;display:flex;justify-content:space-between;gap:16px;align-items:center;border-top:1px solid var(--line);padding-top:16px;font-size:12px}.project-bottom a{font-size:14px;font-weight:700;color:var(--blue)}.facts{flex-wrap:wrap}@media(max-width:1050px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.project-grid{grid-template-columns:1fr}.project-body{padding:22px}.project-filters button{padding:9px 14px}nav{flex-wrap:wrap}}
.chat-launcher{position:fixed;bottom:24px;right:24px;z-index:50;background:var(--blue);color:white;border:0;border-radius:30px;padding:15px 22px;font-weight:700;box-shadow:0 5px 20px #111b3530;cursor:pointer}.chat-panel{position:fixed;bottom:90px;right:24px;width:370px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 120px);z-index:51;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 15px 60px #111b3530;display:flex;flex-direction:column;overflow:hidden}.chat-panel[hidden]{display:none}.chat-heading{display:flex;align-items:center;justify-content:space-between;padding:17px;background:var(--ink);color:white;font-size:14px}.chat-heading button{background:none;border:0;color:white;font-size:25px;cursor:pointer}.chat-messages{overflow:auto;padding:16px;min-height:100px;max-height:280px}.chat-message{background:var(--paper);padding:12px;border-radius:8px;font-size:14px;margin:0 0 12px}.chat-message.visitor{background:var(--blue);color:white;margin-inline-start:30px}.chat-questions{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 14px}.chat-questions button{font-size:13px;color:var(--blue);background:white;border:1px solid var(--line);border-radius:15px;padding:7px 10px;cursor:pointer}.chat-input{display:flex;border-top:1px solid var(--line);padding:12px;gap:8px}.chat-input input{min-width:0;width:100%;padding:10px;border:1px solid var(--line);border-radius:5px;font-size:14px}.chat-input button{background:var(--blue);color:white;border:0;border-radius:5px;font-size:14px;padding:8px;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:500px){.chat-panel{right:16px;bottom:85px}.chat-launcher{right:16px;bottom:18px}}
.calc-controls{display:grid;grid-template-columns:1.2fr .7fr .7fr 1.2fr;gap:20px;margin:32px 0}.calc-controls label{font-size:14px;font-weight:600}.calc-controls select,.calc-controls input[type=number]{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid var(--line);background:white;border-radius:5px;color:var(--ink)}.calc-care{display:flex;align-items:center;gap:10px}.calc-care input{width:20px;height:20px;accent-color:var(--blue)}.calc-results{display:grid;grid-template-columns:1fr 1fr;gap:24px}.calc-option{padding:30px;background:white;border:1px solid var(--line);border-radius:8px}.calc-option:nth-child(2){border:2px solid var(--blue)}.calc-total{font-size:clamp(30px,4vw,46px);font-weight:800;letter-spacing:-1px}.calc-option>p{color:var(--muted);font-size:15px}.calc-option dl{font-size:14px;margin:25px 0}.calc-option dl div{border-top:1px solid var(--line);padding:12px 0}.calc-option dd{margin:8px 0 0;font-weight:700}.calc-rates{margin-top:20px;font-size:15px}.calc-rates summary{cursor:pointer;font-weight:700}.calc-feedback{color:var(--blue);font-size:14px}@media(max-width:850px){.calc-controls{grid-template-columns:1fr 1fr}.calc-results{grid-template-columns:1fr}.calc-option{padding:24px}}

.marketing-page .hero h1{font-size:clamp(42px,6.2vw,88px);letter-spacing:-3px}.marketing-page .languages a{padding:7px 10px;border-radius:6px;font-size:14px}.marketing-page .languages a.active{background:var(--ink);color:white}.marketing-page .languages{direction:ltr}.marketing-table{overflow-x:auto;margin-top:32px}.marketing-table table{width:100%;border-collapse:collapse;text-align:start;min-width:560px}.marketing-table th,.marketing-table td{padding:20px;border-bottom:1px solid var(--line);vertical-align:top;text-align:start}.marketing-table thead{background:var(--ink);color:white}.marketing-table tbody th{width:22%;color:var(--blue)}.marketing-contact{align-items:center}.marketing-contact .button{background:#bacaFF;color:var(--ink)}[dir=rtl].marketing-page .hero h1{letter-spacing:0}@media(max-width:650px){.marketing-page .hero h1{letter-spacing:-1.5px}.marketing-page nav{flex-wrap:wrap}.marketing-table th,.marketing-table td{padding:14px}}

.marketing-page .hero h1{font-size:clamp(42px,6.2vw,88px);letter-spacing:-3px}.marketing-page .languages a{padding:7px 10px;border-radius:6px;font-size:14px}.marketing-page .languages a.active{background:var(--ink);color:white}.marketing-page .languages{direction:ltr}.marketing-table{overflow-x:auto;margin-top:32px}.marketing-table table{width:100%;border-collapse:collapse;text-align:start;min-width:560px}.marketing-table th,.marketing-table td{padding:20px;border-bottom:1px solid var(--line);vertical-align:top;text-align:start}.marketing-table thead{background:var(--ink);color:white}.marketing-table tbody th{width:22%;color:var(--blue)}.marketing-contact{align-items:center}.marketing-contact .button{background:#bacaFF;color:var(--ink)}[dir=rtl].marketing-page .hero h1{letter-spacing:0}@media(max-width:650px){.marketing-page .hero h1{letter-spacing:-1.5px}.marketing-page nav{flex-wrap:wrap}.marketing-table th,.marketing-table td{padding:14px}}

.calc-controls{grid-template-columns:1.2fr .7fr 1.2fr}@media(max-width:850px){.calc-controls{grid-template-columns:1fr 1fr}.calc-care{grid-column:1/-1}}
[lang=ru] .hero h1{font-size:clamp(32px,6.5vw,84px);letter-spacing:-2px}

/* Utache innovation banner: decorative visual, readable content stays in HTML. */
.hero-innovation{background:#030c20;background-image:linear-gradient(90deg,rgba(3,12,32,.97) 0%,rgba(3,12,32,.88) 29%,rgba(3,12,32,.32) 51%,rgba(3,12,32,0) 70%),url('assets/utache-3d-banner.webp');background-size:cover;background-position:center;min-height:660px;padding-top:58px;padding-bottom:30px}
.hero-innovation h1,[lang=ru] .hero-innovation h1{font-size:clamp(40px,4.25vw,62px);line-height:1.12;letter-spacing:-2px;max-width:550px;margin:32px 0}
.hero-innovation .hero-bottom{flex-direction:column;align-items:flex-start;gap:16px;max-width:490px}.hero-innovation .hero-bottom p{font-size:18px;margin:0;max-width:440px}.hero-innovation .hero-foot{margin-top:48px;padding-top:18px}.hero-innovation em{color:#a9c5ff}
[dir=rtl] .hero-innovation{direction:ltr}[dir=rtl] .hero-innovation h1,[dir=rtl] .hero-innovation .eyebrow,[dir=rtl] .hero-innovation .hero-bottom,[dir=rtl] .hero-innovation .hero-foot{direction:rtl;text-align:right}[dir=rtl] .hero-innovation h1{letter-spacing:0;line-height:1.35}[dir=rtl] .hero-innovation .hero-bottom{align-items:flex-end}
@media(max-width:850px){.hero-innovation{min-height:0;padding:40px 24px 330px;background-image:linear-gradient(180deg,#030c20 0%,rgba(3,12,32,.85) 12%,rgba(3,12,32,0) 40%),url('assets/utache-3d-banner.webp');background-size:100% 330px,auto 330px;background-repeat:no-repeat;background-position:center bottom,right bottom}.hero-innovation h1,[lang=ru] .hero-innovation h1{font-size:clamp(32px,6vw,46px);line-height:1.15;letter-spacing:-1px;max-width:600px}.hero-innovation .hero-bottom{max-width:600px}.hero-innovation .hero-foot{margin-top:30px}.hero-innovation .hero-foot span:first-child{max-width:none}.hero-innovation .hero-bottom p{font-size:17px}}

.service-banner-wrap{max-width:1250px;margin:0 auto;padding:0 30px;scroll-margin-top:30px}.service-banner{display:grid;grid-template-columns:.95fr 1.15fr;gap:24px;align-items:center;border:1px solid #e3e9f5;border-radius:16px;padding:38px 34px;background:#f5f7fc;overflow:hidden}.service-banner-copy h2{font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-1px;margin:18px 0}.service-banner-copy p{font-size:17px;color:var(--muted);margin:0 0 24px;max-width:420px}.service-banner .button{background:var(--blue)}.service-banner-visual{min-width:0}.service-banner-visual img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.service-banner-visual ol{display:flex;justify-content:space-around;gap:12px;list-style:none;padding:0;margin:0;color:var(--blue);font-size:14px;font-weight:700}.service-banner-visual{direction:ltr}[dir=rtl] .service-banner-copy h2{letter-spacing:0}[dir=rtl] .service-banner-visual ol{direction:rtl}@media(max-width:850px){.service-banner-wrap{padding:0 24px}.service-banner{grid-template-columns:1fr;padding:28px 24px;gap:24px}.service-banner-copy h2{max-width:600px}.service-banner-visual img{max-width:600px;margin:auto}} 

.ticket-honeypot{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.ticket-download,.ticket-back{background:none;border:0;text-decoration:underline;color:inherit;cursor:pointer;font-size:14px;padding:12px 0}.form button:disabled,.chat-ticket button:disabled{opacity:.65;cursor:default}.chat-ticket{padding:16px;max-height:460px;overflow:auto}.chat-ticket h3{font-size:18px;margin:0 0 12px}.chat-ticket p{font-size:14px;color:#59657b}.chat-ticket label{display:block;font-size:14px;margin-bottom:12px}.chat-ticket input,.chat-ticket textarea{display:block;width:100%;padding:10px;border:1px solid #cbd3e6;border-radius:5px}.chat-ticket textarea{min-height:90px}.chat-ticket .button{padding:12px;width:100%}.chat-ticket .result{font-size:14px;margin-top:12px}.chat-input[hidden],.chat-questions[hidden]{display:none}
.chat-heading{flex-shrink:0}.chat-panel:has(.chat-ticket) .chat-messages{flex:0 0 110px;min-height:0;max-height:110px}.chat-ticket{flex:1;min-height:0;max-height:none}