main{text-align:center}main section{margin:25px 0}main section#summary{margin-left:auto;margin-right:auto;padding:0 20px;width:fit-content;border-radius:10px;background-color:rgba(255,255,255,.9)}main section#summary h1{font-size:250%;text-shadow:1px 1px 3px #666}main section#summary p{font-size:150%;color:var(--dark-gray)}main section#call{padding:15px}main a.button-call{display:block;margin:0 auto;padding:15px;width:13em;border:3px solid var(--green);border-radius:10px;background-color:var(--green);text-align:center;color:#fff;font-size:150%;font-weight:bold;text-decoration:none;box-shadow:3px 3px 5px #666}main a.button-call:hover{background-color:rgba(255,255,255,.95);color:#000}@media (max-width: 600px){main a.button-call{font-size:125%}}main div.promo{pointer-events:none;margin:-12px auto 0 auto;width:fit-content;font-size:11pt;color:#fff;--s: 1.8em;--d: .8em;--c: .8em;padding:0 calc(var(--s) + .5em) var(--d);line-height:1.8;background:conic-gradient(at left var(--s) bottom var(--d), rgba(0,0,0,0) 25%, rgba(0,0,0,.5333333333) 0 37.5%, rgba(0,0,0,.2666666667) 0) 0/50% 100% no-repeat,conic-gradient(at right var(--s) bottom var(--d), rgba(0,0,0,.2666666667) 62.5%, rgba(0,0,0,.5333333333) 0 75%, rgba(0,0,0,0) 0) 100%/50% 100% no-repeat;clip-path:polygon(0 var(--d), var(--s) var(--d), var(--s) 0, calc(100% - var(--s)) 0, calc(100% - var(--s)) var(--d), 100% var(--d), calc(100% - var(--c)) calc(50% + var(--d)/2), 100% 100%, calc(100% - var(--s) - var(--d)) 100%, calc(100% - var(--s) - var(--d)) calc(100% - var(--d)), calc(var(--s) + var(--d)) calc(100% - var(--d)), calc(var(--s) + var(--d)) 100%, 0 100%, var(--c) calc(50% + var(--d)/2));background-color:#d95b43}main div.promo strong{pointer-events:auto}@media (max-width: 600px){main div.promo{font-size:9pt}}main section#promo-asterisk{font-size:9pt;color:var(--dark-gray);margin:0 auto}main section#clarify p{display:inline}main section#clarify p:last-child:before{content:" "}@media (max-width: 650px){main section#clarify p{display:block}main section#clarify p:last-child:before{content:""}}main section#benchmark{margin:20px auto;max-width:800px;display:flex;flex-flow:row wrap;justify-content:center;align-items:center}main section#benchmark>div{--result-width: 380px;width:var(--result-width);padding:10px}main section#benchmark>div:nth-child(1){margin:25px 0;font-size:20pt}main section#benchmark>div:nth-child(1) h1{width:fit-content;margin:0 auto;font-size:48pt;color:var(--green);transform:skewX(-25deg)}main section#benchmark>div:nth-child(1) h1:after{content:"x";color:var(--dark-gray);font-size:30pt}main section#benchmark>div div.double-header{margin-bottom:5px}main section#benchmark>div div.double-header>div:nth-child(1){font-weight:bold;font-size:14pt}main section#benchmark>div div.double-header>div:nth-child(1) a{text-decoration:none}main section#benchmark>div div.double-header>div:nth-child(2){display:grid;grid-template-columns:50% 50%}main section#benchmark>div div.double-header>div:nth-child(2)>div:nth-child(1){color:var(--green);font-weight:bold;text-align:left}main section#benchmark>div div.double-header>div:nth-child(2)>div:nth-child(2){text-align:right;color:var(--dark-gray)}main section#benchmark>div div.results{display:grid;grid-template-columns:35% 30% 35%;grid-row-gap:2px}main section#benchmark>div div.results>div{font-weight:bold;--result-height: 40px;background-color:var(--light-gray);height:var(--result-height);line-height:var(--result-height);text-align:center}main section#benchmark>div div.results>div a{text-decoration:none}main section#benchmark>div div.results>div a:hover{color:inherit}main section#benchmark>div div.results>div:nth-child(3n-2){text-align:left;border-top-left-radius:5px;border-bottom-left-radius:5px}main section#benchmark>div div.results>div:nth-child(3n-2)>div{border-radius:5px;background-color:var(--green);color:#fff;padding-left:calc(var(--result-height)/3)}main section#benchmark>div div.results>div:nth-child(3n-0){padding-right:calc(var(--result-height)/3);text-align:right;border-top-right-radius:5px;border-bottom-right-radius:5px}main section#benchmark>div>div.result-detail{padding:10px 0;font-size:10pt;color:var(--dark-gray)}main section#cut-overhead{max-width:800px;margin:0 auto}main section#cut-overhead h1{display:flex;flex-flow:row wrap;justify-content:center;margin:50px 20px;font-size:20pt;color:var(--green)}main section#cut-overhead h1 span{margin:0 .3ch}main section#cut-overhead div.scissor{--size: 40px;position:absolute;left:calc(50% - var(--size)/2);margin-top:calc(-1*var(--size)/2)}main section#cut-overhead div.scissor img{width:var(--size)}main section#cut-overhead div.scissor-line{background-image:url("data:image/svg+xml,%3csvg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'%3e%3cline x='0' y='0' x2='0' y2='100%' fill='none' stroke='black' stroke-width='5' stroke-dasharray='20%2c 15' stroke-dashoffset='0'/%3e%3c/svg%3e")}main section#cut-overhead div.comparison{display:grid;--line-width: 2px;grid-template-columns:calc(50% - var(--line-width)/2) var(--line-width) calc(50% - var(--line-width)/2)}main section#cut-overhead div.comparison label{font-size:20pt}main section#cut-overhead div.comparison label img{margin:30px 5px}main section#cut-overhead div.comparison label:nth-child(1){color:var(--dark-gray)}main section#cut-overhead div.comparison label:nth-child(3){color:var(--green);font-weight:bold}@media (max-width: 700px){main section#cut-overhead h1{font-size:18pt}main section#cut-overhead div:not(.scissor) label{font-size:16pt}main section#cut-overhead div:not(.scissor) label img{margin:15px 5px}}main section#terraform{margin:20px auto;width:fit-content}main section#terraform h1{margin:50px;font-size:20pt;color:var(--dark-gray);font-weight:normal}main section#terraform h1 em,main section#terraform h1 code{color:var(--green);font-weight:bold}main section#terraform pre{box-shadow:5px 5px 15px #666;border-radius:10px;padding:30px 40px;text-align:left;font-size:16pt}@media (max-width: 600px){main section#terraform pre{font-size:13pt;padding:20px 25px}}@media (max-width: 500px){main section#terraform h1{font-size:14pt}main section#terraform pre{font-size:11pt;padding:15px 20px}}main section#step{margin:50px 0;background:url("image/canopy.svg") center;background-size:auto 100%}main section#step div{background-color:rgba(255,255,255,.95)}main section#step div div{--video-border: 2px;position:relative;margin:0 auto;max-width:calc(960px + 2*var(--video-border));aspect-ratio:16/9.6}main section#step div div ol{margin:20px auto;width:fit-content;font-size:20pt}main section#step div div ol li{display:inline;margin:0 5px;padding:5px 25px 20px 25px;border:2px solid var(--green);border-radius:10px;list-style-type:none;text-align:center}main section#step div div ol li video{position:absolute;top:0;left:0;width:calc(100% - 2*var(--video-border));border:solid var(--green);border-top-width:2px;border-bottom-width:2px;border-left-width:var(--video-border);border-right-width:var(--video-border);margin-top:35px;background-color:#fff;visibility:hidden;z-index:2}main section#step div div ol li:nth-child(4) video{visibility:visible;z-index:1}main section#step div div ol li:hover{background-color:var(--green);color:#fff}main section#step div div ol li:hover video{visibility:visible}main section#step div div ol li a{text-decoration:none;font-weight:bold}main section#step div div ol li a:hover{color:inherit;text-decoration:none}@media (max-width: 964px){main section#step{background:none}main section#step div div{--video-border: 0px}main section#step div div ol li a{pointer-events:none}}@media (max-width: 700px){main section#step div div ol li{font-size:15pt;margin:0 2px;padding:5px 10px 20px 10px}}@media (max-width: 500px){main section#step div div ol li{font-size:12pt;margin:0 2px;padding:5px 7px 20px 7px}}main section#detail{display:flex;flex-flow:row wrap;justify-content:center;margin-left:auto;margin-right:auto;padding:0 20px;max-width:900px}main section#detail>div{margin:5px;width:290px;height:290px;perspective:1000px}main section#detail>div>div{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}main section#detail>div>div>div{position:absolute;padding:5px;width:276px;height:276px;border:2px solid var(--green);border-radius:24px;background-color:#fff;overflow:hidden;backface-visibility:hidden}main section#detail>div>div>div:nth-child(1) img{margin:60px auto;height:60px}main section#detail>div>div>div:nth-child(1) p{font-size:125%;font-weight:bold}main section#detail>div>div>div:nth-child(1)::after{display:block;position:absolute;bottom:0;right:0;margin:15px;--size: 16px;width:var(--size);height:var(--size);background:url("image/flip.svg") center no-repeat;background-size:auto 100%;content:""}main section#detail>div>div>div:nth-child(2){transform:rotateY(180deg)}main section#detail>div>div>div:nth-child(2) h2{margin:25px 0}main section#detail>div>div>div:nth-child(2) p{margin:20px 0}main section#detail>div>div>div:nth-child(2) img{position:absolute;left:0;bottom:0;z-index:-1}main section#detail>div>div>div:nth-child(2) table{width:100%}main section#detail>div>div>div:nth-child(2) table th{text-align:right}main section#detail>div>div>div:nth-child(2) table td:nth-child(2){text-align:right;width:4em}main section#detail>div>div>div:nth-child(2) table td:nth-child(3){text-align:left}main section#detail>div:hover>div{transform:rotateY(180deg)}main section#calculate{margin:50px 15px}main section#calculate fieldset{max-width:860px;margin:0 auto;padding:30px 15px;border:2px solid var(--green);border-radius:5px}main section#calculate fieldset legend{text-align:left;font-size:24pt;padding:0 10px;color:var(--green);font-weight:bold}main section#calculate h1{margin-bottom:20px}main section#calculate #inputs{width:fit-content;margin:0 auto;display:flex;flex-flow:row wrap;align-items:center;justify-content:center;text-align:center;font-weight:bold;color:var(--dark-gray)}main section#calculate #inputs label:nth-child(1){width:10ch}main section#calculate #inputs label:nth-child(2){width:11ch}main section#calculate #inputs label:nth-child(3){width:11ch}main section#calculate #inputs label:nth-child(4){width:13ch}main section#calculate #inputs label:nth-child(5){width:20ch}main section#calculate #inputs label{background-color:var(--light-gray);margin:3px;border-radius:5px;padding:7px;cursor:pointer;height:75px}main section#calculate #inputs label span#improvement_display:after{content:"%"}main section#calculate #inputs input{margin-top:10px;background-color:rgba(0,0,0,0)}main section#calculate #inputs input[type=range]{margin-top:20px}main section#calculate input:not([type]),main section#calculate input[type=text]{font-size:24pt;width:3ch;outline:none;border:none;text-align:center}main section#calculate input:not([type]):focus,main section#calculate input[type=text]:focus{font-weight:bold}main section#calculate input[type=range]#improvement_percent{appearance:none;outline:none;width:16ch;--track-height: 10px;--thumb-size: calc(var(--track-height) * 2)}main section#calculate input[type=range]#improvement_percent::-webkit-slider-runnable-track{background-color:var(--green);border-radius:3px;height:var(--track-height)}main section#calculate input[type=range]#improvement_percent::-moz-range-track{background-color:var(--green);border-radius:3px;height:var(--track-height)}main section#calculate input[type=range]#improvement_percent::-webkit-slider-thumb{-webkit-appearance:none;margin-top:calc(-1*var(--thumb-size)/4);background:#fff;border:2px solid var(--green);border-radius:5px;width:var(--thumb-size);height:var(--thumb-size)}main section#calculate input[type=range]#improvement_percent::-moz-range-thumb{background:#fff;border:2px solid var(--green);border-radius:5px;width:var(--thumb-size);height:var(--thumb-size)}main section#calculate div#engineer_saving{margin-top:40px;font-size:30pt}main section#calculate div#engineer_saving:before{content:"$";color:var(--green);font-weight:bold}main section#calculate div#engineer_saving:after{margin-left:5px;font-size:60%;color:var(--dark-gray);content:"/year"}main section#calculate div.js-note{margin:15px;color:var(--dark-gray)}@media (max-width: 700px){main section#calculate fieldset legend{font-size:20pt}main section#calculate div#engineer_saving{font-size:26pt}}@media (max-width: 550px){main section#calculate fieldset legend{font-size:16pt;text-align:center}main section#calculate div#engineer_saving{font-size:22pt}}main section#purpose{margin:30px auto;--width: 700px;--width-image: 100px;max-width:var(--width);padding:0 25px}main section#purpose div:first-child{display:flex;flex-flow:row wrap;justify-content:center}main section#purpose div:first-child img{width:var(--width-image)}main section#purpose div:first-child p{--magin: 25px;max-width:calc(var(--width) - var(--width-image) - var(--magin)*2);vertical-align:middle;margin:var(--magin);font-size:14pt;font-weight:bold}main section#purpose div:last-child{text-align:right}@media (max-width: 600px){main section#purpose{--width-image: 75px}main section#purpose p span:first-child{display:none}main section#purpose p span:last-child{text-transform:capitalize}}main section#excuse-no-more{margin:75px 20px}main section#excuse-no-more img{max-width:100%}main section#excuse-no-more a.button-call{margin:20px auto}