:root{--ink:#182d30;--muted:#526467;--cream:#f6f5ef;--line:#d9dfd8;--green:#174f49;--lime:#d8f593}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #a3b536;outline-offset:5px}.skip{position:absolute;top:-80px;background:white;padding:15px;z-index:10}.skip:focus{top:0}header{max-width:1360px;margin:auto;padding:26px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:14px;font-size:27px;font-weight:800;align-items:center;letter-spacing:-1px}.brand>span{font-size:15px;letter-spacing:0;line-height:1.35}.brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:600;margin-top:4px}nav{display:flex;gap:30px;align-items:center;font-size:13px;font-weight:600}.nav-contact{border:1px solid var(--line);padding:10px 18px;border-radius:4px}.nav-contact span{margin-left:20px}.hero{max-width:1360px;margin:auto;padding:75px 5% 65px;display:grid;grid-template-columns:1.45fr 1fr;gap:65px;align-items:center}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.8px;margin:0 0 24px}.dot{display:inline-block;width:7px;height:7px;background:#2e7761;border-radius:50%;margin-right:8px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(40px,4.8vw,67px);line-height:1.06;letter-spacing:-2.8px;font-weight:650;margin-bottom:26px}em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.intro{font-size:17px;color:var(--muted);max-width:520px;line-height:1.75}.actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;gap:28px;background:var(--green);color:white;border-radius:4px;padding:14px 22px;font-size:13px;font-weight:600}.button:hover{background:#24655b}.text-link{font-size:13px;font-weight:650;border-bottom:1px solid #9ba9a1;padding-bottom:3px}.location{font-size:11px;color:var(--muted);margin:32px 0 0}.location span{margin:0 9px}.blueprint{background:var(--ink);color:#f3f5e9;padding:28px 32px;border-radius:7px;position:relative;overflow:hidden;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:24px 24px;box-shadow:12px 14px 0 #e3e8dd}.diagram-top,.diagram-bottom{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.2px;color:#bdcec5}.diagram-top{padding-bottom:18px;border-bottom:1px solid #ffffff25}.flow{padding:23px 0}.flow span{display:block;font-size:9px;letter-spacing:1.5px;color:#b9c8c1}.flow strong{display:block;font-size:23px;font-weight:500;letter-spacing:-.5px}.flow i{display:block;color:#91af9d;font-style:normal;font-size:18px;margin:5px 0}.lime{color:var(--lime)}.diagram-bottom{border-top:1px solid #ffffff25;padding-top:16px;align-items:center}.diagram-bottom b{color:var(--lime);font-size:22px}.proof{max-width:1224px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0}.proof>div{padding:0 30px;border-right:1px solid var(--line)}.proof>div:first-child{padding-left:0}.proof>div:last-child{border:0}.proof strong{font-size:32px;font-weight:600;letter-spacing:-1px}.proof strong span{font-size:18px;color:var(--muted);letter-spacing:0}.proof p{font-size:12px;color:var(--muted);margin:4px 0 0}.section{max-width:1360px;margin:auto;padding:85px 5% 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:36px}h2{font-size:clamp(32px,3.4vw,46px);line-height:1.14;letter-spacing:-1.5px;font-weight:600;margin-bottom:0}.section-heading>p{max-width:360px;font-size:14px;color:var(--muted);margin:0}.case{background:#fffefa;border:1px solid var(--line);border-radius:6px;overflow:hidden}.case-wide{display:grid;grid-template-columns:1.15fr 1fr;margin-bottom:24px}.case-copy{padding:36px 40px}.case-number{font-size:10px;letter-spacing:1.5px;font-weight:700;margin-bottom:13px}.badge{display:inline-block;background:#e5efe5;color:#285346;font-size:9px;font-weight:750;letter-spacing:.7px;padding:5px 9px;border-radius:3px;margin-bottom:18px}.prototype{background:#f5ebd7;color:#795918}h3{font-size:29px;line-height:1.2;letter-spacing:-.7px;font-weight:600;margin-bottom:19px}.case-copy>p:not(.case-number){font-size:14px;color:var(--muted)}dl{font-size:12px;margin:22px 0}dt{font-weight:700;float:left;width:75px}dd{margin-left:85px;margin-bottom:10px;color:var(--muted)}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:23px}.tags span{font-size:10px;border:1px solid var(--line);border-radius:3px;padding:3px 8px}.visual{margin:24px;background:#eef1e9;padding:38px;display:flex;flex-direction:column;justify-content:center;border-radius:4px}.visual>p{font-size:9px;font-weight:700;letter-spacing:1.4px;margin-bottom:35px}.bar-row{display:flex;justify-content:space-between;font-size:12px;align-items:center}.bar-row strong{font-size:28px;font-weight:500}.bar{height:15px;background:#dce4d7;margin:8px 0 27px;border-radius:2px;overflow:hidden}.bar i{display:block;height:100%;background:#a2b299}.bar:nth-of-type(4) i{background:var(--green)}.visual-note{font-size:16px;font-weight:600;border-top:1px solid #ccd5c6;padding-top:18px;margin-top:12px}.visual-note small{display:block;font-size:10px;font-weight:400;margin-top:5px;color:var(--muted)}.reverse .visual{background:#e7edeb}.cost-before,.cost-after{font-size:53px;line-height:1.2;letter-spacing:-2px}.cost-before{color:#81918b}.cost-before span,.cost-after span{font-size:9px;letter-spacing:1px;margin-left:14px}.cost-line{font-size:28px;color:#7b9387;margin:6px 0}.cost-after{color:var(--green)}.telecom .visual-note{margin-top:25px}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mini-art{height:220px;position:relative;background:#e9eee5;display:flex;justify-content:center;align-items:center;overflow:hidden}.mini-art>span{position:absolute;bottom:12px;font-size:8px;letter-spacing:1.2px;color:#52655a}.wheel{width:150px;height:150px;border:8px solid var(--ink);border-radius:50%;background:conic-gradient(#b5ce99 0deg 60deg,#28574d 60deg 120deg,#efe4c7 120deg 180deg,#90ad94 180deg 240deg,#386b5e 240deg 300deg,#d3ddc0 300deg);box-shadow:0 8px 0 #cad4c6;position:relative;transform:rotate(-15deg)}.wheel:after{content:'✦';display:grid;place-items:center;position:absolute;inset:46px;background:#fbf8ef;border:3px solid var(--ink);border-radius:50%;color:var(--green);font-size:22px}.wheel:before{content:'';position:absolute;left:56px;top:-15px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:23px solid #c89446;z-index:1}.portal-art{background:#e4ebe9}.mock-portal{display:flex;width:260px;height:150px;background:#fffefa;border:1px solid #b5c8bd;border-radius:5px;box-shadow:8px 9px 0 #ccd9d1;padding:12px;gap:14px;transform:rotate(-3deg)}.mock-side{border-right:1px solid var(--line);width:28px;line-height:28px;font-size:15px;color:var(--green)}.mock-body{flex:1}.mock-head{width:50%;height:5px;background:#bdcdbf;margin:5px 0 14px}.mock-stats{display:flex;gap:8px}.mock-stats i{height:26px;background:#e7eddf;flex:1;border-radius:3px}.mock-chart{display:flex;gap:9px;align-items:end;height:60px;border-bottom:1px solid var(--line);padding:4px 8px 0}.mock-chart i{background:#5a8068;width:15px;height:45%}.mock-chart i:nth-child(2n){height:70%;background:#b1c88e}.mock-chart i:nth-child(3n){height:90%}.outcome{padding-top:15px;border-top:1px solid var(--line);font-size:12px!important}.source-note{font-size:11px;color:var(--muted);margin:20px 0 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:48px}.steps>div{padding:0 25px;border-left:1px solid var(--line)}.steps>div:first-child{padding-left:0;border:0}.steps span{color:#63826b;font-size:12px}.steps h3{font-size:21px;margin:14px 0 12px}.steps p{font-size:13px;color:var(--muted)}.toolbox{margin-top:35px;border-top:1px solid var(--line);padding-top:28px}.toolbox .eyebrow{margin-bottom:14px}.toolbox>div{display:flex;gap:10px;flex-wrap:wrap}.toolbox>div span{background:#e8ece1;padding:6px 12px;border-radius:3px;font-size:12px}.toolbox>p:last-child{font-size:13px;color:var(--muted);max-width:850px;margin-top:20px}.reotemp{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;margin-top:70px;background:#e9ede3;padding-top:60px;padding-bottom:60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.reotemp h2{margin-bottom:25px}.reotemp p{font-size:14px;color:var(--muted)}.proposal{align-self:center;border-top:2px solid #6f8b72;padding-top:22px}.proposal h3{font-size:21px}.proposal>div{display:flex;gap:18px;border-bottom:1px solid #cdd7c8;padding:10px 0}.proposal>div>span{font-size:11px;color:#658168;padding-top:2px}.proposal small{display:block;font-size:10px;color:var(--muted);margin-top:18px}.contact{max-width:1360px;margin:auto;padding:80px 5%;text-align:center}.contact h2{font-size:52px}.contact>p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:24px}.contact .actions{justify-content:center}.resume{margin:30px auto 0;padding:16px 20px;max-width:480px;border:1px dashed #a8b5a5;border-radius:4px;scroll-margin-top:30px;font-size:12px}.resume span{display:block;color:var(--muted);font-size:11px}.resume:target{background:#e7eedb;border:1px solid #76945f}.contact-details span{margin:0 12px}footer{max-width:1224px;margin:auto;border-top:1px solid var(--line);padding:25px 0;display:flex;justify-content:space-between;gap:20px;font-size:10px}.footer-muted{color:var(--muted)}@media(min-width:1500px){.hero{padding-top:90px;padding-bottom:80px}}@media(max-width:900px){nav{gap:16px}.hero{gap:30px}.flow strong{font-size:19px}.blueprint{padding:24px}.proof{margin:0 5%}.proof strong{font-size:26px}.case-copy{padding:28px}.visual{padding:25px;margin:18px}.reotemp{gap:35px}footer{margin:0 5%}.steps>div{padding:0 15px}}@media(max-width:650px){header{padding:20px 6%}.brand{font-size:24px}.brand>span{font-size:12px}nav>a:not(.nav-contact){display:none}.nav-contact{font-size:11px;padding:8px 12px}.hero{display:block;padding:48px 6%}.hero .eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:45px;letter-spacing:-2px}.intro{font-size:16px}.blueprint{margin:40px 7px 0 0}.flow{display:grid;grid-template-columns:1fr;gap:3px}.flow strong{font-size:23px}.flow i{margin:0}.proof{grid-template-columns:1fr;margin:0 6%;padding:8px 0}.proof>div,.proof>div:first-child{padding:18px 0;border-right:0;border-bottom:1px solid var(--line)}.proof strong{font-size:30px}.section{padding:55px 6% 0}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:22px}h2{font-size:35px}.case-wide,.case-grid{grid-template-columns:1fr}.case-copy{padding:26px}.visual{margin:0 20px 20px;padding:28px}.visual>p{margin-bottom:22px}.case-grid{gap:24px}.mini-art{height:190px}.steps{grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}.steps>div,.steps>div:first-child{padding:0;border:0}.steps p{margin-bottom:0}.steps h3{font-size:19px}.reotemp{display:block;padding:40px 6%;margin-top:45px}.proposal{margin-top:35px}.contact{padding:55px 6%}.contact h2{font-size:40px}.contact .actions{gap:20px}.contact-details{font-size:12px!important}footer{flex-wrap:wrap;padding:22px 0}footer>span:nth-child(2){order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{header,nav,.blueprint,.mini-art,footer{display:none}.hero,.section,.contact,.reotemp{padding:20px 0;margin:0}.case{break-inside:avoid}.button{color:var(--ink);background:none}.proof{margin:0}.case-copy{padding:20px}body{background:white}}
