@media (width<=640px){.comparison-table-section{padding:0 1rem}.comparison-table{width:100%;box-shadow:none;background:0 0;border:none;display:block}.comparison-table thead{display:none}.comparison-table tbody{width:100%;display:block}.comparison-table tr{background:var(--bg-surface);border:1px solid var(--border-light);box-sizing:border-box;border-radius:12px;margin-bottom:1rem;padding:1rem;display:block}.comparison-table tr:last-child{margin-bottom:0}.comparison-table td{word-break:break-word;overflow-wrap:break-word;box-sizing:border-box;border:none;width:100%;padding:.5rem 0;display:block;text-align:left!important}.comparison-table td:first-child{border-bottom:1px solid var(--border-light);margin-bottom:.5rem;padding-bottom:.75rem;font-size:1rem;font-weight:700}.comparison-table td:nth-child(2),.comparison-table td:nth-child(3){flex-wrap:wrap;align-items:baseline;gap:.25rem .5rem;display:flex}.comparison-table td:nth-child(2):before,.comparison-table td:nth-child(3):before{text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;font-size:.75rem;font-weight:600}.comparison-table td:nth-child(2):before{content:"Stitchmate:";color:var(--accent)}.comparison-table td.highlight{background:0 0}.comparison-table--4col td:nth-child(3),.comparison-table--4col td:nth-child(4){flex-wrap:wrap;align-items:baseline;gap:.25rem .5rem;display:flex}.comparison-table--4col td:nth-child(3):before,.comparison-table--4col td:nth-child(4):before{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);flex-shrink:0;font-size:.75rem;font-weight:600}.comparison-table--4col td:nth-child(3):before{content:"StitchFiddle Free:"}.comparison-table--4col td:nth-child(4):before{content:"StitchFiddle Premium:"}.compare-flosscross .comparison-table td:nth-child(3):before{content:"FlossCross:";color:var(--text-muted)}.compare-pcstitch .comparison-table td:nth-child(3):before{content:"PCStitch:";color:var(--text-muted)}.compare-stitchfiddle .comparison-table td:nth-child(3):before{content:"StitchFiddle:";color:var(--text-muted)}.compare-winstitch .comparison-table td:nth-child(3):before{content:"WinStitch:";color:var(--text-muted)}.compare-stitchly .comparison-table td:nth-child(3):before{content:"Stitchly:";color:var(--text-muted)}.compare-musely .comparison-table td:nth-child(3):before{content:"Musely:";color:var(--text-muted)}.compare-kgchart .comparison-table td:nth-child(3):before{content:"KG-Chart:";color:var(--text-muted)}}.compare-prose{color:var(--text-primary);line-height:1.7}.compare-prose strong{color:var(--text-primary);font-weight:700}.compare-prose ul{padding-left:1.25rem;line-height:1.7}.btn-tertiary{color:var(--text-muted);border:1px solid var(--border-light);background:0 0}.btn-tertiary:hover{color:var(--text-primary);background:var(--bg-surface-alt);border-color:var(--border-light)}.hero-compact{text-align:center;max-width:900px;margin:0 auto;padding:5rem 1.5rem 2rem;position:relative;overflow:hidden}@media (width>=640px){.hero-compact{padding-top:6rem;padding-bottom:2.5rem}}@media (width>=1024px){.hero-compact{padding-top:6.5rem;padding-bottom:2rem}}.hero-updated{color:var(--text-muted);margin-top:.5rem;font-size:.875rem}.breadcrumb{max-width:1100px;margin:3rem auto 0;padding:1rem 1.5rem}.breadcrumb a{color:var(--text-muted);font-size:.875rem;text-decoration:none}.breadcrumb a:hover{color:var(--accent)}.breadcrumb span{color:var(--text-muted);margin:0 .5rem;font-size:.875rem}.hero-split{-moz-column-gap:2.5rem;box-sizing:border-box;background:var(--bg-page);grid-template:"top right""bottom right"1fr/1fr 1.2fr;column-gap:2.5rem;width:100vw;margin-left:calc(50% - 50vw);padding:3rem max(1.5rem,50vw - 600px) 0;display:grid}.hero-left-top{grid-area:top;align-self:end;padding-bottom:.75rem}.hero-left-bottom{grid-area:bottom;align-self:start}.hero-split .hero-right{grid-area:right;align-self:center}.hero-split .hero-title{text-align:left;margin-bottom:.75rem;font-size:2.25rem;font-weight:800;line-height:1.2}.hero-split .hero-subtitle{color:var(--text-primary);text-align:left;margin-bottom:1rem;font-size:1.25rem;font-weight:600;line-height:1.4}.hero-proofline{color:var(--text-primary);text-align:left;margin-bottom:1rem;font-size:1rem;line-height:1.5}.hero-split .proof-stats--inline{justify-content:flex-start;gap:.25rem;max-width:260px;margin:0 0 .75rem}.hero-split .confetti-helper{color:var(--text-muted);text-align:left;margin:0 0 1.25rem;font-size:.8125rem;font-style:italic}.hero-split .cta-buttons{justify-content:flex-start;margin-bottom:1rem}.hero-split .cta-micro{text-align:left}.hero-details{color:var(--text-muted);margin-top:.5rem;font-size:.8125rem}.hero-details summary{cursor:pointer;color:var(--text-muted);user-select:none;font-weight:600}.hero-details summary:hover{color:var(--text-primary)}.hero-details p{margin:.5rem 0 0;line-height:1.5}.hero-right .slider-label{text-align:center;margin-top:.5rem}.hero-right .img-slider-wrap{border-radius:12px;overflow:hidden}@media (width<=1000px){.hero-split{grid-template:auto/1fr;gap:0;padding-top:1.5rem;padding-bottom:2rem}.hero-left-top,.hero-left-bottom,.hero-split .hero-right{grid-area:auto;align-self:auto}.hero-left-top{order:1;padding-bottom:1rem}.hero-split .hero-right{order:2;margin-bottom:1rem}.hero-left-bottom{order:3}.hero-split .hero-title{text-align:center;font-size:1.75rem}.hero-split .hero-subtitle{text-align:center;margin-bottom:0}.hero-split .hero-proofline{text-align:center}.hero-split .proof-stats--inline{justify-content:center;margin-left:auto;margin-right:auto}.hero-split .confetti-helper{text-align:center;margin-left:auto;margin-right:auto}.hero-split .cta-buttons{justify-content:center}.hero-split .cta-micro{text-align:center}}.proof-pair{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.proof-pair figure{text-align:center;margin:0}.proof-pair img{border:1px solid var(--border-light);cursor:zoom-in;border-radius:8px;width:100%;height:auto;transition:opacity .15s}.proof-pair img:hover{opacity:.9}.zoom-hint{color:var(--text-muted);opacity:.5;text-align:center;letter-spacing:.02em;margin:0 0 .5rem;font-size:.7rem}.proof-pair figcaption{color:var(--text-muted);margin-top:.5rem;font-size:.875rem}.slider-caption{text-align:center;color:var(--text-muted);margin:.4rem auto 0;font-size:.8125rem;font-style:italic}.try-image-cta{text-align:center;margin-top:.75rem}.try-image-cta a{color:var(--accent);border-bottom:1px solid #0000;padding:.25rem 0;font-size:.9375rem;font-weight:500;text-decoration:none;transition:border-color .15s,opacity .15s;display:inline-block}.try-image-cta a:hover{border-bottom-color:var(--accent);opacity:.85}.more-examples-heading{color:var(--text-primary);text-align:center;margin:3rem 0 .5rem;font-size:1.25rem;font-weight:700}.more-examples-sub{text-align:center;color:var(--text-primary);margin:0 0 1.5rem;font-size:.9375rem}@media (width<=640px){.proof-pair{grid-template-columns:1fr}}.hero-slider-stack{display:grid;position:relative;overflow:hidden}.hero-slide{opacity:0;pointer-events:none;visibility:hidden;grid-area:1/1}.hero-slide.active{opacity:1;pointer-events:auto;visibility:visible;z-index:2}@keyframes heroSlideInRight{0%{opacity:0;transform:translate(36px)scale(.97)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes heroSlideInLeft{0%{opacity:0;transform:translate(-36px)scale(.97)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes heroSlideOutLeft{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-36px)scale(.97)}}@keyframes heroSlideOutRight{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(36px)scale(.97)}}.hero-slide.anim-enter-right{visibility:visible;z-index:2;animation:.3s forwards heroSlideInRight}.hero-slide.anim-enter-left{visibility:visible;z-index:2;animation:.3s forwards heroSlideInLeft}.hero-slide.anim-leave-left{visibility:visible;z-index:1;pointer-events:none;animation:.3s forwards heroSlideOutLeft}.hero-slide.anim-leave-right{visibility:visible;z-index:1;pointer-events:none;animation:.3s forwards heroSlideOutRight}.hero-slide-dots{justify-content:center;align-items:center;gap:.125rem;margin-bottom:.75rem;display:flex}.hero-slide-dot{cursor:pointer;background:0 0;border:none;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:flex}.hero-slide-dot:before{content:"";background:#bbb;border-radius:50%;flex-shrink:0;width:14px;height:14px;transition:background .2s,transform .2s}.hero-slide-dot:hover:before{background:#888;transform:scale(1.25)}.hero-slide-dot:focus-visible{box-shadow:0 0 0 3px var(--accent)}.hero-slide-dot.active:before{background:var(--accent);transform:scale(1.15)}.medium-zoom-overlay{z-index:200}.medium-zoom-image--opened{z-index:201}.pricing-detail-table{width:100%;font-size:.9375rem;overflow:hidden}.pricing-detail-table th,.pricing-detail-table td{text-align:left;border-bottom:1px solid var(--border-light);padding:.875rem 1.25rem}.pricing-detail-table th{background:var(--bg-surface);color:var(--text-primary);font-weight:600}.pricing-detail-table td{color:var(--text-primary)}.pricing-detail-table tr:last-child td{border-bottom:none}.proof-stats--inline{justify-content:center;gap:1rem;max-width:480px;margin:0 auto .75rem;display:flex}.proof-stats--inline .proof-stat{flex:1;padding:1rem .75rem}.proof-stats--inline .stat-detail{color:var(--text-muted);margin-top:.125rem;font-size:.8125rem;display:block}.confetti-helper{text-align:center;color:var(--text-muted);max-width:480px;margin:0 auto 1.25rem;font-size:.8125rem}.slider-label{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:.5rem auto 0;font-size:.8125rem;font-weight:600}.hero-settings{text-align:center;color:var(--text-muted);font-size:.8125rem;font-family:var(--font-mono,monospace);letter-spacing:.02em;margin:0 auto 1rem}.proof-stats{grid-template-columns:1fr 1fr;gap:1rem;max-width:640px;margin:0 auto 1.5rem;display:grid}.proof-stat{text-align:center;border:1px solid var(--border-light);background:var(--bg-surface);border-radius:12px;padding:1.5rem 1rem}.proof-stat .stat-number{color:var(--text-primary);font-size:2rem;font-weight:800;line-height:1.2;display:block}.proof-stat .stat-label{color:var(--text-muted);margin-top:.25rem;font-size:.875rem;display:block}.proof-stat.winner{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, var(--bg-surface))}.proof-stat.winner .stat-number{color:var(--accent)}.proof-note{color:var(--text-muted);text-align:center;max-width:640px;margin:0 auto;font-size:.8125rem;font-style:italic}.confetti-callout{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:12px;max-width:640px;margin:1.5rem auto 0;padding:1.5rem 2rem}.confetti-callout p{color:var(--text-primary);margin:0;font-size:.9375rem;line-height:1.7}@media (width<=640px){.proof-stats--inline{flex-direction:column;align-items:stretch;max-width:280px}}.comparison-cards{flex-direction:column;gap:1.5rem;max-width:500px;margin:0 auto;padding:0 1.5rem;display:none}.comparison-card{background:var(--bg-page);border:1px solid var(--border-light);border-radius:16px;padding:1.5rem}.comparison-card.highlight-card{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.comparison-card-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;display:flex}.comparison-card h4{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.comparison-card.highlight-card h4{color:var(--accent)}.comparison-card-price{text-align:right}.comparison-card-price .price{color:var(--text-primary);font-size:1.125rem;font-weight:700}.comparison-card-price .price-note{color:var(--text-muted);font-size:.75rem}.comparison-card-features{grid-template-columns:1fr 1fr;gap:.5rem 1rem;display:grid}.comparison-card-features dt{color:var(--text-muted);font-size:.875rem}.comparison-card-features dd{color:var(--text-primary);text-align:right;font-size:.875rem;font-weight:600}.comparison-card-cta{border-top:1px solid var(--border-light);margin-top:1rem;padding-top:1rem}.comparison-card-cta a{color:var(--accent);text-align:center;font-weight:600;text-decoration:none;display:block}@media (width<=900px){.comparison-table-wrapper{display:none}.comparison-cards{display:flex}}
