:root{--navy:#0b2f4f;--blue:#087dc1;--cyan:#18a7d8;--ink:#18374d;--muted:#61798b;--light:#f3f9fc;--line:#dbe8ef;--red:#d83b35}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);line-height:1.6;background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.top{background:var(--navy);color:#d9edf7;font-size:12px}.top .container{height:34px;display:flex;justify-content:space-between;align-items:center}.top a{color:#fff}.header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 2px 18px #082f5012}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:58px;height:46px;object-fit:cover;object-position:right top;border-radius:3px}.brand-title{font-weight:850;letter-spacing:-.5px;color:var(--navy);font-size:19px;line-height:1.05}.brand-title small{display:block;color:#718799;font-size:9px;letter-spacing:1px;margin-top:4px}.links{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:700;color:#35566c}.links a:hover{color:var(--blue)}.cta{background:var(--blue);color:white!important;padding:11px 17px;border-radius:9px}.menu{display:none;border:0;background:none;font-size:25px}.hero{background:radial-gradient(circle at 83% 30%,#dff5fd,transparent 34%),linear-gradient(135deg,#fff,#f4fbfe);border-bottom:1px solid var(--line)}.hero .grid{min-height:640px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:900;color:var(--blue);margin:0 0 11px}.hero h1{font-size:55px;line-height:1.05;letter-spacing:-2px;color:var(--navy);margin:0 0 22px}.hero h1 span{color:var(--blue)}.lead{font-size:18px;color:#557085;max-width:680px}.buttons{display:flex;gap:12px;margin:30px 0}.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 19px;border-radius:9px;font-weight:800;border:1px solid transparent}.primary{background:var(--blue);color:#fff;box-shadow:0 10px 25px #087dc133}.outline{border-color:#9ec4d8;color:var(--navy);background:white}.hero-note{display:flex;gap:25px;margin-top:35px}.hero-note b,.hero-note span{display:block}.hero-note b{font-size:13px;color:var(--navy)}.hero-note span{font-size:11px;color:#6d8493}.hero-art{height:470px;position:relative;display:grid;place-items:center}.art-circle{width:390px;height:390px;border-radius:50%;background:#dff5fc;position:absolute}.art-card{position:relative;width:420px;height:315px;border-radius:24px;background:linear-gradient(145deg,#fefefe,#dbe9ee);box-shadow:0 30px 65px #123b6325;padding:28px;transform:rotate(-3deg)}.monitor{height:220px;border-radius:15px;background:#0b2639;border:7px solid #aabfc9;position:relative;padding:13px;color:#c7f4ff}.monitor small{font-size:9px;letter-spacing:1px}.trace{position:absolute;left:20px;right:20px;top:75px;height:65px;background:#41d4e8;clip-path:polygon(0 52%,8% 52%,10% 35%,12% 75%,14% 4%,16% 96%,18% 52%,31% 52%,33% 35%,35% 75%,37% 4%,39% 96%,41% 52%,54% 52%,56% 35%,58% 75%,60% 4%,62% 96%,64% 52%,78% 52%,80% 35%,82% 75%,84% 4%,86% 96%,88% 52%,100% 52%,100% 59%,88% 59%,86% 100%,84% 59%,78% 59%,64% 59%,62% 100%,60% 59%,54% 59%,41% 59%,39% 100%,37% 59%,31% 59%,18% 59%,16% 100%,14% 59%,0 59%)}.art-label{position:absolute;right:-35px;bottom:25px;background:var(--blue);color:#fff;padding:11px 16px;border-radius:9px;font-weight:800;font-size:12px;box-shadow:0 10px 22px #087dc144}.band{background:var(--navy);color:white}.band .grid{display:grid;grid-template-columns:repeat(4,1fr)}.band .item{padding:24px 18px;border-right:1px solid #ffffff22}.band .item:first-child{padding-left:0}.band .item:last-child{border:0}.band b,.band span{display:block}.band b{font-size:13px}.band span{font-size:11px;color:#a9c7d7}.section{padding:95px 0}.section.alt{background:var(--light)}.head{max-width:760px;margin-bottom:40px}.section h2{font-size:40px;line-height:1.12;letter-spacing:-1.1px;color:var(--navy);margin:0 0 14px}.head p,.section p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;border:1px solid var(--line);border-radius:15px;padding:28px;box-shadow:0 12px 32px #123b6308}.card:hover{box-shadow:0 20px 38px #123b6315;transform:translateY(-3px);transition:.2s}.card .icon{width:46px;height:46px;border-radius:12px;background:#e5f6fc;color:var(--blue);display:grid;place-items:center;font-size:21px;font-weight:900}.card h3{color:var(--navy);font-size:20px;margin:17px 0 8px}.card p{font-size:14px}.card ul{padding-left:18px;color:#45667b;font-size:13px}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.mini{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}.mini span{background:#fff;border:1px solid var(--line);padding:10px 12px;border-radius:8px;font-size:13px;font-weight:750}.visual{min-height:360px;border-radius:24px;background:linear-gradient(145deg,#dff5fc,#fff);position:relative;overflow:hidden}.server-stack{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;height:100%}.server{width:62%;padding:20px;background:#0c3857;border-radius:8px;color:#bceaf7;box-shadow:0 10px 25px #0b2f4f33;font-size:12px;letter-spacing:1.4px}.server:before{content:'●  ●  ●';color:#39c7e4;margin-right:25px}.network{height:100%;display:grid;place-items:center}.network-core{width:130px;height:130px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:900;z-index:2;box-shadow:0 0 0 20px #087dc115}.node{position:absolute;padding:11px 14px;background:#fff;border:1px solid #cfe1e9;border-radius:9px;font-size:12px;font-weight:800;color:var(--navy)}.n1{top:50px;left:45px}.n2{top:55px;right:45px}.n3{bottom:55px;left:45px}.n4{bottom:55px;right:45px}.lines{position:absolute;width:70%;height:70%;border:2px dashed #77bfdc;border-radius:50%}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}.process div{padding:18px;border-radius:11px;background:#f3f9fc;border:1px solid var(--line)}.process b{display:block;color:var(--navy)}.process span{font-size:12px;color:var(--muted)}.cta-band{background:linear-gradient(90deg,var(--blue),#0b91c8);color:white;padding:55px 0}.cta-band .row{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-band h2{color:white;margin:0;font-size:32px}.white{background:white;color:var(--navy)}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.about-box{background:var(--light);border:1px solid var(--line);padding:28px;border-radius:15px}.contact-grid{display:grid;grid-template-columns:1fr .9fr;gap:70px}.contact-card{padding:25px;border:1px solid var(--line);border-radius:14px;background:var(--light)}.contact-card strong{font-size:18px;color:var(--blue)}form{background:var(--light);padding:28px;border:1px solid var(--line);border-radius:15px;display:grid;gap:14px}label{font-size:12px;font-weight:800;color:#3c5d70}input,textarea{display:block;width:100%;margin-top:6px;border:1px solid #c9dce7;border-radius:8px;padding:12px;font:inherit;background:#fff}footer{background:#061f34;color:#abc6d6;padding:55px 0 18px}.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:45px}.foot h4{color:#fff;margin-top:0}.foot a{display:block;font-size:13px;margin:6px 0}.foot-logo{width:220px;filter:brightness(0) invert(1);margin-bottom:10px}.copy{border-top:1px solid #ffffff16;margin-top:35px;padding-top:15px;font-size:11px;display:flex;justify-content:space-between}@media(max-width:900px){.links{display:none}.menu{display:block}.nav{height:72px}.hero .grid,.split,.contact-grid,.about-grid{grid-template-columns:1fr}.hero h1{font-size:44px}.hero-art{height:350px}.cards{grid-template-columns:1fr 1fr}.band .grid{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr}.foot{grid-template-columns:1fr 1fr}}@media(max-width:600px){.top .container span{display:none}.brand-title{font-size:16px}.brand-title small{font-size:7px}.hero h1{font-size:37px}.buttons{flex-direction:column}.cards,.band .grid,.process,.foot{grid-template-columns:1fr}.band .item{border-right:0;border-bottom:1px solid #ffffff22;padding:14px 0}.section{padding:65px 0}.section h2{font-size:32px}.hero-art{height:280px}.art-card{width:330px;height:245px;padding:20px}.monitor{height:185px}.copy{display:block}.copy span{display:block;margin-top:5px}}

/* Professional image sections */
.photo-hero{height:470px;border-radius:24px;overflow:hidden;box-shadow:0 25px 55px #123b6326;background:#eaf6fb;position:relative}
.photo-hero>img{width:100%;height:100%;object-fit:cover;display:block}
.hero-photo-badge{position:absolute;left:22px;bottom:22px;background:rgba(7,39,62,.92);color:#fff;border-radius:12px;padding:12px 16px;box-shadow:0 10px 25px #0003}
.hero-photo-badge b,.hero-photo-badge span{display:block}.hero-photo-badge b{font-size:14px}.hero-photo-badge span{font-size:11px;color:#c5e5f2}
.visual-showcase{background:#fff}
.showcase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.showcase-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 12px 32px #123b630b;transition:.2s}
.showcase-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px #123b6318}
.showcase-card img{width:100%;height:175px;object-fit:cover;display:block}
.showcase-card>div{padding:18px}.showcase-card h3{margin:5px 0 7px;color:var(--navy);font-size:18px}.showcase-card p{font-size:13px;margin:0;color:var(--muted)}
.tag{font-size:9px;letter-spacing:1.5px;font-weight:900;color:var(--blue)}
.image-panel{min-height:360px;padding:0;overflow:hidden}.image-panel img{width:100%;height:100%;min-height:360px;object-fit:cover;display:block}
.brand-mark{width:62px;height:58px;object-fit:contain;object-position:center;background:#fff}
.foot-logo{width:120px;height:auto;filter:none;background:#fff;padding:4px;border-radius:4px}
@media(max-width:1050px){.showcase-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.photo-hero{height:350px}.showcase-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.showcase-grid{grid-template-columns:1fr}.photo-hero{height:280px}.brand-mark{width:54px;height:52px}}

/* Contact form delivery status and anti-spam field */
.form-status{display:none;margin:0 0 16px;padding:12px 14px;border-radius:8px;font-weight:600}
.form-status.success{display:block;background:#eaf7ef;color:#176b3a;border:1px solid #b9e1c8}
.form-status.error{display:block;background:#fff1f1;color:#9b2525;border:1px solid #efc0c0}
.website-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}

/* Mobile navigation - iPhone/iOS compatible */
.menu{touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;position:relative;z-index:1002;padding:10px;line-height:1;color:var(--navy)}
@media(max-width:900px){
  .header{overflow:visible}
  .nav{position:relative}
  .links.show{display:flex;position:absolute;top:100%;left:0;right:0;width:100%;flex-direction:column;align-items:stretch;gap:0;background:#fff;padding:10px 4%;box-shadow:0 12px 24px rgba(8,47,80,.16);z-index:1001}
  .links.show a{display:block;padding:13px 10px;border-bottom:1px solid var(--line)}
  .links.show a:last-child{border-bottom:0}
  .links.show .cta{display:inline-flex;align-self:flex-start;width:auto;margin:8px 10px;padding:11px 17px}
}
@media(max-width:600px){
  .brand{min-width:0;flex:1}
  .brand-title{font-size:clamp(10px,3.2vw,14px);white-space:nowrap;letter-spacing:-.35px}
  .menu{flex:0 0 auto;margin-left:8px}
}