.links{gap:20px}.links a[aria-current=page]{color:#2e424f;font-weight:700}.inner-hero{padding:105px clamp(22px,6vw,100px) 55px;max-width:1550px;margin:auto}.inner-hero h1{font-size:clamp(43px,6.1vw,84px);letter-spacing:-.065em;line-height:1.05;max-width:1000px;margin:20px 0 19px;color:#41484d}.inner-hero p{color:#687985;font-size:17px;line-height:1.8;max-width:700px}.inner-hero+.capabilities,.inner-hero+.company-section,.inner-hero+.work-section,.inner-hero+.demo-section{padding-top:35px}.inner-hero+.demo-section{padding-bottom:100px}.inner-hero+.demo-section .demo-intro{max-width:470px}.quick-links{margin:30px clamp(22px,6vw,100px) 70px;border-radius:25px;background:linear-gradient(130deg,#526c7d,#7393a8);color:#f0f5f7;display:grid;grid-template-columns:1fr .7fr;min-height:300px;overflow:hidden}.quick-links>div:first-child{padding:54px}.quick-links .kicker{color:#c4dce9}.quick-links h2{font-size:clamp(31px,3.8vw,54px);letter-spacing:-.055em;line-height:1.08;max-width:550px;margin:17px 0}.quick-links p{color:#d0dfe7;line-height:1.7;max-width:400px;font-size:14px}.quick-links a,.home-work a{display:inline-block;color:#eaf6fb;font-weight:700;font-size:13px;margin-top:15px}.quick-visual{background:radial-gradient(circle at 55% 48%,#a1c8df99,transparent 45%);display:flex;align-items:center;justify-content:center;position:relative}.quick-visual>span{color:#d2e7f2;font-size:170px;text-shadow:0 0 65px #abd6f3}.quick-visual small{position:absolute;bottom:25px;right:25px;font-size:10px;letter-spacing:2px;color:#c9deeb}.home-work{padding:20px clamp(22px,6vw,100px) 90px;max-width:1550px;margin:auto}.home-work>div{display:flex;align-items:end;justify-content:space-between;gap:20px;border-top:1px solid #aec2ce;margin-top:18px;padding-top:15px}.home-work h2{font-size:clamp(60px,8vw,100px);letter-spacing:-.09em;margin:0;color:#424b50}.home-work p{max-width:370px;font-size:14px;line-height:1.7;color:#687986;margin:0}.home-work a{color:#507890;white-space:nowrap}.contact-help{max-width:1350px;margin:0 auto;padding:40px clamp(22px,6vw,100px) 110px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.contact-help h2{font-size:clamp(30px,3.6vw,46px);letter-spacing:-.05em;color:#41494d}.contact-help>p{line-height:1.85;font-size:15px;color:#687985;max-width:550px}.capabilities{padding-bottom:45px}.capabilities+.section{padding-top:30px}.company-section{padding-bottom:35px}.company-section+.section{padding-top:30px}.work-section{padding-bottom:95px}.demo-section .demo-disclaimer{color:#718794}@media(max-width:900px){.links{gap:14px;font-size:11px}.inner-hero{padding:85px 28px 35px}.quick-links{grid-template-columns:1fr .45fr}.quick-links>div:first-child{padding:37px}.quick-visual>span{font-size:110px}}@media(max-width:610px){.links{display:none}.inner-hero{padding:68px 21px 20px}.inner-hero h1{font-size:46px}.inner-hero p{font-size:15px}.quick-links{margin:10px 20px 55px;grid-template-columns:1fr}.quick-links>div:first-child{padding:28px}.quick-visual{min-height:120px}.quick-visual>span{font-size:85px}.home-work{padding:20px 20px 60px}.home-work>div{display:block}.home-work h2{font-size:74px}.home-work p{margin:10px 0}.contact-help{grid-template-columns:1fr;gap:0;padding:20px 21px 75px}}

/* Stronger typographic contrast throughout the site. */
:root{--ink:#111315;--muted:#48535c}
body{color:#111315}.brand,.links,.links a[aria-current=page]{color:#141719}.navcta{color:#fff;background:#101214}.hero h1,.hero h1 .gradient,.sectionhead h2,.statement h2,.inner-hero h1,.cap-heading h2,.company-heading h2,.why-heading h2,.work-head h2,.home-work h2,.cta h2,.contact-help h2{color:#111315!important;-webkit-text-fill-color:currentColor}.company-heading h2 em,.cap-heading h2 span{color:#24323a!important}.hero p,.inner-hero p,.sectionhead p,.statement p,.company-heading p,.work-head p,.contact-help>p,.home-work p,.cta p{color:#35434d}.service h3,.case h3,.cap-card h3,.company-principles h3,.why-item b,.work-copy h3{color:#14191d}.service p,.case p,.cap-card p,.company-principles p,.why-item p,.work-copy>p:not(.work-disclosure),.step p{color:#43535e}.service:first-child h3{color:#fff}.service:first-child p{color:#e4edf2}.kicker{color:#355d78}.cap-filters button.active{background:#111a20;border-color:#111a20}.btn.primary{background:#111315;border-color:#111315}.quick-links h2{color:#fff}.quick-links p{color:#e1edf4}.demo-intro h2{color:#111315}.demo-intro h2 em{background:none;-webkit-text-fill-color:#243b4b;color:#243b4b}
/* Real preview content replaces decorative placeholder bars. */
.service .mini{height:138px;padding:10px;border-radius:14px}.mini-panel{width:100%;height:100%;display:flex;flex-direction:column;gap:9px}.mini-tabs{display:flex;gap:5px;align-items:center}.mini-tabs button{border:1px solid rgba(220,237,246,.3);border-radius:6px;background:transparent;color:#e3edf3;padding:5px 9px;font-size:10px;line-height:1.2;font-weight:600}.mini-tabs button.selected{background:#e7f2f7;color:#243b4a;border-color:#e7f2f7}.mini-exchange{display:flex;flex-direction:column;gap:6px;font-size:11px}.mini-question{align-self:flex-end;background:#a3c8dd;color:#193140;padding:6px 10px;border-radius:10px 10px 3px 10px;max-width:82%}.mini-answer{align-self:flex-start;background:#d8e8f0;color:#234051;padding:6px 10px;border-radius:10px 10px 10px 3px;max-width:90%}.mini-web-preview{width:100%;height:100%;background:#eff5f8;border:1px solid #bed0dc;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:13px}.mini-web-top{font-size:9px;letter-spacing:1.2px;font-weight:700;color:#526b7b;border-bottom:1px solid #cadce5;padding-bottom:8px}.mini-web-cards{display:flex;gap:7px;flex:1}.mini-web-cards span{display:grid;place-items:center;flex:1;background:#dce9f0;border-radius:7px;color:#4f7186;font-size:10px;font-weight:700}.mini-web-cards span.emphasis{background:#9ebed0;color:#243f50}.mini-process{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:100%}.mini-process span{background:#e9f1f5;border:1px solid #c3d7e2;color:#314f61;padding:13px 8px;border-radius:9px;font-size:10px;font-weight:700;text-align:center;min-width:0;flex:1}.mini-process i{font-style:normal;font-size:17px;color:#567c93}html[dir=rtl] .mini-process i{transform:rotate(180deg)}
@media(max-width:610px){.mini-tabs button{font-size:9px;padding:5px 8px}.mini-process{gap:5px}.mini-process span{font-size:9px;padding:12px 5px}}

/* Slightly softer charcoal, still with strong readable contrast. */
:root{--ink:#282d31;--muted:#56636d}
body{color:#282d31}.brand,.links,.links a[aria-current=page]{color:#2a2f33}.hero h1,.hero h1 .gradient,.sectionhead h2,.statement h2,.inner-hero h1,.cap-heading h2,.company-heading h2,.why-heading h2,.work-head h2,.home-work h2,.cta h2,.contact-help h2{color:#282d31!important}.service h3,.case h3,.cap-card h3,.company-principles h3,.why-item b,.work-copy h3{color:#292f33}.company-heading h2 em,.cap-heading h2 span{color:#475a67!important}.btn.primary,.navcta{background:#292f33;border-color:#292f33}

/* Bilingual, action-oriented consultation booking. */
body[data-route=contact] .cta{max-width:1170px;margin:20px auto 34px;padding:62px clamp(25px,5vw,72px);border-radius:30px}
.booking-details{max-width:660px;margin:30px auto 24px;text-align:center}
.booking-eyebrow{display:block;font-size:11px;letter-spacing:.14em;font-weight:800;color:#456c83;margin-bottom:13px}
.booking-details h3{font-size:clamp(25px,3.2vw,39px);letter-spacing:-.045em;line-height:1.16;color:#282d31;margin:0 0 14px}
.booking-details p{font-size:15px;line-height:1.75;margin:0 auto 25px;max-width:560px}
.booking-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;padding:0;counter-reset:booking}
.booking-steps li{counter-increment:booking;text-align:center;border:1px solid #b8cdd9;border-radius:12px;background:rgba(244,249,252,.67);padding:17px 10px;font-size:12px;font-weight:650;color:#344c5a;line-height:1.5}
.booking-steps li:before{content:'0' counter(booking);display:block;color:#688fa6;font-size:11px;letter-spacing:.08em;margin-bottom:6px}
body[data-route=contact] #contactBtn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;text-align:center;text-decoration:none}
body[data-route=contact] .contact-note{max-width:570px;margin:18px auto 0;font-size:12px;line-height:1.7}
@media(max-width:610px){body[data-route=contact] .cta{margin:10px 14px 25px;padding:37px 18px;border-radius:21px}.booking-details{margin-top:22px}.booking-steps{grid-template-columns:1fr;gap:7px}.booking-steps li{padding:11px 12px}.booking-steps li:before{display:inline;margin-inline-end:8px}}