@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}#cit-city{--ink:#12353b;--teal:#227b82;--mint:#b8e2db;--paper:#f5f8f7;color:var(--ink);background:#fff;font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;font-size:16px;line-height:1.8;overflow:hidden}#cit-city a{color:inherit;text-decoration:none}#cit-city button{font:inherit;cursor:pointer}#cit-city img{max-width:100%;display:block}#cit-city h1,#cit-city h2,#cit-city h3,#cit-city p{margin:0}#cit-city button:focus-visible,#cit-city a:focus-visible,#cit-city summary:focus-visible{outline:3px solid #b58b33;outline-offset:5px}#cit-city section{scroll-margin-top:20px}#cit-city .header{height:100px;padding:14px 5%;display:flex;align-items:center;gap:32px;background:white}#cit-city .brand{width:210px;flex-shrink:0}#cit-city .brand img{width:100%;height:78px;object-fit:contain}#cit-city nav{display:flex;gap:26px;align-items:center;margin-inline:auto;font-size:14px;font-weight:500}#cit-city nav a:hover{color:var(--teal)}#cit-city .header-cta{font-size:14px;padding:10px 18px;border:1px solid #cad9d9;white-space:nowrap}#cit-city .header-cta span{margin-right:18px}#cit-city .menu-toggle{display:none;background:none;border:0;font-size:26px}#cit-city .hero{position:relative;min-height:660px;color:white;display:flex;align-items:center;background:#244a4c}#cit-city .hero-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}#cit-city .hero-shade{position:absolute;inset:0;background:linear-gradient(270deg,rgba(3,29,34,.88),rgba(4,27,32,.6) 45%,rgba(4,27,32,.04)),linear-gradient(0deg,rgba(4,27,32,.65),transparent 40%)}#cit-city .hero-content{position:relative;padding:75px 7% 100px;width:100%}#cit-city .eyebrow{font-size:14px;font-weight:500;color:var(--teal);margin-bottom:20px}#cit-city .eyebrow.light{color:#b7ddd8}#cit-city h1{font-size:clamp(34px,4.3vw,66px);line-height:1.48;letter-spacing:-1.3px;font-weight:500}#cit-city h1 span{color:#c5e5df}#cit-city .hero p{max-width:545px;color:#eef3f2;font-size:18px;line-height:1.9;margin-top:20px}#cit-city .hero-actions{display:flex;align-items:center;gap:30px;margin-top:32px}#cit-city .button{padding:13px 22px;display:inline-flex;align-items:center;gap:32px;font-weight:500}#cit-city .primary{background:#c0e5dc;color:#133b3e}#cit-city .button:hover{background:white}#cit-city .text-link{border-bottom:1px solid #97b5b5;padding:10px 0}#cit-city .text-link span{margin-right:20px}#cit-city .hero-bottom{position:absolute;bottom:25px;right:7%;left:7%;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#d8e6e3}#cit-city .hero-bottom span:first-child{direction:ltr;letter-spacing:2px}#cit-city .numbers{display:grid;grid-template-columns:repeat(4,1fr);padding:40px 7%;background:var(--paper);gap:28px}#cit-city .stat{border-left:1px solid #d3dfdc;padding-left:16px}#cit-city .stat:last-child{border:0}#cit-city .stat strong{font-size:44px;font-weight:400;display:block;line-height:1.4;text-align:right}#cit-city .stat small{font-size:16px}#cit-city .stat span{font-size:14px;color:#48636a;display:block;margin-top:9px}#cit-city .section{padding:95px 7%}#cit-city h2{font-size:clamp(28px,3vw,43px);line-height:1.55;letter-spacing:-.7px;font-weight:500}#cit-city .vision{display:grid;grid-template-columns:1fr 1fr;gap:9%}#cit-city .vision-copy{padding-top:10px}#cit-city .vision-copy .lead{font-size:21px;line-height:1.85;color:var(--ink);margin-bottom:22px}#cit-city .vision-copy p{color:#587075}#cit-city .vision-note{border-top:1px solid #dae3e1;padding-top:20px;margin-top:25px;color:var(--teal)}#cit-city .ecosystem{background:var(--paper)}#cit-city .section-heading{display:flex;justify-content:space-between;gap:70px;align-items:flex-end;margin-bottom:42px}#cit-city .section-heading>p{max-width:350px;color:#587075}#cit-city .sector-tabs{display:flex;border-bottom:1px solid #c7d9d5;margin-bottom:34px}#cit-city .sector-tabs button{flex:1;padding:16px 10px;color:#556f73;background:transparent;border:0;border-bottom:3px solid transparent}#cit-city .sector-tabs button[aria-selected=true]{border-bottom-color:var(--teal);color:var(--teal);font-weight:600}#cit-city .sector-panel{display:grid;grid-template-columns:1.05fr 1fr;background:#fff;min-height:390px}#cit-city .sector-visual{position:relative;min-height:390px;overflow:hidden}#cit-city .sector-visual img{height:100%;width:100%;object-fit:cover;position:absolute}#cit-city .sector-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,34,38,.85),transparent 75%)}#cit-city .sector-area{position:absolute;bottom:55px;right:30px;z-index:1;color:white}#cit-city .sector-area strong{font-size:40px;font-weight:400;display:block;line-height:1.4}#cit-city .sector-area span{font-size:14px}#cit-city .visual-caption{position:absolute;bottom:16px;right:30px;font-size:12px;color:#d5e4e1;z-index:1}#cit-city .sector-copy{padding:37px 40px}#cit-city h3{font-size:25px;line-height:1.6;font-weight:500}#cit-city .sector-copy .eyebrow{margin-bottom:9px}#cit-city .sector-copy>p{color:#5c7276;margin-top:13px}#cit-city ul{padding-right:20px}#cit-city li{margin:7px 0}#cit-city .sector-copy li{font-size:14px}#cit-city .sector-link{display:flex;justify-content:space-between;color:var(--teal);border-top:1px solid #dbe5e1;padding-top:16px;margin-top:22px}#cit-city .location{display:grid;grid-template-columns:1fr 1fr;gap:13%;background:#133b40;color:white;align-items:center}#cit-city .location p{color:#c4d6d5;margin-top:20px}#cit-city .land-row{padding:17px 0;border-bottom:1px solid #4a686a;display:flex;align-items:center;justify-content:space-between}#cit-city .land-row strong{font-size:45px;font-weight:400}#cit-city .land-row small{font-size:15px}#cit-city .land-bar{display:flex;direction:ltr;height:42px;margin-top:25px;color:#173b3f;font-size:14px}#cit-city .land-bar span{display:flex;align-items:center;padding-left:12px;background:#79b9b9;width:64%}#cit-city .land-bar span+span{width:36%;background:#d4e7df}#cit-city .land-data>p{font-size:13px}#cit-city .opportunity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}#cit-city .opportunity{text-align:right;color:var(--ink);background:#fff;border:1px solid #d8e4e1;padding:30px 27px;transition:background .2s,transform .2s;display:flex;flex-direction:column}#cit-city .opportunity:hover,#cit-city .opportunity[aria-expanded=true]{background:#eff7f4;transform:translateY(-4px);border-color:#7ea7a4}#cit-city .opportunity-label{font-size:13px;color:var(--teal);margin-bottom:24px}#cit-city .opportunity h3{font-size:25px}#cit-city .opportunity p{font-size:15px;color:#5f7478;margin:20px 0 30px}#cit-city .opportunity-action{border-top:1px solid #d9e3e0;padding-top:20px;display:flex;justify-content:space-between;margin-top:auto;width:100%;font-size:14px}#cit-city .opportunity-action b{font-size:21px;font-weight:400}#cit-city .opportunity-detail{background:#edf5f2;padding:30px;margin-top:25px;position:relative}#cit-city .opportunity-detail h3{margin-bottom:12px}#cit-city .close-detail{float:left;border:0;background:transparent;font-size:27px;padding:0 12px}#cit-city .detail-note{border-top:1px solid #c8d9d4;margin-top:20px!important;padding-top:15px;font-size:14px;color:#5a7175}#cit-city .life{display:grid;grid-template-columns:1fr 1fr;background:var(--paper)}#cit-city .life-photo{position:relative;min-height:620px}#cit-city .life-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#cit-city .life-photo>span{position:absolute;bottom:20px;right:22px;font-size:12px;background:#143b40db;color:white;padding:4px 10px}#cit-city .life-copy{padding:65px 12%}#cit-city .life-copy h2{font-size:33px}#cit-city .life-copy>p{color:#5f7578;margin-top:22px}#cit-city .life-features{margin-top:32px}#cit-city .life-features>div{border-top:1px solid #d6e1dd;padding:16px 0}#cit-city .life-features h3{font-size:18px}#cit-city .life-features p{font-size:14px;color:#5f7578;margin-top:5px}#cit-city .infra-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}#cit-city .infra-grid article{border-top:1px solid #bdcfca;padding-top:24px}#cit-city .infra-mark{font-size:14px;color:#387f83}#cit-city .infra-grid h3{font-size:21px;margin:16px 0 12px}#cit-city .infra-grid p{color:#60777a}#cit-city .impact{background:#123c41;color:#fff}#cit-city .impact h2{font-size:44px}#cit-city .impact h2 span{color:#a8d5cd}#cit-city .impact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:55px}#cit-city .impact-grid p{border-top:1px solid #537276;padding-top:20px;font-size:19px}#cit-city .faq{display:grid;grid-template-columns:1fr 1.5fr;gap:10%}#cit-city details{border-bottom:1px solid #d5e2dd;padding:19px 0}#cit-city summary{cursor:pointer;font-weight:500;padding-left:15px}#cit-city details p{margin-top:18px;color:#60777a;font-size:15px}#cit-city footer{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:45px;padding:55px 7% 24px;background:#f1f5f3}#cit-city .footer-brand img{width:245px;height:115px;object-fit:contain;object-position:right}#cit-city footer p{color:#5d7677;font-size:14px;margin-top:12px}#cit-city footer strong{display:block;font-size:15px;font-weight:500;margin-bottom:16px}#cit-city footer a{display:block;font-size:14px;margin:10px 0}#cit-city .footer-bottom{grid-column:1/-1;border-top:1px solid #d3dfda;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#5b7476}
@media(min-width:1600px){#cit-city .hero{min-height:740px}}@media(max-width:1050px){#cit-city .header{gap:15px;padding-inline:4%}#cit-city .brand{width:180px}#cit-city nav{gap:16px;font-size:13px}#cit-city .header-cta{padding:8px 12px;font-size:13px}#cit-city .hero{min-height:600px}#cit-city .section{padding:72px 6%}#cit-city .sector-copy{padding:30px}#cit-city .stat strong{font-size:36px}#cit-city .numbers{padding:32px 6%;gap:20px}#cit-city .life-copy{padding:48px 9%}#cit-city .life-copy h2{font-size:29px}#cit-city .opportunity{padding:24px 20px}#cit-city .opportunity h3{font-size:23px}}
@media(max-width:760px){#cit-city .header{height:85px;position:relative;justify-content:space-between}#cit-city .brand{width:170px}#cit-city .brand img{height:66px}#cit-city .header-cta{margin-right:auto}#cit-city .menu-toggle{display:block}#cit-city nav{display:none;position:absolute;right:0;left:0;top:85px;background:white;padding:25px;z-index:5;flex-direction:column;align-items:stretch;font-size:16px;box-shadow:0 15px 25px #12353b22}#cit-city nav.open{display:flex}#cit-city .hero{min-height:590px}#cit-city .hero-content{padding:55px 6% 105px}#cit-city h1{font-size:38px;letter-spacing:-.5px}#cit-city .hero-shade{background:linear-gradient(270deg,#082d36ed,#0a2d3699),linear-gradient(0deg,#082d36bd,transparent)}#cit-city .hero p{font-size:17px}#cit-city .hero-actions{gap:22px;flex-wrap:wrap;font-size:15px}#cit-city .hero-bottom{flex-direction:column;gap:5px;right:6%;left:6%}#cit-city .hero-bottom span:first-child{font-size:10px;letter-spacing:1px}#cit-city .numbers{grid-template-columns:repeat(2,1fr);gap:28px 16px}#cit-city .stat:nth-child(2){border:0}#cit-city .stat strong{font-size:35px}#cit-city .stat span{font-size:13px}#cit-city .stat small{font-size:12px}#cit-city .section{padding:55px 6%}#cit-city .vision,#cit-city .sector-panel,#cit-city .location,#cit-city .faq{grid-template-columns:1fr;gap:30px}#cit-city .section-heading{display:block;margin-bottom:28px}#cit-city .section-heading>p{margin-top:22px;max-width:none}#cit-city h2{font-size:31px}#cit-city .sector-tabs{flex-wrap:wrap}#cit-city .sector-tabs button{flex:1 0 50%;font-size:14px;padding:14px 5px}#cit-city .sector-visual{min-height:290px}#cit-city .sector-panel{gap:0}#cit-city .sector-copy{padding:27px}#cit-city .opportunity-grid{grid-template-columns:1fr}#cit-city .opportunity h3 br{display:none}#cit-city .opportunity-label{margin-bottom:14px}#cit-city .opportunity p{margin:13px 0 23px}#cit-city .life{grid-template-columns:1fr}#cit-city .life-photo{min-height:360px}#cit-city .life-copy{padding:45px 6%}#cit-city .infra-grid{grid-template-columns:1fr;gap:28px}#cit-city .impact h2{font-size:32px}#cit-city .impact-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:35px}#cit-city .impact-grid p{font-size:17px}#cit-city footer{grid-template-columns:1fr 1fr;gap:32px}#cit-city .footer-brand{grid-column:1/-1}#cit-city .footer-bottom{flex-direction:column;gap:8px}#cit-city .vision-copy .lead{font-size:19px}}
@media(max-width:380px){#cit-city .header-cta{display:none}#cit-city h1{font-size:32px}#cit-city .hero-actions{gap:15px}#cit-city .button{padding:12px 17px;gap:18px}#cit-city .hero-bottom span:first-child{font-size:9px}#cit-city .stat strong{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#cit-city *{transition:none!important;scroll-behavior:auto!important}}

/* Explicit surface text colors also isolate the review from host typography. */
#cit-city{color-scheme:light}
#cit-city h1,#cit-city h2,#cit-city h3,#cit-city h4,#cit-city summary,#cit-city strong,#cit-city b{color:#12353b}
#cit-city .menu-toggle,#cit-city .close-detail{color:#12353b}
#cit-city .hero{isolation:isolate}
#cit-city .hero-shade{background:linear-gradient(270deg,rgba(3,29,34,.48),rgba(3,29,34,0) 85%),linear-gradient(rgba(3,29,34,.62),rgba(3,29,34,.62));pointer-events:none}
#cit-city .hero-content{z-index:1}
#cit-city .hero h1{color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.22)}
#cit-city .hero h1 span{color:#d4f3eb}
#cit-city .hero p,#cit-city .hero .text-link,#cit-city .hero .text-link span{color:#fff}
#cit-city .hero .eyebrow{color:#ddf5ef}
#cit-city .hero .primary,#cit-city .hero .primary span{color:#12353b;background:#c0e5dc;text-shadow:none}
#cit-city .hero .primary:hover,#cit-city .hero .primary:focus-visible{background:#fff;color:#12353b}
#cit-city .hero .primary:hover span,#cit-city .hero .primary:focus-visible span{background:transparent}
#cit-city .hero-bottom{z-index:1;color:#fff}
#cit-city .hero-bottom span{color:#fff;background:#12353b;padding:4px 9px;width:fit-content}
#cit-city .sector-area{background:#12353b;padding:12px 18px;right:24px;bottom:58px}
#cit-city .sector-area strong,#cit-city .sector-area span{color:#fff}
#cit-city .visual-caption,#cit-city .life-photo>span{color:#fff;background:#12353b;padding:4px 9px;width:fit-content}
#cit-city .location h2,#cit-city .location strong,#cit-city .location small,#cit-city .land-row>span{color:#fff}
#cit-city .location p{color:#e0ecea}
#cit-city .location .eyebrow,#cit-city .impact .eyebrow{color:#c5eee5}
#cit-city .land-bar span{color:#12353b}
#cit-city .impact h2,#cit-city .impact-grid p{color:#fff}
#cit-city .impact h2 span{color:#c5eee5}
#cit-city .stat span,#cit-city .vision-copy p,#cit-city .section-heading>p,#cit-city .sector-copy>p,#cit-city .opportunity p,#cit-city .life-copy>p,#cit-city .life-features p,#cit-city .infra-grid p,#cit-city details p,#cit-city footer p,#cit-city .footer-bottom,#cit-city .detail-note{color:#425e63}
#cit-city .sector-tabs button{color:#425e63}
#cit-city .sector-tabs button[aria-selected=true]{color:#17676d}
#cit-city .eyebrow,#cit-city .opportunity-label,#cit-city .sector-link,#cit-city .vision-note{color:#17676d}
#cit-city .hero-video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;pointer-events:none}
#cit-city .hero .hero-shade{z-index:1}
#cit-city .hero .hero-content,#cit-city .hero .hero-bottom{z-index:2}
#cit-city .hero .video-toggle{position:absolute;bottom:77px;left:7%;z-index:3;color:#fff;background:#12353beF;border:1px solid #b9d6d3;padding:8px 15px;font-size:14px;min-height:44px}
#cit-city .hero .video-toggle:hover{background:#225158}
@media(max-width:760px){#cit-city .hero .video-toggle{bottom:96px;left:6%}#cit-city .hero .hero-content{padding-bottom:165px}}


/* Content revision: stronger section labels and balanced spacing. */
#cit-city .section{padding-top:78px;padding-bottom:78px}
#cit-city .vision{padding-top:62px;padding-bottom:62px;gap:7%}
#cit-city .vision-copy{padding-top:0}
#cit-city .section>.eyebrow,#cit-city .section>div>.eyebrow,#cit-city .section-heading>div>.eyebrow,#cit-city .life-copy>.eyebrow{font-size:26px;font-weight:600;line-height:1.6;margin-bottom:14px}
#cit-city h2{font-size:clamp(32px,3.4vw,48px);font-weight:500}
#cit-city .life-copy h2{font-size:36px}
#cit-city .section-heading{margin-bottom:32px;align-items:flex-start}
#cit-city .investment{border-top:1px solid #dce6e2}
#cit-city .stat small{font-size:19px}
#cit-city .sector-visual img{object-position:center}
@media(max-width:760px){#cit-city .section{padding-top:48px;padding-bottom:48px}#cit-city .vision{gap:24px}#cit-city .section>.eyebrow,#cit-city .section>div>.eyebrow,#cit-city .section-heading>div>.eyebrow,#cit-city .life-copy>.eyebrow{font-size:23px}#cit-city h2,#cit-city .life-copy h2{font-size:32px}#cit-city .stat small{font-size:16px}}

#cit-city .language-switch{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;font-size:14px;color:#286d76;border:1px solid #d2e1e3;border-radius:5px;padding:4px 10px;white-space:nowrap}
#cit-city .language-switch:hover{background:#e3f0f1}
/* Brand surfaces and gentle motion */
#cit-city{--brand-petrol:#286d76;--brand-soft:#e3f0f1;--brand-silver:#edf0f2}
#cit-city .numbers{background:var(--brand-petrol);gap:0}
#cit-city .numbers .stat{padding:10px 24px;border-color:#ffffff40}
#cit-city .numbers .stat strong,#cit-city .numbers .stat small{color:#fff}
#cit-city .numbers .stat span{color:#e2f1f2}
#cit-city .ecosystem{background:linear-gradient(125deg,#f0f4f5,var(--brand-soft))}
#cit-city .sector-panel{box-shadow:0 12px 34px #12353b0c}
#cit-city .investment{background:#fff}
#cit-city .opportunity{border:0;border-top:3px solid #4f929a;border-radius:6px;background:var(--brand-soft);transition:transform .28s ease,box-shadow .28s ease,background .28s ease}
#cit-city .opportunity:nth-child(2){background:var(--brand-silver);border-top-color:#8b989f}
#cit-city .opportunity:nth-child(3){background:#d4e7e9;border-top-color:#286d76}
#cit-city .opportunity:hover,#cit-city .opportunity[aria-expanded=true]{background:#cce3e6;transform:translateY(-6px);box-shadow:0 16px 30px #12353b14}
#cit-city .life-copy{background:linear-gradient(135deg,#edf4f5,#dcecef)}
#cit-city .infra-grid article{background:#eff3f4;border:0;border-top:2px solid #71a1a7;padding:26px;border-radius:4px}
#cit-city .infra-grid{gap:22px}
#cit-city .impact{background:linear-gradient(115deg,#183e47,#286d76)}
#cit-city .button,#cit-city .social-links a{transition:transform .25s ease,background .25s ease}
#cit-city .button:hover{transform:translateY(-3px)}
@keyframes cit-enter{from{opacity:.25;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
#cit-city .cit-enter{animation:cit-enter .7s cubic-bezier(.2,.7,.3,1) both;animation-delay:var(--enter-delay,0ms)}
@media(max-width:760px){#cit-city .numbers .stat{padding:16px 12px}#cit-city .numbers .stat:nth-child(2){border:0}}
@media(prefers-reduced-motion:reduce){#cit-city .cit-enter{animation:none}#cit-city .opportunity:hover,#cit-city .button:hover{transform:none}}

/* Contact submission */
#cit-city .contact-submit{border:0;border-radius:6px;background:#286d76;color:#fff;padding:13px 27px;min-height:48px;font-size:16px}
#cit-city .contact-submit:hover{background:#194d56}
#cit-city .contact-submit:disabled{opacity:.65;cursor:wait}
#cit-city .contact-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
#cit-city #contact-status{font-size:15px;flex:1;min-width:200px}
#cit-city #contact-status[data-state="success"]{color:#17603c}
#cit-city #contact-status[data-state="error"]{color:#a02323}
#cit-city .contact-trap{display:none}
#cit-city .contact{display:grid;grid-template-columns:.8fr 1.4fr;gap:7%;background:linear-gradient(120deg,#e1eff0,#f1f5f6);border-top:1px solid #d5e4e5}
#cit-city .contact-intro>p{color:#425e63;margin-top:16px;max-width:340px;font-size:17px}
#cit-city .contact-location{margin-top:40px;border-right:3px solid #508c94;padding-right:18px}
#cit-city .contact-location>span{color:#286d76;font-size:14px;font-weight:500}
#cit-city .contact-location p{color:#12353b;font-size:16px;margin-top:8px}
#cit-city .contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px;padding:32px;background:#fff;border-radius:10px;box-shadow:0 12px 32px #12353b08;min-width:0}
#cit-city .contact-field{min-width:0;display:flex;flex-direction:column;gap:8px}
#cit-city .contact-field label{font-size:15px;color:#12353b;font-weight:500}
#cit-city .contact-field label span{font-size:13px;font-weight:400;color:#5d7276}
#cit-city .contact-field input,#cit-city .contact-field select,#cit-city .contact-field textarea{font:inherit;font-size:16px;color:#12353b;background:#f8fafb;border:1px solid #c9d9dc;border-radius:5px;width:100%;min-height:48px;padding:11px 13px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}
#cit-city .contact-field textarea{resize:vertical;min-height:140px}
#cit-city .contact-field input::placeholder,#cit-city .contact-field textarea::placeholder{color:#637a80;opacity:1}
#cit-city .contact-field input:focus,#cit-city .contact-field select:focus,#cit-city .contact-field textarea:focus{outline:2px solid #286d76;outline-offset:2px;background:#fff}
#cit-city .contact-wide{grid-column:1/-1}
#cit-city .contact-fields .contact-note{font-size:14px;color:#526c72;margin:0}
@media(max-width:760px){#cit-city .contact{grid-template-columns:1fr;gap:28px}#cit-city .contact-location{margin-top:24px}#cit-city .contact-fields{padding:22px;gap:18px}}
@media(max-width:480px){#cit-city .contact-fields{grid-template-columns:1fr;padding:20px 16px}}

/* Lighter, neutral video shading; strongest behind the text. */
#cit-city .hero .hero-shade{background:linear-gradient(270deg,rgba(8,18,22,.52),rgba(8,18,22,.12) 60%,rgba(8,18,22,.04)),linear-gradient(0deg,rgba(8,18,22,.26),transparent 35%)}
#cit-city .hero h1,#cit-city .hero p,#cit-city .hero .eyebrow,#cit-city .hero .text-link{text-shadow:0 2px 10px rgba(0,0,0,.65)}
@media(max-width:760px){#cit-city .hero .hero-shade{background:linear-gradient(270deg,rgba(8,18,22,.55),rgba(8,18,22,.22)),linear-gradient(0deg,rgba(8,18,22,.24),transparent 40%)}}

/* Header language control and company footer. */
#cit-city .header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px}
#cit-city .header .language-switch{justify-self:end;min-width:64px;margin:0}
#cit-city .header nav{justify-content:center}
#cit-city .footer-brand .footer-social{margin-top:24px}
#cit-city .footer-brand .social-links{gap:10px}
#cit-city .footer-brand .social-links a{width:44px;height:44px}
#cit-city .company-registration{font-size:14px;margin-top:12px;color:#425e63}
#cit-city footer>div:nth-child(3) p{max-width:360px}
@media(max-width:760px){#cit-city .header{grid-template-columns:minmax(0,1fr) auto auto;gap:12px}#cit-city .header nav{position:absolute}#cit-city .header .language-switch{margin:0}#cit-city .menu-toggle{grid-column:2;grid-row:1}#cit-city .header .language-switch{grid-column:3;grid-row:1}}

/* Social profiles */
#cit-city .footer-social{grid-column:1/-1;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
#cit-city .social-links{display:flex;gap:12px;flex-wrap:wrap}
#cit-city .social-links a{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;width:48px;height:48px;border:1px solid #d7e5e6;border-radius:50%;color:#286d76;background:#eaf2f3;transition:background .22s,color .22s,transform .22s,box-shadow .22s}
#cit-city .social-links .social-mark{display:block;width:21px;height:21px;fill:currentColor;background:none;mask:none;-webkit-mask:none;flex-shrink:0}
#cit-city .social-facebook{--social-logo:url('assets/social-facebook.svg');--platform:#1877f2}
#cit-city .social-linkedin{--social-logo:url('assets/social-linkedin.svg');--platform:#0a66c2}
#cit-city .social-twitter-x{--social-logo:url('assets/social-twitter-x.svg');--platform:#171717}
#cit-city .social-instagram{--social-logo:url('assets/social-instagram.svg');--platform:#b52c78}
#cit-city .social-links a:hover,#cit-city .social-links a:focus-visible{background:var(--platform);color:#fff;border-color:transparent;transform:translateY(-3px);box-shadow:0 6px 14px #12353b18}
#cit-city .social-links a:focus-visible{outline:3px solid #227b82;outline-offset:3px}
@media(max-width:760px){#cit-city .footer-social{align-items:flex-start;flex-direction:column;gap:12px}}
@media(prefers-reduced-motion:reduce){#cit-city .social-links a:hover,#cit-city .social-links a:focus-visible{transform:none}}