/* Construction SaaS public presentation — readable, calm and product-led. */
:root{--cs-ink:#14212b;--cs-blue:#1678b8;--cs-sky:#e4f2f7;--cs-orange:#eb6d45;--cs-sand:#f6f3ed;--cs-line:#d5dce0}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:17px;line-height:1.6;color:var(--cs-ink)}.brand,.site-header .brand{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.07em;font-weight:800}.site-nav>a:not(.button){font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:600;letter-spacing:0}.button,.mobile-cta{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:0;text-transform:none;border-radius:6px}.site-header{background:#13212beF;min-height:84px}.site-header.scrolled{min-height:72px}h1,h2{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-transform:none;letter-spacing:-.055em;line-height:.96;font-weight:750}
.cs-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.78fr);gap:7vw;align-items:center;min-height:780px;padding:145px var(--pad) 98px;color:#fff;background:#14212b;overflow:hidden}.cs-site-plan{position:absolute;inset:0;background:linear-gradient(90deg,#fff0 0 8%,#ffffff0a 8.1% 8.2%,#fff0 8.3% 91%,#ffffff0a 91.1% 91.2%,#fff0 91.3%),linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:auto,72px 72px;mask-image:linear-gradient(to bottom,#000 0 55%,transparent 95%)}.cs-site-plan:after{content:"";position:absolute;width:62vw;height:62vw;border:1px solid #6fb6da25;border-radius:50%;right:-16vw;top:-18vw;box-shadow:0 0 0 60px #6fb6da08,0 0 0 130px #6fb6da06}.cs-hero-content,.cs-building{position:relative;z-index:1}.cs-kicker{margin:0 0 1.25rem;color:#70c7f3;font-family:"JetBrains Mono",monospace;font-weight:700;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.cs-hero h1{max-width:760px;margin:0;font-size:clamp(3.8rem,6.1vw,7rem)}.cs-hero h1 em,.cs-hero h2 em,.cs-path h2 em,.cs-final h2 em{font-style:normal;color:#75caef}.cs-lead{max-width:590px;margin:2rem 0;color:#cfdae0;font-size:clamp(1.08rem,1.45vw,1.28rem);line-height:1.55}.cs-actions{display:flex;gap:1.6rem;align-items:center;flex-wrap:wrap}.cs-actions>a:not(.cs-button),.cs-trust a{font-weight:700;color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:.2rem}.cs-button{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem 1.25rem;background:#f3a44a;color:#18232b;font-weight:800;text-decoration:none;border-radius:5px;transition:transform .2s,background .2s}.cs-button:hover,.cs-button:focus-visible{transform:translateY(-2px);background:#ffc06c}.cs-subline{margin:3.8rem 0 0;color:#a8b8c3;font-size:.76rem;font-weight:700;letter-spacing:.03em}.cs-subline i{display:inline-block;width:4px;height:4px;margin:0 .8rem 2px;background:#f3a44a;border-radius:50%}
.cs-building{width:min(100%,500px);justify-self:end;padding:15px;background:#f8f7f3;color:var(--cs-ink);box-shadow:18px 18px 0 #1678b8}.cs-building-top,.cs-building-foot{display:flex;justify-content:space-between;font:700 .6rem "JetBrains Mono",monospace;letter-spacing:.1em}.cs-building-top{padding:4px 4px 15px}.cs-building-top b{color:#18895d}.cs-building-main{padding:25px;background:linear-gradient(135deg,#e9eff1,#c8dce6);min-height:210px;position:relative;overflow:hidden}.cs-building-main:after{content:"";position:absolute;width:210px;height:210px;border:26px solid #fff8;border-radius:50%;right:-95px;bottom:-105px}.cs-building-main small,.cs-location small,.cs-new-lead small{display:block;color:#526a7a;font:700 .59rem "JetBrains Mono",monospace;letter-spacing:.1em}.cs-building-main strong{display:block;position:relative;z-index:1;margin-top:.55rem;font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:-.06em;line-height:.95}.cs-building-main div{position:relative;z-index:1;display:flex;gap:.6rem;margin-top:1.7rem}.cs-building-main div span{padding:.5rem .65rem;background:#fff;font-weight:700;font-size:.72rem}.cs-building-main div span:first-child{background:var(--cs-ink);color:#fff}.cs-location{position:relative;z-index:2;display:flex;gap:.75rem;align-items:center;margin:-18px 15px 0;padding:12px;background:#fff;box-shadow:0 8px 20px #10202b18}.cs-map-dot{width:11px;height:11px;background:#eb6d45;border-radius:50%;box-shadow:0 0 0 5px #eb6d4530}.cs-location b{font-size:.78rem}.cs-location i{margin-left:auto;color:#1678b8;font-size:1.2rem;font-style:normal}.cs-new-lead{display:flex;align-items:center;gap:.7rem;margin:12px 0 0 auto;padding:12px;width:73%;background:var(--cs-ink);color:#fff}.cs-new-lead>span{width:8px;height:8px;border-radius:50%;background:#71d6aa}.cs-new-lead small{color:#9bafba}.cs-new-lead b{font-size:.75rem}.cs-new-lead strong{margin-left:auto;color:#f3a44a}.cs-building-foot{padding:15px 4px 3px;color:#647582;justify-content:flex-start;gap:.6rem}.cs-building-foot i{width:4px;height:4px;background:#eb6d45;border-radius:50%}.cs-hero-rail{position:absolute;bottom:0;left:0;right:0;z-index:1;display:flex;justify-content:space-between;gap:1rem;border-top:1px solid #ffffff25;padding:19px var(--pad);font-size:.88rem;font-weight:700}.cs-hero-rail span{color:#9db1be}.cs-hero-rail strong{color:#fff}
.cs-intro{display:grid;grid-template-columns:.25fr 1fr 1fr;gap:5vw;padding:122px var(--pad);background:var(--cs-sand)}.cs-number{font:700 .75rem "JetBrains Mono",monospace;color:#1678b8}.cs-intro h2,.cs-products h2,.cs-path h2,.cs-trust h2,.cs-final h2{margin:0;font-size:clamp(2.7rem,4.5vw,5.3rem)}.cs-intro h2 em,.cs-products h2 em,.cs-trust h2 em{font-style:normal;color:#1678b8}.cs-intro>div:last-child{padding-left:2rem;border-left:1px solid #cdd5d6}.cs-large{margin:0 0 1.2rem;font-size:1.28rem;font-weight:650;line-height:1.45}.cs-intro>div:last-child p:last-child{color:#566570}
.cs-products{display:grid;grid-template-columns:repeat(3,1fr);background:var(--cs-line);gap:1px}.cs-product{min-height:455px;padding:2.4rem var(--pad);display:flex;flex-direction:column;text-decoration:none;color:var(--cs-ink);transition:background .25s,transform .25s}.cs-product:hover,.cs-product:focus-visible{transform:translateY(-5px);position:relative;z-index:1}.cs-product>span{font:700 .64rem "JetBrains Mono",monospace;letter-spacing:.1em}.cs-product h2{margin-top:4.8rem;font-size:clamp(2.2rem,3.2vw,3.7rem)}.cs-product p{max-width:350px;color:#465764;line-height:1.5}.cs-product>b{margin-top:auto;font-size:.8rem}.cs-product i{font-style:normal;font-size:1.2rem;margin-left:.5rem}.cs-product-web{background:#f8faf9}.cs-product-found{background:#dff1f8}.cs-product-found:hover{background:#cce9f4}.cs-product-software{background:#f5dfd3}.cs-product-software:hover{background:#f0cfbf}
.cs-path{display:grid;grid-template-columns:.68fr 1.32fr;gap:7vw;padding:122px var(--pad);background:#fff}.cs-path>div>p:last-child{margin:2rem 0 0;font-size:1.1rem;font-weight:700;line-height:1.1}.cs-path>div>p:last-child em{font-style:normal;color:#eb6d45}.cs-path ol{display:grid;grid-template-columns:1fr 1fr;gap:0;list-style:none;margin:0;padding:0;border-top:1px solid var(--cs-line)}.cs-path li{padding:1.5rem 1.5rem 2rem 0;border-bottom:1px solid var(--cs-line)}.cs-path li:nth-child(even){padding-left:1.5rem}.cs-path li span{font:700 .65rem "JetBrains Mono",monospace;color:#1678b8}.cs-path h3{margin:3.2rem 0 .7rem;font-size:1.45rem;letter-spacing:-.035em}.cs-path li p{margin:0;color:#576673;font-size:.9rem;line-height:1.5}
.cs-trust{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:105px var(--pad);background:#213342;color:#fff}.cs-trust h2 em{color:#f3a44a}.cs-trust>div:last-child{font-size:1.04rem;color:#d5dde1;line-height:1.6}.cs-trust a{display:inline-block;margin-top:1rem;color:#f3a44a}.cs-final{padding:130px var(--pad);text-align:center;background:var(--cs-sand)}.cs-final .cs-kicker{color:#1678b8}.cs-final p:not(.cs-kicker){max-width:550px;margin:1.6rem auto 2rem;color:#52616c}.cs-final .cs-button{margin:auto}
@media(max-width:850px){.cs-hero{min-height:0;grid-template-columns:1fr;padding-top:120px;gap:4rem}.cs-building{justify-self:start}.cs-hero-rail{position:relative;margin:4rem calc(var(--pad) * -1) -98px}.cs-intro,.cs-path,.cs-trust{grid-template-columns:1fr;gap:2rem;padding-top:86px;padding-bottom:86px}.cs-intro{grid-template-columns:.15fr 1fr}.cs-intro>div:last-child{grid-column:1/-1;padding-left:1.4rem}.cs-products{grid-template-columns:1fr}.cs-product{min-height:290px;padding:2rem var(--pad)}.cs-product h2{margin-top:2rem}.cs-path ol{margin-top:1.2rem}.cs-final{padding-top:90px;padding-bottom:90px}}@media(max-width:520px){body{font-size:16px}.cs-hero{padding-left:1.25rem;padding-right:1.25rem}.cs-hero h1{font-size:3.65rem}.cs-hero-rail span:nth-child(2){display:none}.cs-subline{line-height:2}.cs-subline i{margin:0 .45rem 2px}.cs-building{padding:10px;box-shadow:9px 9px 0 #1678b8}.cs-building-main{min-height:185px}.cs-new-lead{width:81%}.cs-intro,.cs-path,.cs-trust,.cs-final{padding-left:1.25rem;padding-right:1.25rem}.cs-intro{grid-template-columns:1fr}.cs-intro>div:last-child{padding-left:1.1rem}.cs-path ol{grid-template-columns:1fr}.cs-path li,.cs-path li:nth-child(even){padding-left:0}.cs-path h3{margin-top:1.7rem}.cs-actions{gap:1rem}.cs-button{width:100%}.cs-products .cs-product{padding-left:1.25rem;padding-right:1.25rem}}
@media(prefers-reduced-motion:no-preference){.cs-building{animation:csFloat 7s ease-in-out infinite}.cs-site-plan{animation:csPlan 24s linear infinite}}@keyframes csFloat{50%{transform:translateY(-10px)}}@keyframes csPlan{to{background-position:0 0,72px 72px,72px 72px}}

/* Remove decorative sequencing: the page should read like a considered business site, not a process diagram. */
.cs-intro{grid-template-columns:1fr 1fr;gap:8vw}.cs-product{min-height:390px}.cs-product h2{margin-top:0}.cs-path h3{margin-top:.1rem}.cs-intro>div:last-child{grid-column:auto}.feature h2{margin-top:1rem}.process-grid h3{margin-top:0}
@media(max-width:850px){.cs-intro{grid-template-columns:1fr}.cs-intro>div:last-child{grid-column:auto}}

/* Softer architectural surfaces: remove the remaining hard dashboard geometry. */
.site-header{border-bottom-color:#ffffff12;background:#14212be8}.cs-hero{background:radial-gradient(circle at 86% 26%,#26556a 0,transparent 28%),linear-gradient(125deg,#14212b 8%,#1b3542 100%)}.cs-site-plan{opacity:.46}.cs-building{padding:18px;border:1px solid #ffffff90;border-radius:28px;box-shadow:0 28px 70px #07111970;overflow:hidden}.cs-building-main{border-radius:19px;background:linear-gradient(135deg,#edf4f5,#c7e3ed)}.cs-building-main div span{border-radius:999px;padding:.58rem .85rem}.cs-location{margin:-17px 18px 0;border-radius:15px;box-shadow:0 14px 32px #10202b14}.cs-new-lead{border-radius:15px 0 0 15px;background:#1c3440}.cs-building-foot{padding:17px 5px 2px}.cs-button{border-radius:999px;padding:.95rem 1.45rem;box-shadow:0 10px 22px #0000001c}.cs-subline{font-weight:600;letter-spacing:0}.cs-intro{background:linear-gradient(120deg,#fbfaf7,#f3f1ea)}.cs-intro>div:last-child{border-left:0;padding-left:0}.cs-products{gap:18px;padding:22px var(--pad);background:#fff}.cs-product{min-height:360px;border-radius:24px;padding:2.8rem;box-shadow:0 16px 35px #14212b0a}.cs-product:hover,.cs-product:focus-visible{box-shadow:0 24px 50px #14212b1b}.cs-product-web{background:#f6f7f4}.cs-product-found{background:linear-gradient(145deg,#e8f5f8,#dbeef5)}.cs-product-software{background:linear-gradient(145deg,#f8e9df,#f3ddd1)}.cs-path{background:#fafaf8}.cs-path ol{border-top:0;gap:14px}.cs-path li,.cs-path li:nth-child(even){padding:1.45rem;border:1px solid #dde5e6;border-radius:16px;background:#fff}.cs-path h3{font-size:1.35rem}.cs-trust{background:linear-gradient(125deg,#1c3340,#223f4d);border-radius:34px;margin:0 var(--pad);padding:84px calc(var(--pad) * .8)}.cs-final{padding-top:145px;background:linear-gradient(140deg,#fbfaf7,#ebf3f5)}.feature-grid{gap:18px;border:0;background:transparent}.feature{min-height:280px;border-radius:20px;box-shadow:0 12px 30px #14212b0a}.process-grid{gap:18px}.process-grid article{border-top:0;border-radius:16px;padding:1.6rem;background:#f6f7f5}.tb-pricing-grid{gap:18px!important;border:0!important;background:transparent!important}.tb-price-card{border:1px solid #dfe5e5!important;border-radius:22px!important;box-shadow:0 12px 28px #14212b0a!important}.tb-price-featured{border-radius:22px!important}.audit-form{border-radius:22px}.page-hero{background:linear-gradient(135deg,#14212b,#234653)}
@media(max-width:850px){.cs-products{padding:14px var(--pad);gap:14px}.cs-product{padding:2.25rem;min-height:300px}.cs-trust{margin:0;border-radius:0;padding-left:var(--pad);padding-right:var(--pad)}}@media(max-width:520px){.cs-building{border-radius:20px}.cs-building-main{border-radius:14px}.cs-products{padding:10px 1.25rem}.cs-product{border-radius:18px}.cs-trust{padding-top:76px;padding-bottom:76px}.cs-path li,.cs-path li:nth-child(even){padding:1.2rem}.tb-price-card,.tb-price-featured{border-radius:16px!important}}

/* Give each service page a real first impression, then keep its detail compact on phones. */
.cs-actions>a:not(.cs-button){border:0;padding:.95rem .1rem;color:#e5eff3}.cs-subline{max-width:480px;line-height:1.5}.page-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);gap:6vw;align-items:center;min-height:720px}.page-hero-preview{position:relative;z-index:2;justify-self:end;width:min(100%,440px);padding:2rem;border:1px solid #ffffff24;border-radius:26px;background:linear-gradient(145deg,#ffffff1c,#ffffff08);box-shadow:0 26px 64px #07111952;backdrop-filter:blur(10px);overflow:hidden}.page-hero-preview:before{content:"";position:absolute;width:270px;height:270px;right:-115px;bottom:-145px;border-radius:50%;background:#b7e33423;box-shadow:0 0 0 54px #36a9e114}.page-hero-preview>span{position:relative;display:block;color:#b7e334;font:700 .61rem "JetBrains Mono",monospace;letter-spacing:.09em;text-transform:uppercase}.page-hero-preview>strong{position:relative;display:block;margin:3.3rem 0;font-size:clamp(2rem,3.2vw,3rem);line-height:.96;letter-spacing:-.06em}.page-hero-preview>div{position:relative;display:flex;align-items:center;gap:.7rem;padding:1rem;border-radius:14px;background:#ffffffec;color:#17252e;font-size:.77rem}.page-hero-preview i{display:block;width:10px;height:10px;border-radius:50%;background:#68c896;box-shadow:0 0 0 5px #68c8962b}.page-cta-note{margin:1.15rem 0 0!important;color:#bfcbd2!important;font-size:.85rem!important}.feature{position:relative;overflow:hidden;min-height:255px;padding:2.2rem}.feature-mark{display:block;width:34px;height:8px;border-radius:999px;background:linear-gradient(90deg,#1678b8,#86d1ed)}.feature h2{margin:2.2rem 0 .75rem}.feature:after{content:"";position:absolute;right:-42px;bottom:-62px;width:150px;height:150px;border-radius:50%;background:#1678b80c}.feature-grid{align-items:stretch}.simple-process .section-head h2{text-transform:none}.final-cta h2{text-transform:none}
@media(max-width:850px){.page-hero{grid-template-columns:1fr;padding-top:118px;gap:2.7rem}.page-hero-preview{justify-self:start}.feature-grid{gap:13px}.feature{min-height:0;padding:1.8rem}.feature h2{margin:1.25rem 0 .55rem;font-size:2rem}.feature p{margin-bottom:0;font-size:1rem}.page-cta-note{margin-bottom:0!important}}@media(max-width:520px){.page-hero{min-height:0;padding-bottom:5rem}.page-hero-preview{width:100%;padding:1.5rem;border-radius:20px}.page-hero-preview>strong{margin:2rem 0;font-size:2.05rem}.feature{padding:1.55rem}.feature-mark{width:28px;height:7px}.feature h2{font-size:1.75rem}.mobile-cta{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-transform:none;letter-spacing:0}}
