.shoutfast-homepage .shoutfast-hero{text-align: left;padding: 4rem 0 3rem;}.shoutfast-homepage .shoutfast-hero h1{font-size: clamp(40px,6.6vw,80px);line-height: 0.96;margin-bottom: 1.25rem;}.shoutfast-homepage .shoutfast-hero p{font-size: 19px;color: var(--sf-ink-2);max-width: 640px;margin: 0 0 1.75rem;line-height: 1.55;}.shoutfast-grid-2{display: grid;grid-template-columns: 1fr 1fr;gap: 1.5rem;}.shoutfast-grid-3{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 1.5rem;}@media (max-width: 768px){.shoutfast-grid-2,.shoutfast-grid-3{grid-template-columns: 1fr;}.shoutfast-homepage .shoutfast-hero{padding: 2.5rem 0 2rem;}} .sf-blog-header{padding: 2.5rem 0 1.75rem;border-bottom: 1px solid var(--sf-rule);margin-bottom: 2.5rem;}.sf-blog-header h1{font-size: clamp(36px,5.2vw,56px);margin-bottom: 0.5rem;}.sf-blog-header p{color: var(--sf-text-light);font-size: 16px;}.sf-blog-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 1.75rem;margin-bottom: 2.5rem;}.sf-blog-card{display: flex;flex-direction: column;background: var(--sf-bg);border: 1px solid var(--sf-rule);overflow: hidden;text-decoration: none !important;color: var(--sf-ink) !important;transition: transform var(--sf-transition-fast),box-shadow var(--sf-transition-fast),border-color var(--sf-transition-fast);}.sf-blog-card:hover{transform: translateY(-4px);box-shadow: var(--sf-shadow-lg);border-color: var(--sf-purple);}.sf-card-image{aspect-ratio: 16/9;overflow: hidden;}.sf-card-image img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease;}.sf-blog-card:hover .sf-card-image img{transform: scale(1.03);}.sf-card-body{padding: 1.5rem;flex: 1;display: flex;flex-direction: column;gap: 0.5rem;}.sf-card-cat{font-size: 11px;color: var(--sf-purple);letter-spacing: 0.14em;text-transform: uppercase;font-weight: 800;}.sf-card-body h3{font-size: 1.25rem;margin: 0 0 0.4rem;line-height: 1.25;font-weight: 800;color: var(--sf-ink);}.sf-card-body p{color: var(--sf-text-light);margin: 0;font-size: 14px;line-height: 1.55;flex: 1;}.sf-card-meta{color: var(--sf-text-light);font-size: 12px;margin-top: 0.5rem;letter-spacing: 0.04em;}.sf-pagination{display: flex;align-items: center;justify-content: center;gap: 0.5rem;margin: 2rem 0;}.sf-pagination a,.sf-pagination span{display: inline-block;padding: 0.45rem 0.85rem;border: 1px solid var(--sf-rule);color: var(--sf-ink);font-size: 14px;font-weight: 600;text-decoration: none;}.sf-pagination a:hover{border-color: var(--sf-purple);color: var(--sf-purple);}.sf-pagination .current{background: var(--sf-ink);color: #fff;border-color: var(--sf-ink);}.sf-pag-info{color: var(--sf-text-light);font-size: 13px;text-align: center;margin-top: 0.5rem;}.sf-post-single{max-width: 760px;margin: 0 auto;padding: 0 1.75rem;}.sf-post-header{padding: 2rem 0 1.5rem;}.sf-post-meta{font-size: 12px;color: var(--sf-text-light);letter-spacing: 0.04em;margin-bottom: 0.75rem;}.sf-post-cats{display: inline-flex;flex-wrap: wrap;gap: 0.5rem;margin-bottom: 1rem;}.sf-post-header h1{font-size: clamp(32px,5vw,48px);margin-bottom: 0.75rem;}.sf-post-hero{margin: 1.5rem 0 2rem;aspect-ratio: 16/9;overflow: hidden;border: 1px solid var(--sf-rule);}.sf-post-hero img{width: 100%;height: 100%;object-fit: cover;}.sf-post-content{font-size: 17px;line-height: 1.75;color: var(--sf-ink-2);}.sf-post-content p{margin-bottom: 1.4rem;}.sf-post-content h2{font-size: clamp(24px,3.4vw,30px);margin: 2.5rem 0 1rem;color: var(--sf-ink);line-height: 1.2;}.sf-post-content h3{font-size: 22px;margin: 2rem 0 0.75rem;color: var(--sf-ink);}.sf-post-content ul,.sf-post-content ol{padding-left: 1.4rem;margin-bottom: 1.4rem;}.sf-post-content li{margin-bottom: 0.5rem;}.sf-post-content blockquote{margin: 2rem 0;padding: 1rem 1.5rem;border-left: 4px solid var(--sf-purple);background: var(--sf-purple-50);color: var(--sf-ink);font-style: italic;}.sf-post-content img{margin: 2rem auto;border: 1px solid var(--sf-rule);}.sf-post-content a{color: var(--sf-purple);border-bottom: 1px solid var(--sf-purple-50);}.sf-post-content a:hover{border-bottom-color: var(--sf-purple);color: var(--sf-purple-2);}.sf-post-footer{margin-top: 2.5rem;}.sf-post-nav{display: grid;grid-template-columns: 1fr 1fr;gap: 1rem;margin-top: 2rem;padding-top: 2rem;border-top: 1px solid var(--sf-rule);}.sf-post-nav-link{display: block;padding: 1.25rem 1.4rem;border: 1px solid var(--sf-rule);text-decoration: none;color: var(--sf-ink);transition: border-color var(--sf-transition-fast),background var(--sf-transition-fast);}.sf-post-nav-link:hover{border-color: var(--sf-purple);background: var(--sf-purple-50);}.sf-post-nav-next{text-align: right;}.sf-post-nav-label{font-size: 11px;color: var(--sf-text-light);letter-spacing: 0.14em;text-transform: uppercase;font-weight: 700;margin-bottom: 0.4rem;}.sf-post-nav-title{font-weight: 800;font-size: 15px;line-height: 1.3;}.sf-related{margin-top: 3rem;padding-top: 2.5rem;border-top: 1px solid var(--sf-rule);}.sf-related h3{margin-bottom: 1.25rem;font-size: 1.4rem;}.sf-related-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 1.25rem;}.sf-cat-nav{display: flex;flex-wrap: wrap;gap: 0.5rem;margin: 1rem 0 2rem;}.sf-cat-pill{display: inline-block;padding: 8px 14px;border: 1px solid var(--sf-rule);border-radius: 999px;color: var(--sf-ink);font-size: 13px;font-weight: 600;text-decoration: none;transition: all var(--sf-transition-fast);}.sf-cat-pill:hover{border-color: var(--sf-purple);color: var(--sf-purple);}.sf-cat-active{background: var(--sf-purple);color: #fff;border-color: var(--sf-purple);}.sf-cat-back{display: inline-block;color: var(--sf-text-light);font-size: 13px;margin-bottom: 0.5rem;text-decoration: none;}.sf-cat-back:hover{color: var(--sf-purple);}.sf-blog-widget{background: var(--sf-bg-soft);border: 1px solid var(--sf-rule);padding: 1.4rem;margin-bottom: 1.5rem;}.sf-blog-widget h4{font-size: 13px;letter-spacing: 0.12em;text-transform: uppercase;color: var(--sf-ink);margin-bottom: 1rem;font-weight: 700;}.sf-widget-post{display: flex;gap: 0.75rem;margin-bottom: 0.85rem;text-decoration: none;color: var(--sf-ink);}.sf-widget-img{width: 64px;height: 64px;flex-shrink: 0;object-fit: cover;border: 1px solid var(--sf-rule);}.sf-widget-body{font-size: 13px;line-height: 1.4;font-weight: 600;}.sf-pgrid-title{font-size: clamp(24px,3.4vw,32px);margin-bottom: 1.5rem;line-height: 1.2;}.sf-product-grid{display: grid;gap: 1.4rem;margin-bottom: 2rem;}.sf-pgrid-cols-2{grid-template-columns: repeat(2,1fr);}.sf-pgrid-cols-3{grid-template-columns: repeat(3,1fr);}.sf-pgrid-cols-4{grid-template-columns: repeat(4,1fr);}.sf-pgrid-cols-5{grid-template-columns: repeat(5,1fr);}.sf-pgrid-cols-6{grid-template-columns: repeat(6,1fr);}@media (max-width: 980px){.sf-pgrid-cols-3,.sf-pgrid-cols-4,.sf-pgrid-cols-5,.sf-pgrid-cols-6{grid-template-columns: repeat(2,1fr);}} @media (max-width: 540px){.sf-pgrid-cols-2,.sf-pgrid-cols-3,.sf-pgrid-cols-4,.sf-pgrid-cols-5,.sf-pgrid-cols-6{grid-template-columns: 1fr;}} .sf-product-card{background: #fff;border: 1px solid var(--sf-rule);overflow: hidden;text-decoration: none;color: var(--sf-ink);transition: transform var(--sf-transition-fast),box-shadow var(--sf-transition-fast),border-color var(--sf-transition-fast);display: flex;flex-direction: column;}.sf-product-card:hover{transform: translateY(-4px);box-shadow: var(--sf-shadow-lg);border-color: var(--sf-purple);}.sf-product-img{aspect-ratio: 4/3;background: var(--sf-bg-soft);overflow: hidden;}.sf-product-img img{width: 100%;height: 100%;object-fit: contain;}.sf-product-body{padding: 1.1rem 1.25rem 1.25rem;display: flex;flex-direction: column;gap: 0.4rem;flex: 1;}.sf-product-type{font-size: 11px;color: var(--sf-purple);letter-spacing: 0.14em;text-transform: uppercase;font-weight: 800;}.sf-product-name{font-weight: 800;font-size: 15px;line-height: 1.25;margin: 0;}.sf-product-price{font-weight: 800;color: var(--sf-ink);font-size: 17px;margin-top: auto;}.sf-product-cta{display: inline-block;margin-top: 0.5rem;font-size: 12px;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase;color: var(--sf-ink);border-bottom: 2px solid var(--sf-ink);padding-bottom: 3px;align-self: flex-start;}.sf-product-card:hover .sf-product-cta{color: var(--sf-purple);border-color: var(--sf-purple);}.sf-blog-cta-bar{position: fixed;bottom: 0;left: 0;right: 0;background: var(--sf-ink);color: #fff;padding: 0.85rem 1.25rem;box-shadow: 0 -4px 16px rgba(0,0,0,0.15);z-index: 200;transform: translateY(100%);transition: transform 0.4s ease;}.sf-blog-cta-bar.is-visible{transform: translateY(0);}.sf-blog-cta-bar-inner{max-width: var(--sf-container);margin: 0 auto;display: flex;align-items: center;gap: 1rem;}.sf-blog-cta-bar-icon{flex-shrink: 0;color: var(--sf-purple);}.sf-blog-cta-bar-text{flex: 1;font-size: 14px;}.sf-blog-cta-bar-text strong{color: #fff;}.sf-blog-cta-bar-btn{background: var(--sf-purple);color: #fff !important;padding: 8px 16px;font-size: 12px;font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase;border-radius: var(--sf-radius-sm);text-decoration: none;flex-shrink: 0;}.sf-blog-cta-bar-btn:hover{background: var(--sf-purple-2);}.sf-blog-cta-bar-close{background: transparent;border: 0;color: rgba(255,255,255,0.5);cursor: pointer;padding: 0.25rem;line-height: 0;}.sf-blog-cta-bar-close:hover{color: #fff;}.sf-blog-cta-mid{margin: 2rem 0;padding: 1.75rem;background: var(--sf-bg-soft);border: 1px solid var(--sf-rule);border-left: 4px solid var(--sf-purple);display: grid;grid-template-columns: auto 1fr auto;gap: 1rem;align-items: center;}.sf-blog-cta-mid.sf-blog-cta-mid-has-image{background-size: cover;background-position: center;color: #fff;border-left-width: 0;position: relative;}.sf-blog-cta-mid-overlay{position: absolute;inset: 0;background: rgba(10,10,10,0.55);}.sf-blog-cta-mid > *{position: relative;z-index: 1;}.sf-blog-cta-mid-icon{color: var(--sf-purple);}.sf-blog-cta-mid-has-image .sf-blog-cta-mid-icon{color: #fff;}.sf-blog-cta-mid-heading{font-size: 1.2rem;font-weight: 800;margin: 0 0 0.25rem;color: var(--sf-ink);}.sf-blog-cta-mid-has-image .sf-blog-cta-mid-heading{color: #fff;}.sf-blog-cta-mid-desc{margin: 0;color: var(--sf-text-light);font-size: 14px;}.sf-blog-cta-mid-has-image .sf-blog-cta-mid-desc{color: rgba(255,255,255,0.85);}.sf-blog-cta-mid-btn{background: var(--sf-purple);color: #fff !important;padding: 10px 18px;font-size: 12px;font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase;border-radius: var(--sf-radius-sm);text-decoration: none;white-space: nowrap;}.sf-blog-cta-mid-btn:hover{background: var(--sf-purple-2);}@media (max-width: 1024px){.sf-blog-grid,.sf-related-grid{grid-template-columns: repeat(2,1fr);}} @media (max-width: 768px){.sf-blog-grid,.sf-related-grid{grid-template-columns: 1fr;}.sf-post-nav{grid-template-columns: 1fr;}.sf-blog-cta-mid{grid-template-columns: 1fr;}.sf-blog-cta-bar-inner{flex-direction: column;align-items: flex-start;}.sf-blog-cta-bar-text{font-size: 13px;}} @media (max-width: 640px){.sf-blog-cta-bar{padding: 0.75rem 1rem;}.sf-blog-cta-mid{padding: 1.25rem;}.sf-blog-cta-mid-heading{font-size: 1.1rem;}.sf-blog-cta-mid-btn{width: 100%;text-align: center;}} .sfl-wrap{max-width:1200px;margin:40px auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#1f2024} .sfl-grid{display:grid;gap:24px} .sfl-cols-1{grid-template-columns:1fr} .sfl-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))} .sfl-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))} .sfl-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))} .sfl-list{display:flex;flex-direction:column;gap:20px} .sfl-list .sfl-card{display:grid;grid-template-columns:280px 1fr;gap:0} .sfl-list .sfl-shot{aspect-ratio:auto;height:100%} .sfl-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease} .sfl-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,23,42,.08)} .sfl-shot{position:relative;aspect-ratio:16/10;background:#f3f4f6;overflow:hidden;display:block;text-decoration:none!important;color:inherit} .sfl-shot img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease,filter .25s ease} .sfl-shot:hover img{transform:scale(1.03);filter:brightness(.92)} .sfl-shot-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#64748b;gap:10px} .sfl-shot-placeholder svg{width:36px;height:36px;opacity:.6} .sfl-shot-placeholder span{font-size:13px;letter-spacing:.04em;text-transform:uppercase} .sfl-price{position:absolute;top:12px;right:12px;background:#0f172a;color:#fff;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.04em;z-index:2} .sfl-visit-hint{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;background:rgba(15,23,42,.78);color:#fff;padding:6px 11px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.02em;opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease;backdrop-filter:blur(2px)} .sfl-visit-hint svg{width:12px;height:12px} .sfl-shot:hover .sfl-visit-hint,.sfl-shot:focus-visible .sfl-visit-hint{opacity:1;transform:translateY(0)} .sfl-body{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1} .sfl-meta{display:flex;align-items:center;gap:8px;color:#475569;font-size:12px;letter-spacing:.04em;text-transform:uppercase} .sfl-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;background:#eef2ff;color:#4338ca} .sfl-icon svg{width:14px;height:14px} .sfl-cat{font-weight:600;color:#475569} .sfl-title{font-size:20px;font-weight:700;margin:0;color:#0f172a;line-height:1.2} .sfl-domain{font-size:14px;color:#4338ca;font-weight:500;word-break:break-all;text-decoration:none!important;display:inline-block;border-bottom:1px solid transparent;transition:border-color .15s ease,color .15s ease} .sfl-domain:hover,.sfl-domain:focus-visible{color:#312e81;border-bottom-color:#4338ca} .sfl-desc{font-size:14px;line-height:1.55;color:#334155;margin:6px 0 0;flex:1} .sfl-highlights{margin:6px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px} .sfl-highlights li{position:relative;padding-left:18px;font-size:13px;color:#1f2937;line-height:1.45} .sfl-highlights li::before{content:"";position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:50%;background:#10b981} .sfl-monetisation{margin-top:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 14px} .sfl-monetisation-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:6px;font-weight:700} .sfl-monetisation ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:3px} .sfl-monetisation li{font-size:13px;color:#1f2937;line-height:1.45} .sfl-cta{margin-top:14px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4338ca,#7c3aed);color:#fff!important;font-weight:600;padding:12px 18px;border-radius:10px;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease;font-size:14px;letter-spacing:.01em} .sfl-cta:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(67,56,202,.25);color:#fff!important;text-decoration:none!important} .sfl-empty{padding:24px;text-align:center;color:#475569;background:#f8fafc;border:1px dashed #cbd5f5;border-radius:12px} @media (max-width:960px){.sfl-cols-3,.sfl-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.sfl-list .sfl-card{grid-template-columns:1fr}.sfl-list .sfl-shot{aspect-ratio:16/10}} @media (max-width:560px){.sfl-cols-2,.sfl-cols-3,.sfl-cols-4{grid-template-columns:1fr}}