:root{--blue:#0b72df;--deep:#0a2e67;--light:#f3f9ff;--line:#dceaf6;--text:#294d73}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:#fff;margin:0}a{color:inherit;text-decoration:none}header{z-index:10;background:#fffffff7;border-bottom:1px solid #e5eef6;align-items:center;height:74px;padding:0 5vw;display:flex;position:sticky;top:0}.logo{color:var(--deep);align-items:center;gap:12px;font-size:26px;font-weight:900;display:flex}.mark{width:36px;height:28px;position:relative}.mark i{clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(#1aa8f0,#0662cc);width:9px;position:absolute;bottom:0}.mark i:first-child{height:23px}.mark i:nth-child(2){height:28px;left:12px}.mark i:nth-child(3){height:19px;left:24px}.tagline{color:#617a95;border-left:1px solid #cad8e7;padding-left:12px;font-size:12px;font-weight:700;line-height:1.5}nav{color:#25476f;gap:28px;margin-left:auto;font-size:14px;font-weight:800;display:flex}nav a:hover{color:var(--blue)}.contact-btn{color:#fff;background:linear-gradient(#188aef,#0464d3);border-radius:30px;margin-left:28px;padding:13px 28px;font-size:14px;font-weight:900}.hero{background:linear-gradient(115deg,#fff,#f7fcff 56%,#e8f6ff);border-bottom:1px solid #e0edf7;grid-template-columns:42% 38% 20%;min-height:560px;display:grid;overflow:hidden}.copy{padding:72px 0 50px 5vw}.eyebrow{color:#0d7ce8;margin:0 0 18px;font-size:18px;font-weight:900}.hero h1{color:#0b2f6b;letter-spacing:-.03em;margin:0;font-size:51px;line-height:1.25}.hero h1 span{color:#0d74df}.lead{color:#476583;max-width:610px;margin-top:22px;font-size:16px;font-weight:600;line-height:1.95}.buttons{gap:14px;margin-top:22px;display:flex}.btn{text-align:center;border-radius:30px;min-width:210px;padding:14px 30px;font-weight:900}.btn.primary{color:#fff;background:linear-gradient(#198af0,#0762d1);box-shadow:0 10px 22px #0766d32b}.btn.secondary{color:#0a70d8;background:#fff;border:1.5px solid #0a70d8}.diagram{justify-content:center;align-items:center;display:flex;position:relative}.ring{border:1px solid #7fc7f5;border-radius:50%;position:absolute}.r1{width:220px;height:220px}.r2{border-style:dashed;width:330px;height:330px}.r3{border-color:#bddff5;width:430px;height:430px}.center{color:#fff;z-index:2;background:linear-gradient(145deg,#0e83ec,#0750ad);border:10px solid #fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:158px;height:158px;font-weight:900;display:flex;box-shadow:0 0 0 2px #62b8ee,0 10px 25px #00469629}.center b{font-size:25px}.center small{font-size:12px}.node{text-align:center;color:#173f70;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:92px;height:92px;padding:8px;font-size:11px;font-weight:900;display:flex;position:absolute;box-shadow:0 8px 22px #195b9721}.n1{transform:translateY(-140px)}.n2{transform:translate(120px,-73px)}.n3{transform:translate(135px,62px)}.n4{transform:translate(50px,135px)}.n5{transform:translate(-70px,132px)}.n6{transform:translate(-138px,48px)}.n7{transform:translate(-124px,-75px)}.n8{transform:translate(-42px,-137px)}.city{position:relative}.hand{color:#0b72df;z-index:2;font-size:27px;font-weight:900;line-height:1.45;position:absolute;top:98px;left:8px;transform:rotate(-6deg)}.skyline{background:linear-gradient(#0000,#54abe226);align-items:flex-end;gap:6px;height:240px;padding:0 10px;display:flex;position:absolute;bottom:0;left:0;right:0}.skyline i{opacity:.75;background:linear-gradient(#77c2ed,#1477bd);border:1px solid #ffffffb3;flex:1}section.content{padding:34px 3vw 38px}.heading{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.heading-left{align-items:center;gap:12px;display:flex}.bar{background:linear-gradient(#1fa8f0,#0965cf);border-radius:4px;width:5px;height:28px}.heading h2{color:#0a2f69;margin:0;font-size:27px}.heading p{color:#71859a;margin:5px 0 0;font-size:14px;font-weight:600}.heading a{color:#0870dc;font-size:14px;font-weight:900}.service-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.service{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:16px;min-height:122px;padding:20px;display:flex;box-shadow:0 5px 15px #114f890a}.service-icon{color:#0a72dc;background:#edf7ff;border-radius:7px;flex:none;place-items:center;width:58px;height:58px;font-size:24px;font-weight:900;display:grid}.service h3{color:#113a6f;margin:0 0 7px;font-size:17px}.service p{color:#617791;margin:0;font-size:14px;font-weight:600;line-height:1.7}.works{background:linear-gradient(#f9fcff,#fff)}.project-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.project{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 6px 18px #0e4f8c0d}.visual{background:linear-gradient(135deg,#eef5fa,#cde6f2);height:180px;position:relative;overflow:hidden}.visual img{object-fit:cover}.project:nth-child(2n) .visual{background:linear-gradient(135deg,#f3f1e9,#dce8df)}.project:nth-child(3n) .visual{background:linear-gradient(135deg,#edf5f2,#cfe0d9)}.project-body{padding:17px}.project h3{color:#0b4f9e;margin:0 0 8px;font-size:18px}.project p{color:#607790;margin:0;font-size:14px;font-weight:600;line-height:1.7}.tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.tags span{color:#1269bc;background:#eaf5ff;border-radius:20px;padding:5px 8px;font-size:12px;font-weight:800}.reason{background:linear-gradient(135deg,#f4fbff,#eaf6ff);grid-template-columns:1fr 2fr;gap:40px;padding:44px 3vw;display:grid}.reason h2{color:#0a2f69;margin:0;font-size:28px}.reason-copy{font-size:14px;line-height:1.9}.reason-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.reason-card{border:1px solid var(--line);background:#fff;border-radius:9px;padding:20px}.reason-card b{color:#0b7fe5;font-size:14px}.reason-card h3{color:#0b356d;margin:5px 0;font-size:17px}.reason-card p{margin:0;font-size:14px;line-height:1.7}.flow-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.flow-item{align-items:center;gap:13px;display:flex}.flow-icon{color:#fff;background:linear-gradient(#168bf0,#0762d2);border-radius:50%;flex:none;place-items:center;width:60px;height:60px;font-size:23px;display:grid}.flow-item b{color:#0b79df;font-size:14px}.flow-item h3{color:#123b70;margin:0;font-size:17px}.flow-item p{color:#657b92;margin:4px 0;font-size:14px;line-height:1.7}.bottom{background:linear-gradient(120deg,#f5fbff,#edf8ff);grid-template-columns:1fr 1.15fr;gap:38px;padding:36px 3vw 48px;display:grid}.bottom h2{color:#0a2f69;margin:0}.faq-item{border:1px solid var(--line);background:#fff;border-radius:6px;margin-top:7px;overflow:hidden}.faq-item button{text-align:left;color:#23496f;cursor:pointer;background:#fff;border:0;justify-content:space-between;width:100%;padding:14px 16px;font-size:15px;font-weight:700;display:flex}.faq-answer{color:#607790;padding:0 16px 16px;font-size:14px;line-height:1.8}.contact form{border:1px solid var(--line);background:#fff;border-radius:9px;padding:16px}.row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.contact label{margin-bottom:9px;font-size:14px;font-weight:800;display:block}.contact input,.contact textarea{border:1px solid #caddeb;border-radius:5px;width:100%;margin-top:6px;padding:12px 13px;font-family:inherit;font-size:15px}.contact textarea{resize:vertical;height:82px}.contact button{color:#fff;cursor:pointer;background:linear-gradient(#168af0,#0863d2);border:0;border-radius:28px;width:100%;padding:13px;font-weight:900}.contact button:disabled{opacity:.65;cursor:wait}.small{color:#6d8297;font-size:14px;line-height:1.6}.form-message{text-align:center;color:#0a65c9;margin:10px 0 0;font-size:13px;line-height:1.6}footer{color:#6f8499;border-top:1px solid #e3edf5;align-items:center;gap:25px;padding:24px 4vw;font-size:12px;display:flex}.footer-links{gap:18px;margin-left:auto;font-size:13px;display:flex}.privacy-page{background:linear-gradient(#f7fbff,#fff);min-height:100vh;padding:70px 20px}.privacy-card{border:1px solid var(--line);background:#fff;border-radius:12px;max-width:860px;margin:auto;padding:42px;box-shadow:0 12px 30px #0a48820f}.privacy-card h1{color:var(--deep);margin-top:0}.privacy-card h2{color:var(--deep);margin-top:28px;font-size:18px}.privacy-card p,.privacy-card li{font-size:14px;line-height:1.9}.privacy-back{color:var(--blue);margin-top:24px;font-weight:800;display:inline-block}@media (max-width:1000px){nav{display:none}.hero{grid-template-columns:1fr 1fr}.city{display:none}.service-grid,.project-grid{grid-template-columns:repeat(2,1fr)}.reason{grid-template-columns:1fr}.flow-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){header{padding:0 18px}.tagline{display:none}.contact-btn{margin-left:auto;padding:11px 15px}.hero{display:block}.copy{padding:40px 20px}.hero h1{font-size:34px}.buttons{flex-direction:column}.diagram{height:430px;margin:-20px 0;transform:scale(.85)}.service-grid,.project-grid,.reason-grid,.flow-grid,.bottom{grid-template-columns:1fr}.content,.reason,.bottom{padding-left:18px;padding-right:18px}.row{grid-template-columns:1fr}.footer-links{display:none}.privacy-card{padding:28px 20px}}