/* Builti Group gateway | no external services, fonts or trackers */
:root{--ink:#082232;--ink2:#0c2c3c;--navy:#071c2a;--text:#f7fbfd;--muted:#a8beca;--cyan:#5bc5db;--orange:#f88136;--outline:rgba(255,255,255,.15);--shade:#eff5f6}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font:400 16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--navy);color:var(--text)}
a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #8fe2f4;outline-offset:4px;border-radius:4px}
.container{width:min(1180px,calc(100% - 64px));margin-inline:auto}
.site-header{position:relative;z-index:8;border-bottom:1px solid var(--outline);background:#071b2a}
.site-header .container{height:94px;display:flex;align-items:center;justify-content:space-between;gap:26px}
.brand{display:flex;align-items:center;min-width:176px}.brand img{width:169px;height:auto;display:block}
.nav{display:flex;align-items:center;gap:32px;font-size:.87rem;font-weight:650;letter-spacing:.01em}
.nav a:not(.nav-visit){color:#c6d8df;transition:color .25s}.nav a:not(.nav-visit):hover{color:#fff}
.nav-visit{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #416473;border-radius:100px}
.language-switch{display:flex;align-items:center;gap:8px;color:#8dc7d6;font-size:.8rem;font-weight:700;padding:8px 0}
.language-switch svg{width:16px;height:16px}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 18% 30%,#123c50 0,transparent 42%),linear-gradient(125deg,#081e2e,#071622);}
.hero:before{content:"";pointer-events:none;position:absolute;inset:0;background-image:radial-gradient(rgba(98,180,195,.11) .65px,transparent .65px);background-size:26px 26px;opacity:.5;mask-image:linear-gradient(90deg,transparent,#000,transparent)}
.hero .container{min-height:655px;padding-top:64px;padding-bottom:69px;display:grid;grid-template-columns:1.03fr .97fr;gap:6%;align-items:center;position:relative;z-index:1}
.eyebrow{display:flex;align-items:center;gap:13px;color:#7bcddd;font-size:.77rem;letter-spacing:.2em;font-weight:750;text-transform:uppercase}
.eyebrow:before{content:"";height:2px;width:34px;background:var(--orange)}
.surtitle{font-size:.99rem;color:#bacfd8;font-weight:600;margin:27px 0 10px}
h1{font-size:clamp(3.5rem,5.2vw,5.35rem);line-height:1.045;letter-spacing:-.065em;font-weight:740;margin:0 0 27px;text-wrap:balance}h1 span{display:block;color:var(--cyan)}
.lead{max-width:580px;color:#c3d3d9;font-size:1.05rem;line-height:1.85;margin:0 0 34px}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.btn{display:inline-flex;gap:12px;justify-content:center;align-items:center;padding:15px 23px;min-height:54px;border-radius:11px;font-size:.94rem;font-weight:730;transition:transform .2s,background .2s}
.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--orange);color:#161e22}.btn-primary:hover{background:#ff9a56}
.btn-ghost{border:1px solid #486574;color:#dbe5ea;background:rgba(255,255,255,.03)}.btn-ghost:hover{background:rgba(255,255,255,.08)}
.btn svg{width:17px;height:17px}
.disclaimer{font-size:.82rem;color:#91aeb9;margin-top:30px}.disclaimer a{color:#e6f9ff;text-decoration:underline;text-decoration-color:#539aaf;text-underline-offset:4px}
.hero-art{position:relative;min-width:0;margin-top:28px;filter:drop-shadow(0 30px 60px rgba(0,0,0,.36));}
.photo-frame{position:relative;height:480px;overflow:hidden;border:1px solid #3b596a;border-radius:24px 24px 70px 24px;background:#274556}
.photo-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(3,23,34,.84) 100%)}
.photo-frame img{width:100%;height:100%;display:block;object-fit:cover;object-position:55% 48%;filter:saturate(.88) contrast(1.04)}
.photo-label{position:absolute;z-index:2;left:29px;right:29px;bottom:29px;padding-left:19px;border-left:3px solid var(--orange)}
.photo-label strong{display:block;font-size:.73rem;letter-spacing:.17em;margin-bottom:6px}.photo-label small{font-size:.92rem;color:#e0e8eb}
.photo-marker{position:absolute;z-index:3;right:-16px;top:-16px;background:var(--orange);color:#102c38;width:65px;height:65px;border-radius:17px;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 22px #03101b4d}
.photo-marker svg{width:35px;height:35px;stroke-width:1.5}
.section-light{background:#f3f7f8;color:var(--ink);padding:91px 0 90px}
.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:34px}
.section-label{font-size:.76rem;font-weight:800;color:#177a94;letter-spacing:.16em;margin-bottom:12px}
h2{font-size:clamp(2rem,3.5vw,3rem);line-height:1.16;letter-spacing:-.045em;font-weight:750;margin:0 0 12px}.section-description{font-size:.98rem;color:#526c78;max-width:460px;margin:0 0 5px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.service{position:relative;background:#fff;padding:30px 28px 31px;min-height:240px;border:1px solid #dce9ec;border-radius:16px;box-shadow:0 8px 20px rgba(22,50,70,.035);transition:transform .2s}.service:hover{transform:translateY(-3px)}
.service .num{display:block;color:#e7a474;font-size:.85rem;font-weight:800;margin-bottom:19px}.service .label{display:block;color:#3999ae;font-size:.69rem;font-weight:800;letter-spacing:.19em;margin-bottom:6px}.service h3{font-size:1.42rem;letter-spacing:-.03em;margin:0 0 9px}.service p{font-size:.93rem;line-height:1.7;color:#556f7b;margin:0}
.tech{background:#e9f1f3;color:var(--ink);border-top:1px solid #dae6e9;padding:39px 0}
.tech .container{display:flex;justify-content:space-between;align-items:center;gap:24px}
.tech-label{color:#38839a;font-weight:750;font-size:.72rem;letter-spacing:.15em;margin:0 0 9px}.tech strong{display:block;font-size:1.3rem;letter-spacing:-.02em}.tech p{color:#567481;line-height:1.55;margin:6px 0 0;max-width:700px;font-size:.91rem}
.tech-cta{white-space:nowrap;color:#0c5d74;border-bottom:1px solid #80afbe;font-weight:730;font-size:.87rem;padding-bottom:4px}
.footer-cta{background:linear-gradient(125deg,#071b2a,#123344);border-top:1px solid rgba(255,255,255,.07);padding:64px 0 48px}
.footer-cta .inner{display:flex;justify-content:space-between;align-items:center;gap:32px}
.footer-cta h2{font-size:2.3rem;max-width:600px}.footer-cta p{color:#a9bfca;max-width:565px;margin:0;font-size:.96rem}
.site-footer{background:#061520;border-top:1px solid var(--outline);padding:27px 0 34px;color:#98b0bc}
.site-footer .container{display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:.79rem}
.site-footer a{color:#b8d7df}.site-footer .right{display:flex;gap:15px;align-items:center}
@media(max-width:1040px){.hero .container{grid-template-columns:1.1fr .9fr;gap:3%}h1{font-size:4.25rem}.photo-frame{height:430px}.nav{gap:18px}}
@media(max-width:780px){.container{width:min(100% - 38px,600px)}.site-header .container{height:76px}.brand img{width:139px}.nav a:not(.nav-visit){display:none}.nav-visit{padding:8px 12px;font-size:.78rem}.language-switch{font-size:.8rem}.hero .container{padding-top:45px;padding-bottom:60px;min-height:auto;display:flex;flex-direction:column;align-items:stretch;gap:28px}.hero-art{margin-top:10px}.photo-frame{height:340px;border-radius:20px 20px 55px 20px}.hero h1{font-size:clamp(2.8rem,9vw,4.7rem);letter-spacing:-.055em}.lead{font-size:1rem;margin-bottom:24px}.section-light{padding:65px 0 60px}.section-top{display:block}.section-description{max-width:600px}.service-grid{grid-template-columns:1fr;gap:12px}.service{min-height:auto;padding:23px 25px}.service .num{margin-bottom:9px}.tech .container{display:block}.tech-cta{display:inline-block;margin-top:21px;white-space:normal}.footer-cta .inner{display:block}.footer-cta h2{font-size:2rem}.footer-cta .btn{margin-top:25px}.site-footer .container{display:block}.site-footer .right{margin-top:7px}}
@media(max-width:380px){.site-header .container{gap:12px}.brand{min-width:110px}.brand img{width:122px}.nav-visit{font-size:0;width:39px;height:37px;padding:8px;justify-content:center}.nav-visit svg{width:17px;height:17px}.eyebrow{font-size:.66rem;letter-spacing:.11em}.hero h1{font-size:2.7rem}.btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

body{overflow-x:clip}
@media(max-width:780px){.nav-visit{font-size:0;width:39px;height:37px;padding:8px;justify-content:center;flex-shrink:0}.nav-visit svg{width:17px;height:17px}.site-footer .right{flex-wrap:wrap;gap:5px 12px}}