/* Clouded blue-grey visual identity, inspired by the supplied reference image. */
:root{--ink:#414345;--muted:#66717b;--blue:#527fa7;--line:#bfcbd4;--bg:#d7e0e6;--white:#eef3f5}
body{background:#d4dde4;color:#414345}
nav{background:rgba(215,225,232,.83);border-bottom:1px solid rgba(65,67,69,.22)}
.brand-mark{background:#44494d;color:#d9e7ed}
.links{color:#4f5c64}.lang{background:#e6edf1;border-color:#b6c7d2;color:#3e4449}.navcta{background:#414649;color:#eaf0f3}
.hero{background:radial-gradient(ellipse 37% 54% at 81% 50%,rgba(123,178,224,.57),transparent 95%),radial-gradient(ellipse 28% 40% at 66% 77%,rgba(150,195,229,.35),transparent 100%),linear-gradient(120deg,#d4dde4 0%,#dce4e8 50%,#c5d9e7 100%)}
.hero h1 .gradient{background:linear-gradient(108deg,#414345 0%,#6e93b2 54%,#96bfe0 100%);background-clip:text;-webkit-text-fill-color:transparent}
.hero p{color:#586670}.eyebrow{color:#5b6b76}.btn.primary{background:#454b50;border-color:#454b50;color:#f2f6f8}.btn.secondary{background:rgba(237,243,246,.7);border-color:#b6c4cf;color:#444b51}
.orb{background:radial-gradient(circle at 34% 27%,#f3f7f9 0%,#c5d8e6 18%,#90b7d5 45%,#557993 68%,#3c515e 92%);box-shadow:0 0 65px #86b5d67d,0 43px 70px #799bb454;filter:saturate(.85)}
.section{background:transparent}.kicker{color:#4c7798}.sectionhead p{color:#66747d}
.service,.case{background:#e8eff3;box-shadow:inset 0 0 0 1px rgba(255,255,255,.54)}
.service:first-child{background:#46545f;color:#f6f8fa}.service:first-child p{color:#c4d0d7}
.service p,.case p,.step p{color:#687782}.service .mini{background:#d9e5ed}.service:first-child .mini{background:#394752}
.bubble{background:#829cb0}.bubble:nth-child(2){background:#a4c5dc}.bubble:nth-child(3){background:#5e7b91}.browser .bar{background:#dae5eb}.browser .blocks i{background:#b8cedd}.flowicon{color:#7199b5}
.statement{background:linear-gradient(122deg,#3b444b,#4d6474 70%,#6e91a8);color:#f6f8fa}.statement p{color:#d0dae0}
.case b{color:#6086a1}.step{border-top-color:#a9bbc8}.step span{color:#537d9a}
.cta{background:radial-gradient(ellipse 43% 90% at 81% 38%,#a4c9e4b8,transparent 90%),linear-gradient(115deg,#d5dfe6,#e2e9ed 56%,#c8dce9)}.cta p{color:#65737c}.contact-note{color:#65747e}
.footer{background:#41494f}.footwrap p{color:#d2dbe0}.footlinks{color:#dce4e9}
/* Keep the interactive example dark for contrast, but move it into the same slate/sky palette. */
.demo-section{background:#3b4853;color:#f1f5f7}.demo-section:before{background:radial-gradient(circle,#90bad044,transparent 65%)}
.demo-pill{background:#4a5d6b;border-color:#7999ad;color:#d0e6f4}.demo-intro h2 em{background:linear-gradient(100deg,#a7cee7,#eff5f8);background-clip:text;-webkit-text-fill-color:transparent}
.demo-intro>p:not(.demo-disclaimer){color:#c7d4dd}.demo-metrics{border-top-color:#7b93a4}.demo-metrics strong{color:#d3e8f5}.demo-metrics small,.demo-disclaimer{color:#c3d0da}
.demo-window{border-color:#8ea9b9;box-shadow:0 40px 90px #1c303d7a,0 0 80px #a3cee22a}.demo-window-head{background:#455b6b;color:#e4edf3}.demo-dots i{background:#9eafbc}
.demo-store{background:#dfe8ed}.demo-store-top{border-bottom-color:#c0cfda}.demo-store-name{color:#465259}.demo-store-name span{color:#8baabb}
.demo-product-art{background:linear-gradient(135deg,#c7d3d8,#b2c6d3 48%,#86a7bc)}.demo-product-art.fashion{background:linear-gradient(145deg,#bdcfda,#7e9aac)}.demo-product-art.beauty{background:linear-gradient(145deg,#d5d3d7,#abbecb)}
.demo-chat{background:#f2f6f8}.demo-chat-head{border-bottom-color:#d4e0e7}.demo-avatar{background:#4b6678}.demo-msg.agent{background:#e1ebf0;color:#4a5d68}.demo-msg.user{background:#527e9d;color:white}.demo-msg.recommendation{background:#e7f0f5;border-color:#b8cedb;color:#435867}.demo-msg.recommendation strong{color:#446c86}
.demo-input-zone{border-top-color:#d8e3ea}.demo-options button{background:#e8f0f4;color:#476c85;border-color:#bfd1dc}.demo-options button:hover,.demo-options button:focus-visible{background:#537e9c;color:white}.demo-send{background:#527e9d}.demo-input-faux{border-color:#cddde6}.demo-bottom{color:#d5e2ea}.demo-bottom a{color:#deeff9}

/* Reference-led art direction: atmospheric blue light, matte slate, massive editorial type. */
body{background:#d3dce2;color:#424344}
nav{height:78px;background:rgba(211,220,226,.76);border-bottom:1px solid rgba(65,68,71,.36);backdrop-filter:blur(22px)}
.brand{font-size:17px;letter-spacing:-.8px}.brand-mark{background:transparent;color:#424649;font-size:25px;width:34px;height:34px}
.navcta{background:#474b4e}.lang{background:rgba(232,239,243,.36)}
.hero{min-height:min(850px,92vh);padding:0 clamp(25px,6vw,110px) 85px;text-align:start;display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column;isolation:isolate;background:#d4dde3;overflow:hidden}
.hero:before{content:'';position:absolute;z-index:-2;inset:-18%;background:radial-gradient(ellipse 29% 46% at 81% 38%,rgba(116,177,219,.64),transparent 100%),radial-gradient(ellipse 30% 38% at 72% 75%,rgba(137,194,233,.62),transparent 100%),radial-gradient(ellipse 46% 50% at 99% 12%,rgba(156,197,224,.49),transparent 100%),radial-gradient(ellipse 48% 80% at 14% 55%,rgba(222,230,235,.94),transparent 100%);filter:blur(43px);transform:scale(1.06)}
.hero:after{content:'';position:absolute;z-index:-1;width:450px;height:450px;left:-160px;bottom:-185px;border:1px solid rgba(104,133,153,.10);transform:rotate(30deg);box-shadow:0 0 0 70px rgba(105,139,160,.018),0 0 0 140px rgba(105,139,160,.018);pointer-events:none}
.hero .eyebrow{font-size:11px;letter-spacing:2.5px;color:#5f6c75;font-weight:600;margin-bottom:12px}
.hero h1{font-size:clamp(65px,10.4vw,165px);font-weight:700;letter-spacing:-.085em;line-height:.91;max-width:1250px;margin:0 0 38px;text-wrap:balance}
.hero h1 .gradient{background:none;-webkit-text-fill-color:#444648;color:#444648}
.hero p{max-width:670px;margin:0;color:#53616c;line-height:1.65;font-size:clamp(17px,1.6vw,21px)}
.hero .buttons{justify-content:flex-start;margin:31px 0 0}.hero .btn{padding:14px 24px}
.hero .orb{display:none}
.section{padding-top:125px;padding-bottom:125px}
.sectionhead h2{color:#424749;font-size:clamp(39px,5.7vw,75px)}.sectionhead p{color:#63727e}
.service{background:rgba(229,237,242,.7);border:1px solid rgba(245,250,252,.75);box-shadow:0 15px 35px rgba(102,135,157,.06);border-radius:18px}
.service:first-child{background:linear-gradient(145deg,#6b879a,#455a69);border-color:#7992a3}.service:first-child .mini{background:#607d91}
.case{background:rgba(227,237,243,.75);border:1px solid #f1f6f8;border-radius:18px;box-shadow:0 12px 28px rgba(95,134,158,.05)}
.statement{background:radial-gradient(ellipse 39% 100% at 76% 40%,rgba(129,187,225,.57),transparent 100%),linear-gradient(105deg,#cad7df,#c4d5df 58%,#b4d2e5);color:#414548;border-top:1px solid rgba(255,255,255,.55);border-bottom:1px solid rgba(255,255,255,.55)}
.statement .kicker{color:#566d7b}.statement h2{color:#404548}.statement p{color:#586a77}
.demo-section{background:radial-gradient(ellipse 40% 65% at 80% 22%,rgba(128,183,218,.33),transparent 100%),linear-gradient(118deg,#4f6574,#637e90);border-top:1px solid rgba(255,255,255,.2)}
.demo-window{box-shadow:0 45px 70px rgba(48,70,83,.32),0 0 75px rgba(189,220,236,.24)}
.cta{background:radial-gradient(ellipse 40% 70% at 81% 36%,rgba(121,184,226,.61),transparent 100%),linear-gradient(112deg,#d4dde4,#d6e2e8 60%,#bed8e9)}
.footer{background:#47515a}
@media(max-width:900px){.hero{min-height:720px;padding:110px 30px 75px}.hero h1{font-size:clamp(66px,11vw,100px)}.section{padding-top:90px;padding-bottom:90px}}
@media(max-width:610px){nav{height:65px}.hero{min-height:690px;padding:105px 22px 70px}.hero:before{background:radial-gradient(ellipse 55% 40% at 85% 32%,rgba(120,183,223,.61),transparent 100%),radial-gradient(ellipse 58% 54% at 89% 82%,rgba(145,197,231,.45),transparent 100%),#d4dde3;filter:blur(25px)}.hero h1{font-size:clamp(62px,14vw,85px);letter-spacing:-.075em;line-height:.96;margin-bottom:25px}.hero p{font-size:16px}.hero .buttons{flex-direction:column;align-items:stretch;width:100%;max-width:330px}.hero .btn{width:100%}}
html[dir=rtl] .hero h1{letter-spacing:-.055em;line-height:1.12}html[dir=rtl] .hero .buttons{justify-content:flex-start}

/* v5: one continuous company website rather than full-screen editorial slides. */
html{scroll-padding-top:80px}
body{background:linear-gradient(155deg,#d4dde4 0%,#dce6ec 33%,#d1e0e9 64%,#d9e4e9 100%);background-attachment:fixed}
nav{height:68px;background:rgba(217,227,233,.89);border-bottom:1px solid rgba(75,92,103,.14)}
.hero{min-height:590px;padding:100px clamp(24px,6vw,95px) 86px;display:block;text-align:center;background:transparent;isolation:isolate}
.hero:before{inset:-5% -10% -12%;background:radial-gradient(ellipse 32% 48% at 77% 40%,rgba(130,183,222,.47),transparent 95%),radial-gradient(ellipse 32% 48% at 28% 80%,rgba(195,215,228,.41),transparent 95%);filter:blur(37px);transform:none}
.hero:after{display:none}.hero .eyebrow{margin:0 auto 21px}.hero h1{max-width:1050px;margin:0 auto 25px;font-size:clamp(54px,7.5vw,104px);letter-spacing:-.07em;line-height:1.02}.hero p{margin:0 auto;font-size:17px;max-width:680px}.hero .buttons{justify-content:center;margin:29px auto 0}.hero .btn{padding:13px 22px}
.section{padding:72px clamp(22px,6vw,100px);background:transparent}.sectionhead{margin-bottom:36px}.sectionhead h2{font-size:clamp(34px,4.4vw,58px);margin:10px 0 13px}.sectionhead p{margin:0 auto;max-width:620px}.kicker{font-size:11px}
.services{gap:14px}.service{min-height:340px;padding:29px;border-radius:22px}.service h3{font-size:25px}.service .mini{height:105px}.case{min-height:185px;padding:28px;border-radius:22px}.case h3{font-size:22px;margin:12px 0 7px}
.statement{padding:72px 24px 80px;background:transparent;border:0;color:#41484d}.statement h2{font-size:clamp(34px,4.7vw,62px);max-width:850px;margin:13px auto}.statement p{max-width:660px;color:#63717c}.statement .kicker{color:#547a94}
.demo-section{padding:72px clamp(22px,6vw,100px) 68px;background:transparent;border:0;color:#414b52}.demo-section:before{width:750px;height:750px;top:-250px;right:-300px;background:radial-gradient(circle,rgba(139,193,225,.33),transparent 67%)}.demo-container{gap:45px}.demo-intro h2{font-size:clamp(37px,4.3vw,60px);margin:20px 0}.demo-intro h2 em{background:linear-gradient(100deg,#527895,#7aa8c4);background-clip:text;-webkit-text-fill-color:transparent}.demo-intro>p:not(.demo-disclaimer){color:#61717e}.demo-pill{background:rgba(231,241,246,.75);border:1px solid #b0c4d0;color:#567e98}.demo-metrics{margin-top:27px;border-top-color:#b5c6d1}.demo-metrics strong{color:#4a6d85}.demo-metrics small,.demo-disclaimer{color:#748794}.demo-window{border-color:#aec3d0;box-shadow:0 22px 65px rgba(76,107,130,.16),0 3px 12px rgba(76,107,130,.08)}.demo-bottom{color:#6b7c89}.demo-bottom a{color:#466f8b}
.steps{gap:16px}.step{padding:22px 18px}.step h3{margin:15px 0 8px}.cta{padding:72px 24px 78px;background:radial-gradient(ellipse 34% 100% at 82% 50%,rgba(147,194,227,.39),transparent 95%);border-top:1px solid rgba(255,255,255,.35)}.cta h2{font-size:clamp(36px,4.6vw,61px)}
.reveal{transform:translateY(12px);transition:opacity .55s,transform .55s}
@media(max-width:900px){.hero{min-height:540px;padding:95px 28px 75px}.hero h1{font-size:clamp(54px,8.5vw,78px)}.section{padding:66px 24px}.demo-section{padding:65px 24px}.statement{padding:65px 24px}}
@media(max-width:610px){.hero{min-height:540px;padding:88px 21px 60px}.hero h1{font-size:clamp(49px,11.5vw,68px);line-height:1.04}.hero p{font-size:15px}.hero .buttons{margin-top:25px;gap:10px}.section{padding:58px 20px}.sectionhead{margin-bottom:30px}.service{min-height:315px}.statement{padding:60px 21px}.demo-section{padding:60px 18px}.demo-intro h2{font-size:40px}.cta{padding:65px 21px}}
html[dir=rtl] .hero h1{line-height:1.18}