.wc-prototype,.wc-result{--p:#f3f0e7;--i:#10130e;--l:#d9ff43;--r:#d85a43;background:var(--p);min-height:100vh;color:var(--i)}.wc-header{background:var(--i);color:#fff;text-transform:uppercase;height:78px;font-family:var(--font-display);letter-spacing:.04em;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding:0 max(24px,50vw - 540px);display:grid}.wc-header>a:last-child{text-align:right;color:var(--l);text-underline-offset:6px;text-decoration:underline}.wc-wordmark{font-size:29px;font-weight:800}.wc-wordmark span{color:var(--l)}.wc-workbench{width:min(920px,100% - 40px);margin:auto;padding:58px 0 220px}.wc-workbench>h1{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.04em;text-align:center;margin:0;font-size:clamp(4rem,9vw,6rem);line-height:.88}.wc-rule{align-items:center;gap:10px;margin:35px 0;display:flex}.wc-rule:before,.wc-rule:after{content:"";background:var(--i);flex:1;height:1px}.wc-counter-row{grid-template-columns:80px minmax(300px,520px) 80px;justify-content:center;align-items:center;gap:22px;display:grid}.wc-counter-row>button{border:2px solid var(--i);cursor:pointer;background:#fffdf7;place-items:center;height:76px;display:grid}.wc-counter-row>button.plus{background:var(--l)}.wc-counter{background:var(--i);color:#fff;border:7px double #353832;padding:20px}.wc-counter>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.wc-counter>div span{font-family:var(--font-display);text-align:center;background:#242621;border:1px solid #575a51;padding:22px 0;font-size:clamp(8rem,22vw,13rem);line-height:.75;position:relative}.wc-counter>div span:after{content:"";border-top:1px solid #080a07;position:absolute;top:50%;left:0;right:0}.wc-counter>b{text-align:center;font-family:var(--font-display);letter-spacing:.12em;margin-top:18px;font-size:32px;display:block}.wc-refinements{border:1px solid var(--i);grid-template-columns:1.25fr .75fr 1.25fr;margin-top:35px;display:grid}.wc-refinements fieldset{border:0;border-right:1px solid;margin:0;padding:20px}.wc-refinements fieldset:last-child{border:0}.wc-refinements legend{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;padding:0 5px;font-size:10px}.wc-refinements fieldset>button{cursor:pointer;background:0 0;border:1px solid #aaa99f;align-items:center;gap:9px;width:100%;min-height:48px;margin:6px 0;padding:8px;display:flex}.wc-refinements fieldset>button[aria-pressed=true]{background:var(--l);border:2px solid var(--i)}.wc-refinements fieldset>button svg:last-child{margin-left:auto}.wc-floor-control{text-align:center;grid-template-columns:42px 1fr 42px;align-items:center;display:grid}.wc-floor-control button{background:0 0;border:1px solid;height:42px}.wc-floor-control strong{font-family:var(--font-display);font-size:52px}.wc-speed{text-align:center;margin:30px 0;font-weight:700}.wc-estimate{z-index:4;background:var(--i);color:#fff;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:24px max(24px,50vw - 460px) 18px;display:grid;position:fixed;bottom:0;left:0;right:0}.wc-estimate>div{flex-direction:column;display:flex}.wc-estimate span{font-family:var(--font-mono);letter-spacing:.12em;font-size:11px}.wc-estimate strong{font-family:var(--font-display);color:var(--l);font-size:46px}.wc-estimate>p{color:var(--r);font-family:var(--font-mono);text-align:center;grid-column:1/-1;margin:0;font-size:10px}.wc-primary{border:1px solid var(--i);background:var(--l);cursor:pointer;justify-content:center;align-items:center;gap:14px;min-height:62px;font-size:18px;font-weight:800;display:flex}.wc-result{place-items:center;padding:30px;display:grid}.wc-result-sheet{background:#fffdf7;border:1px solid;flex-direction:column;align-items:flex-start;width:min(650px,100%);padding:42px;display:flex}.wc-code{font-family:var(--font-mono);letter-spacing:.12em;font-size:11px}.wc-result-check{background:var(--l);border:1px solid;place-items:center;width:64px;height:64px;display:grid}.wc-result h1{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.04em;margin:24px 0;font-size:clamp(3.5rem,9vw,5.5rem);line-height:.88}.wc-result-sheet>p:not(.wc-code){line-height:1.6}.wc-big-price{font-family:var(--font-display);margin-top:20px;font-size:70px}.wc-result small{color:#62655d;margin-bottom:28px}.wc-result .wc-primary{width:100%}.wc-text-link{align-items:center;gap:8px;margin-top:20px;font-weight:700;display:flex}.prototype-index{flex-direction:column;align-items:flex-start;gap:18px;min-height:100vh;padding:10vh 8vw;display:flex}.prototype-index h1{font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:clamp(4rem,10vw,6rem)}.prototype-index a{border-bottom:1px solid;padding:10px 0;font-weight:800}:where(.wc-prototype,.wc-result) button:focus-visible,:where(.wc-prototype,.wc-result) a:focus-visible{outline:2px solid var(--r);outline-offset:3px}@media (max-width:700px){.wc-header{gap:8px;height:64px;padding:0 14px}.wc-header b{display:none}.wc-header>a:last-child{font-size:11px}.wc-wordmark{font-size:22px}.wc-workbench{width:calc(100% - 28px);padding:40px 0 205px}.wc-workbench>h1{text-align:left}.wc-counter-row{grid-template-columns:54px 1fr 54px;gap:7px}.wc-counter-row>button{height:58px}.wc-counter{border-width:4px;padding:10px}.wc-counter>div span{padding:16px 0;font-size:30vw}.wc-counter>b{margin-top:12px;font-size:22px}.wc-refinements{grid-template-columns:1fr}.wc-refinements fieldset{border-bottom:1px solid;border-right:0;padding:14px}.wc-refinements fieldset>button{width:auto;margin-right:4px;display:inline-flex}.wc-floor-control{max-width:180px}.wc-estimate{grid-template-columns:1fr 1.2fr;padding:14px}.wc-estimate strong{font-size:36px}.wc-estimate>p{font-size:8px}.wc-primary{min-height:56px;font-size:15px}.wc-result-sheet{padding:26px}.wc-big-price{font-size:55px}}@media (prefers-reduced-motion:reduce){.wc-prototype *{scroll-behavior:auto!important}}
@media (min-width:701px) and (max-height:1050px){.wc-workbench{padding-top:42px}.wc-workbench>h1{font-size:4.7rem}.wc-rule{margin:24px 0}.wc-counter{padding:14px}.wc-counter>div span{padding:14px 0;font-size:10.5rem}.wc-refinements{margin-top:24px}}.wc-primary{color:var(--i)}
