:root{color:#151515;font-synthesis:none;background:#f7f3ea;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:#f7f3ea;min-width:320px;margin:0}button,a{font:inherit}.compare-shell{color:#151515;background:linear-gradient(155deg,#457b9d24,#0000 32rem),#f7f3ea;min-height:100vh}.compare-header{width:min(760px,100% - 32px);margin:0 auto;padding:22px 0}.compare-header a{color:inherit;letter-spacing:.08em;align-items:center;gap:9px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex}.compare-header img{width:32px;height:32px}.compare-shell main{width:min(760px,100% - 32px);margin:0 auto;padding:18px 0 64px}.compare-panel,.compare-result{width:min(100%,650px);margin:0 auto}.compare-panel--center{flex-direction:column;justify-content:center;align-items:flex-start;min-height:68vh;display:flex}.compare-kicker{color:#386d85;letter-spacing:.14em;margin:0 0 14px;font-size:11px;font-weight:900}.compare-intro-copy{margin-bottom:42px}.compare-panel h1,.compare-result h1{letter-spacing:-.055em;max-width:620px;margin:0;font-size:clamp(36px,8vw,66px);line-height:1}.compare-panel h2{letter-spacing:-.045em;margin:0 0 22px;font-size:clamp(30px,7vw,50px);line-height:1.05}.compare-intro-copy p,.compare-panel--center>p:not(.compare-kicker),.compare-empty{color:#68635c;max-width:520px;margin:16px 0 0;line-height:1.55}.compare-progress{background:#ddd7cd;width:100%;height:5px;margin-bottom:30px;overflow:hidden}.compare-progress span{background:#151515;height:100%;transition:width .18s;display:block}.compare-options{grid-template-columns:1fr;gap:12px;display:grid}.compare-options button{color:#151515;text-align:left;cursor:pointer;background:#fffdf7;border:2px solid #151515;border-radius:0;min-height:74px;padding:18px 20px;font-size:clamp(18px,4vw,22px);font-weight:800;transition:transform .12s,background .12s,color .12s}.compare-options button:first-child{transform:rotate(-.35deg)}.compare-options button:nth-child(2){transform:rotate(.35deg)}.compare-options button:hover,.compare-options button:focus-visible,.compare-options button.is-selected{color:#fffdf7;background:#151515;outline:none}.compare-primary{color:#fffdf7;cursor:pointer;background:#151515;border:2px solid #151515;border-radius:0;justify-content:center;align-items:center;width:100%;min-height:58px;margin-top:28px;padding:14px 20px;font-weight:900;text-decoration:none;display:inline-flex}.compare-primary:hover,.compare-primary:focus-visible{background:#386d85;border-color:#386d85;outline:none}.compare-primary:disabled{opacity:.45;cursor:default}.compare-back,.compare-text-link{color:#676159;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;margin-top:18px;padding:0;text-decoration:underline;display:inline-block}.compare-notice,.compare-status{color:#386d85;font-weight:700}.compare-status{place-items:center;min-height:62vh;margin:0;display:grid}.compare-result{padding-top:28px}.compare-result__block{border-top:3px solid #151515;margin-top:42px;padding-top:24px}.compare-result__block h2{letter-spacing:-.03em;margin:0 0 16px;font-size:22px}.compare-result__same,.compare-result__different{border-bottom:1px solid #cfc8bd;padding:17px 0}.compare-result__same{justify-content:space-between;gap:18px;display:flex}.compare-result__same strong,.compare-result__different strong{font-size:17px}.compare-result__same span{color:#386d85;text-align:right;font-weight:800}.compare-result__block--different{background:#e7eef1;border-top-color:#386d85;padding:24px}.compare-result__different p{grid-template-columns:52px 1fr;gap:10px;margin:12px 0 0;line-height:1.4;display:grid}.compare-result__different p span{color:#6c7478;letter-spacing:.05em;font-size:12px;font-weight:900}.compare-result__different--hero{background:#fffdf7;border:2px solid #151515;margin:0 -10px 12px;padding:18px 14px 20px;box-shadow:6px 6px #386d853d}.compare-result__hero-label{color:#386d85;letter-spacing:.12em;margin-bottom:10px;font-size:10px;font-weight:900;display:block}@media (width>=620px){.compare-options{grid-template-columns:1fr 1fr}.compare-options button{text-align:center;min-height:120px}.compare-panel--center .compare-primary,.compare-result>.compare-primary{max-width:380px}.compare-result__different--hero{margin-left:-14px;margin-right:-14px;padding:22px 18px 24px}}@media (prefers-reduced-motion:reduce){.compare-progress span,.compare-options button{transition:none}}