:root{--bg:#f5f8fb;--fg:#16283c;--muted:#5a6b7c;--line:#dce5ec;--green:#087e96;--pale:#eaf7fa;--cyan:#0b9cb4;--blue:#3265c7;--orange:#ec743e;--radius:24px}
body{background:#f7f9fb;color:var(--fg)}
body:before{content:"";display:block;height:5px;background:linear-gradient(90deg,#f27c42 0%,#e7b64a 25%,#30b4bc 54%,#4876ce 78%,#8c68bf 100%)}
.container{width:min(1240px,calc(100% - 64px))}
.site-header{background:#fffffff2;box-shadow:0 5px 28px #24436306}
.header-inner{min-height:96px;gap:24px}
.brand{width:auto;height:auto;gap:11px;overflow:visible;color:#172c45}
.brand img{width:54px;height:54px;max-width:54px;border-radius:14px;object-fit:contain}
.brand-type{font-size:27px;font-weight:800;letter-spacing:-1.1px;line-height:1}
.brand-type>span{color:#087e96}
.brand-type small{display:block;font-size:8px;letter-spacing:.11em;text-transform:uppercase;font-weight:650;color:var(--muted);margin-top:9px}
.main-nav{gap:20px;font-size:12px}
.main-nav a:hover{color:#087e96}
.header-phone{font-size:13px;border:1px solid var(--line);border-radius:100px;padding:11px 16px;color:#233c54}
.hero{padding:70px 0 75px;background:radial-gradient(ellipse at 15% 40%,#f1f9fc,transparent 55%),radial-gradient(ellipse at 88% 20%,#fff5eb,transparent 42%)}
.hero-grid{grid-template-columns:1.08fr 1fr;gap:70px;align-items:center}
.hero h1{font-size:clamp(48px,5.8vw,82px);line-height:1.04;letter-spacing:-.055em;font-weight:780;margin:0 0 26px}
.hero h1 span{color:#087e96}
.eyebrow{font-size:10px;letter-spacing:.17em;color:#087e96;display:flex;gap:10px;align-items:center}
.brand-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ee7c46;box-shadow:0 0 0 5px #ee7c4615;flex-shrink:0}
.hero-lead{font-size:16px;line-height:1.85;max-width:560px}
.hero-actions{margin-top:27px}
.button{border-radius:100px;min-height:49px;padding:12px 25px;transition:background .18s,transform .18s}
.button-primary{background:#087e96;border-color:#087e96;box-shadow:0 7px 18px #087e9617}
.button-primary:hover{background:#05677e;border-color:#05677e;transform:translateY(-1px)}
.button-secondary{background:#ffffffc9;color:#263e54}
.button-secondary:hover{border-color:#91baca;background:#f0f8fb}
.hero-facts{gap:36px;margin-top:35px;padding-top:22px}
.hero-facts strong{font-size:26px;color:#233e55}
.hero-facts>div:first-child strong{color:#087e96}
.hero-facts>div:nth-child(2) strong{color:#cb5827}
.hero-facts>div:nth-child(3) strong{color:#4969b5}
.hero-art{min-width:0;position:relative}
.hero-art-frame{padding:9px;border:1px solid #dce6ec;border-radius:34px;background:#fff;box-shadow:0 22px 60px #1b3a5510;transform:rotate(1.5deg)}
.hero-art-frame img{width:100%;height:auto;aspect-ratio:1;border-radius:25px;object-fit:contain}
.hero-art-note{position:relative;margin:-5px 18px 0;padding:17px 22px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 8px 24px #1b3a5509;display:grid;grid-template-columns:8px 1fr;column-gap:14px;align-items:center}
.hero-art-note .brand-dot{grid-row:1/3}
.hero-art-note strong{font-size:13px;line-height:1.4}
.hero-art-note>span:last-child{font-size:11px;color:var(--muted);margin-top:3px}
.section{padding:85px 0}
.heading-accent{color:#087e96}
.services{background:#fff}
.service-grid{gap:20px}
.service-card{position:relative;border-radius:22px;padding:30px;background:#fff;transition:transform .2s,box-shadow .2s}
.service-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #223c5010}
.service-card.featured{border-color:#bcdfe7;background:#f3fafc}
.service-card:nth-child(3n+2){border-top:3px solid #eaaa7b}
.service-card:nth-child(3n){border-top:3px solid #829bdd}
.service-number{font-size:11px;color:#087e96;margin-bottom:26px}
.service-card:nth-child(3n+2) .service-number{color:#bd5b2c}
.service-card:nth-child(3n) .service-number{color:#496fb6}
.service-card h3{font-size:24px}
.service-card li:before{color:#087e96}
.why{background:#edf4f8}
.why-grid{gap:95px;align-items:center}
.why-points article>span{color:#b36537}
.reference-list-card{border-radius:17px;transition:border-color .2s}
.reference-list-card:hover{border-color:#94becf}
.reference-field-label{color:#087e96}
.reference-details dt{color:#687d8e}
.work-map-overview{border-color:#dce5ec}
.work-map-footer{background:#f1f7fa;color:#4d667c}
.city-cloud-word{color:#277a91}
.city-cloud-word:nth-child(3n+2){color:#bd673c}
.city-cloud-word:nth-child(3n){color:#5575b7}
.city-cloud-word small{color:inherit}
.city-cloud-core,.city-cloud-strong,.city-cloud-primary{color:#087e96}
.city-cloud-accent,.city-cloud-medium{color:#b45b2e}
.city-cloud-wrap{border-color:#dce5ec;background:linear-gradient(135deg,#f2fafc,#fff8f1)}
.reference-card{background:#f7f9fb}
.reference-card figcaption{color:#526b80}
.site-video-caption a,.instagram-card-copy a{color:#087e96}
.behind-scenes{background:#f1f5f9}
.maintenance-intro-card{background:#edf8fb;border-color:#c8e2ea}
.maintenance-intro-card h2{color:#173b53}
.maintenance-topics span{background:#fff;border-color:#cee3e9;color:#285b70}
.maintenance-stat{border-color:#dce5ec;background:#fff}
.maintenance-stat strong{color:#087e96}
.maintenance-stat:nth-child(3n+2) strong{color:#be642f}
.maintenance-stat:nth-child(3n) strong{color:#4d6db0}
.maintenance-intro-lead{color:#2e5870}
.contact{background:#f7f9fb}
.contact-card{background:linear-gradient(115deg,#15394e,#17677e);border:0;border-radius:28px;padding:52px 56px;position:relative;overflow:hidden}
.contact-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ef8346,#e6ba5a,#40bbc5,#899add)}
.contact .eyebrow{color:#8ed5df}
.contact-card h2{font-size:clamp(34px,4vw,49px);color:#fff}
.contact-card p{color:#d0e3eb;max-width:590px}
.contact-actions a{border-color:#ffffff33;background:#ffffff08;color:#fff}
.contact-actions a:hover{background:#ffffff15}
.contact-actions span{color:#b8d9e7}
.site-footer{background:#fff;border-top:1px solid var(--line)}
.footer-brand{color:#087e96;font-size:24px;font-weight:800;letter-spacing:-.04em}
.footer-brand>span{color:#60798a;font-size:11px;letter-spacing:0}
.site-footer a{color:#087e96}
.lightbox{border-radius:18px}
@media(min-width:1001px){.hero-art{max-width:500px;justify-self:end;width:100%}}
@media(max-width:1150px){.header-inner{gap:18px}.main-nav{gap:15px;font-size:11px}.header-phone{display:none}.hero-grid{gap:35px}}
@media(max-width:1000px){.container{width:calc(100% - 48px)}.header-inner{min-height:84px;justify-content:space-between}.main-nav{font-size:14px}.hero{padding:48px 0 60px}.hero-grid{gap:34px}.hero h1{font-size:57px}.hero-art-note{margin-inline:8px;padding:15px}.brand-type{font-size:25px}.why-grid{gap:40px}}
@media(max-width:760px){.container{width:calc(100% - 36px)}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:580px}.hero h1{font-size:clamp(46px,9vw,68px)}.hero-art{width:min(100%,440px);justify-self:center}.hero-art-frame{transform:none;border-radius:27px}.hero-art-frame img{border-radius:19px}.hero-facts{gap:30px}.hero-lead{font-size:15px}.section{padding:58px 0}.contact-card{padding:34px 27px}.why-grid{gap:35px}.header-inner{min-height:80px}.brand img{width:46px;height:46px;max-width:46px}.brand-type{font-size:24px}.brand-type small{font-size:7px}.hero{padding-top:38px}.hero-art-note{margin-top:-3px}.service-card{padding:26px}}
@media(max-width:420px){.hero h1{font-size:46px}.hero-facts{gap:21px}.hero-facts span{font-size:10px}.brand-type{font-size:22px}.menu-toggle{padding:10px 12px}.hero-actions{gap:9px}.button{padding:11px 19px}.contact-card{padding:31px 23px}.contact-actions strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art-frame{transform:none}.service-card,.button{transition:none}.service-card:hover,.button-primary:hover{transform:none}}