.sf-hero{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 50%,#1e40af 100%);color:#fff;padding:48px 0 64px;position:relative;overflow:hidden}.sf-hero:before{content:'';position:absolute;top:-120px;right:-80px;width:400px;height:400px;background:rgba(255,255,255,.06);border-radius:50%;pointer-events:none}.sf-hero:after{content:'';position:absolute;bottom:-60px;left:-40px;width:250px;height:250px;background:rgba(255,255,255,.04);border-radius:50%;pointer-events:none}.sf-hero__content{text-align:center;max-width:720px;margin:0 auto 40px;position:relative;z-index:1}.sf-hero__badge{display:inline-block;padding:6px 16px;background:rgba(255,255,255,.15);border-radius:var(--radius-full);font-size:var(--xs);font-weight:600;margin-bottom:16px;backdrop-filter:blur(8px)}.sf-hero__title{color:#fff;font-size:var(--h1);margin:0 0 16px;letter-spacing:-.04em}.sf-hero__subtitle{color:rgba(255,255,255,.85);font-size:1.05rem;line-height:1.7;margin:0;max-width:600px;margin-left:auto;margin-right:auto}.sf-industries__header{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:20px;position:relative;z-index:1}.sf-industries__step-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 14px;background:#fff;color:var(--primary);font-size:var(--xs);font-weight:800;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.sf-industries__instruction{color:rgba(255,255,255,.95);font-size:1.05rem;font-weight:600;margin:0}.sf-industries{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative;z-index:1;max-width:900px;margin:0 auto}.sf-industry-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 16px 24px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-xl);cursor:pointer;transition:all .25s var(--ease);font-family:var(--font);text-align:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.sf-industry-card:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.35);transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.15)}.sf-industry-card:focus-visible{outline:2px solid #fff;outline-offset:2px}.sf-industry-card.is-selected{background:rgba(255,255,255,.25);border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.2),0 8px 24px rgba(0,0,0,.15)}.sf-industry-card__icon{font-size:2rem;line-height:1}.sf-industry-card__title{font-size:var(--small);font-weight:700;color:#fff;line-height:1.3}.sf-industry-card__tagline{font-size:var(--xs);color:rgba(255,255,255,.6);line-height:1.3}.sf-results{padding-top:48px}.sf-results__nav{margin-bottom:24px}.sf-back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);font-family:var(--font);font-size:var(--xs);font-weight:600;color:var(--text-light);cursor:pointer;transition:all .2s ease}.sf-back-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.sf-back-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sf-results__header{text-align:center;margin-bottom:40px}.sf-results__icon{font-size:2.5rem;display:block;margin-bottom:12px}.sf-results__title{margin:0 0 12px;font-size:var(--h2)}.sf-results__desc{max-width:640px;margin:0 auto;color:var(--text-secondary);font-size:1.05rem;line-height:1.7}.sf-patterns{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:48px}.sf-pattern-card{border:1px solid var(--border);border-radius:var(--radius-xl);padding:28px;background:var(--bg);transition:all .25s var(--ease);display:flex;flex-direction:column;position:relative}.sf-pattern-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.sf-pattern-card--recommended{border-color:var(--primary);background:linear-gradient(135deg,rgba(37,99,235,.02) 0%,rgba(99,102,241,.02) 100%)}.sf-pattern-card__badge{position:absolute;top:-1px;right:20px;padding:4px 12px;background:var(--primary);color:#fff;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:0 0 var(--radius) var(--radius)}.sf-pattern-card__name{margin:0 0 6px;font-size:1.15rem;font-weight:700;color:var(--navy)}.sf-pattern-card__name a{color:inherit;text-decoration:none}.sf-pattern-card__name a:hover{color:var(--primary)}.sf-pattern-card__rotation{font-size:var(--small);color:var(--text-light);margin:0 0 8px}.sf-pattern-card__reason{font-size:var(--small);color:var(--text-secondary);line-height:1.6;margin:0 0 16px;flex:1}.sf-pattern-card__stats{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.sf-pattern-card__stat{display:inline-flex;align-items:center;padding:4px 10px;background:var(--bg-alt);border-radius:var(--radius-full);font-size:.7rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.sf-pattern-card__btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border:none;border-radius:var(--radius-full);background:var(--primary);color:#fff;font-family:var(--font);font-size:var(--small);font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.sf-pattern-card__btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,.3)}.sf-pattern-card__btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sf-pattern-card--custom{border-style:dashed;border-color:var(--border-hover);background:var(--bg-alt)}.sf-pattern-card--custom:hover{border-color:var(--accent);background:var(--accent-light)}.sf-pattern-card__btn--custom{background:var(--accent)}.sf-pattern-card__btn--custom:hover{background:var(--primary-dark)}.sf-why{background:var(--bg-alt);border-radius:var(--radius-xl);padding:32px;margin-bottom:40px}.sf-why__title{margin:0 0 16px;font-size:var(--h3);color:var(--navy)}.sf-why__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.sf-why__list li{display:flex;align-items:flex-start;gap:10px;font-size:var(--small);color:var(--text-secondary);line-height:1.6}.sf-why__list li:before{content:'✓';display:flex;align-items:center;justify-content:center;width:22px;height:22px;min-width:22px;border-radius:50%;background:var(--primary-light);color:var(--primary);font-size:.7rem;font-weight:700;margin-top:1px}.sf-compare{margin-bottom:40px}.sf-compare__title{margin:0 0 16px;font-size:var(--h3);color:var(--navy)}.sf-compare__table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--radius-lg)}.sf-compare__table{width:100%;border-collapse:collapse;font-size:var(--small)}.sf-compare__table th{background:var(--bg-alt);padding:12px 16px;text-align:left;font-weight:700;font-size:var(--xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);white-space:nowrap}.sf-compare__table td{padding:12px 16px;border-bottom:1px solid var(--border-light);color:var(--text);white-space:nowrap}.sf-compare__table tr:last-child td{border-bottom:none}.sf-compare__table tr:hover td{background:var(--primary-light)}.sf-compare__table td:first-child{font-weight:600;color:var(--navy)}.sf-links{text-align:center;margin-bottom:16px}.sf-links p{margin-bottom:8px;font-size:var(--small)}.sf-links a{font-weight:600}.sf-tool-section{padding-top:48px;background:var(--bg-alt)}.sf-tool-section__nav{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}.sf-tool-section__title{text-align:center;margin:0 0 32px;font-size:var(--h2)}.sf-faq{display:flex;flex-direction:column;gap:10px}.sf-faq .faq-item{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition)}.sf-faq .faq-item:hover{border-color:var(--border-hover)}.sf-faq .faq-item.is-open{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.sf-faq .faq-item__question{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;background:var(--bg);border:none;font-family:var(--font);font-size:var(--body);font-weight:600;color:var(--navy);cursor:pointer;text-align:left;transition:background var(--transition);line-height:1.5}.sf-faq .faq-item__question:hover{background:var(--bg-alt)}.sf-faq .faq-item__question:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.sf-faq .faq-item__icon{flex-shrink:0;width:20px;height:20px;transition:transform .3s var(--ease);color:var(--text-light)}.sf-faq .faq-item.is-open .faq-item__icon{transform:rotate(180deg);color:var(--primary)}.sf-faq .faq-item__answer{display:none;padding:0 24px 20px;font-size:var(--small);color:var(--text-secondary);line-height:1.75}.sf-faq .faq-item.is-open .faq-item__answer{display:block}.sf-faq .faq-item__answer p{margin:0}.sf-faq .faq-item__answer a{font-weight:600}.sf-seo-content{max-width:720px;margin:0 auto}.sf-seo-content h2{text-align:center;margin-top:0;margin-bottom:20px}.sf-seo-content p{font-size:var(--small);color:var(--text-secondary);line-height:1.8;margin-bottom:16px}.sf-seo-content a{font-weight:600}@media (max-width:1023px){.sf-industries{grid-template-columns:repeat(4,1fr);gap:10px}.sf-patterns{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sf-hero{padding:36px 0 48px}.sf-industries{grid-template-columns:repeat(2,1fr);gap:10px}.sf-industry-card{padding:20px 12px 18px}.sf-industry-card__icon{font-size:1.6rem}.sf-patterns{grid-template-columns:1fr}.sf-pattern-card{padding:22px}.sf-why{padding:24px}.sf-compare__table{font-size:var(--xs)}.sf-compare__table th,.sf-compare__table td{padding:10px 12px}}@media (max-width:639px){.sf-hero{padding:28px 0 40px}.sf-hero__subtitle{font-size:var(--small)}.sf-industries{grid-template-columns:repeat(2,1fr);gap:8px}.sf-industry-card{padding:16px 10px 14px;border-radius:var(--radius-lg)}.sf-industry-card__icon{font-size:1.4rem}.sf-industry-card__title{font-size:var(--xs)}.sf-industry-card__tagline{font-size:.65rem}.sf-industries__instruction{font-size:var(--small)}.sf-results{padding-top:32px}.sf-results__desc{font-size:var(--small)}.sf-pattern-card{padding:18px}.sf-pattern-card__btn{min-height:44px}.sf-back-btn{min-height:40px}.sf-tool-section__nav{flex-direction:column}.sf-faq .faq-item__question{padding:16px;font-size:var(--small);min-height:48px}.sf-faq .faq-item__answer{padding:0 16px 16px}}@media (max-width:400px){.sf-hero{padding:20px 0 32px}.sf-industries{gap:6px}.sf-industry-card{padding:14px 8px 12px}.sf-industry-card__icon{font-size:1.2rem}.sf-industry-card__tagline{display:none}}