.seoa{--seoa-bg: #F3EEE4;--seoa-white: #FFFFFF;--seoa-ink: #1C1B19;--seoa-ink-soft: #726F68;--seoa-accent: #7A8873;--seoa-accent-light: #E7ECE3;--seoa-border: #EAE4D8;--seoa-max-width: 520px;--seoa-px: var(--seoa-px-desktop, 20px);--seoa-step-pt: var(--seoa-step-pt-desktop, 8px);--seoa-step-pb: var(--seoa-step-pb-desktop, 0px);--seoa-panel-radius: 32px;--seoa-radius: 18px;--seoa-radius-lg: 26px;--seoa-hero-pt: var(--seoa-hero-pt-desktop, 72px);--seoa-hero-pb: var(--seoa-hero-pb-desktop, 64px);--seoa-options-gap: 10px;--seoa-panel-mt: var(--seoa-panel-mt-desktop, 0px);--seoa-panel-mb: var(--seoa-panel-mb-desktop, 0px);--seoa-panel-radius-bottom: 0px;--seoa-ease: cubic-bezier(.4, 0, .2, 1);position:relative;width:100%;background:var(--seoa-bg);color:var(--seoa-ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Helvetica,Arial,sans-serif;overflow:hidden}.seoa *{box-sizing:border-box}.seoa-inner{max-width:var(--seoa-max-width);margin:0 auto;padding:0 var(--seoa-px)}.seoa-hero{position:relative;padding:var(--seoa-hero-pt) 0 var(--seoa-hero-pb);text-align:center;transition:opacity .42s var(--seoa-ease),transform .42s var(--seoa-ease)}.seoa-hero.is-leaving{opacity:0;transform:translateY(-16px);pointer-events:none}.seoa-hero-bg{position:absolute;top:0;left:50%;right:50%;width:100vw;height:100%;margin-left:-50vw;margin-right:-50vw;z-index:0;pointer-events:none}.seoa-hero-bg img{width:100%;height:100%;object-fit:cover;display:block;opacity:var(--seoa-hero-image-opacity, 100%)}.seoa-hero-content{position:relative;z-index:1}.seoa-hero h1{font-size:30px;line-height:1.18;font-weight:600;letter-spacing:-.01em;color:var(--seoa-hero-title-color, var(--seoa-ink));margin:0 0 14px}.seoa-hero p{font-size:16px;line-height:1.5;color:var(--seoa-hero-subtitle-color, var(--seoa-ink-soft));margin:0 auto 32px;max-width:var(--seoa-hero-subtitle-width-desktop, 360px)}.seoa-btn{-webkit-appearance:none;appearance:none;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 28px;border-radius:999px;background:var(--seoa-ink);color:var(--seoa-white);font-size:16px;font-weight:500;font-family:inherit;transition:transform .15s var(--seoa-ease),background .15s var(--seoa-ease),opacity .15s var(--seoa-ease)}.seoa-btn:hover{opacity:.88}.seoa-btn:active{transform:scale(.97)}.seoa-btn:focus-visible{outline:2px solid var(--seoa-accent);outline-offset:3px}.seoa-btn--accent{background:var(--seoa-accent)}.seoa-hero .js-seoa-start{position:relative;overflow:hidden;background:var(--seoa-hero-btn-bg, var(--seoa-ink));color:var(--seoa-hero-btn-text, var(--seoa-white));animation:seoa-cta-bounce 2.6s ease-in-out infinite}.seoa-hero .js-seoa-start:after{content:"";position:absolute;top:0;left:-60%;width:35%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.45),transparent);transform:skew(-20deg);animation:seoa-cta-shine 2.6s ease-in-out infinite}.seoa-hero .js-seoa-start span{display:inline-block;animation:seoa-cta-arrow 1.3s ease-in-out infinite}.seoa-hero .js-seoa-start:hover,.seoa-hero .js-seoa-start:hover:after,.seoa-hero .js-seoa-start:hover span{animation-play-state:paused}@keyframes seoa-cta-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes seoa-cta-shine{0%{left:-60%}45%,to{left:130%}}@keyframes seoa-cta-arrow{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.seoa-btn--block{width:100%;max-width:320px}.seoa-diagnostic{background:var(--seoa-white);border-radius:var(--seoa-panel-radius) var(--seoa-panel-radius) var(--seoa-panel-radius-bottom) var(--seoa-panel-radius-bottom);margin-top:var(--seoa-panel-mt);margin-bottom:var(--seoa-panel-mb);padding:28px 0 56px;min-height:480px;position:relative}.seoa-diagnostic[hidden]{display:none}.seoa-progress-wrap{padding:0 var(--seoa-px) 22px}.seoa-progress-label{font-size:12px;font-weight:500;letter-spacing:.02em;color:var(--seoa-ink-soft);margin-bottom:10px}.seoa-progress-track{height:4px;border-radius:999px;background:var(--seoa-border);overflow:hidden}.seoa-progress-bar{height:100%;width:0%;background:var(--seoa-accent);border-radius:999px;transition:width .32s var(--seoa-ease)}.seoa-steps{position:relative}.seoa-step{padding:var(--seoa-step-pt, 8px) var(--seoa-px) var(--seoa-step-pb, 0);opacity:0;transform:translateY(20px);transition:opacity .25s var(--seoa-ease),transform .25s var(--seoa-ease);display:none}.seoa-step.is-active{display:block;opacity:1;transform:translateY(0)}.seoa-step.is-leaving{opacity:0;transform:translateY(-12px)}.seoa-step-eyebrow{font-size:13px;font-weight:500;color:var(--seoa-accent);margin-bottom:10px}.seoa-step h2{font-size:22px;line-height:1.3;font-weight:600;letter-spacing:-.01em;margin:0 0 22px}.seoa-options{display:flex;flex-direction:column;gap:var(--seoa-options-gap)}.seoa-option{-webkit-appearance:none;appearance:none;border:1px solid var(--seoa-border);background:var(--seoa-white);border-radius:var(--seoa-radius);min-height:48px;padding:16px 18px;display:flex;align-items:center;gap:14px;text-align:left;font-family:inherit;font-size:16px;font-weight:450;color:var(--seoa-ink);cursor:pointer;transition:transform .15s var(--seoa-ease),border-color .15s var(--seoa-ease),background .15s var(--seoa-ease)}.seoa-option:hover{transform:scale(1.02);border-color:var(--seoa-accent);background:var(--seoa-accent-light)}.seoa-option:active,.seoa-option.is-tapped{transform:scale(.98)}.seoa-option:focus-visible{outline:2px solid var(--seoa-accent);outline-offset:2px}.seoa-option-emoji{font-size:22px;line-height:1;flex-shrink:0}.seoa-option-photo{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--seoa-accent-light)}.seoa-option-photo img{width:100%;height:100%;object-fit:cover;display:block}.seoa-step--intro{text-align:left}.seoa-intro-emoji{font-size:34px;margin-bottom:14px}.seoa-step--intro p{font-size:16px;line-height:1.55;color:var(--seoa-ink-soft);margin:0 0 28px}.seoa-step--analysis{text-align:center;padding-top:24px}.seoa-analysis-icon{font-size:40px;margin-bottom:18px}.seoa-step--analysis h2{margin-bottom:30px}.seoa-checklist{display:flex;flex-direction:column;gap:16px;max-width:300px;margin:0 auto;text-align:left}.seoa-check-item{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--seoa-border);opacity:0;transform:translateY(6px);transition:opacity .3s var(--seoa-ease),transform .3s var(--seoa-ease),color .3s var(--seoa-ease)}.seoa-check-item.is-done{opacity:1;transform:translateY(0);color:var(--seoa-ink)}.seoa-check-mark{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--seoa-border);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;color:transparent;transition:all .25s var(--seoa-ease)}.seoa-check-item.is-done .seoa-check-mark{border-color:var(--seoa-accent);background:var(--seoa-accent);color:var(--seoa-white)}.seoa-analysis-done{margin-top:26px;font-size:15px;font-weight:500;color:var(--seoa-accent);opacity:0;transition:opacity .3s var(--seoa-ease)}.seoa-analysis-done.is-visible{opacity:1}.seoa-step--result h2{text-align:center;margin-bottom:6px}.seoa-result-sub{text-align:center;font-size:15px;color:var(--seoa-ink-soft);margin-bottom:4px}.seoa-result-name{text-align:center;font-size:21px;font-weight:600;margin:4px 0 26px}.seoa-gauge{display:flex;flex-direction:column;align-items:center;margin-bottom:26px}.seoa-gauge svg{display:block}.seoa-gauge-ring{position:relative;width:140px;height:140px}.seoa-gauge-track{fill:none;stroke:var(--seoa-border);stroke-width:10}.seoa-gauge-value{fill:none;stroke:var(--seoa-accent);stroke-width:10;stroke-linecap:round;stroke-dasharray:251.2;stroke-dashoffset:251.2;transition:stroke-dashoffset .9s var(--seoa-ease)}.seoa-gauge-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;max-width:92px;margin:0 auto;font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1;white-space:nowrap}.seoa-gauge-caption{margin-top:8px;font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--seoa-ink-soft)}.seoa-why{background:var(--seoa-accent-light);border-radius:var(--seoa-radius);padding:18px 20px;margin-bottom:24px}.seoa-why-title{font-size:13px;font-weight:600;color:var(--seoa-ink-soft);margin:0 0 10px}.seoa-why-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.seoa-why-list li{display:flex;gap:10px;font-size:14.5px;line-height:1.45}.seoa-why-list li:before{content:"\2714";color:var(--seoa-accent);flex-shrink:0;font-size:13px;margin-top:2px}.seoa-product{border:1px solid var(--seoa-border);border-radius:var(--seoa-radius-lg);background:var(--seoa-white);margin-bottom:24px;box-shadow:0 1px 2px #00000008,0 16px 32px -20px #0000002e;padding:16px;display:flex;flex-direction:column;gap:18px}.seoa-product-image{width:100%;aspect-ratio:16 / 10;border-radius:calc(var(--seoa-radius-lg) - 8px);overflow:hidden;background:var(--seoa-accent-light);flex-shrink:0}.seoa-product-image img{width:100%;height:100%;object-fit:cover;display:block}.seoa-product-body{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 6px 6px}.seoa-product-badge{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--seoa-accent);margin-bottom:6px}.seoa-product-name{font-size:19px;font-weight:600;line-height:1.25;margin:0 0 6px}.seoa-product-price{font-size:15px;margin:0 0 18px}.seoa-product-price-compare{color:var(--seoa-ink-soft);text-decoration:line-through;margin-right:8px}.seoa-product-price-current{color:var(--seoa-ink);font-weight:600}@media(min-width:700px){.seoa-product{flex-direction:row;align-items:stretch}.seoa-product-image{width:40%;height:auto;aspect-ratio:auto;flex-shrink:0}.seoa-product-body{flex:1;min-width:0;align-items:flex-start;text-align:left;justify-content:center;padding:8px 4px 8px 8px}.seoa-product-body .seoa-btn--block{max-width:none;width:100%}}.seoa-restart{display:block;width:100%;text-align:center;margin-top:18px;font-size:13px;color:var(--seoa-ink-soft);background:none;border:none;cursor:pointer;font-family:inherit;text-decoration:underline;text-underline-offset:3px}@media(min-width:600px){.seoa-hero h1{font-size:36px}.seoa-diagnostic{padding-top:40px}}@media(prefers-reduced-motion:reduce){.seoa,.seoa *{transition-duration:1ms!important;animation-duration:1ms!important}}@media(max-width:749px){.seoa{--seoa-px: var(--seoa-px-mobile, 16px);--seoa-step-pt: var(--seoa-step-pt-mobile, 8px);--seoa-step-pb: var(--seoa-step-pb-mobile, 0px);--seoa-hero-pt: var(--seoa-hero-pt-mobile, 48px);--seoa-hero-pb: var(--seoa-hero-pb-mobile, 40px);--seoa-panel-mt: var(--seoa-panel-mt-mobile, 0px);--seoa-panel-mb: var(--seoa-panel-mb-mobile, 0px);--seoa-hero-subtitle-width: var(--seoa-hero-subtitle-width-mobile, 300px)}}@media(max-width:749px){.seoa{padding-left:var(--seoa-outer-px-mobile, 0px);padding-right:var(--seoa-outer-px-mobile, 0px);--seoa-px: var(--seoa-px-mobile, 16px);--seoa-step-pt: var(--seoa-step-pt-mobile, 8px);--seoa-step-pb: var(--seoa-step-pb-mobile, 0px);--seoa-hero-pt: var(--seoa-hero-pt-mobile, 48px);--seoa-hero-pb: var(--seoa-hero-pb-mobile, 40px);--seoa-panel-mt: var(--seoa-panel-mt-mobile, 0px);--seoa-panel-mb: var(--seoa-panel-mb-mobile, 0px);--seoa-hero-subtitle-width: var(--seoa-hero-subtitle-width-mobile, 300px)}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/seoa-diagnostic.css.map */