/*
Theme Name: Circltech
Author: Circltech
Description: Circltech company website with editable block content, product videos and a scenario calculator.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: circltech
*/
:root{--green:#00b140;--ink:#143c2d;--dark:#073e2b;--muted:#596a60;--cream:#f3f5ee;--line:#dce3d8;--white:#fff;--button:#087d37;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:'Century Gothic',CenturyGothic,AppleGothic,'Trebuchet MS',Arial,sans-serif;font-size:16px;line-height:1.65}button,input,textarea{font:inherit}img{max-width:100%;height:auto}a{color:inherit;text-underline-offset:5px}a:hover{color:#087d37}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #8068c8;outline-offset:5px}figure{margin:0}p{margin:0 0 1.2rem}h1,h2,h3{font-weight:700;line-height:1.09;letter-spacing:-.055em;margin:0 0 24px}h1{font-size:clamp(42px,5.8vw,82px);max-width:900px}h1 em{font-style:normal;color:#07863a}h2{font-size:clamp(30px,3.4vw,48px)}h3{font-size:25px;letter-spacing:-.035em;line-height:1.2}h1,h2{white-space:pre-line}button{cursor:pointer}main{overflow:hidden}.section{max-width:1320px;margin:0 auto;padding:86px 60px}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:700;margin-bottom:24px;color:#37714c}.lead{font-size:20px;line-height:1.6;max-width:650px}.subtle{font-size:13px;color:var(--muted)}.micro{font-size:11px;letter-spacing:.055em;line-height:1.6;color:var(--muted)}.wp-block-columns{display:flex;gap:48px;align-items:center}.wp-block-column{flex:1;min-width:0}.wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.wp-block-button__link,.nav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:50px;border-radius:6px;background:var(--button);color:white;text-decoration:none;padding:13px 23px;font-size:14px;font-weight:700;border:1px solid var(--button);line-height:1.4}.wp-block-button__link:hover,.nav-cta:hover{background:var(--dark);color:#fff}.is-style-outline .wp-block-button__link{background:transparent;color:var(--ink);border-color:#b7c5b4}.is-style-outline .wp-block-button__link:hover{background:#e3eadd}.site-header{border-bottom:1px solid var(--line);background:white;position:relative;z-index:10}.header-inner{max-width:1440px;margin:auto;padding:14px 44px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;flex-shrink:0}.brand img{width:68px;height:68px;object-fit:contain}nav{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:700}nav>a,.nav-dropdown>a{text-decoration:none}.portal-link{font-size:12px;border-left:1px solid var(--line);padding-left:23px;color:var(--muted)}.nav-cta{min-height:44px;padding:11px 17px;font-size:12px}.nav-dropdown{position:relative;display:flex;align-items:center;gap:4px}.dropdown-toggle{background:none;border:0;padding:7px;color:var(--ink)}.dropdown-menu{display:none;position:absolute;top:100%;left:-15px;min-width:240px;padding:12px;background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 28px #143c2d12}.dropdown-menu a{display:block;padding:10px;text-decoration:none;font-size:13px}.nav-dropdown.open .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu,.nav-dropdown:hover .dropdown-menu{display:block}.menu-toggle{display:none}.skip-link{position:absolute;top:-100px;left:10px;background:white;padding:12px;z-index:100}.skip-link:focus{top:5px}.hero{max-width:none;background:var(--cream);padding:60px max(60px,calc((100vw - 1200px)/2));min-height:660px}.hero-columns{max-width:1200px;margin:auto;gap:24px;align-items:center}.hero-columns>.wp-block-column:first-child{flex:1.18}.hero-columns>.wp-block-column:last-child{flex:1}.hero h1{font-size:clamp(44px,5.3vw,74px);max-width:680px}.hero .eyebrow{font-size:10px}.hero .lead{max-width:480px;font-size:19px}.hero .subtle{margin-top:28px}.product-stage{height:540px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 53%,#dcebd5 0%,#dcebd5 54%,transparent 54.3%)}.hero-machine{height:490px;width:295px;position:absolute;left:12%;bottom:26px;z-index:1}.hero-machine img{width:100%;height:100%;object-fit:contain}.hero-cup{position:absolute;height:210px;width:150px;right:-5%;bottom:28px;z-index:2;filter:drop-shadow(6px 16px 10px #143c2d20)}.hero-cup img{width:100%;height:100%;object-fit:contain}.stage-caption{position:absolute;bottom:-7px;font-size:9px;letter-spacing:.13em;color:#4c6956}.opening{padding-bottom:50px}.opening .wp-block-columns{align-items:start}.opening h2{max-width:520px}.opening .lead{font-size:18px;padding-top:30px}.loop{padding-top:28px;padding-bottom:60px}.steps{align-items:stretch;gap:24px}.step{border-top:1px solid #99b4a0;padding-top:18px}.step-number{font-size:13px;color:#087d37;font-weight:700;letter-spacing:.1em;margin-bottom:23px}.step h3{font-size:21px}.step p:last-child{font-size:14px;color:var(--muted)}.system-grid{gap:24px;align-items:stretch;margin-top:40px}.system-card{height:100%;display:flex;flex-direction:column}.system-image{background:var(--cream);height:310px;padding:28px;display:flex;align-items:center;justify-content:center;border-radius:12px;margin-bottom:25px}.system-image img{height:100%;width:100%;object-fit:contain}.system-card .micro{min-height:32px}.system-card h3{font-size:25px}.system-card>p:not(.micro){font-size:14px}.system-card>p:last-child{margin-top:auto;padding-top:14px}.system-card a{font-size:13px;font-weight:700;text-decoration:none;border-bottom:1px solid #8fab98;padding-bottom:7px}.cup-band{background:var(--cream);border-radius:20px;margin-top:40px;margin-bottom:30px}.cup-feature{height:360px;display:flex;align-items:center;justify-content:center}.cup-feature img{height:320px;width:auto;image-rendering:auto;filter:drop-shadow(15px 20px 12px #143c2d16)}.cup-band .wp-block-columns{gap:60px}.cup-band h2{max-width:560px}.cup-band p{max-width:560px}.video-grid{align-items:start;gap:24px}.wp-block-video video{width:100%;aspect-ratio:1/1;object-fit:contain;background:#e8ede5;border-radius:10px;display:block}.wp-block-video figcaption{font-size:13px;color:var(--muted);margin-top:14px;line-height:1.6}.evidence{background:var(--dark);color:white;border-radius:20px}.evidence .eyebrow{color:#91e4a2}.evidence .wp-block-column:first-child{flex:1.3}.evidence p{max-width:590px;color:#d6e5d9}.stat-panel{border-left:1px solid #6e9881;padding:20px 0 20px 65px}.stat{font-size:clamp(70px,8vw,110px);letter-spacing:-.07em;color:#b2f1bc;margin-bottom:8px}.stat-panel p{margin-bottom:3px}.impact .wp-block-columns{align-items:start}.impact .wp-block-column:last-child{padding-top:30px}.cta{background:#e7f4e6;text-align:center;border-radius:20px;margin-bottom:80px}.cta p{max-width:660px;margin-left:auto;margin-right:auto}.cta .wp-block-buttons{justify-content:center}.page-intro{max-width:none;background:var(--cream);padding-left:max(60px,calc((100vw - 1200px)/2));padding-right:max(60px,calc((100vw - 1200px)/2));padding-top:70px;padding-bottom:65px}.page-intro h1{font-size:clamp(42px,5vw,68px)}.page-intro .lead{max-width:760px}.detail-product{height:480px;background:var(--cream);padding:30px;border-radius:16px;display:flex;align-items:center;justify-content:center}.detail-product img{width:100%;height:100%;object-fit:contain}.cup-large{height:480px;background:var(--cream);border-radius:16px;display:flex;align-items:center;justify-content:center}.cup-large img{height:350px;width:auto}.device-feature{background:var(--cream);border-radius:16px;text-align:center;padding:30px}.device-feature img{width:380px}.wide-video{max-width:880px}.wide-video video{aspect-ratio:16/10}.wp-block-table{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:19px 15px;border-bottom:1px solid var(--line);min-width:150px;vertical-align:top}th{background:var(--cream);font-size:12px}.team{align-items:start;gap:30px}.team h3{font-size:23px}.team p{font-size:14px}.team .eyebrow{font-size:11px}.email{font-size:clamp(17px,2vw,25px);font-weight:700}.calculator-section{padding-top:65px}.calculator{display:grid;grid-template-columns:1.35fr 1fr;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:35px}.calc-inputs{padding:35px}.calculator h2{font-size:31px}.calculator p{font-size:13px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.field-grid label{font-size:12px;line-height:1.5;font-weight:700}.field-grid input{width:100%;display:block;border:1px solid #b4c4b7;border-radius:5px;padding:11px;margin-top:8px;color:var(--ink);background:white;min-width:0}details{border-top:1px solid var(--line);padding-top:20px}summary{cursor:pointer;font-size:14px;font-weight:700;margin-bottom:16px}.calculator .subtle{font-size:11px}.text-button{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;padding:9px 10px 9px 0;font-size:12px;color:var(--button)}.calc-output{background:var(--dark);color:white;padding:35px}.calc-output .eyebrow{color:#a7dfb6}.calc-output .subtle,.calc-output .micro{color:#c8dfd0}.calc-output dl{margin:25px 0}.calc-output dl>div{border-top:1px solid #47715b;padding:15px 0;display:flex;justify-content:space-between;gap:15px}.calc-output dt{font-size:12px}.calc-output dd{margin:0;font-size:17px;font-weight:700;text-align:right}.calc-bars p{margin:10px 0 4px}.calc-bars>div{height:13px;background:#ffffff14;border-radius:2px;overflow:hidden}.calc-bars span{height:100%;background:#93e5a4;display:block;min-width:1px}.calc-bars [data-bar=single]{background:#d2ddd0}.site-footer{background:#f0f3ed;padding:60px max(44px,calc((100vw - 1200px)/2)) 24px}.footer-main{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.1fr;gap:30px}.footer-main a{display:block;text-decoration:none;font-size:12px;line-height:2.3}.footer-main img{width:74px;height:74px}.footer-main>div:first-child p{font-size:18px;line-height:1.4;font-weight:700;margin-top:20px}.footer-main h2{font-size:13px;letter-spacing:0;margin-bottom:17px}.footer-main p{font-size:12px;color:var(--muted)}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;margin-top:40px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}.error-404{text-align:center;min-height:50vh}.editor-styles-wrapper{font-family:'Century Gothic','Trebuchet MS',Arial,sans-serif}.editor-styles-wrapper .section{padding:40px}.editor-styles-wrapper .hero{padding:40px}.editor-styles-wrapper img{max-width:100%}
@media(min-width:1440px){.hero-cup{right:0}}@media(max-width:1100px){nav{gap:17px;font-size:12px}.header-inner{padding:14px 25px}.portal-link{padding-left:15px;font-size:11px}.section{padding:65px 35px}.hero{padding:45px 35px}.hero h1{font-size:59px}.product-stage{height:490px}.hero-machine{left:4%;height:430px;width:265px}.hero-cup{height:170px;width:110px;right:-3%}.system-image{height:260px}.stat-panel{padding-left:40px}.calculator{grid-template-columns:1.2fr 1fr}.calc-inputs,.calc-output{padding:25px}}@media(max-width:900px){.menu-toggle{display:flex;align-items:center;gap:15px;border:1px solid var(--line);background:white;border-radius:6px;padding:9px 15px;font-size:13px}nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:25px;align-items:stretch;gap:18px;border-bottom:1px solid var(--line)}nav.is-open{display:flex;flex-direction:column}.nav-dropdown{display:flex;flex-wrap:wrap}.dropdown-menu{position:static;box-shadow:none;width:100%;margin-top:10px}.portal-link{padding:0;border:0}.nav-cta{align-self:start}.hero h1{font-size:53px}.hero .lead{font-size:17px}.hero-columns{gap:15px}.hero-columns>.wp-block-column:first-child{flex:1.15}.product-stage{height:450px}.hero-machine{width:235px;height:400px;left:0}.hero-cup{right:-20px;height:145px;width:95px}.hero .eyebrow{font-size:9px}.system-image{height:230px;padding:20px}.wp-block-columns{gap:28px}.system-card h3{font-size:22px}.calculator{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr 1fr}.team{flex-wrap:wrap}.team .wp-block-column{flex:1 1 35%}}@media(max-width:650px){.section{padding:52px 23px}.header-inner{padding:10px 20px}.brand img{width:56px;height:56px}.hero{padding-top:36px;padding-bottom:30px;min-height:0}.hero-columns,.wp-block-columns{flex-direction:column;align-items:stretch}.hero-columns>.wp-block-column{width:100%}.hero h1{font-size:50px;max-width:460px}.hero .lead{font-size:17px}.eyebrow{font-size:10px}.hero .eyebrow{font-size:9px}.hero .wp-block-buttons{margin-top:25px}.hero .subtle{margin-top:15px}.product-stage{height:400px;max-width:400px;margin:10px auto 0;width:100%}.hero-machine{left:16%;height:360px;width:220px;bottom:26px}.hero-cup{right:4%;height:150px;width:95px;bottom:30px}.stage-caption{font-size:8px;bottom:0}.opening{padding-bottom:20px}.opening .lead{padding:0;font-size:17px}.loop{padding-top:20px}.steps{display:grid;grid-template-columns:1fr 1fr;gap:25px 20px}.step h3{font-size:19px}.step p:last-child{font-size:13px}.step-number{margin-bottom:15px}.system-grid{gap:40px;margin-top:30px}.system-image{height:330px}.system-card .micro{min-height:0}.system-card h3{font-size:27px}.system-card>p:not(.micro){font-size:15px}.cup-band,.evidence,.cta{border-radius:0;margin-top:0;margin-bottom:0}.cup-feature{height:270px}.cup-feature img{height:250px}.cup-band .wp-block-columns{gap:35px}.video-grid{gap:35px}.wp-block-video video{max-height:450px}.stat-panel{border-left:0;border-top:1px solid #6e9881;padding:30px 0 0}.stat{font-size:85px}.impact .wp-block-column:last-child{padding-top:0}.cta{text-align:left}.cta .wp-block-buttons{justify-content:start}.page-intro h1{font-size:43px}.lead{font-size:17px}.detail-product{height:390px}.cup-large{height:360px}.cup-large img{height:290px}.team{display:grid;grid-template-columns:1fr 1fr}.team h3{font-size:21px}.team p{font-size:13px}.field-grid{grid-template-columns:1fr}.calc-inputs,.calc-output{padding:24px 20px}.calculator h2{font-size:28px}.calc-output dd{font-size:15px}.footer-main{gap:30px 15px}.site-footer{padding:45px 23px 22px}.footer-main>div:first-child{grid-column:1/-1}.footer-main>div:last-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}.wp-block-button__link{font-size:12px;padding:12px 18px;min-height:46px}h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.primary-menu{display:flex;gap:22px;align-items:center;list-style:none;padding:0;margin:0}.primary-menu li{position:relative;list-style:none}.primary-menu a{text-decoration:none}.primary-menu .sub-menu{display:none;position:absolute;top:100%;left:0;background:white;padding:18px;min-width:230px;border:1px solid var(--line);z-index:20}.primary-menu li:hover>.sub-menu,.primary-menu li:focus-within>.sub-menu{display:block}.primary-menu .sub-menu a{display:block;padding:8px}.custom-logo-link{display:flex}.custom-logo{height:68px;width:68px;object-fit:contain}@media(max-width:900px){.primary-menu{flex-direction:column;align-items:start}.primary-menu .sub-menu{display:block;position:static;border:0;padding:7px 0 0 15px}}.admin-bar .site-header{top:0}