:root{--paper: oklch(.973 .011 84.6);--paper-2: oklch(.955 .014 84.6);--paper-3: oklch(.932 .017 82);--ink: oklch(.235 .008 60);--ink-2: oklch(.44 .01 60);--ink-3: oklch(.505 .012 62);--copper: var(--wood, oklch(.573 .129 55.6));--copper-deep: var(--wood-deep, oklch(.492 .117 52));--copper-soft: color-mix(in oklab, var(--copper) 18%, white);--copper-tint: color-mix(in oklab, var(--copper) 8%, white);--moss: oklch(.52 .075 155);--moss-soft: oklch(.945 .03 155);--clay: oklch(.55 .16 27);--clay-soft: oklch(.955 .028 30);--border-strong: oklch(.822 .017 76);--shadow-hairline: 0 0 0 1px color-mix(in oklab, var(--ink) 8%, transparent);--shadow-1: 0 1px 2px -1px color-mix(in oklab, var(--ink) 12%, transparent), 0 1px 1px color-mix(in oklab, var(--ink) 5%, transparent);--shadow-2: 0 2px 4px -2px color-mix(in oklab, var(--ink) 12%, transparent), 0 6px 16px -8px color-mix(in oklab, var(--ink) 16%, transparent);--shadow-3: 0 4px 8px -4px color-mix(in oklab, var(--ink) 12%, transparent), 0 18px 40px -18px color-mix(in oklab, var(--ink) 26%, transparent);--shadow-copper: 0 6px 18px -8px color-mix(in oklab, var(--copper) 55%, transparent);--glass-highlight: inset 0 1px 0 0 color-mix(in oklab, white 85%, transparent);--focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px var(--copper);--dur-1:.12s;--dur-2:.2s;--dur-3:.32s;--dur-4:.52s;--ease-spring: linear(0, .0033 .8%, .0263 2.39%, .0896 4.77%, .4676 12.61%, .5688, .6553, .7274, .7862, .8336 19.66%, .8793, .9132 22.99%, .9421 24.98%, .9639 27.15%, .9793 29.49%, .9931 33.98%, 1.0009 40.17%, 1.0016 46.06%, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--radius-xl: 1.6rem;--radius-2xl: 2rem}.sg-app.sg-app :focus-visible{outline:none;box-shadow:var(--focus-ring)}.sg-app.sg-app ::selection{background:var(--copper-soft);color:var(--ink)}.sg-app.sg-app .label,.sg-app.sg-app .step-tag,.sg-app.sg-app .kk,.sg-app.sg-app .k{font-family:var(--font-sans);font-size:1.3rem!important;line-height:1.2;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--copper-deep)}.sg-app.sg-app .label-light{color:color-mix(in oklab,var(--cream, #f4f2ee) 80%,transparent)}.sg-app.sg-app .label-note{font-size:1.2rem!important;letter-spacing:.02em;text-transform:none;font-weight:500;color:var(--ink-3)}.sg-app.sg-app .numeral,.sg-app.sg-app .plan-card-size,.sg-app.sg-app .viewer-size,.sg-app.sg-app .range-figure,.sg-app.sg-app .step-n,.sg-app.sg-app .chip-qty,.sg-app.sg-app .range-ref strong,.sg-app.sg-app .pk-ref strong{font-family:var(--font-display);font-variation-settings:"opsz" 144;font-weight:600;font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.01em}.sg-app.sg-app .italic-wood,.sg-app.sg-app .italic-accent{font-variation-settings:"SOFT" 20,"WONK" 1,"opsz" 144}.sg-app.sg-app p,.sg-app.sg-app li,.sg-app.sg-app dd,.sg-app.sg-app dt{color:var(--ink-2)}.sg-app.sg-app h1,.sg-app.sg-app h2,.sg-app.sg-app h3,.sg-app.sg-app .h1,.sg-app.sg-app .h2,.sg-app.sg-app .h3,.sg-app.sg-app .use-verdict,.sg-app.sg-app dd,.sg-app.sg-app strong{color:var(--ink)}.sg-app.sg-app .section-dark,.sg-app.sg-app .card-dark{color:color-mix(in oklab,var(--cream, #f4f2ee) 90%,transparent)}.sg-app.sg-app .section-dark h1,.sg-app.sg-app .section-dark h2,.sg-app.sg-app .section-dark h3,.sg-app.sg-app .section-dark .h1,.sg-app.sg-app .section-dark .h2,.sg-app.sg-app .section-dark .h3,.sg-app.sg-app .card-dark h3,.sg-app.sg-app .card-dark .h3,.sg-app.sg-app .section-dark dd,.sg-app.sg-app .section-dark strong,.sg-app.sg-app .card-dark strong{color:var(--cream, #f4f2ee)}.sg-app.sg-app .section-dark p,.sg-app.sg-app .section-dark li,.sg-app.sg-app .section-dark dd,.sg-app.sg-app .section-dark dt,.sg-app.sg-app .card-dark p,.sg-app.sg-app .card-dark li,.sg-app.sg-app .site-footer p,.sg-app.sg-app .site-footer li,.sg-app.sg-app .site-footer a,.sg-app.sg-app .site-footer dd,.sg-app.sg-app .site-footer dt{color:color-mix(in oklab,var(--cream, #f4f2ee) 90%,transparent)}.sg-app.sg-app .section-dark .form-card,.sg-app.sg-app .section-dark .form-card p,.sg-app.sg-app .section-dark .form-card li{color:var(--ink-2)}.sg-app.sg-app .section-dark .form-card h2,.sg-app.sg-app .section-dark .form-card h3,.sg-app.sg-app .section-dark .form-card strong{color:var(--ink)}.sg-app.sg-app .use-caveat,.sg-app.sg-app .fine{color:var(--ink-3)}.sg-app.sg-app .fine{font-size:1.3rem!important}.sg-app.sg-app .use-caveat{font-size:1.5rem!important}.sg-app.sg-app .chip-dim{font-size:1.3rem;color:var(--ink-3)}.sg-app.sg-app .card,.sg-app.sg-app .use-card,.sg-app.sg-app .range-card,.sg-app.sg-app .form-card,.sg-app.sg-app .plan-card,.sg-app.sg-app .mk-card,.sg-app.sg-app .mk-plan,.sg-app.sg-app .pk-share,.sg-app.sg-app .cfg,.sg-app.sg-app .card-dark,.sg-app.sg-app .use-custom,.sg-app.sg-app .lot-card,.sg-app.sg-app .voice-panel{border-radius:var(--radius-2xl);box-shadow:var(--shadow-1),var(--glass-highlight)}.sg-app.sg-app .card:hover,.sg-app.sg-app .plan-card:hover,.sg-app.sg-app .mk-card:hover,.sg-app.sg-app .mk-plan:hover{box-shadow:var(--shadow-3),var(--glass-highlight);border-color:var(--border-strong)}.sg-app.sg-app .use-out{background:var(--copper-tint);border:1px solid color-mix(in oklab,var(--copper) 28%,transparent);border-radius:var(--radius-xl);padding:2rem 2rem 1.6rem;margin-top:2.4rem}.sg-app.sg-app .use-out .use-caveat{margin-top:1.2rem}.sg-app.sg-app .use-verdict-no{color:var(--clay)}.sg-app.sg-app .use-custom{background:var(--clay-soft);border-color:color-mix(in oklab,var(--clay) 35%,transparent)}.sg-app.sg-app .cfg-spec dd.spec-best{color:var(--ink-2);font-weight:500}.sg-app.sg-app .btn{border-radius:var(--radius-xl);font-weight:600;transition:transform var(--dur-2) var(--ease-spring),box-shadow var(--dur-2) var(--ease-out),background-color var(--dur-2) var(--ease-out)}.sg-app.sg-app .btn:not(.btn-ghost):not(.btn-accent){box-shadow:var(--shadow-2),var(--glass-highlight)}.sg-app.sg-app .btn-accent{box-shadow:var(--shadow-copper),var(--glass-highlight)}.sg-app.sg-app .btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-3),var(--glass-highlight)}.sg-app.sg-app .btn:active{transform:translateY(1px) scale(.988)}.sg-app.sg-app .chip{border-radius:var(--radius-xl);font-size:1.5rem;padding:1.12rem 1.6rem;box-shadow:var(--shadow-hairline);border-color:transparent;transition:transform var(--dur-2) var(--ease-spring),box-shadow var(--dur-2) var(--ease-out),background-color var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out)}.sg-app.sg-app .chip:hover:not(.chip-blocked){box-shadow:var(--shadow-2),var(--glass-highlight);transform:translateY(-1px)}.sg-app.sg-app .chip[aria-pressed=true]{background:var(--copper-tint);color:var(--ink);box-shadow:0 0 0 1px color-mix(in oklab,var(--copper) 45%,transparent),var(--shadow-2),var(--glass-highlight)}.sg-app.sg-app .chip[aria-pressed=true] .chip-dim,.sg-app.sg-app .chip[aria-pressed=true] .chip-qty,.sg-app.sg-app .chip-tip{color:var(--copper-deep)}.sg-app.sg-app .cfg-seg button{border-radius:calc(var(--radius-xl) - 4px);font-size:1.5rem}.sg-app.sg-app .cfg-seg button[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:var(--shadow-2),var(--glass-highlight)}.sg-app.sg-app .cfg-sw .sw{border-radius:999px;box-shadow:var(--shadow-hairline)}.sg-app.sg-app .cfg-sw .sw[aria-pressed=true]{outline:2px solid var(--copper);outline-offset:3px}.sg-app.sg-app .range-form input,.sg-app.sg-app .lot-form input{border-radius:calc(var(--radius-xl) - 4px);font-size:1.6rem;min-height:4.8rem}.sg-app.sg-app .range-form label{font-size:1.5rem;font-weight:600;color:var(--ink)}.sg-app.sg-app .steps{display:block;max-width:102.4rem;margin:3.2rem auto 0;padding:1.6rem 2rem 2rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2),var(--glass-highlight);font-size:inherit}.sg-app.sg-app .steps:before{content:"";display:block;height:.8rem;border-radius:999px;background:var(--paper-3);margin-bottom:1.6rem;overflow:hidden}.sg-app.sg-app .steps{position:relative}.sg-app.sg-app .steps .track{position:absolute;left:2rem;top:1.6rem;height:.8rem;border-radius:999px;background:var(--copper);width:0;transition:width var(--dur-4) var(--ease-spring)}.sg-app.sg-app .steps ol,.sg-app.sg-app .steps{list-style:none}.sg-app.sg-app .steps li{display:flex;align-items:center;gap:1.2rem;padding:.96rem 1.2rem;border-radius:var(--radius-xl);min-height:4.4rem;text-align:left;justify-content:flex-start;color:var(--ink-2);flex:1 1 0}.sg-app.sg-app .steps li:after{display:none}.sg-app.sg-app .steps li.is-current{background:var(--copper-tint);box-shadow:0 0 0 1px color-mix(in oklab,var(--copper) 35%,transparent),var(--shadow-1);color:var(--ink);font-weight:600}.sg-app.sg-app .steps li:not(.is-current):not(.is-done){opacity:.7}.sg-app.sg-app .step-num{width:4rem;height:4rem;border-radius:1.2rem;font-family:var(--font-display);font-variation-settings:"opsz" 144;font-weight:600;font-size:1.7rem;border:0;background:var(--paper-3);color:var(--ink-3);transition:transform var(--dur-3) var(--ease-spring),background-color var(--dur-2) var(--ease-out)}.sg-app.sg-app .steps li.is-current .step-num{background:var(--copper);color:#fff;transform:scale(1.1);box-shadow:var(--shadow-2);animation:pulse-ring 2.4s var(--ease-out) infinite}.sg-app.sg-app .steps li.is-done .step-num{background:var(--moss);color:#fff;font-size:0}.sg-app.sg-app .steps li.is-done .step-num:before{content:"";display:block;width:1.04rem;height:.56rem;border-left:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}.sg-app.sg-app .steps li>span:last-child{display:flex;flex-direction:column;min-width:0}.sg-app.sg-app .steps li>span:last-child:before{content:"Step " counter(step) " of 4";counter-increment:step;font-family:var(--font-sans);font-size:1.2rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.sg-app.sg-app .steps{counter-reset:step}.sg-app.sg-app .steps li.is-current>span:last-child:before{color:var(--copper-deep)}.sg-app.sg-app .steps li>span:last-child{font-size:1.5rem}.sg-app.sg-app .steps li.is-current>span:last-child{font-size:1.7rem}@keyframes pulse-ring{0%{box-shadow:0 0 color-mix(in oklab,var(--copper) 40%,transparent)}70%{box-shadow:0 0 0 10px transparent}to{box-shadow:0 0 0 0 transparent}}.sg-app.sg-app .steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}@media(max-width:48rem){.sg-app.sg-app .steps{padding:1.2rem}.sg-app.sg-app .steps:before{display:none}.sg-app.sg-app .steps .track{display:none}.sg-app.sg-app .steps-grid{grid-template-columns:1fr;gap:.4rem}.sg-app.sg-app .steps li:not(.is-current){display:none}.sg-app.sg-app .steps li:not(.is-current)>span:last-child{display:flex}}.sg-app.sg-app .sb-head .h3{font-size:clamp(2.4rem,1.68rem + 1.4vw,3.2rem)}.sg-app.sg-app .step-lede{font-size:1.7rem;color:var(--ink-2)}.sg-app.sg-app #step2.step-locked,.sg-app.sg-app #step3.step-locked{border-radius:var(--radius-2xl);background:var(--paper-2);border-style:solid}.sg-app.sg-app .sticky-cta{backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%)}.sg-app.sg-app .pg-nav,.sg-app.sg-app .voice-launch{backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);box-shadow:var(--shadow-3),var(--glass-highlight);border-radius:var(--radius-2xl)}.sg-app.sg-app .plan-card-size{font-size:2.8rem}.sg-app.sg-app .plan-card-best span{color:var(--copper-deep)}@media(prefers-reduced-motion:reduce){.sg-app.sg-app *,.sg-app.sg-app *:before,.sg-app.sg-app *:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.sg-app.sg-app .step-num{font-weight:700;font-size:1.8rem}.sg-app.sg-app .steps li:not(.is-current):not(.is-done) .step-num{color:var(--ink-2)}.sg-app.sg-app #use .use-group+.use-groups{margin-top:2.4rem;padding-top:2.4rem}.sg-app.sg-app .sticky-cta p{color:color-mix(in oklab,var(--cream, #f4f2ee) 92%,transparent)}.sg-app.sg-app :focus-visible{outline:2px solid var(--copper);outline-offset:3px}.sg-app.sg-app .cfg-sw .sw:focus-visible,.sg-app.sg-app .cfg-seg button:focus-visible,.sg-app.sg-app .cfg-viewbar button:focus-visible,.sg-app.sg-app .cfg-more summary:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.sg-app.sg-app .cfg-viewbar button:focus-visible{outline-offset:2px}.sg-app.sg-app .pointlist .n{font-size:1.5rem;color:var(--copper-deep, var(--wood-deep))}
/*# sourceMappingURL=/cdn/shop/t/26/assets/sg-design.css.map */
