:root{--paper:#f3efe7;--ink:#17202a;--muted:#60676c;--lime:#ccff36;--violet:#6946f5;--coral:#ff6b57;--blue:#183aef;--line:#aeb3b2;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif;line-height:1.5}body::after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:radial-gradient(#17202a 0.5px,transparent .7px);background-size:5px 5px}.skip-link{position:fixed;z-index:100;top:-5rem;left:1rem;background:var(--ink);color:white;padding:.8rem}.skip-link:focus{top:1rem}a{color:inherit}button,input,textarea,select{font:inherit}.edge-header{height:86px;border-bottom:1px solid var(--ink);display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:3rem;padding:0 6rem 0 2rem;position:relative;z-index:12;background:var(--paper)}.wordmark{display:flex;align-items:center;gap:.7rem;text-decoration:none;font-size:1.25rem}.wordmark span{display:grid;place-items:center;width:2.7rem;height:2.7rem;background:var(--ink);color:var(--lime);font-size:.72rem;font-weight:900;clip-path:polygon(0 0,82% 0,100% 18%,100% 100%,18% 100%,0 82%)}.edge-header p{margin:0;text-transform:uppercase;letter-spacing:.13em;font-size:.65rem}.nav-trigger{background:none;border:0;border-bottom:1px solid var(--ink);padding:.5rem 0;cursor:pointer}.nav-trigger span{font-size:1.2rem;margin-left:.5rem}.edge-nav{position:fixed;right:0;top:0;bottom:0;width:55px;z-index:15;background:var(--ink);display:grid;grid-template-rows:repeat(5,1fr)}.edge-nav a{color:white;text-decoration:none;writing-mode:vertical-rl;transform:rotate(180deg);display:flex;align-items:center;justify-content:center;gap:.6rem;border-top:1px solid #ffffff33;text-transform:uppercase;letter-spacing:.15em;font-size:.65rem}.edge-nav a:hover{background:var(--violet)}.edge-nav span{color:var(--lime)}.hero{min-height:calc(100vh - 86px);margin-right:55px;display:grid;grid-template-columns:.85fr 1.15fr;grid-template-rows:1fr auto;overflow:hidden}.hero-message{padding:clamp(3rem,7vw,8rem) 3rem 4rem max(2rem,calc((100vw - var(--max))/2));align-self:center}.kicker{text-transform:uppercase;font-size:.68rem;font-weight:900;letter-spacing:.16em}.hero h1,.composer h2,.control h2,.publish h2,.measure h2,.contact h2{font-family:"Arial Black",Impact,sans-serif;letter-spacing:-.065em;line-height:.88}.hero h1{font-size:clamp(3.5rem,7vw,7.5rem);margin:.8rem 0 1.5rem;max-width:8ch}.hero-message>p:not(.kicker){font-size:1.05rem;max-width:52ch;color:var(--muted)}.arrow-link{display:flex;justify-content:space-between;align-items:center;background:var(--ink);color:white;padding:1rem;text-decoration:none;margin-top:2rem;max-width:25rem}.arrow-link span{color:var(--lime);font-size:1.5rem}.fold-stage{position:relative;background:var(--violet);min-height:640px;overflow:hidden}.fold{position:absolute;padding:1.5rem;box-shadow:0 25px 50px #18103855;display:flex;flex-direction:column;gap:.55rem}.fold small{text-transform:uppercase;letter-spacing:.18em;font-size:.6rem}.fold b{font-size:.78rem;border-top:1px solid currentColor;padding-top:.5rem}.consumers{left:5%;top:13%;width:34%;height:53%;background:var(--lime);clip-path:polygon(0 0,80% 0,100% 18%,100% 100%,0 82%);transform:rotate(-8deg)}.gateway{left:33%;top:25%;width:35%;height:52%;background:var(--ink);color:white;clip-path:polygon(0 18%,80% 0,100% 20%,82% 100%,10% 85%);transform:rotate(7deg);align-items:center;justify-content:center}.gateway i{display:block;width:80%;height:1px;background:var(--lime)}.services{right:4%;top:10%;width:34%;height:59%;background:var(--coral);clip-path:polygon(17% 0,100% 14%,83% 100%,0 82%,0 14%);transform:rotate(-5deg);align-items:end}.fold-stage svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:white;stroke-width:3;stroke-dasharray:8 9;opacity:.65}.hero-note{grid-column:1/-1;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:1rem 2rem;display:grid;grid-template-columns:.85fr 1.15fr}.hero-note span{font-weight:900;text-transform:uppercase;font-size:.7rem}.hero-note p{margin:0}.composer{padding:8rem max(2rem,calc((100% - var(--max))/2 + 55px));background:#1b2230;color:white}.composer-copy{display:grid;grid-template-columns:.7fr 1.3fr;column-gap:4rem}.composer-copy .kicker{grid-row:1/3}.composer h2{font-size:clamp(3.4rem,6vw,7rem);margin:0}.composer-copy>p:last-child{color:#bfc5ce;max-width:44rem}.workbench{margin-top:4rem;display:grid;grid-template-columns:.85fr 1.15fr;border:1px solid #596273}.controls{display:grid}.controls fieldset{border:0;border-bottom:1px solid #596273;margin:0;padding:1.5rem}.controls legend{text-transform:uppercase;color:var(--lime);letter-spacing:.14em;font-size:.65rem}.controls label{display:block;margin:.8rem 0;color:#d4d9e1}.controls input{accent-color:var(--lime)}.product-card{background:var(--lime);color:var(--ink);padding:2rem;clip-path:polygon(0 0,92% 0,100% 8%,100% 100%,8% 100%,0 92%)}.product-top{display:flex;justify-content:space-between;text-transform:uppercase;font-size:.65rem;letter-spacing:.12em}.product-glyph{display:flex;gap:.5rem;margin:3rem 0}.product-glyph i{width:3rem;height:3rem;background:var(--ink);clip-path:polygon(0 0,75% 0,100% 25%,100% 100%,25% 100%,0 75%)}.product-glyph i:nth-child(2){background:var(--violet);transform:rotate(45deg)}.product-glyph i:nth-child(3){background:var(--coral)}.product-card h3{font-family:"Arial Black",sans-serif;font-size:clamp(2rem,5vw,4.5rem);letter-spacing:-.06em;margin:.5rem 0}.product-card dl{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid;margin-top:2rem}.product-card dl div{padding:1rem 1rem 1rem 0}.product-card dt{font-size:.62rem;text-transform:uppercase}.product-card dd{margin:.3rem 0 0;font-weight:900}.product-card button{background:var(--ink);color:white;border:0;padding:1rem;cursor:pointer}.product-card #save-status{display:inline;margin-left:1rem;font-size:.8rem}.control{padding:8rem max(2rem,calc((100% - var(--max))/2 + 55px))}.control header{display:grid;grid-template-columns:.6fr 1.4fr}.control h2,.publish h2,.measure h2,.contact h2{font-size:clamp(3rem,6vw,6.3rem);margin:.4rem 0 3rem}.policy-route{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--ink)}.policy-route article{padding:1.5rem;min-height:310px;border-right:1px solid var(--ink);display:flex;flex-direction:column}.policy-route article:last-child{border:0}.policy-route b{font-size:4rem;color:var(--violet)}.policy-route span{text-transform:uppercase;font-size:.65rem;letter-spacing:.15em}.policy-route h3{font-size:1.4rem;margin-top:auto}.policy-route p{color:var(--muted)}.publish{margin-right:55px;padding:8rem max(2rem,calc((100% - var(--max))/2));background:var(--coral);display:grid;grid-template-columns:1.2fr .8fr;gap:5rem;align-items:center}.portal-preview{background:#fcfbf5;box-shadow:25px 25px 0 var(--ink);transform:rotate(-2deg)}.preview-bar{height:42px;background:var(--ink);color:white;display:flex;align-items:center;gap:.4rem;padding:.7rem}.preview-bar i{width:.55rem;height:.55rem;background:var(--lime);border-radius:50%}.preview-bar span{font-size:.65rem;margin-left:.5rem}.preview-body{display:grid;grid-template-columns:.6fr 1.4fr;min-height:360px}.preview-body aside{padding:2rem 1rem;border-right:1px solid #ddd;display:flex;flex-direction:column;gap:1rem;font-size:.72rem}.preview-body article{padding:3rem 2rem}.preview-body h3{font-size:2.2rem}.preview-body p{color:var(--muted)}code{display:block;background:#e5e6e7;padding:1rem}.publish-copy p{max-width:36rem}.publish-copy li{margin:.8rem 0}.measure{margin-right:55px;padding:8rem max(2rem,calc((100% - var(--max))/2));background:var(--blue);color:white}.measure>div:first-child{display:grid;grid-template-columns:.6fr 1.4fr}.meter-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:2rem 0;border:1px solid #ffffff88}.meter-grid article{padding:2rem;border-right:1px solid #ffffff88}.meter-grid article:last-child{border:0}.meter{height:1rem;background:#ffffff33;margin:2.5rem 0}.meter i{display:block;width:var(--value);height:100%;background:var(--lime)}.meter-grid p{color:#d9deff}.measure>small{color:#d9deff}.contact{margin-right:55px;padding:8rem max(2rem,calc((100% - var(--max))/2));display:grid;grid-template-columns:1fr 1fr;gap:5rem}.contact form{display:grid;gap:1rem}.contact label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.contact input,.contact select,.contact textarea{display:block;width:100%;border:1px solid var(--ink);background:transparent;padding:1rem;margin-top:.4rem}.contact textarea{min-height:110px;resize:vertical}.contact button{border:0;background:var(--violet);color:white;padding:1rem;cursor:pointer}.contact #form-status{margin:0;color:#5134c7}footer{margin-right:55px;background:var(--ink);color:white;padding:3rem max(2rem,calc((100% - var(--max))/2));display:grid;grid-template-columns:1.3fr 1.2fr .8fr .8fr;gap:3rem;font-size:.78rem}footer address{font-style:normal;color:#b6bdc7}footer>div:nth-child(3){display:flex;flex-direction:column;gap:.5rem}footer>p:last-child{color:var(--lime)}:focus-visible{outline:3px solid var(--coral);outline-offset:4px}@media(max-width:850px){.edge-header{padding:0 1rem;grid-template-columns:1fr auto}.edge-header p{display:none}.edge-nav{left:0;right:0;bottom:0;top:auto;width:auto;height:62px;grid-template-rows:1fr;grid-template-columns:repeat(5,1fr);overflow:auto}.edge-nav a{writing-mode:horizontal-tb;transform:none;flex-direction:column;gap:.1rem;border-right:1px solid #ffffff33;font-size:.58rem}.edge-nav span{font-size:.5rem}.edge-nav.open{height:auto;grid-template-columns:1fr}.edge-nav.open a{padding:.65rem;flex-direction:row}.nav-trigger{display:block}.hero,.publish,.measure,.contact,footer{margin-right:0}.hero{grid-template-columns:1fr}.hero-message{padding:4rem 1.5rem}.hero h1{font-size:clamp(4rem,15vw,6.5rem)}.fold-stage{min-height:520px}.hero-note{grid-template-columns:1fr}.composer,.control,.publish,.measure,.contact{padding:6rem 1.5rem}.composer-copy,.control header,.measure>div:first-child{grid-template-columns:1fr}.composer-copy .kicker{grid-row:auto}.workbench{grid-template-columns:1fr}.product-card{min-height:500px}.publish{grid-template-columns:1fr}.portal-preview{order:2}.contact{grid-template-columns:1fr}.contact h2{margin-bottom:0}footer{grid-template-columns:1fr 1fr;padding-bottom:7rem}}@media(max-width:560px){.edge-header{height:72px}.wordmark b{font-size:1rem}.hero{min-height:auto}.hero h1{font-size:3.8rem}.fold-stage{min-height:410px}.consumers,.services{width:40%}.gateway{width:43%;left:28%}.hero-note{padding:1rem}.composer,.control,.publish,.measure,.contact{padding-left:1rem;padding-right:1rem}.composer h2,.control h2,.publish h2,.measure h2,.contact h2{font-size:3.3rem}.product-card dl{grid-template-columns:1fr}.product-card dl div{padding:.6rem 0}.policy-route{grid-template-columns:1fr}.policy-route article{min-height:220px;border-right:0;border-bottom:1px solid var(--ink)}.preview-body{grid-template-columns:1fr}.preview-body aside{display:none}.meter-grid,footer{grid-template-columns:1fr}.meter-grid article{border-right:0;border-bottom:1px solid #ffffff88}.product-card #save-status{display:block;margin:1rem 0}.fold-stage svg{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
@media(max-width:560px){.publish{overflow:hidden}.publish>*{min-width:0}.portal-preview{width:calc(100% - 1rem);box-shadow:12px 12px 0 var(--ink)}.preview-body{grid-template-columns:minmax(0,1fr)}.preview-body article{min-width:0;padding:2rem 1rem}}