.sm-icons-page{--c-bg:#0c0c0f;--c-bg-2:#111115;--c-bg-card:#16161b;--c-bg-card-2:#1c1c23;--c-border:#ffffff12;--c-border-hover:#ffffff29;--c-accent:#e8392a;--c-accent-2:#ff6b5e;--c-gold:#f5a623;--c-blue:#4a9eff;--c-green:#3ecf8e;--c-text-1:#f0eff4;--c-text-2:#a09db8;--c-text-3:#6b6885;--ff-display:"Playfair Display",Georgia,serif;--ff-body:"DM Sans",system-ui,sans-serif;--ff-mono:"JetBrains Mono","Courier New",monospace;--r-sm:8px;--r-md:12px;--r-lg:20px;--r-xl:28px;--shadow-card:0 1px 3px #0006,0 8px 32px #0000004d;--shadow-glow:0 0 40px #e8392a26;--transition:.22s cubic-bezier(.4,0,.2,1);font-family:var(--ff-body);background:var(--c-bg);color:var(--c-text-1);min-height:100vh;overflow-x:hidden}.smi-container{max-width:1240px;margin:0 auto;padding:0 24px}.smi-section-header{text-align:center;margin-bottom:56px}.smi-section-title{font-family:var(--ff-display);color:var(--c-text-1);margin-bottom:16px;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;line-height:1.15}.smi-section-desc{color:var(--c-text-2);max-width:640px;margin:0 auto;font-size:1.05rem;line-height:1.75}.smi-breadcrumb{background:var(--c-bg-2);border-bottom:1px solid var(--c-border);margin-top:80px;padding:14px 0}.smi-breadcrumb ol{flex-wrap:wrap;gap:8px;max-width:1240px;margin:0 auto;padding:0 24px;list-style:none;display:flex}.smi-breadcrumb li{color:var(--c-text-3);align-items:center;gap:8px;font-size:.875rem;display:flex}.smi-breadcrumb li:not(:last-child):after{content:"/";color:var(--c-text-3);opacity:.5}.smi-breadcrumb a{color:var(--c-text-2);transition:color var(--transition);text-decoration:none}.smi-breadcrumb a:hover{color:var(--c-accent-2)}.smi-breadcrumb span{color:var(--c-text-1);font-weight:500}.smi-hero{background:var(--c-bg);padding:80px 0 72px;position:relative;overflow:hidden}.smi-hero-bg-grid{pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.smi-hero-orb{pointer-events:none;filter:blur(80px);border-radius:50%;position:absolute}.smi-hero-orb--1{background:radial-gradient(circle,#e8392a2e 0%,#0000 70%);width:500px;height:500px;top:-200px;right:-100px}.smi-hero-orb--2{background:radial-gradient(circle,#4a9eff1f 0%,#0000 70%);width:400px;height:400px;bottom:-100px;left:-80px}.smi-hero-orb--3{background:radial-gradient(circle,#f5a6231a 0%,#0000 70%);width:300px;height:300px;top:40%;left:30%}.smi-hero-badge{color:var(--c-accent-2);letter-spacing:.04em;text-transform:uppercase;background:#e8392a1a;border:1px solid #e8392a4d;border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 16px;font-size:.8rem;font-weight:600;display:inline-flex}.smi-hero-badge-dot{background:var(--c-accent);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.smi-hero-h1{font-family:var(--ff-display);color:var(--c-text-1);letter-spacing:-.02em;margin-bottom:24px;font-size:clamp(2.4rem,6vw,5rem);font-weight:900;line-height:1.05}.smi-hero-gradient-text{background:linear-gradient(135deg,var(--c-accent)0%,var(--c-gold)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.smi-hero-sub{color:var(--c-text-2);max-width:680px;margin-bottom:40px;font-size:clamp(1rem,2vw,1.2rem);line-height:1.75}.smi-platform-marquee{margin-bottom:40px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 12% 88%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 12% 88%,#0000 100%)}.smi-platform-track{gap:10px;width:max-content;animation:30s linear infinite marquee-scroll;display:flex}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.smi-platform-chip{background:var(--c-bg-card);border:1px solid var(--c-border);color:var(--c-text-2);white-space:nowrap;transition:border-color var(--transition),color var(--transition);border-radius:100px;flex-shrink:0;padding:6px 18px;font-size:.82rem;font-weight:600}.smi-hero-cta-group{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:32px;display:flex}.smi-cta-primary{background:var(--c-accent);color:#fff;border-radius:var(--r-md);transition:background var(--transition),transform var(--transition),box-shadow var(--transition);letter-spacing:.01em;align-items:center;gap:10px;padding:14px 28px;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 4px 24px #e8392a59}.smi-cta-primary:hover{background:var(--c-accent-2);transform:translateY(-2px);box-shadow:0 8px 32px #e8392a80}.smi-cta-primary--large{padding:16px 36px;font-size:1.05rem}.smi-cta-secondary{color:var(--c-text-2);border:1px solid var(--c-border-hover);border-radius:var(--r-md);transition:color var(--transition),border-color var(--transition),background var(--transition);background:0 0;align-items:center;padding:14px 24px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.smi-cta-secondary:hover{color:var(--c-text-1);border-color:var(--c-text-2);background:#ffffff0a}.smi-hero-trust{flex-wrap:wrap;gap:10px;display:flex}.smi-trust-badge{color:var(--c-text-3);font-size:.8rem;font-weight:500}.smi-definition-section{background:var(--c-bg-2);border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border);padding:44px 0}.smi-definition-card{max-width:860px;margin:0 auto}.smi-definition-label{letter-spacing:.12em;text-transform:uppercase;color:var(--c-accent-2);background:#e8392a1a;border-radius:4px;margin-bottom:14px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-block}.smi-definition-text{color:var(--c-text-2);margin:0;font-size:1.08rem;line-height:1.8}.smi-definition-text strong{color:var(--c-text-1);font-weight:700}.smi-platforms-section{background:var(--c-bg);padding:88px 0}.smi-platforms-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.smi-platform-card{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition);align-items:center;gap:16px;padding:20px;display:flex}.smi-platform-card:hover{border-color:var(--c-border-hover);box-shadow:var(--shadow-card),0 16px 40px #0006;transform:translateY(-3px)}.smi-platform-icon-wrap{border-radius:var(--r-md);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.smi-platform-emoji{font-size:1.6rem;line-height:1}.smi-platform-info{flex:1;min-width:0}.smi-platform-name{color:var(--c-text-1);margin-bottom:4px;font-size:.95rem;font-weight:700}.smi-platform-uses{color:var(--c-text-3);margin:0 0 6px;font-size:.8rem;line-height:1.4}.smi-platform-formats{color:var(--c-accent-2);font-size:.72rem;font-weight:600;font-family:var(--ff-mono)}.smi-platform-download-btn{border-radius:var(--r-sm);color:var(--c-accent-2);transition:background var(--transition),border-color var(--transition);background:#e8392a1a;border:1px solid #e8392a40;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-flex}.smi-platform-download-btn:hover{background:#e8392a33;border-color:#e8392a80}.smi-platforms-cta{text-align:center;margin-top:48px}.smi-styles-section{background:var(--c-bg-2);border-top:1px solid var(--c-border);padding:88px 0}.smi-styles-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;display:grid}.smi-style-card{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--r-xl);box-shadow:var(--shadow-card);transition:border-color var(--transition),transform var(--transition);padding:32px;position:relative;overflow:hidden}.smi-style-card:before{content:"";background:linear-gradient(90deg,var(--c-accent),var(--c-gold));transform-origin:0;height:3px;transition:transform .35s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.smi-style-card:hover:before{transform:scaleX(1)}.smi-style-card:hover{border-color:var(--c-border-hover);transform:translateY(-5px)}.smi-style-icon{margin-bottom:18px;font-size:2.4rem;line-height:1}.smi-style-name{color:var(--c-text-1);margin-bottom:12px;font-size:1.1rem;font-weight:700}.smi-style-desc{color:var(--c-text-2);margin-bottom:16px;font-size:.93rem;line-height:1.7}.smi-style-best-for{color:var(--c-text-3);border-radius:var(--r-sm);border-left:3px solid var(--c-accent);background:#ffffff08;padding:10px 14px;font-size:.82rem;line-height:1.5}.smi-style-best-for strong{color:var(--c-accent-2)}.smi-usecases-section{background:var(--c-bg);padding:88px 0}.smi-usecases-grid{grid-template-columns:repeat(auto-fill,minmax(480px,1fr));gap:24px;display:grid}.smi-usecase-card{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--r-xl);box-shadow:var(--shadow-card);transition:border-color var(--transition),transform var(--transition);gap:24px;padding:32px;display:flex}.smi-usecase-card:hover{border-color:var(--c-border-hover);transform:translateY(-4px)}.smi-usecase-icon-wrap{border-radius:var(--r-md);background:#e8392a1a;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.smi-usecase-emoji{font-size:1.8rem;line-height:1}.smi-usecase-title{color:var(--c-text-1);margin-bottom:10px;font-size:1.05rem;font-weight:700}.smi-usecase-desc{color:var(--c-text-2);margin-bottom:14px;font-size:.9rem;line-height:1.7}.smi-usecase-tips{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.smi-usecase-tips li{color:var(--c-text-3);padding-left:16px;font-size:.82rem;line-height:1.5;position:relative}.smi-usecase-tips li:before{content:"→";color:var(--c-accent);font-weight:700;position:absolute;left:0}.smi-impl-section{background:var(--c-bg-2);border-top:1px solid var(--c-border);padding:88px 0}.smi-impl-steps{flex-direction:column;gap:32px;display:flex}.smi-impl-step{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--r-xl);box-shadow:var(--shadow-card);transition:border-color var(--transition);grid-template-columns:72px 1fr;gap:32px;padding:36px;display:grid}.smi-impl-step:hover{border-color:var(--c-border-hover)}.smi-impl-step-num{background:linear-gradient(135deg,var(--c-accent),var(--c-gold));width:56px;height:56px;font-family:var(--ff-display);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;font-weight:900;display:flex;box-shadow:0 4px 20px #e8392a66}.smi-impl-step-title{color:var(--c-text-1);margin-bottom:12px;font-size:1.2rem;font-weight:700}.smi-impl-step-desc{color:var(--c-text-2);margin-bottom:20px;font-size:.93rem;line-height:1.7}.smi-impl-code{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--r-md);margin:0;padding:20px 24px;overflow-x:auto}.smi-impl-code code{font-family:var(--ff-mono);color:var(--c-text-2);white-space:pre;font-size:.83rem;line-height:1.6}.smi-comparison-section{background:var(--c-bg);padding:88px 0}.smi-comparison-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.smi-comparison-col{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--r-xl);box-shadow:var(--shadow-card);padding:36px}.smi-comparison-col--winner{background:linear-gradient(145deg,var(--c-bg-card),#e8392a0a);box-shadow:var(--shadow-card),var(--shadow-glow);border-color:#e8392a4d}.smi-comparison-header{margin-bottom:28px}.smi-comparison-badge{letter-spacing:.1em;text-transform:uppercase;color:var(--c-text-3);background:#ffffff0d;border-radius:4px;margin-bottom:10px;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-block}.smi-comparison-badge--winner{color:var(--c-accent-2);background:#e8392a1a}.smi-comparison-header h3{font-family:var(--ff-display);color:var(--c-text-1);margin:0;font-size:1.6rem;font-weight:800}.smi-comparison-list{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.smi-comparison-item{border-bottom:1px solid var(--c-border);flex-direction:column;gap:2px;padding:14px 0;display:flex}.smi-comparison-item:last-child{border-bottom:none}.smi-comparison-item strong{color:var(--c-text-1);font-size:.88rem;font-weight:700}.smi-comparison-item span{color:var(--c-text-3);font-size:.8rem;line-height:1.5}.smi-comparison-item--pro strong{color:var(--c-green)}.smi-stats-section{background:var(--c-bg-2);border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border);padding:88px 0}.smi-stats-title{font-family:var(--ff-display);color:var(--c-text-1);text-align:center;margin-bottom:52px;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800}.smi-stats-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.smi-stat-card{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--r-xl);text-align:center;transition:border-color var(--transition),transform var(--transition);padding:32px}.smi-stat-card:hover{border-color:var(--c-border-hover);transform:translateY(-4px)}.smi-stat-number{font-family:var(--ff-display);background:linear-gradient(135deg,var(--c-accent),var(--c-gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:3.2rem;font-weight:900;line-height:1}.smi-stat-label{color:var(--c-text-1);margin-bottom:10px;font-size:.95rem;font-weight:700}.smi-stat-detail{color:var(--c-text-3);margin:0;font-size:.82rem;line-height:1.6}.smi-accessibility-section{background:var(--c-bg);padding:88px 0}.smi-a11y-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;display:grid}.smi-a11y-card{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--r-xl);box-shadow:var(--shadow-card);transition:border-color var(--transition),transform var(--transition);padding:32px}.smi-a11y-card:hover{border-color:var(--c-border-hover);transform:translateY(-4px)}.smi-a11y-icon{margin-bottom:16px;font-size:2rem;display:block}.smi-a11y-card h3{color:var(--c-text-1);margin-bottom:12px;font-size:1rem;font-weight:700}.smi-a11y-card p{color:var(--c-text-2);margin-bottom:16px;font-size:.88rem;line-height:1.7}.smi-a11y-card code{font-family:var(--ff-mono);color:var(--c-accent-2);background:#e8392a14;border-radius:3px;padding:2px 5px;font-size:.78rem}.smi-a11y-code{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--r-sm);margin-top:12px;padding:14px 16px;overflow-x:auto}.smi-a11y-code code{font-family:var(--ff-mono);color:var(--c-blue);white-space:pre;background:0 0;padding:0;font-size:.78rem}.smi-content-section{background:var(--c-bg-2);border-top:1px solid var(--c-border);padding:88px 0}.smi-content-prose{max-width:780px;margin:0 auto}.smi-content-prose h2{font-family:var(--ff-display);color:var(--c-text-1);border-bottom:1px solid var(--c-border);margin-bottom:32px;padding-bottom:20px;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800;line-height:1.2}.smi-content-prose h3{font-family:var(--ff-display);color:var(--c-text-1);margin:48px 0 16px;font-size:clamp(1.2rem,2vw,1.6rem);font-weight:700;line-height:1.3}.smi-content-prose h3:first-of-type{margin-top:0}.smi-content-prose p{color:var(--c-text-2);margin-bottom:20px;font-size:.97rem;line-height:1.85}.smi-content-prose strong{color:var(--c-text-1);font-weight:600}.smi-content-prose code{font-family:var(--ff-mono);color:var(--c-accent-2);background:#e8392a14;border-radius:4px;padding:2px 6px;font-size:.85em}.smi-faq-section{background:var(--c-bg);padding:88px 0}.smi-faq-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:20px;display:grid}.smi-faq-item{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);transition:border-color var(--transition),transform var(--transition);border-left:3px solid var(--c-accent);padding:28px}.smi-faq-item:hover{border-color:var(--c-border-hover);border-left-color:var(--c-accent);transform:translateY(-3px)}.smi-faq-q{color:var(--c-text-1);margin-bottom:12px;font-size:.97rem;font-weight:700;line-height:1.4}.smi-faq-a{color:var(--c-text-2);margin:0;font-size:.88rem;line-height:1.75}.smi-paa-section{background:var(--c-bg-2);border-top:1px solid var(--c-border);padding:88px 0}.smi-paa-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;margin-top:48px;display:grid}.smi-paa-item{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--r-lg);transition:border-color var(--transition);padding:28px}.smi-paa-item:hover{border-color:var(--c-border-hover)}.smi-paa-q{color:var(--c-blue);margin-bottom:12px;font-size:.93rem;font-weight:700;line-height:1.4}.smi-paa-a{color:var(--c-text-2);margin:0;font-size:.88rem;line-height:1.75}.smi-related-section{background:var(--c-bg);padding:88px 0}.smi-related-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:48px;display:grid}.smi-related-card{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--r-lg);transition:border-color var(--transition),transform var(--transition),background var(--transition);flex-direction:column;gap:8px;padding:28px;text-decoration:none;display:flex}.smi-related-card:hover{border-color:var(--c-border-hover);background:var(--c-bg-card-2);transform:translateY(-4px)}.smi-related-icon{font-size:2rem;line-height:1}.smi-related-title{color:var(--c-text-1);font-size:.97rem;font-weight:700}.smi-related-desc{color:var(--c-text-3);flex:1;margin:0;font-size:.82rem;line-height:1.5}.smi-related-link{color:var(--c-accent-2);margin-top:4px;font-size:.82rem;font-weight:600}.smi-final-cta{text-align:center;padding:100px 0;position:relative;overflow:hidden}.smi-final-cta-bg{background:radial-gradient(ellipse 80% 60% at 50% 50%,#e8392a1f 0%,transparent 70%),linear-gradient(180deg,var(--c-bg-2)0%,var(--c-bg)100%);pointer-events:none;position:absolute;inset:0}.smi-final-cta-content{z-index:1;position:relative}.smi-final-cta-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--c-accent-2);margin-bottom:16px;font-size:.78rem;font-weight:700}.smi-final-cta-title{font-family:var(--ff-display);color:var(--c-text-1);margin-bottom:20px;font-size:clamp(2rem,4.5vw,3.8rem);font-weight:900;line-height:1.1}.smi-final-cta-desc{color:var(--c-text-2);max-width:580px;margin:0 auto 40px;font-size:1.08rem;line-height:1.7}.smi-final-cta-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:32px;display:flex}.smi-final-cta-secondary-btn{color:var(--c-text-2);border:1px solid var(--c-border-hover);border-radius:var(--r-md);transition:color var(--transition),border-color var(--transition);background:0 0;align-items:center;padding:14px 24px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.smi-final-cta-secondary-btn:hover{color:var(--c-text-1);border-color:var(--c-text-2)}.smi-final-features{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.smi-final-features span{color:var(--c-text-3);font-size:.82rem;font-weight:500}.sm-icons-page a:focus-visible,.sm-icons-page button:focus-visible{outline:2px solid var(--c-accent-2);outline-offset:2px}@media (max-width:1024px){.smi-comparison-grid,.smi-usecases-grid{grid-template-columns:1fr}}@media (max-width:768px){.smi-hero{padding:56px 0 52px}.smi-hero-h1{font-size:clamp(2rem,8vw,3rem)}.smi-hero-sub{font-size:.97rem}.smi-hero-cta-group{flex-direction:column;align-items:flex-start}.smi-platforms-grid,.smi-styles-grid{grid-template-columns:1fr}.smi-usecase-card{flex-direction:column;gap:16px}.smi-impl-step{grid-template-columns:1fr;gap:20px}.smi-impl-step-num{margin:0 auto}.smi-a11y-grid,.smi-faq-grid,.smi-paa-grid{grid-template-columns:1fr}.smi-related-grid{grid-template-columns:1fr 1fr}.smi-final-cta-actions{flex-direction:column;align-items:center}.smi-comparison-grid{grid-template-columns:1fr}.smi-stats-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width:480px){.smi-container{padding:0 16px}.smi-hero{padding:40px 0}.smi-section-header{margin-bottom:36px}.smi-platform-card{gap:12px;padding:16px}.smi-platform-icon-wrap{width:44px;height:44px}.smi-style-card,.smi-a11y-card,.smi-faq-item{padding:24px 20px}.smi-related-grid{grid-template-columns:1fr}.smi-stats-grid{grid-template-columns:1fr 1fr}.smi-stat-number{font-size:2.5rem}.smi-impl-code{padding:14px}.smi-impl-code code{font-size:.75rem}.smi-hero-trust{gap:8px}.smi-trust-badge{font-size:.75rem}}@media (prefers-reduced-motion:reduce){.smi-platform-track,.smi-hero-badge-dot{animation:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media print{.sm-icons-page{color:#000;background:#fff}.smi-hero-orb,.smi-hero-bg-grid,.smi-platform-marquee,.smi-hero-cta-group,.smi-final-cta,.smi-related-section{display:none}}
