.readiness-comparison{gap:1rem;display:grid}.readiness-comparison-panel{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);flex-direction:column;min-width:0;padding:.875rem 1.5rem;display:flex}.readiness-comparison-product{border-top:3px solid var(--primary);box-shadow:var(--brand-shadow)}.readiness-panel-heading{justify-content:space-between;align-items:center;min-height:1.5rem;display:flex}.readiness-comparison-label{font-family:var(--font-mono);text-transform:uppercase;font-size:.75rem;font-weight:600}html body .readiness-comparison h2{margin-top:.75rem;font-size:1.5rem;line-height:1.18}html body .readiness-comparison-product h2{margin-top:1rem;font-size:1.5rem;line-height:1.35}.readiness-comparison-product .brand{transform-origin:0;transform:scale(.85)}.readiness-headline-intro,.readiness-headline-ending{display:block}.readiness-observation{color:var(--muted-foreground);align-items:center;gap:1rem;margin-top:auto;padding-top:.75rem;padding-bottom:.5rem;display:flex}.readiness-observation-eye{border:1px solid var(--border);background:var(--muted);border-radius:50%;flex-shrink:0;place-items:center;width:3.5rem;height:3.5rem;display:grid}.readiness-bubbles{flex:1;gap:.5rem;display:grid}.readiness-bubble{border:1px solid var(--border);background:var(--card);height:2.5rem;box-shadow:var(--brand-shadow);border-radius:.375rem;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.readiness-bubble:nth-child(2){margin-left:1rem}.readiness-bubble:nth-child(3){margin-right:1rem}.readiness-bubble-lines{gap:.375rem;width:75%;display:grid}.readiness-bubble-lines>span{background:var(--border);border-radius:.25rem;height:.25rem}.readiness-bubble-lines>span:last-child{width:65%}.readiness-comparison-arrow{color:var(--muted-foreground);place-items:center;display:grid}.readiness-comparison-arrow svg{transform:rotate(90deg)}.readiness-browser{border:1px solid var(--border);background:var(--background);background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);background-size:24px 24px;border-radius:.375rem;margin-top:1.5rem;overflow:hidden}.readiness-browser-bar{border-bottom:1px solid var(--border);background:var(--muted);align-items:center;gap:.3rem;height:1.75rem;padding:0 .75rem;display:flex}.readiness-browser-bar>span{background:var(--muted-foreground);opacity:.5;border-radius:50%;width:.3rem;height:.3rem}.readiness-address{border:1px solid var(--border);background:var(--card);width:50%;height:1rem;color:var(--muted-foreground);border-radius:.25rem;align-items:center;gap:.5rem;margin:0 auto;padding:0 .5rem;display:flex}.readiness-address>span{background:var(--border);width:65%;height:.2rem}.readiness-flow{background:color-mix(in oklab, var(--card) 70%, transparent);grid-template-columns:repeat(5,minmax(0,1fr));gap:.25rem;padding:1rem .5rem 1.25rem;display:grid}.readiness-step{flex-direction:column;align-items:center;gap:.75rem;min-width:0;display:flex;position:relative}.readiness-step:not(:last-child):after{content:"";border-top:2px solid var(--border);width:calc(100% - 2.75rem);position:absolute;top:1.5rem;left:calc(50% + 1.5rem)}.readiness-step-icon{border:1px solid var(--border);background:var(--card);width:3rem;height:3rem;color:var(--primary);box-shadow:var(--brand-shadow);border-radius:50%;place-items:center;display:grid}.readiness-step-label{font-size:.6875rem;font-weight:600}.readiness-comparison-more{color:var(--muted-foreground);margin-top:1.25rem;font-size:.875rem}.readiness-comparison-more summary{cursor:pointer;width:fit-content}.readiness-comparison-more>div{color:var(--foreground)}@media (width>=1024px){.readiness-comparison{grid-template-columns:minmax(0,1fr) 1.5rem minmax(0,2.35fr);align-items:stretch;gap:.75rem}.readiness-comparison-arrow svg{transform:none}.readiness-step-label{font-size:.75rem}}@media (width<=359px){.readiness-comparison-panel{padding:1rem}.readiness-flow{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:1rem}.readiness-step:after{display:none}}@media (prefers-reduced-motion:no-preference){.readiness-comparison-seen .readiness-comparison-product{animation:.55s ease-out both features-enter}.readiness-comparison-seen .readiness-step{animation:.5s ease-out both features-enter}.readiness-comparison-seen .readiness-step:nth-child(2){animation-delay:90ms}.readiness-comparison-seen .readiness-step:nth-child(3){animation-delay:.18s}.readiness-comparison-seen .readiness-step:nth-child(4){animation-delay:.27s}.readiness-comparison-seen .readiness-step:nth-child(5){animation-delay:.36s}}.readiness-comparison{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);box-shadow:var(--brand-shadow);gap:0;overflow:hidden}.readiness-comparison-panel{box-shadow:none;background:0 0;border:0;border-radius:0;padding:1.25rem 1.5rem}.readiness-comparison-observer{background:var(--muted)}.readiness-comparison-product{border-top:0}.readiness-comparison-arrow{z-index:1;height:0;position:relative}.readiness-comparison-arrow svg{box-sizing:content-box;border:1px solid var(--border);background:var(--card);border-radius:50%;width:1.25rem;height:1.25rem;padding:.375rem}@media (width>=1024px){.readiness-comparison{grid-template-columns:minmax(0,1fr) minmax(0,2.35fr);gap:0}.readiness-comparison-arrow{width:0;height:auto}.readiness-comparison-product{border-left:1px solid var(--border);padding-left:2rem}}@media (width<=1023px){.readiness-comparison-product{border-top:1px solid var(--border);padding-top:1.75rem}}.readiness-browser{box-shadow:0 18px 40px -24px color-mix(in oklab, var(--primary) 45%, transparent)}.readiness-flow{background:radial-gradient(120% 90% at 50% 0%, color-mix(in oklab, var(--primary) 9%, var(--card)) 0%, color-mix(in oklab, var(--card) 85%, transparent) 70%);padding:1.5rem .75rem;position:relative}.readiness-step-icon{z-index:1;border-color:color-mix(in oklab, var(--primary) 35%, var(--border));background:linear-gradient(160deg, var(--card) 0%, color-mix(in oklab, var(--primary) 12%, var(--card)) 100%);width:3.25rem;height:3.25rem;box-shadow:0 6px 16px -8px color-mix(in oklab, var(--primary) 55%, transparent), inset 0 1px 0 var(--card);transition:transform .2s;position:relative}.readiness-step:hover .readiness-step-icon{transform:translateY(-2px)}.readiness-step:not(:last-child):after{background:linear-gradient(90deg, var(--primary), color-mix(in oklab, var(--primary) 30%, var(--border)));transform-origin:0;border-top:0;border-radius:2px;width:calc(100% - 3.25rem);height:2px;top:1.625rem;left:calc(50% + 1.625rem)}.readiness-step-label{font-family:var(--font-mono);letter-spacing:.02em;text-transform:uppercase;color:var(--foreground)}@media (prefers-reduced-motion:no-preference){.readiness-comparison .readiness-step:not(:last-child):after{transform:scaleX(0)}.readiness-comparison-seen .readiness-step:not(:last-child):after{animation:.45s ease-out both readiness-line}.readiness-comparison-seen .readiness-step:first-child:after{animation-delay:.3s}.readiness-comparison-seen .readiness-step:nth-child(2):after{animation-delay:.55s}.readiness-comparison-seen .readiness-step:nth-child(3):after{animation-delay:.8s}.readiness-comparison-seen .readiness-step:nth-child(4):after{animation-delay:1.05s}.readiness-comparison-seen .readiness-step-icon{animation:3.2s ease-out .25s infinite readiness-pulse}.readiness-comparison-seen .readiness-step:nth-child(2) .readiness-step-icon{animation-duration:4.1s;animation-delay:.5s}.readiness-comparison-seen .readiness-step:nth-child(3) .readiness-step-icon{animation-duration:3.6s;animation-delay:.75s}.readiness-comparison-seen .readiness-step:nth-child(4) .readiness-step-icon{animation-duration:4.8s;animation-delay:1s}.readiness-comparison-seen .readiness-step:nth-child(5) .readiness-step-icon{animation-duration:3.9s;animation-delay:1.25s}}@keyframes readiness-line{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes readiness-pulse{0%{box-shadow:0 6px 16px -8px color-mix(in oklab, var(--primary) 55%, transparent), 0 0 0 0 color-mix(in oklab, var(--primary) 45%, transparent)}22%{box-shadow:0 6px 16px -8px color-mix(in oklab, var(--primary) 55%, transparent), 0 0 0 12px color-mix(in oklab, var(--primary) 0%, transparent)}to{box-shadow:0 6px 16px -8px color-mix(in oklab, var(--primary) 55%, transparent), 0 0 0 12px color-mix(in oklab, var(--primary) 0%, transparent)}}.readiness-mini-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted-foreground);margin:0;font-size:.625rem}.readiness-mini-note{color:var(--muted-foreground);margin:0;font-size:.75rem}.readiness-center-note{text-align:center;margin-top:.375rem}.readiness-steps-caption{text-align:center;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted-foreground);margin:.875rem 0 0;font-size:.6875rem;font-weight:600}.readiness-flatline{border:1px solid var(--border);background:var(--card);border-radius:.375rem;flex:1;align-content:center;gap:.5rem;padding:.875rem 1rem;display:grid}.readiness-flatline-svg{width:100%;height:auto}.readiness-flatline-svg polyline{stroke:var(--muted-foreground);stroke-width:2px}.readiness-flatline-svg circle{fill:var(--muted-foreground)}.readiness-score-reveal{padding:.25rem .75rem 0}.readiness-score-pair{color:var(--muted-foreground);justify-content:center;align-items:center;gap:1.25rem;display:flex}.readiness-score-before{font-family:var(--font-mono);text-transform:uppercase;justify-items:center;gap:.25rem;font-size:.6875rem;display:grid}.readiness-score-before-num{color:var(--muted-foreground);font-size:1.75rem;font-weight:700;text-decoration:line-through;text-decoration-thickness:2px}.readiness-score-after{justify-items:center;gap:.5rem;display:grid}.readiness-snapshot{text-align:center;flex:1;align-content:center;justify-items:center;gap:.5rem;display:grid}.readiness-snapshot-frame{border:1px solid var(--border);background:var(--card);width:4.5rem;height:3.5rem;color:var(--muted-foreground);box-shadow:var(--brand-shadow);border-radius:.375rem;place-items:center;display:grid}.readiness-loop-wrap{padding:1rem .75rem .25rem}.readiness-loop{width:14rem;height:14rem;margin:0 auto;padding:0;list-style:none;position:relative}.readiness-loop:before{content:"";border:2px dashed color-mix(in oklab, var(--primary) 40%, var(--border));border-radius:50%;position:absolute;inset:1.1rem}.readiness-loop-center{background:var(--primary);width:4.25rem;height:4.25rem;color:var(--primary-foreground);font-family:var(--font-mono);text-transform:uppercase;text-align:center;border-radius:50%;place-items:center;font-size:.625rem;font-weight:700;line-height:1.2;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.readiness-loop-node{width:4.5rem;transform:rotate(calc(var(--i) * 72deg - 90deg)) translate(5.9rem) rotate(calc(-1 * (var(--i) * 72deg - 90deg)));justify-items:center;gap:.2rem;margin:-2.25rem 0 0 -2.25rem;display:grid;position:absolute;top:50%;left:50%}.readiness-loop-icon{border:1px solid color-mix(in oklab, var(--primary) 35%, var(--border));background:var(--card);width:2.5rem;height:2.5rem;color:var(--primary);box-shadow:var(--brand-shadow);border-radius:50%;place-items:center;display:grid}.readiness-loop-label{font-family:var(--font-mono);text-transform:uppercase;background:var(--card);border-radius:.25rem;padding:0 .25rem;font-size:.625rem;font-weight:600}@media (width<=359px){.readiness-loop{width:11rem;height:11rem}.readiness-loop-node{transform:rotate(calc(var(--i) * 72deg - 90deg)) translate(4.6rem) rotate(calc(-1 * (var(--i) * 72deg - 90deg)))}}.readiness-dash{border:1px solid var(--border);background:var(--card);border-radius:.375rem;flex:1;align-content:center;gap:.35rem;padding:.875rem 1rem;display:grid}.readiness-dash-big{color:var(--muted-foreground);margin:0;font-size:1.5rem;font-weight:700}.readiness-dash-svg{width:100%;height:auto}.readiness-dash-area{fill:color-mix(in oklab, var(--muted-foreground) 25%, transparent)}.readiness-mini-report-wrap{padding-bottom:.25rem}.readiness-mini-report{border:1px solid var(--border);background:var(--card);box-shadow:var(--brand-shadow);border-radius:.5rem;margin:0 .75rem;padding:.875rem 1rem}.readiness-mini-report-head{align-items:center;gap:.625rem;display:flex}.readiness-mini-report-title{font-size:.875rem;font-weight:600}.readiness-mini-report-score{font-family:var(--font-mono);margin-left:auto;font-size:.8rem;font-weight:700}.readiness-mini-bars{gap:.45rem;margin-top:.75rem;display:grid}.readiness-mini-bar{grid-template-columns:minmax(0,1fr) 5.5rem 1.75rem;align-items:center;gap:.625rem;font-size:.72rem;display:grid}.readiness-mini-bar-label{text-overflow:ellipsis;white-space:nowrap;color:var(--foreground);overflow:hidden}.readiness-mini-bar-track{background:var(--muted);border-radius:999px;height:.4rem;overflow:hidden}.readiness-mini-bar-fill{border-radius:999px;height:100%;display:block}.readiness-mini-bar-num{font-family:var(--font-mono);text-align:right;font-size:.72rem;font-weight:700}.readiness-mini-finding{border-top:1px solid var(--border);color:var(--foreground);align-items:center;gap:.45rem;margin-top:.75rem;padding-top:.625rem;font-size:.75rem;display:flex}.readiness-mini-finding svg{color:var(--success)}@media (prefers-reduced-motion:no-preference){.readiness-comparison-seen[data-graphic="1"] .readiness-score-after{animation:.6s ease-out both features-enter}.readiness-comparison-seen[data-graphic="2"] .readiness-loop-node{animation:.45s ease-out both readiness-fade;animation-delay:calc(var(--i) * .11s)}.readiness-comparison-seen[data-graphic="3"] .readiness-mini-bar-fill{animation:.7s ease-out both readiness-bar-grow}}@keyframes readiness-bar-grow{0%{width:0}}@keyframes readiness-fade{0%{opacity:0}}