#root,body,html{height:100%}
#root{display:flex}
body{margin:0;}
main {
  min-height: 150px;
}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;}
[stylesheet-group="1"]{}
.css-11aywtz{-moz-appearance:textfield;-webkit-appearance:none;background-color:rgba(0,0,0,0.00);border-bottom-left-radius:0px;border-bottom-right-radius:0px;border-top-left-radius:0px;border-top-right-radius:0px;border:0 solid black;box-sizing:border-box;font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;margin:0px;padding:0px;resize:none;}
.css-146c3p1{background-color:rgba(0,0,0,0.00);border:0 solid black;box-sizing:border-box;color:rgba(0,0,0,1.00);display:inline;font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;list-style:none;margin:0px;padding:0px;position:relative;text-align:start;text-decoration:none;white-space:pre-wrap;word-wrap:break-word;}
.css-1jxf684{background-color:rgba(0,0,0,0.00);border:0 solid black;box-sizing:border-box;color:inherit;display:inline;font:inherit;list-style:none;margin:0px;padding:0px;position:relative;text-align:inherit;text-decoration:none;white-space:inherit;word-wrap:break-word;}
.css-9pa8cd{bottom:0px;height:100%;left:0px;opacity:0;position:absolute;right:0px;top:0px;width:100%;z-index:-1;}
.css-g5y9jx{align-content:flex-start;align-items:stretch;background-color:rgba(0,0,0,0.00);border:0 solid black;box-sizing:border-box;display:flex;flex-basis:auto;flex-direction:column;flex-shrink:0;list-style:none;margin:0px;min-height:0px;min-width:0px;padding:0px;position:relative;text-decoration:none;z-index:0;}
[stylesheet-group="2"]{}
.r-10jnvle{border-bottom-left-radius:21px;border-bottom-right-radius:21px;border-top-left-radius:21px;border-top-right-radius:21px;}
.r-11mg6pl{border-bottom-color:rgba(255,255,255,1.00);border-left-color:rgba(255,255,255,1.00);border-right-color:rgba(255,255,255,1.00);border-top-color:rgba(255,255,255,1.00);}
.r-12k75vk{border-bottom-color:rgba(89,109,225,1.00);border-left-color:rgba(89,109,225,1.00);border-right-color:rgba(89,109,225,1.00);border-top-color:rgba(89,109,225,1.00);}
.r-13awgt0{flex:1;}
.r-14f9gny{border-bottom-width:4px;border-left-width:4px;border-right-width:4px;border-top-width:4px;}
.r-16uyjmq{border-bottom-left-radius:22px;border-bottom-right-radius:22px;border-top-left-radius:22px;border-top-right-radius:22px;}
.r-1867qdf{border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top-left-radius:16px;border-top-right-radius:16px;}
.r-19pkf3x{border-bottom-left-radius:95px;border-bottom-right-radius:95px;border-top-left-radius:95px;border-top-right-radius:95px;}
.r-1awa8pu{border-bottom-color:rgba(101,119,134,1.00);border-left-color:rgba(101,119,134,1.00);border-right-color:rgba(101,119,134,1.00);border-top-color:rgba(101,119,134,1.00);}
.r-1bq2mok{margin:3px;}
.r-1d4xg89{border-bottom-color:rgba(170,184,194,1.00);border-left-color:rgba(170,184,194,1.00);border-right-color:rgba(170,184,194,1.00);border-top-color:rgba(170,184,194,1.00);}
.r-1d6rzhh{border-bottom-width:3px;border-left-width:3px;border-right-width:3px;border-top-width:3px;}
.r-1dedoh8{border-bottom-left-radius:9px;border-bottom-right-radius:9px;border-top-left-radius:9px;border-top-right-radius:9px;}
.r-1dzdj1l{border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px;}
.r-1eywew6{border-bottom-color:rgba(232,243,255,1.00);border-left-color:rgba(232,243,255,1.00);border-right-color:rgba(232,243,255,1.00);border-top-color:rgba(232,243,255,1.00);}
.r-1f0042m{border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;}
.r-1fuqb1j{border-bottom-left-radius:24px;border-bottom-right-radius:24px;border-top-left-radius:24px;border-top-right-radius:24px;}
.r-1j16mh1{border-bottom-left-radius:100%;border-bottom-right-radius:100%;border-top-left-radius:100%;border-top-right-radius:100%;}
.r-1jkafct{border-bottom-left-radius:2px;border-bottom-right-radius:2px;border-top-left-radius:2px;border-top-right-radius:2px;}
.r-1jyn79y{border-bottom-color:rgba(0,150,136,1.00);border-left-color:rgba(0,150,136,1.00);border-right-color:rgba(0,150,136,1.00);border-top-color:rgba(0,150,136,1.00);}
.r-1llaxt6{border-bottom-left-radius:30px;border-bottom-right-radius:30px;border-top-left-radius:30px;border-top-right-radius:30px;}
.r-1m7mu0x{border-bottom-left-radius:36px;border-bottom-right-radius:36px;border-top-left-radius:36px;border-top-right-radius:36px;}
.r-1op6xe7{padding:23px;}
.r-1oqcu8e{padding:15px;}
.r-1pcd2l5{padding:20px;}
.r-1phboty{border-bottom-style:solid;border-left-style:solid;border-right-style:solid;border-top-style:solid;}
.r-1q9bdsx{border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top-left-radius:12px;border-top-right-radius:12px;}
.r-1qsk4np{overflow-x:clip;overflow-y:clip;}
.r-1rt179k{border-bottom-color:rgba(221,227,234,1.00);border-left-color:rgba(221,227,234,1.00);border-right-color:rgba(221,227,234,1.00);border-top-color:rgba(221,227,234,1.00);}
.r-1rvyss1{border-bottom-color:rgba(255,255,255,0.20);border-left-color:rgba(255,255,255,0.20);border-right-color:rgba(255,255,255,0.20);border-top-color:rgba(255,255,255,0.20);}
.r-1sbahrg{padding:28px;}
.r-1sp51qo{padding:10px;}
.r-1u6fhkr{border-bottom-color:rgba(233,237,246,1.00);border-left-color:rgba(233,237,246,1.00);border-right-color:rgba(233,237,246,1.00);border-top-color:rgba(233,237,246,1.00);}
.r-1udh08x{overflow-x:hidden;overflow-y:hidden;}
.r-1uu6nss{padding:5px;}
.r-1xfd6ze{border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px;}
.r-35zpkz{border-bottom-left-radius:39px;border-bottom-right-radius:39px;border-top-left-radius:39px;border-top-right-radius:39px;}
.r-494qqr{padding:32px;}
.r-4a18lf{border-bottom-color:rgba(255,0,0,1.00);border-left-color:rgba(255,0,0,1.00);border-right-color:rgba(255,0,0,1.00);border-top-color:rgba(255,0,0,1.00);}
.r-60ke3l{border-bottom-color:rgba(0,128,0,1.00);border-left-color:rgba(0,128,0,1.00);border-right-color:rgba(0,128,0,1.00);border-top-color:rgba(0,128,0,1.00);}
.r-6ncur5{border-bottom-left-radius:18px;border-bottom-right-radius:18px;border-top-left-radius:18px;border-top-right-radius:18px;}
.r-6t2glc{border-bottom-left-radius:40px;border-bottom-right-radius:40px;border-top-left-radius:40px;border-top-right-radius:40px;}
.r-9x6qib{border-bottom-color:rgba(204,214,221,1.00);border-left-color:rgba(204,214,221,1.00);border-right-color:rgba(204,214,221,1.00);border-top-color:rgba(204,214,221,1.00);}
.r-a1yn9n{border-bottom-left-radius:28px;border-bottom-right-radius:28px;border-top-left-radius:28px;border-top-right-radius:28px;}
.r-a4p86o{padding:21px;}
.r-bztko3{overflow-x:visible;overflow-y:visible;}
.r-crgep1{margin:0px;}
.r-d045u9{border-bottom-width:2px;border-left-width:2px;border-right-width:2px;border-top-width:2px;}
.r-d23pfw{padding:24px;}
.r-dvr24y{border-bottom-left-radius:75px;border-bottom-right-radius:75px;border-top-left-radius:75px;border-top-right-radius:75px;}
.r-edyy15{padding:8px;}
.r-ft7hrn{border-bottom-color:rgba(225,230,240,1.00);border-left-color:rgba(225,230,240,1.00);border-right-color:rgba(225,230,240,1.00);border-top-color:rgba(225,230,240,1.00);}
.r-fx7oqy{border-bottom-color:rgba(0,0,255,1.00);border-left-color:rgba(0,0,255,1.00);border-right-color:rgba(0,0,255,1.00);border-top-color:rgba(0,0,255,1.00);}
.r-kqjtha{border-bottom-color:rgba(232,236,245,1.00);border-left-color:rgba(232,236,245,1.00);border-right-color:rgba(232,236,245,1.00);border-top-color:rgba(232,236,245,1.00);}
.r-krxsd3{display:-webkit-box;}
.r-nsiyw1{border-bottom-left-radius:32px;border-bottom-right-radius:32px;border-top-left-radius:32px;border-top-right-radius:32px;}
.r-rs99b7{border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-top-width:1px;}
.r-s88bda{display:contents;}
.r-t23y2h{border-bottom-left-radius:14px;border-bottom-right-radius:14px;border-top-left-radius:14px;border-top-right-radius:14px;}
.r-t60dpp{padding:0px;}
.r-v3zo9w{border-bottom-left-radius:52px;border-bottom-right-radius:52px;border-top-left-radius:52px;border-top-right-radius:52px;}
.r-wg31gx{border-bottom-color:rgba(49,53,56,1.00);border-left-color:rgba(49,53,56,1.00);border-right-color:rgba(49,53,56,1.00);border-top-color:rgba(49,53,56,1.00);}
.r-xoduu5{display:inline-flex;}
.r-xyw6el{padding:12px;}
.r-ywje51{margin:auto;}
.r-z2wwpe{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;}
[stylesheet-group="2.1"]{}
.r-1009s2o{margin-bottom:15px;margin-top:15px;}
.r-11f147o{padding-bottom:8px;padding-top:8px;}
.r-11gswi8{padding-left:3px;padding-right:3px;}
.r-17q4wm6{margin-left:5px;margin-right:5px;}
.r-184id4b{margin-bottom:12px;margin-top:12px;}
.r-1d7mnkm{padding-bottom:15px;padding-top:15px;}
.r-1e084wi{padding-left:0px;padding-right:0px;}
.r-1ml3abn{padding-bottom:14px;padding-top:14px;}
.r-1mmae3n{padding-bottom:12px;padding-top:12px;}
.r-1ntr0p{padding-left:5px;padding-right:5px;}
.r-1rsorjc{padding-left:36px;padding-right:36px;}
.r-1s5swlz{padding-bottom:9px;padding-top:9px;}
.r-1yd117h{padding-bottom:7px;padding-top:7px;}
.r-3o4zer{padding-left:12px;padding-right:12px;}
.r-cxgwc0{padding-left:24px;padding-right:24px;}
.r-f8sm7e{margin-left:auto;margin-right:auto;}
.r-gu64tb{padding-left:14px;padding-right:14px;}
.r-h0bjfv{padding-left:22px;padding-right:22px;}
.r-is05cd{padding-left:8px;padding-right:8px;}
.r-jdiy1a{margin-left:11px;margin-right:11px;}
.r-jusfrs{margin-left:12px;margin-right:12px;}
.r-kritb0{padding-bottom:11px;padding-top:11px;}
.r-n5f61p{margin-bottom:3px;margin-top:3px;}
.r-n7gxbd{padding-left:4px;padding-right:4px;}
.r-qbhcsz{padding-bottom:64px;padding-top:64px;}
.r-rehuqn{padding-bottom:5px;padding-top:5px;}
.r-u4gi5m{padding-left:13px;padding-right:13px;}
.r-u9wvl5{padding-left:20px;padding-right:20px;}
.r-ubg91z{padding-left:15px;padding-right:15px;}
.r-ugi1tw{padding-left:5%;padding-right:5%;}
.r-w7s2jr{padding-bottom:16px;padding-top:16px;}
.r-ytbthy{padding-bottom:10px;padding-top:10px;}
.r-ywh0we{padding-bottom:13px;padding-top:13px;}
[stylesheet-group="2.2"]{}
.r-10s2tm5{left:0%;}
.r-16o8guy{right:100%;}
.r-1a11zyx{margin-right:12px;}
.r-1cwvpvk{margin-left:12px;}
.r-1e97lx8{margin-right:3px;}
.r-1euzeng{padding-left:24px;}
.r-1g4tz6n{margin-right:-14.5px;}
.r-1h31txp{padding-right:16px;}
.r-1lhn9r{margin-left:-14.5px;}
.r-1sqnqi2{margin-left:3px;}
.r-1vl2501{padding-right:24px;}
.r-9mo606{margin-right:10px;}
.r-c59us2{left:-3px;}
.r-dqe1q{right:0%;}
.r-qb41rp{margin-right:5px;}
.r-rci37q{left:100%;}
.r-uhung1{margin-left:10px;}
.r-vpmibe{right:-3px;}
.r-w67my2{padding-left:16px;}
.r-wizibn{margin-left:5px;}
[stylesheet-group="3"]{}
.r-105ug2t{pointer-events:auto!important;}
.r-109y4c4{height:1px;}
.r-10ptun7{height:16px;}
.r-10v3vxq{transform:scaleX(-1);}
.r-10x49cs{font-size:10px;}
.r-10xqauy{padding-top:env(safe-area-inset-top);}
.r-117bsoe{margin-bottom:20px;}
.r-117nei8{height:201px;}
.r-11fsuwv{height:78px;}
.r-11j9u27{visibility:hidden;}
.r-11mpjr4{background-color:rgba(223,223,223,1.00);}
.r-11niif6{max-width:800px;}
.r-11rk87y{padding-bottom:32px;}
.r-11udlyb{background-color:rgba(0,150,136,1.00);}
.r-11v9fek{min-width:180px;}
.r-11yh6sk{overflow-x:hidden;}
.r-12a32uw{color:rgba(182,47,67,1.00);}
.r-12f6czt{top:17px;}
.r-12mhuit{background-color:rgba(247,250,255,1.00);}
.r-12q4eqf{color:rgba(66,133,244,1.00);}
.r-12rgx7y{width:7px;}
.r-12vffkv>* {pointer-events:auto;}
.r-12vffkv{pointer-events:none!important;}
.r-12ym1je{width:18px;}
.r-135wba7{line-height:24px;}
.r-136ojw6{z-index:2;}
.r-13aq9py{animation-name:r-1iq689l;}
.r-13qz1uu{width:100%;}
.r-13tjlyg{transition-duration:0.1s;}
.r-1444osr{margin-top:18px;}
.r-146t82q{line-height:44px;}
.r-1472mwg{height:24px;}
.r-14g73ha{height:15px;}
.r-14gqq1x{margin-top:4px;}
.r-14lw9ot{background-color:rgba(255,255,255,1.00);}
.r-14sbq61{background-color:rgba(33,150,243,1.00);}
.r-14yzgew{line-height:18px;}
.r-150rngu{-webkit-overflow-scrolling:touch;}
.r-156q2ks{margin-top:10px;}
.r-157zott{letter-spacing:1.6px;}
.r-15lbemj{font-size:49px;}
.r-16swzce{color:rgba(123,132,154,1.00);}
.r-16y2uox{flex-grow:1;}
.r-173mn98{align-self:flex-end;}
.r-173mzie{transform:scaleY(-1);}
.r-1777fci{justify-content:center;}
.r-17bb2tj{animation-duration:0.75s;}
.r-17leim2{background-repeat:repeat;}
.r-17rnw9f{line-height:30px;}
.r-17s6mgv{justify-content:flex-end;}
.r-17tb59b{opacity:0.7;}
.r-17tloay{opacity:0.6;}
.r-17u3ijr{background-color:rgba(155,161,166,0.27);}
.r-17z0vru{width:201px;}
.r-184en5c{z-index:1;}
.r-1862ga2{color:rgba(119,119,119,1.00);}
.r-18nhz7w{top:-3px;}
.r-18u1ve8{color:rgba(255,255,255,0.40);}
.r-18u37iz{flex-direction:row;}
.r-18zdu8c{color:rgba(17,24,39,1.00);}
.r-19h5ruw{margin-top:15px;}
.r-19oahor{font-size:64px;}
.r-19qrga8{margin-top:3px;}
.r-19r33im{letter-spacing:1.2px;}
.r-19wmn03{width:20px;}
.r-19yznuf{min-height:52px;}
.r-19z077z{touch-action:none;}
.r-1a2p6p6{-webkit-text-decoration-style:solid;text-decoration-style:solid;}
.r-1a8msfu{height:38px;}
.r-1abnn5w{animation-play-state:paused;}
.r-1acpoxo{width:36px;}
.r-1aiqnjv{font-family:monospace,monospace;}
.r-1aockid{width:40px;}
.r-1awozwy{align-items:center;}
.r-1ay1djp{animation-duration:1s;}
.r-1b43r93{font-size:14px;}
.r-1b6yd1w{font-size:19px;}
.r-1b94p3d{width:15px;}
.r-1blnp2b{width:72px;}
.r-1c6unfx{forced-color-adjust:none;}
.r-1c85bru{width:270px;}
.r-1c9isxs{color:rgba(29,39,69,1.00);}
.r-1chd876{aspect-ratio:1.7309941520467835;}
.r-1cmwbt1{gap:8px;}
.r-1cucpzw{color:rgba(107,114,128,1.00);}
.r-1d2f490{left:0px;}
.r-1d5kdc7{flex-direction:column-reverse;}
.r-1ddef8g{-webkit-text-decoration-line:underline;text-decoration-line:underline;}
.r-1dernwh{height:70%;}
.r-1ei5mc7{cursor:inherit;}
.r-1enofrn{font-size:12px;}
.r-1euycsn{flex-direction:row-reverse;}
.r-1ewcgjf{box-shadow:0px 1px 3px rgba(0,0,0,0.5);}
.r-1f3rzbq{font-size:92px;}
.r-1ff274t{text-align:right;}
.r-1ffj0ar{background-color:rgba(0,0,0,0.40);}
.r-1g80hic{opacity:0.8;}
.r-1g94qm0{margin-top:5px;}
.r-1gdcala{border-top-color:rgba(232,237,244,1.00);}
.r-1ge9hsw{max-width:960px;}
.r-1ghxqbu{font-variant:tabular-nums;}
.r-1gkfh8e{font-size:11px;}
.r-1gpf959{background-color:rgba(232,243,255,1.00);}
.r-1h0z5md{justify-content:flex-start;}
.r-1h2t8mc{width:0px;}
.r-1h8ng64{background-color:rgba(34,197,94,1.00);}
.r-1habvwh{align-items:flex-start;}
.r-1hjwoze{height:18px;}
.r-1hrfc82{color:rgba(32,33,36,1.00);}
.r-1i10wst{font-size:18px;}
.r-1i6wzkk{-moz-transition-property:opacity;-webkit-transition-property:opacity;transition-property:opacity;}
.r-1i71y14{gap:14px;}
.r-1ifxtd0{margin-bottom:16px;}
.r-1ikidpy{letter-spacing:0.5px;}
.r-1iln25a{word-wrap:normal;}
.r-1inkyih{font-size:17px;}
.r-1iusvr4{flex-basis:0px;}
.r-1janqcz{width:16px;}
.r-1jj8364{margin-left:auto;}
.r-1jkjb{margin-left:8px;}
.r-1kb76zh{margin-right:8px;}
.r-1kfrs79{font-weight:600;}
.r-1kihuf0{align-self:center;}
.r-1knq54c{aspect-ratio:5.125;}
.r-1ld3bg{top:-4px;}
.r-1ldzwu0{animation-timing-function:linear;}
.r-1lkdllf{background-color:rgba(20,28,55,0.48);}
.r-1loqt21{cursor:pointer;}
.r-1lzemaj{background-color:rgba(41,199,139,1.00);}
.r-1mbx5b{letter-spacing:-2px;}
.r-1mhb1uw{width:42px;}
.r-1mlwlqe{flex-basis:auto;}
.r-1mrlafo{background-position:0;}
.r-1muvv40{animation-iteration-count:infinite;}
.r-1nijvwz{background-color:rgba(89,109,225,1.00);}
.r-1niwhzg{background-color:rgba(0,0,0,0.00);}
.r-1nlw0im{bottom:8px;}
.r-1no09lo{margin-top:28px;}
.r-1nt8t1s{background-color:rgba(241,243,255,1.00);}
.r-1nxhmzv{margin-bottom:28px;}
.r-1ny4l3l{outline-style:none;}
.r-1ocf4r9{scroll-snap-type:y mandatory;}
.r-1onu96p{border-curve:continuous;}
.r-1oszu61{align-items:stretch;}
.r-1otgn73{touch-action:manipulation;}
.r-1ozsyd3{height:7px;}
.r-1p0dtai{bottom:0px;}
.r-1peese0{margin-bottom:24px;}
.r-1pi2tsx{height:100%;}
.r-1pm8pkb{font-family:Courier;}
.r-1q42mak{width:74px;}
.r-1qd0xha{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;}
.r-1qulhi1{animation-name:r-1pzkwqh;}
.r-1r4fvd0{color:rgba(82,169,255,1.00);}
.r-1r74h94{left:8px;}
.r-1r8g8re{height:36px;}
.r-1ra0lkn{font-size:30px;}
.r-1rnoaur{overflow-y:auto;}
.r-1sg8ghl{z-index:1000;}
.r-1slgb2g{background-color:rgba(224,82,104,1.00);}
.r-1ssbvtb{gap:12px;}
.r-1su3aco{color:rgba(89,100,126,1.00);}
.r-1sxrcry{background-size:auto;}
.r-1t2hasf{padding-bottom:18px;}
.r-1t8rwgg{box-shadow:0px 7px 12px rgba(82,104,216,0.23);}
.r-1u56mzc{bottom:7px;}
.r-1ua0l07{font-family:var(--font-mono);}
.r-1udbk01{text-overflow:ellipsis;}
.r-1ui5ee8{font-size:32px;}
.r-1upy0dh{letter-spacing:2px;}
.r-1v1z2uz{margin-top:32px;}
.r-1vr29t4{font-weight:800;}
.r-1w0ad5y{width:104px;}
.r-1w2pmg{height:0px;}
.r-1w6e6rj{flex-wrap:wrap;}
.r-1wbh5a2{flex-shrink:1;}
.r-1wtj0ep{justify-content:space-between;}
.r-1wyyakw{z-index:-1;}
.r-1wzrnnt{margin-top:16px;}
.r-1x35g6{font-size:24px;}
.r-1xcajam{position:fixed;}
.r-1xhmgn1{line-height:92px;}
.r-1xnzce8{-moz-user-select:text;-webkit-user-select:text;user-select:text;}
.r-1xpsq9i{box-shadow:0px 3px 3px rgba(0, 0, 0, 0.33);}
.r-1xy5wl5{width:128px;}
.r-1xzupcd{width:13px;}
.r-1y6tqk7{color:rgba(138,148,170,1.00);}
.r-1yb2ywa{background-color:rgba(230,235,255,1.00);}
.r-1yef0xd{animation-name:r-11cv4x;}
.r-1yflyrw{margin-bottom:30px;}
.r-1ygmrgt{padding-top:24px;}
.r-2eszeu::-webkit-scrollbar{display:none}
.r-2eszeu{scrollbar-width:none;}
.r-2favnc{top:202px;}
.r-2izvrk{color:rgba(20,121,232,1.00);}
.r-30o5oe{-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none;}
.r-356f0p{letter-spacing:0.35px;}
.r-38x2cy{margin-top:25px;}
.r-3egmai{width:123px;}
.r-3mc0re{right:8px;}
.r-3otjiu{background-color:rgba(238,241,255,1.00);}
.r-3s2u2q{white-space:nowrap;}
.r-417010{z-index:0;}
.r-4gszlv{background-size:cover;}
.r-4tcnlu{background-color:rgba(255,240,241,1.00);}
.r-4v7adb{height:5px;}
.r-5kkj8d{border-top-width:1px;}
.r-5oul0u{margin-bottom:8px;}
.r-60vfwk{min-width:1px;}
.r-633pao>* {pointer-events:none;}
.r-633pao{pointer-events:none!important;}
.r-6dt33c{opacity:1;}
.r-6gpygo{margin-bottom:12px;}
.r-6taxm2:-ms-input-placeholder{color:var(--placeholderTextColor);opacity:1;}
.r-6taxm2::-moz-placeholder{color:var(--placeholderTextColor);opacity:1;}
.r-6taxm2::-webkit-input-placeholder{color:var(--placeholderTextColor);opacity:1;}
.r-6taxm2::placeholder{color:var(--placeholderTextColor);opacity:1;}
.r-6uxfom{margin-left:24px;}
.r-726pan{width:31px;}
.r-76blku{height:21px;}
.r-76e093{color:rgba(82,104,216,1.00);}
.r-7ccmxi{margin-bottom:34px;}
.r-7cikom{font-size:inherit;}
.r-7ptqe7{line-height:23px;}
.r-7q8q6z{cursor:default;}
.r-84ji2h{max-width:330px;}
.r-8akbws{-webkit-box-orient:vertical;}
.r-8ay8q1{letter-spacing:0.1px;}
.r-8p3tq6{color:rgba(117,128,154,1.00);}
.r-92ng3h{width:1px;}
.r-95jzfe{padding-top:16px;}
.r-97e31f{padding-bottom:env(safe-area-inset-bottom);}
.r-9aw3ui{gap:4px;}
.r-9daxd3{animation-duration:250ms;}
.r-a023e6{font-size:15px;}
.r-a2tzq0{justify-content:space-around;}
.r-adyw6z{font-size:20px;}
.r-agouwx{transform:translateZ(0);}
.r-ah5dr5>* {pointer-events:none;}
.r-ah5dr5{pointer-events:auto!important;}
.r-aruset{font-weight:200;}
.r-axlblu{font-size:29px;}
.r-b88u0q{font-weight:700;}
.r-b8lwoo{width:100px;}
.r-bi4vy9{transform:translateY(100%);}
.r-bnwqim{position:relative;width:128px !important;}
.r-bt1l66{min-height:20px;}
.r-bta5j5{right:40px;}
.r-buy8e9{overflow-y:hidden;}
.r-bv2aro{padding-left:env(safe-area-inset-left);}
.r-c68hjy{color:rgba(161,161,161,1.00);}
.r-cb9k4l{color:rgba(180,35,24,1.00);}
.r-cpa5s6{scroll-snap-align:start;}
.r-cqee49{color:rgba(0,0,0,1.00);}
.r-cv4lhi{font-size:21px;}
.r-cvxniu{background-color:rgba(244,246,255,1.00);}
.r-d0pm55{margin-bottom:5px;}
.r-dkge59{background-color:rgba(170,184,194,1.00);}
.r-dnmrzs{max-width:100%;}
.r-e6ktq0{gap:32px;}
.r-eaezby{line-height:26px;}
.r-eafdt9{transition-duration:0.15s;}
.r-ebwn4k{animation-name:r-q67da2;}
.r-eektet{margin-bottom:25px;}
.r-ehq7j7{background-size:contain;}
.r-ep1ume{color:rgba(38,49,79,1.00);}
.r-eqz5dr{flex-direction:column;}
.r-eu3ka{height:40px;}
.r-evnaw{font-size:22px;}
.r-evt10r{margin-bottom:17px;}
.r-f4gmv6{gap:16px;}
.r-fdjqy7{text-align:left;}
.r-fobevh{background-color:rgba(244,247,252,1.00);}
.r-g3mlsw{animation-name:r-t2lo5v;}
.r-gaci75{width:62px;}
.r-ghxds0{transform:translateY(0%);}
.r-glunga{padding-top:5px;}
.r-gtdqiz{position:-webkit-sticky;position:sticky;}
.r-h0d30l{height:28px;}
.r-h1js2l{font-size:25px;}
.r-h3s6tt{height:48px;}
.r-hbpseb{line-height:22px;}
.r-hjklzo{line-height:19px;}
.r-hvns9x{max-width:400px;}
.r-hxarbt{margin-bottom:9px;}
.r-hxflta{padding-right:env(safe-area-inset-right);}
.r-i933xg{letter-spacing:1.5px;}
.r-icoktb{opacity:0.5;}
.r-ipm5af{top:0px;}
.r-ird7hx{background-color:rgba(205,230,255,1.00);}
.r-iv112m{width:78px;}
.r-jjmaes{max-width:760px;}
.r-jwli3a{color:rgba(255,255,255,1.00);}
.r-k200y{align-self:flex-start;}
.r-kc8jnq{margin-top:6px;}
.r-kemksi{background-color:rgba(0,0,0,1.00);}
.r-kgusq2{line-height:52px;}
.r-kizejy{color:rgba(155,161,166,1.00);}
.r-kmjhdl{color:rgba(81,91,114,1.00);}
.r-knv0ih{margin-top:8px;}
.r-l71dzp{margin-top:14px;}
.r-le4sbl{margin-bottom:18px;}
.r-leqjx2{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);}
.r-lltvgl{overflow-x:auto;}
.r-lpb231{height:168px;}
.r-lq3qo{color:rgba(137,146,167,1.00);}
.r-lr86f6{color:rgba(34,45,75,1.00);}
.r-lrsllp{width:24px;}
.r-lrvibr{-moz-user-select:none;-webkit-user-select:none;user-select:none;}
.r-lsa89y{opacity:0.75;}
.r-majxgm{font-weight:500;}
.r-me5xia{height:104px;}
.r-mfh4gg{scroll-snap-type:x mandatory;}
.r-mhe3cw{z-index:10;}
.r-mipnz4{min-height:58px;}
.r-mro3nb{background-color:rgba(21,23,24,1.00);}
.r-n10vjm{color:rgba(115,125,149,1.00);}
.r-n6v787{font-size:13px;}
.r-n8i0m3{box-shadow:0px 8px 14px rgba(20,121,232,0.25);}
.r-ngr847{right:7px;}
.r-nmqka4{color:rgba(66,77,104,1.00);}
.r-o4n3w5{width:23px;}
.r-o52ifk{height:100px;}
.r-oebo59{height:128px;}
.r-orgf3d{opacity:0;}
.r-p20ruy{background-color:rgba(238,240,246,1.00);}
.r-psjefw{margin-top:9px;}
.r-q4m81j{text-align:center;}
.r-qfi6ny{top:30000px;}
.r-qklmqi{border-bottom-width:1px;}
.r-qn3fzs{padding-bottom:24px;}
.r-r5t77b{background-color:rgba(10,20,40,0.55);}
.r-rfq24y{font-size:52px;}
.r-rjixqe{line-height:20px;}
.r-rs94m5{background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K");}
.r-rsw74x{height:71px;}
.r-rwqe4o{width:48px;}
.r-s62m2j{animation-timing-function:cubic-bezier(0.47, 0, 0.745, 0.715);}
.r-s67bdx{font-size:48px;}
.r-sfbmgh{z-index:9999;}
.r-skwduh{color:rgba(60,135,247,1.00);}
.r-so7y2g{line-height:64px;}
.r-te4v75{bottom:40px;}
.r-tkvxn6{background-color:rgba(20,121,232,1.00);}
.r-tskmnb{padding-top:8px;}
.r-tsynxw{text-transform:uppercase;}
.r-u6sd8q{background-repeat:no-repeat;}
.r-u8s1d{position:absolute;}
.r-u92y06{background-color:rgba(255,165,0,1.00);}
.r-ubezar{font-size:16px;}
.r-uho16t{font-size:34px;}
.r-uqrfct{color:rgba(146,155,176,1.00);}
.r-ur6pnr{height:42px;}
.r-v7sgy2{background-color:rgba(221,230,242,1.00);}
.r-vacyoi{padding-bottom:64px;}
.r-van48c{caret-color:transparent;}
.r-vboj7i{top:-7px;}
.r-vvn4in{background-position:center;}
.r-vw2c0b{font-weight:bold;}
.r-wfqgy4{transition-duration:100ms;}
.r-ws9h79{left:4px;}
.r-wy61xf{height:72px;}
.r-x11e5r{font-family:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;}
.r-x3cy2q{background-size:100% 100%;}
.r-xx3c9p{animation-name:r-imtty0;}
.r-y7v2we{background-color:rgba(32,36,37,1.00);}
.r-z2g584{width:76px;}
.r-z80fyv{height:20px;}
.r-zchlnj{right:0px;}
.r-zd98yo{margin-bottom:32px;}
.r-zz5t5d{font-size:28px;}
@-webkit-keyframes r-11cv4x{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
@-webkit-keyframes r-1iq689l{0%{transform:translateY(0%);}100%{transform:translateY(100%);}}
@-webkit-keyframes r-1pzkwqh{0%{transform:translateY(100%);}100%{transform:translateY(0%);}}
@-webkit-keyframes r-imtty0{0%{opacity:0;}100%{opacity:1;}}
@-webkit-keyframes r-q67da2{0%{transform:translateX(-100%);}100%{transform:translateX(400%);}}
@-webkit-keyframes r-t2lo5v{0%{opacity:1;}100%{opacity:0;}}
@keyframes r-11cv4x{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
@keyframes r-1iq689l{0%{transform:translateY(0%);}100%{transform:translateY(100%);}}
@keyframes r-1pzkwqh{0%{transform:translateY(100%);}100%{transform:translateY(0%);}}
@keyframes r-imtty0{0%{opacity:0;}100%{opacity:1;}}
@keyframes r-q67da2{0%{transform:translateX(-100%);}100%{transform:translateX(400%);}}
@keyframes r-t2lo5v{0%{opacity:1;}100%{opacity:0;}}
:root {
            --navy: #06132e;
            --navy-2: #091d42;
            --blue: #168bff;
            --cyan: #55c8ff;
            --ink: #10244b;
            --muted: #526585;
            --pale: #f4f8ff;
            --line: #dce7fb;
            --white: #fff;
            --radius: 18px;
            --shadow: 0 18px 48px rgba(6, 19, 46, .13);
        }
        * { box-sizing: border-box; }
        html { scroll-behavior: smooth; }
        body {
            margin: 0;
            font-family: Inter, Arial, sans-serif;
            color: var(--ink);
            line-height: 1.65;
            background: #fff;
        }
        a { color: inherit; }
        .container { width: min(1160px, calc(100% - 40px)); margin-inline: auto; }
        .site-header {
            background: rgba(5, 17, 42, .97);
            border-bottom: 1px solid rgba(91, 170, 255, .22);
            color: #fff;
            position: relative;
            z-index: 5;
        }
        .nav { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
        .brand { text-decoration: none; display: inline-flex; flex-direction: column; line-height: 1.25; }
        .brand strong { color: var(--cyan); font-size: 1.65rem; font-weight: 800; letter-spacing: -.06em; }
        .brand span { font-size: .78rem; font-weight: 700; }
        .brand small { color: #c5d6f3; font-size: .66rem; }
        .nav-links { display: flex; align-items: center; gap: 24px; }
        .nav-links a { color: #e5efff; text-decoration: none; font-size: .86rem; }
        .nav-links a:hover, .nav-links a[aria-current="page"] { color: var(--cyan); }
        .btn {
            display: inline-flex; align-items: center; justify-content: center; gap: 10px;
            padding: 12px 20px; border-radius: 999px; border: 1px solid transparent;
            background: linear-gradient(100deg, #0796ff, #2855ff);
            color: #fff; text-decoration: none; font-weight: 700; font-size: .9rem;
            box-shadow: 0 8px 24px rgba(22, 139, 255, .22);
            transition: transform .2s ease, box-shadow .2s ease;
        }
        .btn:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(22, 139, 255, .32); }
        .btn-outline { background: transparent; border-color: #168bff; box-shadow: none; }
        .btn-light { background: #fff; color: #1247cc; box-shadow: none; }
        .hero {
            position: relative; overflow: hidden; color: #fff;
            background:
                    radial-gradient(circle at 75% 35%, rgba(0, 124, 255, .28), transparent 28%),
                    radial-gradient(circle at 48% 80%, rgba(0, 195, 255, .12), transparent 30%),
                    linear-gradient(112deg, #06132e 0%, #082454 58%, #06132e 100%);
        }
        .hero::before {
            content: ""; position: absolute; inset: 0; opacity: .18; pointer-events: none;
            background-image: linear-gradient(rgba(84, 174, 255, .15) 1px, transparent 1px), linear-gradient(90deg, rgba(84, 174, 255, .15) 1px, transparent 1px);
            background-size: 46px 46px; mask-image: linear-gradient(90deg, #000, transparent 88%);
        }
        .hero-grid { position: relative; display: grid; grid-template-columns: 1.08fr .92fr; align-items: center; gap: 36px; padding-block: 68px 74px; }
        .eyebrow { display: inline-flex; align-items: center; gap: 8px; border: 1px solid rgba(104, 193, 255, .35); background: rgba(14, 112, 222, .22); border-radius: 999px; padding: 7px 13px; color: #d9f3ff; font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
        h1, h2, h3, p { margin-top: 0; }
        h1 { font-size: clamp(2.25rem, 4.2vw, 3.65rem); line-height: 1.1; letter-spacing: -.055em; margin: 20px 0; max-width: 720px; }
        .gradient-text { background: linear-gradient(90deg, #5bcaff, #258bff); -webkit-background-clip: text; background-clip: text; color: transparent; }
        .hero-copy { color: #d3e2fa; max-width: 610px; font-size: 1.02rem; }
        .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
        .hero-note { color: #a9c3e9; font-size: .82rem; margin-top: 18px; }
        .hero-visual { min-height: 350px; display: grid; place-items: center; position: relative; }
        .orb { width: min(330px, 75vw); aspect-ratio: 1; display: grid; place-items: center; border-radius: 50%; position: relative; background: radial-gradient(circle, rgba(25, 139, 255, .24), rgba(9, 32, 76, .1) 56%, transparent 68%); }
        .orb::before, .orb::after { content: ""; position: absolute; border: 1px solid rgba(65, 176, 255, .42); border-radius: 50%; inset: 7%; transform: rotateX(65deg) rotate(-20deg); }
        .orb::after { inset: 16%; transform: rotateX(65deg) rotate(35deg); border-color: rgba(92, 209, 255, .38); }
        .brain-icon { font-size: clamp(6rem, 12vw, 9rem); filter: drop-shadow(0 0 26px rgba(29, 153, 255, .7)); z-index: 1; }
        .float-card { position: absolute; display: flex; align-items: center; gap: 10px; padding: 12px 15px; background: rgba(4, 20, 49, .83); border: 1px solid rgba(79, 171, 255, .38); border-radius: 13px; color: #edf7ff; font-size: .84rem; box-shadow: 0 12px 30px rgba(0,0,0,.22); backdrop-filter: blur(10px); }
        .float-card b { color: var(--cyan); font-size: 1.1rem; }
        .float-one { top: 14%; right: 0; } .float-two { top: 39%; left: 0; } .float-three { bottom: 13%; right: 2%; }
        .section { padding-block: 72px; }
        .section-light { background: #fff; }
        .section-pale { background: var(--pale); }
        .section-dark { background: linear-gradient(120deg, #06132e, #092454 55%, #06132e); color: #fff; }
        .section-heading { text-align: center; max-width: 790px; margin: 0 auto 36px; }
        .section-heading h2 { font-size: clamp(1.8rem, 3vw, 2.55rem); line-height: 1.2; letter-spacing: -.04em; margin-bottom: 12px; }
        .section-heading p { color: var(--muted); margin-bottom: 0; }
        .section-dark .section-heading p { color: #c1d5f4; }
        .grid-5 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
        .benefit-card { background: linear-gradient(150deg, #fff, #f7faff); border: 1px solid var(--line); border-radius: 15px; padding: 24px 18px; text-align: center; }
        .icon-circle { width: 60px; height: 60px; margin: 0 auto 15px; border-radius: 50%; display: grid; place-items: center; font-size: 1.65rem; background: #e0f1ff; color: #0879ee; }
        .benefit-card:nth-child(2) .icon-circle { background: #e9e7ff; color: #5948e9; }
        .benefit-card:nth-child(3) .icon-circle { background: #d9fff0; color: #059b68; }
        .benefit-card:nth-child(4) .icon-circle { background: #fff0e1; color: #d46a16; }
        .benefit-card:nth-child(5) .icon-circle { background: #ffe3f6; color: #c72e9b; }
        .benefit-card h3 { font-size: 1rem; line-height: 1.35; margin-bottom: 10px; }
        .benefit-card p { font-size: .88rem; color: var(--muted); margin-bottom: 0; }
        .grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
        .use-card { border: 1px solid rgba(50, 146, 255, .42); border-radius: 16px; padding: 25px 21px; background: rgba(5, 22, 52, .6); }
        .use-icon { font-size: 2.2rem; margin-bottom: 12px; }
        .use-card h3 { font-size: 1.05rem; margin-bottom: 9px; }
        .use-card p { color: #c1d5f4; font-size: .9rem; margin-bottom: 0; }
        .steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; counter-reset: step; }
        .step { position: relative; text-align: center; padding: 10px 12px; counter-increment: step; }
        .step-number { width: 48px; height: 48px; display: grid; place-items: center; margin: 0 auto 14px; border-radius: 50%; color: #fff; background: linear-gradient(135deg, #22baff, #2758ff); font-weight: 800; box-shadow: 0 8px 20px rgba(22,139,255,.2); }
        .step h3 { font-size: 1rem; margin-bottom: 8px; }
        .step p { color: var(--muted); font-size: .9rem; margin-bottom: 0; }
        .two-col { display: grid; grid-template-columns: 1.1fr .9fr; gap: 20px; margin-top: 44px; }
        .tech-panel { color: #fff; background: linear-gradient(130deg, #071735, #0a2c61); border-radius: 18px; padding: 28px; }
        .tech-panel h2 { margin-bottom: 6px; font-size: 1.55rem; }
        .tech-panel > p { color: #c1d5f4; font-size: .9rem; }
        .tech-list { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
        .tech { flex: 1 1 90px; min-width: 82px; text-align: center; padding: 13px 8px; border-radius: 12px; border: 1px solid rgba(93, 173, 255, .22); background: rgba(255,255,255,.05); }
        .tech strong { display: block; font-size: .92rem; color: #72d5ff; }
        .tech span { font-size: .75rem; color: #d1e2fb; }
        .contact-panel { padding: 30px; border-radius: 18px; border: 1px solid #d7e6ff; background: linear-gradient(145deg, #fff, #eff6ff); }
        .contact-panel h2 { font-size: 1.8rem; line-height: 1.2; }
        .contact-panel p { color: var(--muted); }
        .contact-panel .btn { margin-top: 6px; }
        .trust-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; border-top: 1px solid rgba(115, 182, 255, .25); padding-top: 28px; margin-top: 52px; }
        .trust-item { display: flex; gap: 12px; align-items: flex-start; }
        .trust-item > span { font-size: 1.8rem; color: var(--cyan); }
        .trust-item strong { display: block; margin-bottom: 4px; }
        .trust-item p { font-size: .82rem; color: #c1d5f4; margin-bottom: 0; }
        .final-cta { margin-top: 34px; padding: 22px 26px; border-radius: 16px; display: flex; justify-content: space-between; align-items: center; gap: 20px; background: linear-gradient(100deg, #078cff, #6545f5); }
        .final-cta h2 { margin: 0 0 3px; font-size: 1.35rem; }
        .final-cta p { margin: 0; color: #eaf4ff; font-size: .9rem; }
        .site-footer { background: #041027; color: #c3d4ee; padding: 28px 0; font-size: .84rem; }
        .footer-inner {display: block;text-align: center;justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; }
        .site-footer a { color: #8edaff; }
        @media (max-width: 980px) {
            .nav-links { gap: 13px; }
            .nav-links a { font-size: .78rem; }
            .grid-5 { grid-template-columns: repeat(3, 1fr); }
            .grid-4 { grid-template-columns: repeat(2, 1fr); }
            .hero-grid { gap: 16px; }
            .trust-row { grid-template-columns: repeat(2, 1fr); }
        }
        @media (max-width: 720px) {
            .container { width: min(100% - 30px, 560px); }
            .nav { padding-block: 14px; align-items: flex-start; flex-wrap: wrap; }
            .nav-links { order: 3; width: 100%; overflow-x: auto; padding: 6px 0 2px; }
            .nav > .btn { margin-left: auto; padding: 10px 14px; font-size: .8rem; }
            .hero-grid { grid-template-columns: 1fr; padding-block: 48px; }
            .hero-visual { min-height: 270px; }
            .orb { width: 250px; }
            .float-card { font-size: .75rem; padding: 9px 11px; }
            .float-one { right: 1%; } .float-two { left: 0; } .float-three { right: 0; }
            .section { padding-block: 52px; }
            .grid-5 { grid-template-columns: repeat(2, 1fr); }
            .grid-4, .steps, .two-col { grid-template-columns: 1fr; }
            .trust-row { grid-template-columns: 1fr 1fr; gap: 18px; }
            .final-cta { align-items: flex-start; flex-direction: column; }
        }
        @media (max-width: 420px) {
            .grid-5, .trust-row { grid-template-columns: 1fr; }
            .hero-actions .btn { width: 100%; }
            h1 { font-size: 2.15rem; }
        }
        @media (prefers-reduced-motion: reduce) {
            html { scroll-behavior: auto; }
            *, *::before, *::after { transition: none !important; }
        }     
body {
       font-family: 'Poppins', sans-serif;
     }
     .project-cta-simple {
      font-family: 'Poppins', sans-serif;
     }
    .project-cta-simple h2 {
       font-weight: 600;
     }
    .project-cta-label {
       font-weight: 700;
     }
    .project-cta-link {
      font-weight: 600;
     }
     .brand-name {
       font-family: 'Poppins', sans-serif;
       font-weight: 700;
       letter-spacing: -0.5px;
     }
    /* Bouton flottant */
    .chat-toggle {
        position: fixed;
        bottom: 25px;
        right: 25px;
        width: 62px;
        height: 62px;
        border: none;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0);
        color: white;
        cursor: pointer;
        box-shadow: 0 8px 30px rgba(99, 102, 241, 0.35);
        z-index: 9999;
        transition: 0.3s;
    }

    .chat-toggle:hover {
        transform: scale(1.08);
    }

    .chat-icon {
        font-size: 26px;
    }

    .chat-close {
        display: none;
        font-size: 28px;
    }

    .chat-toggle.active .chat-icon {
        display: none;
    }

    .chat-toggle.active .chat-close {
        display: inline;
    }

    /* Fenêtre */
    .chat-window {
        position: fixed;
        bottom: 100px;
        right: 25px;
        width: 380px;
        height: 550px;
        background: #fff;
        border-radius: 24px;
        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
        overflow: hidden;
        display: flex;
        flex-direction: column;
        z-index: 9998;

        opacity: 0;
        transform: translateY(20px) scale(0.95);
        pointer-events: none;
        transition: 0.3s ease;
    }

    .chat-window.active {
        opacity: 1;
        transform: translateY(0) scale(1);
        pointer-events: auto;
    }

    /* Header */
    .chat-header {
        background: #0d6efd;
        color: white;
        padding: 20px;
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .chat-avatar {
        width: 45px;
        height: 45px;
        background: rgba(255,255,255,0.2);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
    }

    .chat-header-info {
        flex: 1;
    }

    .chat-header-info h3 {
        margin: 0;
        font-size: 16px;
    }

    .chat-header-info span {
        font-size: 12px;
        opacity: 0.9;
    }

    .chat-header-info i {
        display: inline-block;
        width: 7px;
        height: 7px;
        background: #4ade80;
        border-radius: 50%;
        margin-right: 4px;
    }

    #chat-minimize {
        background: none;
        border: none;
        color: white;
        font-size: 25px;
        cursor: pointer;
    }

    /* Messages */
    .chat-messages {
        flex: 1;
        padding: 20px;
        overflow-y: auto;
        background: #f8fafc;
    }

    .message {
        display: flex;
        gap: 10px;
        margin-bottom: 18px;
    }

    .message-avatar {
        width: 32px;
        height: 32px;
        background: #ede9fe;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        flex-shrink: 0;
    }

    .message-content {
        max-width: 80%;
    }

    .message-name {
        font-size: 11px;
        color: #94a3b8;
        display: block;
        margin-bottom: 5px;
    }

    .message p {
        margin: 0;
        padding: 12px 15px;
        background: white;
        border-radius: 4px 16px 16px 16px;
        color: #334155;
        font-size: 14px;
        line-height: 1.5;
        box-shadow: 0 2px 8px rgba(0,0,0,0.03);
    }

    .user-message {
        justify-content: flex-end;
    }

    .user-message .message-content {
        max-width: 80%;
    }

    .user-message p {
        background: #0d6efd;
        color: white;
        border-radius: 16px 4px 16px 16px;
    }

    /* Suggestions */
    .chat-suggestions {
        padding: 10px 15px;
        display: flex;
        gap: 8px;
        overflow-x: auto;
        background: #f8fafc;
    }

    .chat-suggestions button {
        white-space: nowrap;
        border: 1px solid #e2e8f0;
        background: white;
        border-radius: 20px;
        padding: 8px 12px;
        font-size: 12px;
        cursor: pointer;
        color: #475569;
    }

    /* Input */
    .chat-input-area {
        display: flex;
        gap: 10px;
        padding: 15px;
        border-top: 1px solid #f1f5f9;
        background: white;
    }

    .chat-input-area input {
        flex: 1;
        border: none;
        outline: none;
        background: #f1f5f9;
        padding: 12px 15px;
        border-radius: 25px;
        font-size: 14px;
    }

    #chat-send {
        width: 42px;
        height: 42px;
        border: none;
        border-radius: 50%;
        background: #0d6efd;
        color: white;
        cursor: pointer;
        font-size: 18px;
    }

    .chat-footer {
        text-align: center;
        font-size: 10px;
        color: #94a3b8;
        padding: 8px;
        background: white;
    }

.service-offer-card {
    width: 100%;
    padding:10px 10px 3px 10px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-sizing: border-box;
}

.offer-delivery {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 15px;
    margin-bottom: 22px;
    background: #eff6ff;
    color: #1769e0;
    border-radius: 50px;
    font-size: 15px;
}

.delivery-icon {
    font-size: 17px;
}

.service-offer-card h3 {
    margin: 0 0 20px;
    font-size: 24px;
    font-weight: 700;
    color: #0f172a;
}

.offer-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.offer-list li {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 9px 0;
    color: #475569;
    font-size: 15px;
    border-bottom: 1px solid #f1f5f9;
}

.offer-list li:last-child {
    border-bottom: none;
}

.check-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    background: #e8f5ff;
    color: #0b84ff;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 700;
}
.services-content{
      width:66%;
}
.services-content img{
     width: stretch;
    float: left;
}
.services-layout {
    display:flex;
    width: 79%;
    margin: auto;
}
.project-cta-simple {
        width: 100%;
    max-width: 1200px;
    margin: -13px auto 45px;
    padding: 25px 30px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-left: 4px solid #0b84ff;
}

.project-cta-price {
    display: inline-block;
    margin-top: 8px;

    color: #475569;
    font-size: 13px;
    font-weight: 600;
}
/* TEXTE */

.project-cta-info {
    min-width: 0;
}

.project-cta-label {
    display: block;

    margin-bottom: 7px;

    color: #0b84ff;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 1.5px;
}

.project-cta-simple h2 {
    margin: 0;

    color: #172033;

    font-size: 22px;
    line-height: 1.35;
    font-weight: 600;
}

.project-cta-simple h2 strong {
    color: #0b84ff;
    font-weight: 700;
}

.project-cta-simple p {
    margin: 7px 0 0;

    color: #64748b;

    font-size: 13px;
}


/* BOUTON */

.project-cta-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    gap: 10px;

    padding: 11px 18px;

    color: #0b84ff;
    background: #ffffff;

    border: 1px solid #bfdbfe;
    border-radius: 8px;

    font-size: 13px;
    font-weight: 600;

    text-decoration: none;

    transition: all 0.2s ease;
}

.project-cta-link span {
    font-size: 18px;
    line-height: 1;

    transition: transform 0.2s ease;
}

.project-cta-link:hover {
    background: #0b84ff;
    color: #ffffff;

    border-color: #0b84ff;
}

.project-cta-link:hover span {
    transform: translateX(4px);
}


/* TABLETTE */

@media (max-width: 800px) {

    .project-cta-simple {
        padding: 22px 24px;

        gap: 20px;
    }

    .project-cta-simple h2 {
        font-size: 19px;
    }

}


/* MOBILE */

@media (max-width: 600px) {

    .project-cta-simple {
        flex-direction: column;
        align-items: flex-start;

        margin: 25px auto 35px;
        padding: 22px 20px;

        gap: 16px;
    }

    .project-cta-simple h2 {
        font-size: 18px;
    }

    .project-cta-simple p {
        font-size: 12px;
    }

    .project-cta-link {
        width: 100%;
        box-sizing: border-box;
    }

}

    /* Mobile */
    @media (max-width: 500px) {
        .chat-window {
            right: 10px;
            left: 10px;
            bottom: 90px;
            width: auto;
            height: 70vh;
        }

        .chat-toggle {
            right: 18px;
            bottom: 18px;
        }
    }
/* =========================
   MOBILE
========================= */

@media (max-width: 768px) {

    .services-layout {
        display: flex;
        flex-direction: column;

        gap: 30px;
    }

    .services-content {
        width: 100%;
    }

    .services-sidebar {
        width: 100%;
    }

    .service-offer-card {
        max-width: 100%;
        padding: 24px 20px;

        border-radius: 16px;
    }

    .offer-delivery {
        width: 100%;

        justify-content: center;

        text-align: center;

        border-radius: 12px;
    }

    .service-offer-card h3 {
        font-size: 21px;
    }

}


/* =========================
   SMALL MOBILE
========================= */

@media (max-width: 480px) {

    .service-offer-card {
        padding: 20px 16px;
    }

    .offer-delivery {
        font-size: 13px;
    }

    .offer-list li {
        font-size: 13px;
        gap: 9px;
    }

    .check-icon {
        flex: 0 0 20px;

        width: 20px;
        height: 20px;
    }

}
/* =========================
   Language Switcher
   ========================= */

.language-switcher {
    position:static;
    top: 20px;
    right: 20px;
    z-index: 9999;

    display: flex;
    align-items: center;
    gap: 8px;

    padding: 7px 12px;

    background: rgba(5, 25, 65, 0.85);
    border: 1px solid rgba(0, 190, 255, 0.45);
    border-radius: 30px;

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
}

.lang-option {
    display: flex;
    align-items: center;
    gap: 5px;

    color: #ffffff;
    text-decoration: none;

    font-size: 13px;
    font-weight: 600;

    padding: 5px 8px;
    border-radius: 20px;

    transition: all 0.25s ease;
}

.lang-option:hover {
    background: rgba(0, 190, 255, 0.18);
    color: #35d9ff;
}

.lang-option.active {
    background: linear-gradient(135deg, #00bfff, #087cff);
    color: #ffffff;

    box-shadow: 0 3px 10px rgba(0, 150, 255, 0.35);
}

.lang-flag {
    font-size: 15px;
    line-height: 1;
}

.lang-separator {
    color: rgba(255, 255, 255, 0.3);
    font-size: 12px;
}

/* Mobile */
@media (max-width: 600px) {
    .language-switcher {
        top: 12px;
        right: 12px;
        padding: 5px 8px;
        gap: 4px;
    }

    .lang-option {
        padding: 4px 6px;
        font-size: 12px;
    }

    .lang-flag {
        font-size: 14px;
    }
}
#walking-robot {
    position: fixed;
    bottom: 15px;
    right: 20px;
    z-index: 99999999;
}

/* Robot */
.robot {
    position: relative;
    width: 70px;
    height: 105px;
    transform-origin: bottom center;
}

/* Tête */
.robot-head {
    position: absolute;
    top: 0;
    left: 10px;
    width: 50px;
    height: 45px;
    background: linear-gradient(145deg, #ffffff, #d9e5ef);
    border: 2px solid #8da4b8;
    border-radius: 18px 18px 15px 15px;
    box-shadow: 0 4px 12px rgba(0, 120, 255, 0.25);
}

/* Visage sombre */
.robot-head::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 7px;
    width: 38px;
    height: 28px;
    background: #172b3d;
    border-radius: 12px;
}

/* Yeux */
.robot-eye {
    position: absolute;
    top: 16px;
    width: 7px;
    height: 7px;
    background: #00aaff;
    border-radius: 50%;
    box-shadow: 0 0 8px #00aaff;
    z-index: 2;
}

.robot-eye.left {
    left: 16px;
}

.robot-eye.right {
    right: 16px;
}

/* Corps */
.robot-body {
    position: absolute;
    top: 43px;
    left: 17px;
    width: 36px;
    height: 38px;
    background: linear-gradient(145deg, #ffffff, #d5e2ec);
    border: 2px solid #8da4b8;
    border-radius: 12px 12px 10px 10px;
}

/* Lumière sur le corps */
.robot-light {
    position: absolute;
    top: 12px;
    left: 12px;
    width: 9px;
    height: 9px;
    background: #00aaff;
    border-radius: 50%;
    box-shadow: 0 0 10px #00aaff;
}

/* Bras */
.robot-arm {
    position: absolute;
    top: 48px;
    width: 9px;
    height: 32px;
    background: linear-gradient(#ffffff, #cbd9e4);
    border: 2px solid #8da4b8;
    border-radius: 8px;
    transform-origin: top center;
}

.left-arm {
    left: 7px;
    transform: rotate(18deg);
}

.right-arm {
    right: 7px;
    transform: rotate(-18deg);
}

/* Jambes */
.robot-leg {
    position: absolute;
    top: 78px;
    width: 11px;
    height: 24px;
    background: linear-gradient(#ffffff, #cbd9e4);
    border: 2px solid #8da4b8;
    border-radius: 7px;
    transform-origin: top center;
}

.left-leg {
    left: 19px;
}

.right-leg {
    right: 19px;
}

/* Pieds */
.robot-foot {
    position: absolute;
    bottom: -5px;
    width: 19px;
    height: 8px;
    background: #b9cbd8;
    border: 2px solid #7f96a8;
    border-radius: 8px;
}

.left-leg .robot-foot {
    left: -7px;
}

.right-leg .robot-foot {
    left: -2px;
}

/* Animation de marche */
.left-leg {
    animation: leftWalk 0.45s ease-in-out infinite alternate;
}

.right-leg {
    animation: rightWalk 0.45s ease-in-out infinite alternate;
}

.left-arm {
    animation: leftArm 0.45s ease-in-out infinite alternate;
}

.right-arm {
    animation: rightArm 0.45s ease-in-out infinite alternate;
}

.robot {
    animation: robotBounce 0.45s ease-in-out infinite alternate;
}
.credential{
    margin-top: 8px;
    font-size: 11px;
}

@keyframes leftWalk {
    from {
        transform: rotate(25deg);
    }
    to {
        transform: rotate(-25deg);
    }
}

@keyframes rightWalk {
    from {
        transform: rotate(-25deg);
    }
    to {
        transform: rotate(25deg);
    }
}

@keyframes leftArm {
    from {
        transform: rotate(-20deg);
    }
    to {
        transform: rotate(20deg);
    }
}

@keyframes rightArm {
    from {
        transform: rotate(20deg);
    }
    to {
        transform: rotate(-20deg);
    }
}

@keyframes robotBounce {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-3px);
    }
}
body {
        font-family: 'Poppins', sans-serif;
    }
    .project-cta-simple {
        font-family: 'Poppins', sans-serif;
    }
    .project-cta-simple h2 {
        font-weight: 600;
    }
    .project-cta-label {
        font-weight: 700;
    }
    .project-cta-link {
        font-weight: 600;
    }
    .brand-name {
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
        letter-spacing: -0.5px;
    }
    /* Bouton flottant */
    .chat-toggle {
        position: fixed;
        bottom: 25px;
        right: 25px;
        width: 62px;
        height: 62px;
        border: none;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0);
        color: white;
        cursor: pointer;
        box-shadow: 0 8px 30px rgba(99, 102, 241, 0.35);
        z-index: 9999;
        transition: 0.3s;
    }

    .chat-toggle:hover {
        transform: scale(1.08);
    }

    .chat-icon {
        font-size: 26px;
    }

    .chat-close {
        display: none;
        font-size: 28px;
    }

    .chat-toggle.active .chat-icon {
        display: none;
    }

    .chat-toggle.active .chat-close {
        display: inline;
    }

    /* Fenêtre */
    .chat-window {
        position: fixed;
        bottom: 100px;
        right: 25px;
        width: 380px;
        height: 550px;
        background: #fff;
        border-radius: 24px;
        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
        overflow: hidden;
        display: flex;
        flex-direction: column;
        z-index: 9998;

        opacity: 0;
        transform: translateY(20px) scale(0.95);
        pointer-events: none;
        transition: 0.3s ease;
    }

    .chat-window.active {
        opacity: 1;
        transform: translateY(0) scale(1);
        pointer-events: auto;
    }

    /* Header */
    .chat-header {
        background: #0d6efd;
        color: white;
        padding: 20px;
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .chat-avatar {
        width: 45px;
        height: 45px;
        background: rgba(255,255,255,0.2);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
    }

    .chat-header-info {
        flex: 1;
    }

    .chat-header-info h3 {
        margin: 0;
        font-size: 16px;
    }

    .chat-header-info span {
        font-size: 12px;
        opacity: 0.9;
    }

    .chat-header-info i {
        display: inline-block;
        width: 7px;
        height: 7px;
        background: #4ade80;
        border-radius: 50%;
        margin-right: 4px;
    }

    #chat-minimize {
        background: none;
        border: none;
        color: white;
        font-size: 25px;
        cursor: pointer;
    }

    /* Messages */
    .chat-messages {
        flex: 1;
        padding: 20px;
        overflow-y: auto;
        background: #f8fafc;
    }

    .message {
        display: flex;
        gap: 10px;
        margin-bottom: 18px;
    }

    .message-avatar {
        width: 32px;
        height: 32px;
        background: #ede9fe;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        flex-shrink: 0;
    }

    .message-content {
        max-width: 80%;
    }

    .message-name {
        font-size: 11px;
        color: #94a3b8;
        display: block;
        margin-bottom: 5px;
    }

    .message p {
        margin: 0;
        padding: 12px 15px;
        background: white;
        border-radius: 4px 16px 16px 16px;
        color: #334155;
        font-size: 14px;
        line-height: 1.5;
        box-shadow: 0 2px 8px rgba(0,0,0,0.03);
    }

    .user-message {
        justify-content: flex-end;
    }

    .user-message .message-content {
        max-width: 80%;
    }

    .user-message p {
        background: #0d6efd;
        color: white;
        border-radius: 16px 4px 16px 16px;
    }

    /* Suggestions */
    .chat-suggestions {
        padding: 10px 15px;
        display: flex;
        gap: 8px;
        overflow-x: auto;
        background: #f8fafc;
    }

    .chat-suggestions button {
        white-space: nowrap;
        border: 1px solid #e2e8f0;
        background: white;
        border-radius: 20px;
        padding: 8px 12px;
        font-size: 12px;
        cursor: pointer;
        color: #475569;
    }

    /* Input */
    .chat-input-area {
        display: flex;
        gap: 10px;
        padding: 15px;
        border-top: 1px solid #f1f5f9;
        background: white;
    }

    .chat-input-area input {
        flex: 1;
        border: none;
        outline: none;
        background: #f1f5f9;
        padding: 12px 15px;
        border-radius: 25px;
        font-size: 14px;
    }

    #chat-send {
        width: 42px;
        height: 42px;
        border: none;
        border-radius: 50%;
        background: #0d6efd;
        color: white;
        cursor: pointer;
        font-size: 18px;
    }

    .chat-footer {
        text-align: center;
        font-size: 10px;
        color: #94a3b8;
        padding: 8px;
        background: white;
    }

    .service-offer-card {
        width: 100%;
        padding:10px 10px 3px 10px;
        background: #ffffff;
        border: 1px solid #e5e7eb;
        box-sizing: border-box;
    }

    .offer-delivery {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 9px 15px;
        margin-bottom: 22px;
        background: #eff6ff;
        color: #1769e0;
        border-radius: 50px;
        font-size: 15px;
    }

    .delivery-icon {
        font-size: 17px;
    }

    .service-offer-card h3 {
        margin: 0 0 20px;
        font-size: 24px;
        font-weight: 700;
        color: #0f172a;
    }

    .offer-list {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .offer-list li {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 9px 0;
        color: #475569;
        font-size: 15px;
        border-bottom: 1px solid #f1f5f9;
    }

    .offer-list li:last-child {
        border-bottom: none;
    }

    .check-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 22px;
        height: 22px;
        background: #e8f5ff;
        color: #0b84ff;
        border-radius: 50%;
        font-size: 13px;
        font-weight: 700;
    }
    .services-content{
        width:66%;
    }
    .services-content img{
        width: stretch;
        float: left;
    }
    .services-layout {
        display:flex;
        width: 79%;
        margin: auto;
    }
    .project-cta-simple {
        width: 100%;
        max-width: 1200px;
        margin: 30px auto 45px;
        padding: 25px 30px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 30px;
        background: #f8fafc;
        border: 1px solid #e2e8f0;
        border-left: 4px solid #0b84ff;
    }

    .project-cta-price {
        display: inline-block;
        margin-top: 8px;

        color: #475569;
        font-size: 13px;
        font-weight: 600;
    }
    /* TEXTE */

    .project-cta-info {
        min-width: 0;
    }

    .project-cta-label {
        display: block;

        margin-bottom: 7px;

        color: #0b84ff;

        font-size: 11px;
        font-weight: 700;

        letter-spacing: 1.5px;
    }

    .project-cta-simple h2 {
        margin: 0;

        color: #172033;

        font-size: 22px;
        line-height: 1.35;
        font-weight: 600;
    }

    .project-cta-simple h2 strong {
        color: #0b84ff;
        font-weight: 700;
    }

    .project-cta-simple p {
        margin: 7px 0 0;

        color: #64748b;

        font-size: 13px;
    }


    /* BOUTON */

    .project-cta-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        flex-shrink: 0;

        gap: 10px;

        padding: 11px 18px;

        color: #0b84ff;
        background: #ffffff;

        border: 1px solid #bfdbfe;
        border-radius: 8px;

        font-size: 13px;
        font-weight: 600;

        text-decoration: none;

        transition: all 0.2s ease;
    }

    .project-cta-link span {
        font-size: 18px;
        line-height: 1;

        transition: transform 0.2s ease;
    }

    .project-cta-link:hover {
        background: #0b84ff;
        color: #ffffff;

        border-color: #0b84ff;
    }

    .project-cta-link:hover span {
        transform: translateX(4px);
    }


    /* TABLETTE */

    @media (max-width: 800px) {

        .project-cta-simple {
            padding: 22px 24px;

            gap: 20px;
        }

        .project-cta-simple h2 {
            font-size: 19px;
        }

    }


    /* MOBILE */

    @media (max-width: 600px) {

        .project-cta-simple {
            flex-direction: column;
            align-items: flex-start;

            margin: 25px auto 35px;
            padding: 22px 20px;

            gap: 16px;
        }

        .project-cta-simple h2 {
            font-size: 18px;
        }

        .project-cta-simple p {
            font-size: 12px;
        }

        .project-cta-link {
            width: 100%;
            box-sizing: border-box;
        }

    }

    /* Mobile */
    @media (max-width: 500px) {
        .chat-window {
            right: 10px;
            left: 10px;
            bottom: 90px;
            width: auto;
            height: 70vh;
        }

        .chat-toggle {
            right: 18px;
            bottom: 18px;
        }
    }
    /* =========================
       MOBILE
    ========================= */

    @media (max-width: 768px) {

        .services-layout {
            display: flex;
            flex-direction: column;

            gap: 30px;
        }

        .services-content {
            width: 100%;
        }

        .services-sidebar {
            width: 100%;
        }

        .service-offer-card {
            max-width: 100%;
            padding: 24px 20px;

            border-radius: 16px;
        }

        .offer-delivery {
            width: 100%;

            justify-content: center;

            text-align: center;

            border-radius: 12px;
        }

        .service-offer-card h3 {
            font-size: 21px;
        }

    }


    /* =========================
       SMALL MOBILE
    ========================= */

    @media (max-width: 480px) {

        .service-offer-card {
            padding: 20px 16px;
        }

        .offer-delivery {
            font-size: 13px;
        }

        .offer-list li {
            font-size: 13px;
            gap: 9px;
        }

        .check-icon {
            flex: 0 0 20px;

            width: 20px;
            height: 20px;
        }

    }
    /* =========================
       Language Switcher
       ========================= */

    .language-switcher {
        position: static;
        top: 20px;
        right: 20px;
        z-index: 9999;

        display: flex;
        align-items: center;
        gap: 8px;

        padding: 7px 12px;

        background: rgba(5, 25, 65, 0.85);
        border: 1px solid rgba(0, 190, 255, 0.45);
        border-radius: 30px;

        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);

        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
    }

    .lang-option {
        display: flex;
        align-items: center;
        gap: 5px;

        color: #ffffff;
        text-decoration: none;

        font-size: 13px;
        font-weight: 600;

        padding: 5px 8px;
        border-radius: 20px;

        transition: all 0.25s ease;
    }

    .lang-option:hover {
        background: rgba(0, 190, 255, 0.18);
        color: #35d9ff;
    }

    .lang-option.active {
        background: linear-gradient(135deg, #00bfff, #087cff);
        color: #ffffff;

        box-shadow: 0 3px 10px rgba(0, 150, 255, 0.35);
    }

    .lang-flag {
        font-size: 15px;
        line-height: 1;
    }

    .lang-separator {
        color: rgba(255, 255, 255, 0.3);
        font-size: 12px;
    }

    /* Mobile */
    @media (max-width: 600px) {
        .language-switcher {
            top: 12px;
            right: 12px;
            padding: 5px 8px;
            gap: 4px;
        }

        .lang-option {
            padding: 4px 6px;
            font-size: 12px;
        }

        .lang-flag {
            font-size: 14px;
        }
    }
    #walking-robot {
        position: fixed;
        bottom: 15px;
        right: 20px;
        z-index: 99999999;
    }

    /* Robot */
    .robot {
        position: relative;
        width: 70px;
        height: 105px;
        transform-origin: bottom center;
    }

    /* Tête */
    .robot-head {
        position: absolute;
        top: 0;
        left: 10px;
        width: 50px;
        height: 45px;
        background: linear-gradient(145deg, #ffffff, #d9e5ef);
        border: 2px solid #8da4b8;
        border-radius: 18px 18px 15px 15px;
        box-shadow: 0 4px 12px rgba(0, 120, 255, 0.25);
    }

    /* Visage sombre */
    .robot-head::before {
        content: "";
        position: absolute;
        left: 6px;
        top: 7px;
        width: 38px;
        height: 28px;
        background: #172b3d;
        border-radius: 12px;
    }

    /* Yeux */
    .robot-eye {
        position: absolute;
        top: 16px;
        width: 7px;
        height: 7px;
        background: #00aaff;
        border-radius: 50%;
        box-shadow: 0 0 8px #00aaff;
        z-index: 2;
    }

    .robot-eye.left {
        left: 16px;
    }

    .robot-eye.right {
        right: 16px;
    }

    /* Corps */
    .robot-body {
        position: absolute;
        top: 43px;
        left: 17px;
        width: 36px;
        height: 38px;
        background: linear-gradient(145deg, #ffffff, #d5e2ec);
        border: 2px solid #8da4b8;
        border-radius: 12px 12px 10px 10px;
    }

    /* Lumière sur le corps */
    .robot-light {
        position: absolute;
        top: 12px;
        left: 12px;
        width: 9px;
        height: 9px;
        background: #00aaff;
        border-radius: 50%;
        box-shadow: 0 0 10px #00aaff;
    }

    /* Bras */
    .robot-arm {
        position: absolute;
        top: 48px;
        width: 9px;
        height: 32px;
        background: linear-gradient(#ffffff, #cbd9e4);
        border: 2px solid #8da4b8;
        border-radius: 8px;
        transform-origin: top center;
    }

    .left-arm {
        left: 7px;
        transform: rotate(18deg);
    }

    .right-arm {
        right: 7px;
        transform: rotate(-18deg);
    }

    /* Jambes */
    .robot-leg {
        position: absolute;
        top: 78px;
        width: 11px;
        height: 24px;
        background: linear-gradient(#ffffff, #cbd9e4);
        border: 2px solid #8da4b8;
        border-radius: 7px;
        transform-origin: top center;
    }

    .left-leg {
        left: 19px;
    }

    .right-leg {
        right: 19px;
    }

    /* Pieds */
    .robot-foot {
        position: absolute;
        bottom: -5px;
        width: 19px;
        height: 8px;
        background: #b9cbd8;
        border: 2px solid #7f96a8;
        border-radius: 8px;
    }

    .left-leg .robot-foot {
        left: -7px;
    }

    .right-leg .robot-foot {
        left: -2px;
    }

    /* Animation de marche */
    .left-leg {
        animation: leftWalk 0.45s ease-in-out infinite alternate;
    }

    .right-leg {
        animation: rightWalk 0.45s ease-in-out infinite alternate;
    }

    .left-arm {
        animation: leftArm 0.45s ease-in-out infinite alternate;
    }

    .right-arm {
        animation: rightArm 0.45s ease-in-out infinite alternate;
    }

    .robot {
        animation: robotBounce 0.45s ease-in-out infinite alternate;
    }
    .credential{
        margin-top: 8px;
        font-size: 11px;
    }

    @keyframes leftWalk {
        from {
            transform: rotate(25deg);
        }
        to {
            transform: rotate(-25deg);
        }
    }

    @keyframes rightWalk {
        from {
            transform: rotate(-25deg);
        }
        to {
            transform: rotate(25deg);
        }
    }

    @keyframes leftArm {
        from {
            transform: rotate(-20deg);
        }
        to {
            transform: rotate(20deg);
        }
    }

    @keyframes rightArm {
        from {
            transform: rotate(20deg);
        }
        to {
            transform: rotate(-20deg);
        }
    }

    @keyframes robotBounce {
        from {
            transform: translateY(0);
        }
        to {
            transform: translateY(-3px);
        }
    }