.sic-ext-page{position:relative;overflow:hidden;padding:40px 0 90px;background:radial-gradient(circle at 50% -5%,rgb(99 102 241 / .08) 0%,transparent 45%)}.ext-hero-section{text-align:center;max-width:920px;margin:0 auto 56px;position:relative}.ext-eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--primary-color,#6366f1);background:rgb(99 102 241 / .08);border:1px solid rgb(99 102 241 / .22);border-radius:999px;padding:8px 18px;margin-bottom:22px;font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 4px 14px -4px rgb(99 102 241 / .15)}.ext-eyebrow svg{width:17px;height:17px;flex-shrink:0}.ext-hero-title{font-size:clamp(32px, 5.2vw, 56px);font-weight:800;color:var(--heading-color,#002452);line-height:1.15;letter-spacing:-.035em;margin-bottom:20px}.ext-hero-title span{background:var(--liearcolor,linear-gradient(135deg,#2563eb 0%,#818cf8 100%));-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.ext-hero-subtitle{font-size:clamp(15.5px, 2vw, 18px);color:var(--gray-text,#64748b);line-height:1.75;max-width:760px;margin:0 auto 34px}.ext-hero-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;margin-bottom:34px}.ext-btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:52px;padding:0 28px;border-radius:14px;font-size:15px;font-weight:700;text-decoration:none;cursor:pointer;transition:transform 0.22s ease,box-shadow 0.22s ease,background 0.22s ease}.ext-btn.edge-primary{color:#fff;background:var(--liearcolor,linear-gradient(135deg,#2563eb 0%,#818cf8 100%));box-shadow:0 16px 36px -10px rgb(99 102 241 / .5);border:1px solid rgb(255 255 255 / .2)}.ext-btn.edge-primary:hover{transform:translateY(-2px);box-shadow:0 22px 42px -10px rgb(99 102 241 / .65);opacity:.96}.ext-btn.edge-primary svg{width:22px;height:22px;filter:drop-shadow(0 2px 4px rgb(0 0 0 / .15))}.ext-btn.secondary{color:var(--primary-text,#191c1e);background:var(--upcard,#ffffff);border:1px solid var(--border,#e5e7eb);box-shadow:0 4px 14px rgb(0 0 0 / .04)}.ext-btn.secondary:hover{background:var(--cardhover,#f3f5fd);transform:translateY(-2px)}.ext-trust-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.ext-trust-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:999px;border:1px solid var(--border,#e5e7eb);background:var(--upcard,#ffffff);color:var(--primary-text,#191c1e);font-size:12.5px;font-weight:600;box-shadow:0 2px 8px rgb(0 0 0 / .02)}.ext-trust-badge i{color:#10b981;font-size:15px}.ext-trust-badge.rating i{color:#f59e0b}.ext-showcase-section{margin-bottom:80px}.ext-showcase-container{display:grid;grid-template-columns:1.25fr 0.95fr;gap:30px;align-items:stretch}@media (max-width:980px){.ext-showcase-container{grid-template-columns:1fr}}.ext-browser-card{background:var(--upcard,#ffffff);border:1px solid var(--border,#e5e7eb);border-radius:24px;overflow:hidden;box-shadow:0 24px 60px -20px rgb(0 0 0 / .09);display:flex;flex-direction:column}[data-theme="dark"] .ext-browser-card{box-shadow:0 28px 70px -20px rgb(0 0 0 / .6);border-color:rgb(255 255 255 / .1)}.ext-browser-bar{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;background:var(--card-color,#f8fafc);border-bottom:1px solid var(--border,#e5e7eb);gap:14px}.ext-window-dots{display:flex;align-items:center;gap:7px}.ext-dot{width:11px;height:11px;border-radius:50%}.ext-dot.red{background:#ef4444}.ext-dot.yellow{background:#f59e0b}.ext-dot.green{background:#10b981}.ext-url-bar{flex:1;max-width:420px;display:flex;align-items:center;gap:8px;background:var(--upcard,#ffffff);border:1px solid var(--border,#e5e7eb);border-radius:999px;padding:5px 16px;font-size:12px;color:var(--gray-text,#64748b);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;margin:0 auto}.ext-url-bar svg{width:14px;height:14px;flex-shrink:0}.ext-browser-actions{display:flex;align-items:center;gap:8px}.ext-edge-badge-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:rgb(99 102 241 / .1);border:1px solid rgb(99 102 241 / .25);border-radius:8px;font-size:11px;font-weight:700;color:var(--primary-color,#6366f1)}.ext-webpage-stage{padding:24px;position:relative;flex:1;background:var(--bg-color,#fafbfe);display:flex;align-items:center;justify-content:center;min-height:440px;overflow:visible}.ext-mock-webpage{width:100%;max-width:520px;background:var(--upcard,#ffffff);border:1px solid var(--border,#e5e7eb);border-radius:16px;padding:20px;box-shadow:0 10px 30px -10px rgb(0 0 0 / .06);position:relative}.ext-mock-img-wrapper{position:relative;border-radius:12px;overflow:hidden;border:2px dashed rgb(99 102 241 / .35);background:linear-gradient(135deg,rgb(99 102 241 / .05),rgb(37 99 235 / .08));padding:16px;text-align:center}.ext-sample-photo{width:100%;max-height:240px;object-fit:cover;border-radius:8px;display:block;box-shadow:0 8px 24px rgb(0 0 0 / .08)}.ext-right-click-indicator{position:absolute;bottom:20px;right:24px;pointer-events:none;z-index:10;display:flex;flex-direction:column;align-items:center;animation:pulseCursor 2s infinite ease-in-out}@keyframes pulseCursor{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}.ext-cursor-pill{background:var(--liearcolor,linear-gradient(135deg,#2563eb,#818cf8));color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;box-shadow:0 4px 12px rgb(99 102 241 / .4);margin-top:4px;white-space:nowrap}.ext-context-menu{position:absolute;top:26px;left:28px;width:228px;background:var(--upcard,#ffffff);border:1px solid var(--border,#e5e7eb);border-radius:14px;box-shadow:0 20px 48px -10px rgb(0 0 0 / .22);padding:8px;z-index:20;font-size:13px;backdrop-filter:blur(12px)}[data-theme="dark"] .ext-context-menu{background:rgb(30 41 59 / .96);border-color:rgb(255 255 255 / .14);box-shadow:0 24px 50px -10px rgb(0 0 0 / .7)}.ext-cm-header{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;background:linear-gradient(135deg,rgb(99 102 241 / .12),rgb(37 99 235 / .12));color:var(--primary-color,#6366f1);font-weight:800;font-size:12px;margin-bottom:6px}.ext-cm-header img{width:18px;height:18px;border-radius:4px}.ext-cm-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 11px;border-radius:7px;color:var(--primary-text,#191c1e);cursor:pointer;transition:background 0.15s ease,color 0.15s ease;font-weight:500;position:relative;white-space:nowrap}.ext-cm-item span{color:inherit;transition:color 0.15s ease;white-space:nowrap}.ext-cm-item:hover,.ext-cm-item.active{background:var(--liearcolor,linear-gradient(135deg,#2563eb,#818cf8))!important;color:#ffffff!important}.ext-cm-item:hover span:not(.ext-flyout-badge),.ext-cm-item.active span:not(.ext-flyout-badge){color:#ffffff!important}.ext-cm-item.ext-cm-link{color:var(--primary-color,#6366f1);font-size:11.5px;font-weight:600}.ext-cm-item.ext-cm-link:hover,.ext-cm-item.ext-cm-link.active{color:#ffffff!important}.ext-cm-item.ext-cm-link:hover span,.ext-cm-item.ext-cm-link.active span{color:#ffffff!important}.ext-cm-item .left-grp{display:flex;align-items:center;gap:8px;color:inherit;white-space:nowrap}.ext-cm-item i{font-size:14px;opacity:.85;color:inherit}.ext-cm-item:hover i,.ext-cm-item.active i{opacity:1;color:#ffffff!important}.ext-cm-divider{height:1px;background:var(--border,#e5e7eb);margin:5px 6px}.ext-cm-flyout{position:absolute;left:216px;top:36px;min-width:242px;width:max-content;max-width:265px;background:var(--upcard,#ffffff);border:1px solid var(--border,#e5e7eb);border-radius:12px;box-shadow:0 16px 36px -8px rgb(0 0 0 / .25);padding:6px;z-index:25}[data-theme="dark"] .ext-cm-flyout{background:rgb(30 41 59 / .98);border-color:rgb(255 255 255 / .16)}.ext-cm-flyout .ext-cm-item{font-size:12.5px;padding:6px 11px}.ext-flyout-badge{font-size:10.5px;font-weight:700;background:rgb(16 185 129 / .14)!important;color:#10b981!important;padding:2.5px 7px;border-radius:5px;white-space:nowrap;flex-shrink:0;line-height:1.2;transition:all 0.15s ease}.ext-cm-item:hover .ext-flyout-badge,.ext-cm-item.active .ext-flyout-badge{background:#ffffff!important;color:#059669!important;box-shadow:0 2px 6px rgb(0 0 0 / .14)}.ext-popup-card{background:var(--upcard,#ffffff);border:1px solid var(--border,#e5e7eb);border-radius:24px;padding:26px;box-shadow:0 24px 60px -20px rgb(0 0 0 / .09);display:flex;flex-direction:column;justify-content:space-between}[data-theme="dark"] .ext-popup-card{box-shadow:0 28px 70px -20px rgb(0 0 0 / .6);border-color:rgb(255 255 255 / .1)}.ext-popup-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--border,#e5e7eb);margin-bottom:20px}.ext-popup-brand{display:flex;align-items:center;gap:10px}.ext-popup-brand img{width:32px;height:32px;border-radius:8px}.ext-popup-brand h4{margin:0;font-size:15px;font-weight:800;color:var(--heading-color,#002452)}.ext-popup-brand p{margin:0;font-size:11.5px;color:var(--gray-text,#64748b)}.ext-vtag{font-size:11px;font-weight:700;background:rgb(99 102 241 / .1);color:var(--primary-color,#6366f1);padding:3px 8px;border-radius:6px}.ext-tool-widget-box{background:var(--card-color,#f8fafc);border:1px solid var(--border,#e5e7eb);border-radius:16px;padding:16px;margin-bottom:18px}.ext-tw-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ext-tw-header span{font-size:12.5px;font-weight:700;color:var(--primary-text,#191c1e);display:flex;align-items:center;gap:6px}.ext-tw-header span i{color:var(--primary-color,#6366f1)}.ext-eyedropper-demo{display:flex;align-items:center;gap:12px}.ext-color-swatch{width:44px;height:44px;border-radius:12px;background:var(--primary-color,#6366f1);box-shadow:0 4px 12px rgb(99 102 241 / .35);flex-shrink:0;border:2px solid #fff}.ext-color-info{flex:1}.ext-color-hex{font-family:ui-monospace,SFMono-Regular,monospace;font-size:14px;font-weight:700;color:var(--primary-text,#191c1e)}.ext-color-sub{font-size:11px;color:var(--gray-text,#64748b)}.ext-copy-color-btn{padding:8px 14px;border-radius:10px;background:var(--upcard,#ffffff);border:1px solid var(--border,#e5e7eb);font-size:12px;font-weight:700;color:var(--primary-text,#191c1e);cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all 0.2s ease}.ext-copy-color-btn:hover{background:var(--primary-color,#6366f1);color:#fff;border-color:var(--primary-color,#6366f1)}.ext-presets-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.ext-preset-row{display:flex;align-items:center;justify-content:space-between;background:var(--card-color,#f8fafc);border:1px solid var(--border,#e5e7eb);border-radius:12px;padding:10px 14px}.ext-pr-left{display:flex;align-items:center;gap:10px}.ext-pr-left i{font-size:16px;color:var(--primary-color,#6366f1)}.ext-pr-name{font-size:13px;font-weight:700;color:var(--primary-text,#191c1e)}.ext-pr-dim{font-size:11px;color:var(--gray-text,#64748b)}.ext-toggle-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700;background:rgb(16 185 129 / .12);color:#10b981}.ext-add-preset-bar{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border-radius:12px;border:1px dashed rgb(99 102 241 / .4);background:rgb(99 102 241 / .04);color:var(--primary-color,#6366f1);font-size:13px;font-weight:700;cursor:pointer;transition:all 0.2s ease}.ext-add-preset-bar:hover{background:rgb(99 102 241 / .09);border-color:var(--primary-color,#6366f1)}.ext-section-header{text-align:center;max-width:720px;margin:0 auto 48px}.ext-section-tag{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--primary-color,#6366f1);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.ext-section-header h2{font-size:clamp(26px, 3.8vw, 40px);font-weight:800;color:var(--heading-color,#002452);letter-spacing:-.03em;margin-bottom:14px;line-height:1.2}.ext-section-header p{font-size:15.5px;color:var(--gray-text,#64748b);line-height:1.7}.ext-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:80px}.ext-feat-card{background:var(--upcard,#ffffff);border:1px solid var(--border,#e5e7eb);border-radius:22px;padding:30px;transition:transform 0.22s ease,box-shadow 0.22s ease,border-color 0.22s ease;display:flex;flex-direction:column}.ext-feat-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px -15px rgb(99 102 241 / .2);border-color:rgb(99 102 241 / .35)}[data-theme="dark"] .ext-feat-card{border-color:rgb(255 255 255 / .08)}.ext-feat-icon{width:52px;height:52px;border-radius:16px;background:rgb(99 102 241 / .1);color:var(--primary-color,#6366f1);display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:20px}.ext-feat-card h3{font-size:18.5px;font-weight:700;color:var(--primary-text,#191c1e);margin:0 0 10px}.ext-feat-card p{margin:0;font-size:14px;color:var(--gray-text,#64748b);line-height:1.65}.ext-comparison-section{margin-bottom:80px}.ext-compare-container{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width:768px){.ext-compare-container{grid-template-columns:1fr}}.ext-compare-card{background:var(--upcard,#ffffff);border:1px solid var(--border,#e5e7eb);border-radius:22px;padding:32px;box-shadow:0 10px 30px -10px rgb(0 0 0 / .05)}.ext-compare-card.winner{border:2px solid var(--primary-color,#6366f1);background:linear-gradient(180deg,rgb(99 102 241 / .04) 0%,var(--upcard,#ffffff) 100%);box-shadow:0 20px 45px -15px rgb(99 102 241 / .25);position:relative}.ext-compare-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;padding:5px 12px;border-radius:999px;margin-bottom:16px}.ext-compare-badge.slow{background:rgb(239 68 68 / .1);color:#ef4444}.ext-compare-badge.fast{background:rgb(16 185 129 / .15);color:#10b981}.ext-compare-card h3{font-size:20px;font-weight:800;color:var(--heading-color,#002452);margin-bottom:20px}.ext-steps-list{display:flex;flex-direction:column;gap:14px}.ext-step-item{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--primary-text,#191c1e)}.ext-step-item i{font-size:18px;flex-shrink:0;margin-top:2px}.ext-step-item.cross i{color:#ef4444}.ext-step-item.check i{color:#10b981}.ext-time-stat{margin-top:24px;padding-top:20px;border-top:1px solid var(--border,#e5e7eb);display:flex;align-items:center;justify-content:space-between;font-size:13.5px;font-weight:700;color:var(--gray-text,#64748b)}.ext-time-val{font-size:20px;font-weight:800}.ext-time-val.slow{color:#ef4444}.ext-time-val.fast{color:#10b981}.ext-install-section{margin-bottom:80px}.ext-install-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width:860px){.ext-install-grid{grid-template-columns:1fr}}.ext-install-card{background:var(--upcard,#ffffff);border:1px solid var(--border,#e5e7eb);border-radius:22px;padding:30px;position:relative;text-align:center;box-shadow:0 10px 30px -10px rgb(0 0 0 / .04)}.ext-step-number{width:48px;height:48px;border-radius:50%;background:var(--liearcolor,linear-gradient(135deg,#2563eb 0%,#818cf8 100%));color:#fff;font-size:20px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 8px 20px -4px rgb(99 102 241 / .45)}.ext-install-card h3{font-size:18px;font-weight:800;color:var(--primary-text,#191c1e);margin-bottom:10px}.ext-install-card p{font-size:13.5px;color:var(--gray-text,#64748b);line-height:1.6;margin:0}.ext-faq-section{max-width:840px;margin:0 auto 80px}.ext-faq-list{display:grid;gap:14px}.ext-faq-item{background:var(--upcard,#ffffff);border:1px solid var(--border,#e5e7eb);border-radius:18px;overflow:hidden;transition:border-color 0.22s ease,box-shadow 0.22s ease}.ext-faq-item.open{border-color:rgb(99 102 241 / .5);box-shadow:0 12px 30px -15px rgb(99 102 241 / .25)}.ext-faq-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border:0;background:#fff0;cursor:pointer;color:var(--primary-text,#191c1e);text-align:left;font-family:inherit;font-size:15.5px;font-weight:700}.ext-faq-toggle i{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:var(--card-color,#f1f5f9);color:var(--gray-text,#64748b);transition:transform 0.25s ease,color 0.25s ease,background 0.25s ease;flex-shrink:0;font-size:16px}.ext-faq-item.open .ext-faq-toggle i{transform:rotate(180deg);background:rgb(99 102 241 / .12);color:var(--primary-color,#6366f1)}.ext-faq-content{max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.25s ease;padding:0 24px}.ext-faq-content p{margin:0;color:var(--gray-text,#64748b);line-height:1.7;font-size:14.5px;padding-bottom:20px}.ext-cta-banner{background:radial-gradient(circle at 50% 0%,rgb(99 102 241 / .15) 0%,transparent 70%),var(--upcard,#ffffff);border:1px solid var(--border,#e5e7eb);border-radius:28px;padding:56px 36px;text-align:center;position:relative;overflow:hidden;box-shadow:0 24px 60px -20px rgb(99 102 241 / .15)}[data-theme="dark"] .ext-cta-banner{border-color:rgb(255 255 255 / .1);box-shadow:0 28px 70px -20px rgb(0 0 0 / .7)}.ext-cta-banner h2{font-size:clamp(28px, 4vw, 44px);font-weight:800;color:var(--heading-color,#002452);letter-spacing:-.03em;margin-bottom:16px}.ext-cta-banner p{font-size:16px;color:var(--gray-text,#64748b);max-width:600px;margin:0 auto 32px;line-height:1.7}@media (max-width:680px){.ext-webpage-stage{padding:16px;min-height:auto;flex-direction:column}.ext-context-menu{position:static;width:100%;max-width:100%;margin-top:16px}.ext-cm-flyout{position:static;width:100%;margin-top:8px;box-shadow:none;border-color:rgb(99 102 241 / .25)}.ext-right-click-indicator{position:static;margin-top:14px}}