*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f7f5ee;color:#17212c;font:16px/1.7 -apple-system,BlinkMacSystemFont,"Hiragino Sans",sans-serif}a{color:inherit;text-underline-offset:4px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #087b8c;outline-offset:4px}.collection-header{max-width:1080px;margin:auto;padding:24px;display:flex;justify-content:space-between;border-bottom:1px solid #17212c33}.brand{font-size:24px;font-weight:850;text-decoration:none}.brand span{color:#ac6600}.collection{max-width:1080px;margin:auto;padding:42px 24px}.eyebrow{font-size:14px;letter-spacing:.15em;font-weight:750}.collection h1{font-size:clamp(34px,5vw,54px);line-height:1.3;margin:10px 0 22px}.intro{line-height:1.9;margin-bottom:40px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px}.card-visual{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;background:white;border:1px solid #17212c25;border-radius:4px}.card-visual img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .25s}.card-visual:hover img{transform:scale(1.025)}.card-visual span{position:absolute;bottom:0;left:0;right:0;background:#17212cf2;color:white;padding:12px 14px;font-size:14px;font-weight:700}.category{font-size:14px;color:#505963;margin:14px 0 4px}.card h2{font-size:20px;margin:0;line-height:1.5}.card h2 a{text-decoration:none}.comparison-note{font-size:14px;color:#505963;line-height:1.8;margin:36px 0 8px}.compare-header{max-width:1000px;margin:auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.compare-header h1{font-size:22px;margin:0}.compare-header .category{margin:0}.back,.open-live{font-size:14px;white-space:nowrap}.open-live{background:#17212c;color:white;padding:10px 14px;border-radius:4px;text-decoration:none}.compare-intro{max-width:820px;margin:0 auto 18px;padding:0 12px;font-size:14px}.comparison{display:grid;grid-template-columns:repeat(2,minmax(0,390px));gap:24px;max-width:804px;margin:auto}.compare-pane{min-width:0;background:white;box-shadow:0 4px 24px #17212c0a;border:1px solid #17212c20;border-radius:5px;overflow:hidden}.compare-pane h2{font-size:15px;margin:0;padding:10px 12px;background:#17212c;color:white}.compare-pane h2 span{font-size:12px;margin-left:8px;color:#c6f3df}.design-scroll,iframe{display:block;width:100%;height:calc(100dvh - 230px);min-height:400px;border:0}.design-scroll{overflow:auto;overscroll-behavior-y:contain}.design-scroll img{display:block;width:100%;height:auto}.sipful-faq-crop{position:relative;width:100%;aspect-ratio:440/1070;overflow:hidden}.sipful-faq-crop img{position:absolute;width:312.2727%;max-width:none;left:-2.5%;top:-4.486%}.compare-page>.comparison-note{max-width:804px;margin:14px auto;padding:0 12px}.mobile-switch{display:none}@media(max-width:850px){.comparison{margin:0 16px;gap:16px}.compare-header{gap:12px;padding:16px}.compare-header h1{font-size:18px}.compare-intro{margin:0 16px 12px;padding:0}}@media(max-width:700px){.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.card h2{font-size:17px}.compare-header{flex-wrap:wrap}.compare-header>div{order:3;flex-basis:100%}.compare-header h1{font-size:22px}.compare-intro{font-size:14px}.mobile-switch{display:flex;max-width:390px;margin:0 auto 12px;padding:0 12px;gap:8px}.mobile-switch button{flex:1;border:1px solid #17212c;padding:9px 4px;background:transparent;border-radius:4px;font-size:14px}.mobile-switch button[aria-pressed=true]{background:#17212c;color:white}.comparison{display:block;max-width:390px;margin:auto}.comparison[data-active=design] .live-pane,.comparison[data-active=live] .design-pane{display:none}.design-scroll,iframe{height:calc(100dvh - 275px);min-height:330px}.compare-pane{border-radius:0}.compare-page>.comparison-note{max-width:390px;font-size:12px}}@media(max-width:420px){.cards{grid-template-columns:1fr}.collection{padding:28px 20px}.card-visual{max-height:430px}.card h2{font-size:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}