:root{--build-cyan:#39dbf2;--build-ink:#03121d;--build-muted:#9ebccc}
body.build-page{background:#020c15;color:#edf7fa;margin:0}
.build-page .brand-mark{border-radius:50%;border:1px solid #1684a0;background:radial-gradient(circle,#0a364b,#03131f);box-shadow:0 0 18px #0cc5e21a}
.build-page main{position:relative;isolation:isolate;background:radial-gradient(ellipse 70% 24% at 100% 10%,#07506936,transparent 80%),radial-gradient(ellipse 65% 30% at 0% 60%,#09364c44,transparent 85%),radial-gradient(ellipse 70% 28% at 100% 90%,#182d6033,transparent 85%),#020c15}
.build-page main:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:repeating-linear-gradient(151deg,transparent 0 175px,#32bed40a 176px,transparent 177px 350px);mask-image:linear-gradient(90deg,#000a,transparent 40%,#000)}
.build-wrap{width:min(1280px,88%);margin-inline:auto}
.build-label{font:600 10px/1.6 monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--build-cyan)}
.build-hero{position:relative;padding:80px 0 46px;overflow:hidden;border-bottom:1px solid #16404e66}
.build-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#020c1544,transparent 60%),url('/assets/build-signal-architecture.svg') 112% 48%/min(87vw,1250px) auto no-repeat;pointer-events:none}
.build-hero .build-wrap{position:relative;display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:25px}
.build-hero h1{font:400 clamp(44px,4.8vw,76px)/1.03 Georgia,serif;letter-spacing:-.045em;margin:24px 0}
.build-hero h1 em{color:var(--build-cyan);font-weight:400}
.build-intro{font:15px/1.8 Arial,sans-serif;color:#adc7d5;max-width:560px}
.build-hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px;flex-wrap:wrap}
.build-hero-actions .button,.build-cta .button{font:700 13px Arial,sans-serif;border-radius:30px;padding:16px 23px;background:#cae0ff;color:#07172c;box-shadow:0 4px #6488b2;text-decoration:none;border:0;cursor:pointer}
.build-text-link{font:600 12px Arial,sans-serif;color:#d6edf5;text-decoration:none}
.build-map{position:relative;min-height:345px;display:grid;place-items:center;isolation:isolate}
.build-map:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#1ca9d311,transparent 65%);z-index:-1}
.build-map-center{text-align:center;display:grid;gap:6px;background:radial-gradient(ellipse,#031722c9,transparent 73%);padding:35px;transform:translateY(-15px)}
.build-map-center img{width:60px;margin:auto}.build-map-center strong{font:26px Georgia,serif}.build-map-center small{font:9px monospace;letter-spacing:.2em;color:var(--build-cyan)}
.build-map-tag{position:absolute;font:10px monospace;letter-spacing:.1em;background:#041b29d9;border:1px solid #1b6175;padding:9px 14px;border-radius:20px;color:#b1e0ed}
.build-map-tag:nth-of-type(1){top:14%;left:4%}.build-map-tag:nth-of-type(2){right:0;top:32%}.build-map-tag:nth-of-type(3){left:1%;bottom:21%}.build-map-tag:nth-of-type(4){right:4%;bottom:10%}
.build-foundations{display:flex;gap:28px;flex-wrap:wrap;padding-top:25px;margin-top:32px;border-top:1px solid #143442;font:11px Arial,sans-serif;color:var(--build-muted)}
.build-foundations span:before{content:'◇';color:var(--build-cyan);margin-right:8px}
.build-library{padding:62px 0 70px}
.build-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}
.build-section-head h2,.build-connection h2{font:400 clamp(30px,3vw,44px)/1.1 Georgia,serif;letter-spacing:-.025em;margin:12px 0 0}
.build-section-head>p{max-width:350px;font:13px/1.7 Arial,sans-serif;color:var(--build-muted)}
.build-library-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:28px;align-items:start}
.build-selector{display:grid;gap:7px;position:sticky;top:30px;scrollbar-width:thin;scrollbar-color:#247c91 #041622}
.build-selector button{display:flex;text-align:left;align-items:center;gap:14px;width:100%;border:1px solid transparent;border-bottom-color:#153440;background:#06172366;color:#a4c0cf;padding:17px 15px;border-radius:6px;font:13px/1.35 Arial,sans-serif;cursor:pointer}
.build-selector button span{font:10px monospace;color:#4e8b9d}.build-selector button b{margin-left:auto;font-weight:400;color:#3cdcf5}
.build-selector button[aria-pressed=true]{border-color:#27c9e3;background:linear-gradient(100deg,#0a3549,#05202e);color:white;box-shadow:inset 3px 0 #39dbf2}
.build-selector button[aria-pressed=true] span{color:var(--build-cyan)}
.build-panel{position:relative;border:1px solid #256176;border-radius:14px;background:radial-gradient(ellipse at 100% 0%,#0a456144,transparent 55%),linear-gradient(120deg,#052232ef,#03121df5);padding:36px;overflow:hidden;scroll-margin-top:25px;box-shadow:0 25px 90px #0003}
.build-panel[hidden]{display:none!important}
.build-panel-top{display:flex;gap:20px;justify-content:space-between}.build-panel-top .build-label{margin:0}.build-panel-top>span{font:10px monospace;color:#67adbd;border:1px solid #1c5263;border-radius:20px;padding:7px 10px;align-self:start;white-space:nowrap}
.build-panel h3{font:400 clamp(30px,3vw,43px)/1.12 Georgia,serif;margin:18px 0;color:#fff;letter-spacing:-.025em}
.build-panel .build-summary{font:15px/1.7 Arial,sans-serif;color:#c0d8e4;max-width:680px;margin-bottom:25px}
.build-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid #1a4152;padding-top:23px}
.build-detail-grid h4,.build-example h4{font:600 10px monospace;letter-spacing:.13em;text-transform:uppercase;color:var(--build-cyan);margin:0 0 15px}
.build-detail-grid ul{padding:0;list-style:none;margin:0;display:grid;gap:11px}.build-detail-grid li{font:13px/1.65 Arial,sans-serif;color:#a8c4d3;padding-left:17px;position:relative}.build-detail-grid li:before{content:'◇';position:absolute;left:0;color:#3fbfda;font-size:11px}
.build-example{background:#03121dc4;border-left:2px solid #32cbe5;padding:18px 20px;margin-top:27px}.build-example h4{margin-bottom:8px}.build-example p{font:13px/1.75 Arial,sans-serif;margin:0;color:#afcad7}
.build-caution{font:11px/1.7 Arial,sans-serif;color:#7ea1b1;margin:20px 0 0}
.build-panel-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #193c4a;margin-top:25px;padding-top:22px}.build-panel-foot span{font:11px Arial,sans-serif;color:#84acbb}.build-enquire{background:#062b3d;border:1px solid #2dcbe3;border-radius:24px;color:#e7f8ff;padding:12px 17px;font:600 12px Arial,sans-serif;cursor:pointer;text-decoration:none}
.build-connection{border-top:1px solid #15354188;border-bottom:1px solid #15354188;background:linear-gradient(120deg,#061d2c55,#03111c33);padding:46px 0}
.build-connection .build-wrap{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.build-connection p{font:14px/1.8 Arial,sans-serif;color:#a0bece}
.build-sequence{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:22px}.build-sequence span{border:1px solid #24566a;padding:10px 14px;border-radius:5px;font:11px Arial,sans-serif;color:#c6dfec}.build-sequence i{font-style:normal;color:#29cbe4}
.build-cta{padding:55px 0 65px}.build-cta .build-wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.build-cta h2{font:36px Georgia,serif;margin:0 0 10px}.build-cta p{font:13px/1.7 Arial,sans-serif;color:#9cbbcc;margin:0}.build-preview-note{text-align:center;font:10px monospace;letter-spacing:.08em;color:#6897aa;padding:12px;border-top:1px solid #12323d;background:#041420}
.build-page :focus-visible{outline:2px solid #66e7ff;outline-offset:5px}
.build-guide-hero{padding:30px 0 32px}
.build-guide-hero:before{opacity:.65;background-position:112% 42%;background-size:min(65vw,850px) auto;mask-image:linear-gradient(90deg,transparent 35%,#000 75%)}
.build-guide-hero .build-wrap{grid-template-columns:1.3fr 1fr;gap:70px;align-items:end}
.build-breadcrumb{display:flex;gap:10px;font:11px Arial,sans-serif;color:#7294a6;margin-bottom:29px}
.build-breadcrumb a{color:#95b6c7;text-decoration:none}.build-breadcrumb a:hover{color:var(--build-cyan)}
.build-guide-hero .build-label{font-size:9px;margin:0}
.build-guide-hero h1{font:400 clamp(34px,3.2vw,48px)/1.15 Georgia,serif;letter-spacing:-.025em;margin:14px 0 0;max-width:650px}
.build-guide-hero h1 span{color:#b3dfe8}
.build-guide-intro{padding:12px 0 3px;border-left:1px solid #22607566;padding-left:26px;max-width:450px}
.build-guide-intro>p{font:14px/1.8 Arial,sans-serif;color:#c1d8e3;margin:0 0 10px}
.build-guide-intro>small{display:block;font:12px/1.8 Arial,sans-serif;color:#8aafc1}
.build-guide-index{display:flex;align-items:center;gap:12px;margin-top:15px}.build-guide-index b{font:32px/1 Georgia,serif;color:#39cce4;font-weight:400}.build-guide-index span{font:8px/1.8 monospace;letter-spacing:.16em;color:#82aab9}.build-guide-index i{font-style:normal;margin-left:8px;color:#35d5ee}
.build-guide-hero+.build-library{padding-top:30px}
.build-guide-hero+.build-library .build-section-head{margin-bottom:22px}
.build-guide-hero+.build-library .build-section-head h2{font-size:29px}
@media(min-width:761px){.build-library:before{content:'';position:absolute;left:-16%;top:620px;width:65%;height:1050px;background:url('/assets/build-signal-architecture.svg') center/contain no-repeat;opacity:.14;pointer-events:none;z-index:-1;transform:scaleX(-1)}}
@media(max-width:760px){.build-hero:before{background:linear-gradient(#020c15 0 35%,transparent 65%),url('/assets/build-signal-architecture.svg') center bottom/850px auto no-repeat}.build-map-center{transform:translateY(10px)}}
@media(max-width:980px){.build-hero .build-wrap{grid-template-columns:1fr 1fr}.build-library-layout{grid-template-columns:220px minmax(0,1fr)}.build-panel{padding:25px}.build-hero h1{font-size:54px}}
@media(max-width:760px){.build-wrap{width:90%}.build-hero{padding-top:42px}.build-hero .build-wrap{display:flex;flex-direction:column;gap:0}.build-hero h1{font-size:46px}.build-intro{font-size:14px}.build-map{width:100%;min-height:290px;margin-top:20px}.build-foundations{gap:12px;font-size:10px}.build-section-head{display:block}.build-library{padding:38px 0}.build-library-layout{display:block}.build-selector{position:static;display:flex;overflow-x:auto;gap:8px;padding-bottom:15px;margin-bottom:10px}.build-selector button{width:auto;min-width:180px;flex-shrink:0;padding:13px 12px}.build-panel{padding:23px 20px}.build-panel-top>span{font-size:8px}.build-detail-grid{grid-template-columns:1fr;gap:25px}.build-panel h3{font-size:33px}.build-summary{font-size:14px!important}.build-panel-foot{align-items:start;flex-direction:column}.build-connection .build-wrap{grid-template-columns:1fr;gap:18px}.build-cta .build-wrap{display:block}.build-cta .button{margin-top:25px;display:inline-block}.build-cta h2{font-size:30px}}
@media(max-width:980px){.build-guide-hero .build-wrap{grid-template-columns:1.2fr 1fr;gap:30px}.build-guide-hero h1{font-size:39px}}
@media(max-width:760px){.build-guide-hero{padding:24px 0 26px}.build-guide-hero .build-wrap{display:block}.build-breadcrumb{margin-bottom:24px}.build-guide-hero h1{font-size:34px}.build-guide-hero h1 br{display:none}.build-guide-intro{padding:0;border:0;margin-top:20px;max-width:none}.build-guide-intro>p{font-size:13px}.build-guide-intro>small{font-size:11px}.build-guide-index{margin-top:16px}.build-guide-hero:before{mask-image:linear-gradient(90deg,transparent,#000);background-position:70% center;background-size:720px auto;opacity:.25}.build-guide-hero+.build-library{padding-top:24px}.build-guide-hero+.build-library .build-section-head h2{font-size:27px}}