:root{
  --navy:#061a2b;--navy2:#0b2941;--ink:#102a43;--muted:#5f7184;--line:#dce6ee;--bg:#f6f9fb;--white:#fff;--cyan:#00d8c2;--cyan2:#23bff4;--shadow:0 18px 50px rgba(7,31,49,.11);--radius:22px;--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--white);line-height:1.55}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(6,26,43,.93);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;letter-spacing:.22em;font-size:18px}.brand-mark{font-size:31px;letter-spacing:-.08em}.brand small{font-size:10px;display:block;letter-spacing:.35em;color:#b8c7d4}.nav-links{display:flex;align-items:center;gap:22px;font-size:14px;color:#c8d4de}.nav-links a:hover,.nav-links a.active{color:#fff}.btn{display:inline-flex;align-items:center;gap:9px;border-radius:999px;padding:12px 18px;font-weight:750;font-size:13px;border:1px solid transparent;transition:.2s ease;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--cyan),var(--cyan2));color:#052033;box-shadow:0 10px 30px rgba(0,216,194,.2)}.btn-secondary{border-color:#6bc7de;color:#fff;background:rgba(255,255,255,.04)}.btn-light{background:#fff;color:var(--ink);border-color:#dce7ef}.btn:hover{transform:translateY(-1px)}.mobile-toggle{display:none;background:none;border:0;color:#fff;font-size:26px}.hero{position:relative;min-height:670px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 70% 30%,rgba(0,216,194,.16),transparent 28%),linear-gradient(135deg,#061726 0%,#0b2941 45%,#051420 100%)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,17,29,.96) 0%,rgba(3,17,29,.88) 45%,rgba(3,17,29,.25) 100%),radial-gradient(circle at 72% 50%,rgba(35,191,244,.18),transparent 25%)}.hero-grid{position:absolute;right:-5%;bottom:-14%;width:62%;height:108%;opacity:.78;background:linear-gradient(90deg,transparent 0 12%,rgba(0,216,194,.12) 12% 13%,transparent 13% 28%,rgba(35,191,244,.15) 28% 29%,transparent 29%),repeating-linear-gradient(90deg,transparent 0 58px,rgba(255,255,255,.025) 59px 60px),repeating-linear-gradient(0deg,transparent 0 58px,rgba(255,255,255,.025) 59px 60px);transform:perspective(700px) rotateX(58deg) rotateZ(-6deg);transform-origin:center}.hero-content{position:relative;z-index:2;width:min(720px);color:#fff;padding:85px 0}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);margin-bottom:18px}.eyebrow:before{content:"";width:30px;height:2px;background:currentColor}.hero h1{font-size:clamp(42px,6vw,73px);line-height:1.02;letter-spacing:-.04em;margin:0 0 22px}.hero h1 span{color:var(--cyan)}.hero p{font-size:18px;max-width:640px;color:#cad7e1;margin:0 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.mini-proof{display:flex;gap:15px;flex-wrap:wrap;margin-top:48px;color:#c0ccd6;font-size:13px}.mini-proof span{border-left:1px solid rgba(255,255,255,.2);padding-left:15px}.section{padding:92px 0}.section.alt{background:var(--bg)}.section.dark{background:var(--navy);color:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.section-head h2{font-size:40px;line-height:1.08;margin:10px 0 0;letter-spacing:-.035em}.section-head p{max-width:570px;color:var(--muted);margin:0}.kicker{font-size:11px;font-weight:800;color:#00a997;text-transform:uppercase;letter-spacing:.2em}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:22px;min-height:250px;box-shadow:0 8px 25px rgba(7,31,49,.04);transition:.2s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.icon{width:48px;height:48px;border-radius:14px;background:#e8f7f6;color:#008f84;display:grid;place-items:center;margin-bottom:18px}.icon svg{width:24px;height:24px}.card h3{margin:0 0 9px;font-size:20px}.card p{margin:0 0 17px;color:var(--muted);font-size:14px}.arrow-link{display:inline-flex;align-items:center;gap:7px;color:#008f84;font-weight:800;font-size:13px}.strip{background:linear-gradient(90deg,#061a2b,#0b2941);color:#fff;padding:34px 0}.strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.strip-item{display:flex;gap:12px;align-items:center;padding:7px 14px;border-right:1px solid rgba(255,255,255,.14)}.strip-item:last-child{border-right:0}.strip-item strong{display:block;font-size:15px}.strip-item span{font-size:12px;color:#aebdca}.feature{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.feature-box{position:relative;border-radius:24px;overflow:hidden;min-height:390px;background:linear-gradient(135deg,#0e3f56,#0b1c2c 54%,#113c55)}.feature-box:before{content:"";position:absolute;inset:14% 10% 10%;border:1px solid rgba(0,216,194,.33);box-shadow:inset 0 0 0 18px rgba(35,191,244,.025);transform:skewY(-8deg);border-radius:20px}.feature-box:after{content:"BIM";position:absolute;right:32px;top:30px;color:#00dbc5;font-size:12px;font-weight:900;letter-spacing:.22em}.feature-content h2{font-size:42px;line-height:1.08;margin:12px 0 18px;letter-spacing:-.04em}.feature-content p{color:var(--muted);max-width:580px}.bullets{display:grid;gap:12px;margin:28px 0}.bullets div{display:flex;gap:10px;align-items:flex-start}.tick{color:#00ad9c;font-weight:900}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.project-top{height:160px;background:linear-gradient(135deg,#0c3249 10%,#173f54 45%,#7a8d96 100%);position:relative}.project-top:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(30deg,transparent 0 22px,rgba(255,255,255,.07) 23px 24px),linear-gradient(90deg,rgba(4,18,28,.18),rgba(4,18,28,.55))}.project-body{padding:20px}.project-body small{color:#00998c;font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:10px}.project-body h3{margin:6px 0;font-size:18px}.project-body p{color:var(--muted);font-size:13px;margin:0 0 14px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:20px}.stat{border-top:1px solid rgba(255,255,255,.15);padding-top:18px}.stat strong{font-size:33px;display:block}.stat span{color:#aebdca;font-size:12px}.cta{background:linear-gradient(135deg,#072035,#0a3650);color:#fff;border-radius:24px;padding:38px;display:flex;justify-content:space-between;gap:26px;align-items:center}.cta h2{margin:0 0 8px;font-size:34px}.cta p{margin:0;color:#b8c7d4;max-width:650px}.footer{background:#04131f;color:#fff;padding:52px 0 26px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}.footer h4{margin:0 0 12px;font-size:13px}.footer a,.footer p{color:#9fb0be;font-size:13px}.footer-links{display:grid;gap:7px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:18px;margin-top:32px;display:flex;justify-content:space-between;color:#7f93a2;font-size:12px}.page-hero{background:linear-gradient(135deg,#061a2b,#123a50);color:#fff;padding:86px 0 78px;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;right:-10%;top:-50%;width:60%;height:180%;background:radial-gradient(circle,rgba(0,216,194,.17),transparent 44%)}.page-hero h1{font-size:clamp(42px,5vw,66px);line-height:1.03;margin:12px 0 17px;letter-spacing:-.04em;position:relative;z-index:1}.page-hero p{max-width:720px;color:#c9d5df;font-size:17px;position:relative;z-index:1}.breadcrumb{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#80d8ce;position:relative;z-index:1}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.step{position:relative;padding:18px 18px 18px 0}.step:after{content:"→";position:absolute;right:8px;top:25px;color:#00ad9c;font-size:22px}.step:last-child:after{content:""}.step-number{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#082a40;color:#00d8c2;font-weight:900;margin-bottom:12px}.step h3{font-size:17px;margin:0 0 6px}.step p{font-size:13px;color:var(--muted);margin:0}.case-box{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:24px;overflow:hidden;background:var(--navy);color:#fff}.case-visual{min-height:320px;background:linear-gradient(135deg,#15394d,#0a1824 55%,#2b5a66)}.case-content{padding:42px}.case-content h2{font-size:34px;line-height:1.1;margin:8px 0 15px}.case-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px}.meta{border:1px solid rgba(255,255,255,.14);padding:13px;border-radius:12px}.meta strong{display:block;font-size:15px}.meta span{font-size:11px;color:#9fb0be}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.filter{border:1px solid var(--line);background:#fff;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:750;cursor:pointer}.filter.active{background:#082a40;color:#fff;border-color:#082a40}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px}.contact-panel{background:var(--navy);color:#fff;border-radius:24px;padding:36px}.contact-panel p{color:#b9c8d3}.form{border:1px solid var(--line);border-radius:24px;padding:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:750;font-size:12px}.field input,.field select,.field textarea{width:100%;padding:13px 14px;border:1px solid #cfdce6;border-radius:12px;font:inherit;background:#fff}.field textarea{min-height:150px;resize:vertical}.form-note{font-size:11px;color:var(--muted);margin-top:10px}.page-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.page-card{padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff}.page-card .icon{margin-bottom:12px}.page-card h3{margin:0 0 7px}.page-card p{margin:0;color:var(--muted);font-size:13px}.mobile-float{display:none}
@media(max-width:980px){.nav-links{display:none}.mobile-toggle{display:block}.cards{grid-template-columns:repeat(2,1fr)}.strip-grid,.stats{grid-template-columns:repeat(2,1fr)}.feature,.two-col,.contact-grid,.case-box{grid-template-columns:1fr}.project-grid,.page-list{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(2,1fr)}.hero{min-height:610px}.hero-grid{width:90%;right:-20%}}
@media(max-width:640px){.container{width:min(var(--max),calc(100% - 28px))}.nav{height:70px}.brand{font-size:14px}.brand-mark{font-size:27px}.nav .btn{display:none}.hero-content{padding:70px 0}.hero h1{font-size:44px}.hero p{font-size:16px}.section{padding:68px 0}.section-head{display:block}.section-head h2,.feature-content h2{font-size:34px}.cards,.project-grid,.page-list,.strip-grid,.stats,.process,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.step:after{display:none}.cta{padding:28px;display:block}.cta .btn{margin-top:18px}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:7px}.mobile-float{display:flex;position:fixed;bottom:16px;left:16px;right:16px;z-index:40;background:#061a2b;color:#fff;border:1px solid rgba(255,255,255,.12);padding:10px 12px;border-radius:14px;align-items:center;justify-content:space-between;box-shadow:0 20px 40px rgba(0,0,0,.2)}}
@media(max-width:980px){body.menu-open{overflow:hidden}.menu-open .nav-links{display:flex;position:fixed;top:70px;left:0;right:0;flex-direction:column;align-items:flex-start;padding:22px 28px;background:#061a2b;border-top:1px solid rgba(255,255,255,.08);gap:18px}.menu-open .nav-links a{font-size:18px}.menu-open .nav-links + .btn{display:none}}
.hero-media,.page-media{border-radius:24px;overflow:hidden;background:#0b2739;box-shadow:var(--shadow)}.hero-media img,.page-media img{display:block;width:100%;height:100%;object-fit:cover}.split-media{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.note{background:#edf7f6;border:1px solid #cceee9;border-radius:16px;padding:18px;font-size:13px;color:#3f6470}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.tag{padding:7px 10px;background:#f0f5f8;border:1px solid #dde7ed;border-radius:999px;font-size:11px;font-weight:800;color:#466172}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px}.simple-table{width:100%;border-collapse:collapse;min-width:650px}.simple-table th,.simple-table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}.simple-table th{background:#f4f8fa;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{cursor:pointer;font-weight:800}.faq p{color:var(--muted);font-size:14px;max-width:850px}.tool-card{background:#071d2e;color:#fff;border-radius:20px;padding:28px;position:relative;overflow:hidden}.tool-card:after{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(0,216,194,.25);border-radius:50%;right:-50px;top:-50px}.tool-card h3{font-size:28px;margin:0 0 9px}.tool-card p{color:#b6c7d3}.code-box{font-family:"SFMono-Regular",Consolas,monospace;background:#03111c;color:#88e8df;border-radius:14px;padding:18px;overflow:auto;font-size:12px}.muted{color:var(--muted)}