:root{color-scheme:light;--std-header-height:60px;--std-text:#202223;--std-muted:#616161;--std-border:#e3e3e3;--std-surface:#fff;--std-background:#f1f1f1}
html{scroll-padding-top:calc(var(--std-header-height) + 16px)}
body{margin:0;background:var(--std-background);color:var(--std-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.5}
[hidden]{display:none!important}
a{color:#005bd3;text-underline-offset:3px}
a:hover{text-decoration:underline}
button,input,select{font:inherit}
button,a,input,select{touch-action:manipulation}
:focus-visible{outline:2px solid #005bd3;outline-offset:3px}
.skip{position:fixed;inset:8px auto auto 8px;z-index:200;padding:10px 16px;background:#fff;border:2px solid #005bd3;transform:translateY(-150%)}
.skip:focus{transform:none}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#site-header{display:block;position:fixed;inset:0 0 auto 0;z-index:100;inline-size:100%;box-sizing:border-box;background:var(--std-surface)}
#header-spacer{display:block;min-height:55px}
.header-grid{display:flex;align-items:center;gap:12px;min-height:48px;min-width:0}
#desktop-nav{display:flex;align-items:center;justify-content:flex-end;gap:2px;margin-inline-start:auto}
#mobile-nav-trigger{display:none}
.nav-link{color:inherit;text-decoration:none;font-weight:500;white-space:nowrap;border-radius:8px;padding:6px 10px}
.nav-link:hover,.nav-link[aria-current=page]{background:#f1f1f1;text-decoration:none}
.brand{display:inline-flex;align-items:center;flex-shrink:1;min-width:0;margin-inline-end:auto;color:inherit;text-decoration:none;font-size:15px;font-weight:650;white-space:nowrap;letter-spacing:-.025em}
.brand img{display:block;width:202px;max-width:100%;height:58px;object-fit:contain}
.language-control{display:flex;align-items:center;flex-shrink:0}
.mobile-menu{display:flex;flex-direction:column;gap:4px}
.mobile-menu .nav-link{display:block;padding:9px 12px}
#language{width:104px;min-height:32px;border:1px solid #d4d4d4;border-radius:9px;padding:4px 8px;color:inherit;background:#fff}
.page-shell{max-width:1160px;margin-inline:auto;padding:16px;box-sizing:border-box}
main{min-width:0}
.content-section{margin-block:16px}
.content-section h2{font-size:20px;line-height:1.3;font-weight:650;margin:0 0 10px}
.content-section>p,.step p,.faq-item p{margin:6px 0 0;color:var(--std-muted)}
.step h3,.faq-item h3{font-size:15px;line-height:1.35;margin:8px 0 0;font-weight:650}
.page-heading{margin-block:8px 20px}
.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.section-title-row h2{margin:0}
.small{font-size:12px}
.hero,#search{padding-block:20px 26px;text-align:center}
.hero h1,#search h1{font-size:clamp(1.55rem,3vw,2rem);line-height:1.2;letter-spacing:-.035em;font-weight:650;margin:12px 0 8px}
.hero-intro{color:var(--std-muted);margin:0 0 18px}
.detect-form{width:100%;max-width:760px;margin:18px auto 8px}
.detect-grid{display:block}
.examples{display:flex;align-items:center;justify-content:center;gap:4px 16px;flex-wrap:wrap;margin:8px auto 0;max-width:920px;color:var(--std-muted);font-size:12px}
.example{padding:6px 2px;border:0;background:transparent;color:var(--std-text);font-weight:550;cursor:pointer;border-radius:5px}
.example:hover{text-decoration:underline}
.native-url{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:36px;border:1px solid #b5b5b5;border-radius:9px;padding:7px 12px;background:#fff;color:var(--std-text)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;min-height:32px;border:1px solid #d6d6d6;border-radius:9px;padding:5px 12px;background:#fff;color:var(--std-text);font-size:13px;font-weight:550;line-height:1.45;text-decoration:none;cursor:pointer;text-align:center}
.button:hover{text-decoration:none;background:#f5f5f5}
.button.primary{background:#303030;color:#fff;border-color:#303030;box-shadow:inset 0 1px #ffffff35,0 1px 2px #0002}
.button.primary:hover{background:#202020}
.button.secondary{background:#fff;color:var(--std-text)}
.button.tertiary{border-color:transparent;background:transparent;box-shadow:none}
.button:disabled{opacity:.55;cursor:not-allowed}
.badge{display:inline-flex;align-items:center;width:fit-content;max-width:100%;border-radius:6px;padding:1px 7px;font-size:12px;font-weight:500;line-height:1.7;background:#ebebeb;color:#303030}
.badge.success{background:#b4ff8e;color:#174b00}
.badge.caution{background:#ffeb78;color:#5e4200}
.muted{color:var(--std-muted)}
.eyebrow{color:var(--std-muted);font-size:12px;font-weight:600;letter-spacing:.02em}
h1,h2,h3,p{overflow-wrap:anywhere}
.section-title{font-size:1.25rem;line-height:1.3;font-weight:650;margin:0}
.section-lead{margin:4px 0 0;color:var(--std-muted)}
.theme-card,.partner-card,.app-card,.guide-card{display:block;height:100%;min-width:0;box-sizing:border-box}
.theme-image{display:block;overflow:hidden;border-radius:8px;aspect-ratio:16/9;background:#f5f5f5}
.theme-image img{display:block;width:100%;height:100%;object-fit:cover}
.theme-info{display:flex;flex-direction:column;gap:8px;min-width:0;padding:12px 2px 2px}
.theme-info p{margin:0}
.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.theme-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:auto}
.price-label{font-size:13px;font-weight:600}
.theme-info h2,.theme-info h3,.partner-brand h3,.app-card h3,.guide-card h2,.guide-card h3{font-size:15px;line-height:1.3;font-weight:650;margin:0}
.partner-card-inner{display:block;height:100%;min-width:0}
.partner-brand{display:flex;align-items:center;gap:12px;min-height:44px;min-width:0}
.partner-brand img{display:block;width:40px;height:40px;object-fit:contain;object-position:center}
.partner-brand img{flex-shrink:0}
.partner-brand h2{font-size:15px;line-height:1.3;margin:0;font-weight:650}
.partner-brand h3{align-self:center}
.partner-headline{margin:0;min-height:2.7em;font-size:14px;line-height:1.35;font-weight:650}
.partner-copy{margin:0;min-height:4.5em;color:var(--std-muted);font-size:13px;line-height:1.5}
.partner-actions{display:block;align-self:end;min-height:70px}
.partner-actions .button{width:100%;min-height:32px}
.partner-actions s-button{min-width:0}
.guide-card h3{min-height:2.6em}
.guide-card p{margin:0;color:var(--std-muted);font-size:13px;line-height:1.5}
.guide-card .button{align-self:start}
.guide-card-inner,.app-card-inner{display:flex;flex-direction:column;align-items:flex-start;gap:12px;height:100%;min-width:0}
.guide-card-inner .button,.app-card-inner .button{margin-top:auto}
.guide-card h2 a,.guide-card h3 a{color:inherit;text-decoration:none}
.guide-card h2 a:hover,.guide-card h3 a:hover{text-decoration:underline}
.app-card-inner p{margin:0;color:var(--std-muted)}
.shopify-cta{display:block;margin-block:16px}
.campaign-grid{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center}
.campaign-brand{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.campaign-brand img{display:block;width:28px;height:32px;object-fit:contain}
.campaign-copy p{margin:0;font-weight:600;line-height:1.4}
.campaign-copy s-button{margin-inline-start:-12px}
.compact-cta{margin-top:16px}
.page-heading h1{font-size:clamp(1.6rem,3vw,2rem);line-height:1.2;letter-spacing:-.03em;margin:0}
.page-heading p{max-width:760px;margin:8px 0 0;color:var(--std-muted)}
#editorial-content{display:block;max-width:920px;margin-inline:auto;width:100%;box-sizing:border-box}
.editorial,.editorial-box{font-size:16px;line-height:1.65}
.editorial-box h1{font-size:clamp(1.65rem,3.5vw,2.2rem);font-weight:650;line-height:1.2;letter-spacing:-.035em;margin:0 0 12px}
.editorial-box h2{font-size:1.3rem;font-weight:650;line-height:1.3;letter-spacing:-.02em;margin:28px 0 10px}
.editorial-box h3{font-size:1.08rem;font-weight:650;line-height:1.35;margin:20px 0 8px}
.editorial-box p{margin:0 0 16px}
.editorial-box ul,.editorial-box ol{padding-inline-start:24px;margin:0 0 18px}
.editorial-box li{margin:6px 0}
.editorial-box .updated{font-size:12px;color:var(--std-muted);margin:8px 0 20px}
.editorial-box .page-intro{font-size:1.06rem;color:var(--std-muted)}
.editorial-box .editorial-toc{border-block:1px solid var(--std-border);padding-block:16px;margin:20px 0}
.editorial-box .editorial-toc h2{font-size:1rem;margin:0 0 10px}
.editorial-toc a{font-size:14px}
.editorial-section{scroll-margin-top:calc(var(--std-header-height) + 16px)}
.back-link{display:inline-flex;margin-bottom:16px;font-size:13px}
.editorial h1{font-size:clamp(1.65rem,3.5vw,2.2rem);font-weight:650;line-height:1.2;letter-spacing:-.035em;margin:0 0 12px}
.editorial h2{font-size:1.3rem;font-weight:650;line-height:1.3;letter-spacing:-.02em;margin:30px 0 10px}
.editorial h3{font-size:1.08rem;font-weight:650;line-height:1.35;margin:20px 0 8px}
.editorial p{margin:0 0 16px}
.editorial ul,.editorial ol{padding-inline-start:24px;margin:0 0 18px}
.editorial li{margin:6px 0}
.editorial .lede{font-size:1.06rem;color:var(--std-muted)}
.editorial .updated{font-size:12px;color:var(--std-muted);margin:8px 0 20px}
.editorial .toc{border-block:1px solid var(--std-border);padding-block:16px;margin:20px 0}
.editorial .toc h2{font-size:1rem;margin:0 0 10px}
.editorial .toc a{font-size:14px}
.editorial .references{font-size:14px}
.editorial code{background:#f1f1f1;border-radius:4px;padding:1px 4px;font-size:.9em}
.editorial blockquote{margin:20px 0;padding-inline-start:16px;border-inline-start:3px solid #d4d4d4;color:var(--std-muted)}
.theme-filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
.theme-filters input,.theme-filters select{min-height:36px;border:1px solid #c9c9c9;border-radius:8px;background:#fff;padding:6px 10px;box-sizing:border-box}
.theme-filters input{width:min(100%,320px)}
.theme-filters label{max-width:100%}
.compare-label{font-size:12px;display:inline-flex;align-items:center;gap:5px}
#compare-panel{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:70;max-width:calc(100vw - 32px);display:flex;gap:12px;align-items:center;background:#fff;padding:10px 14px;border:1px solid var(--std-border);border-radius:12px;box-shadow:0 3px 16px #0002}
.comparison{overflow:auto;background:#fff;border:1px solid var(--std-border);border-radius:12px;padding:16px}
.comparison-table{width:100%;border-collapse:collapse;min-width:560px}
.comparison-table th,.comparison-table td{padding:12px;text-align:left;border-bottom:1px solid var(--std-border);vertical-align:top}
.comparison-table img{display:block;max-width:200px;width:100%;height:110px;object-fit:cover;border-radius:8px;margin-bottom:10px}
#scan-status{max-width:760px;margin:12px auto;color:var(--std-muted);font-size:14px}
#scan-status:empty{display:none}
#results{display:block;background:#fff;border:1px solid var(--std-border);border-radius:12px;padding:20px;box-sizing:border-box;scroll-margin-top:calc(var(--std-header-height) + 16px);text-align:left;margin-block:20px}
#results h2{font-size:1.45rem;line-height:1.25;margin:0 0 8px}
#results h3{font-size:1.1rem;line-height:1.3;margin:0 0 8px}
.result-domain{margin:0 0 18px;font-size:13px}
.result-theme{display:grid;grid-template-columns:minmax(160px,240px) minmax(0,1fr);gap:20px;padding-block:12px 22px;margin-bottom:22px;border-bottom:1px solid var(--std-border)}
.result-theme-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px}
.result-theme-details{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
.result-theme-details p{margin:0}
.result-theme-details h3{margin:0!important}
.result-neutral{display:grid;place-items:center;border:1px solid var(--std-border);border-radius:8px;min-height:100px;background:#f5f5f5;color:#6b6b6b;font-size:32px}
.result-apps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px;margin-block:12px}
.result-app{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:start;border:1px solid var(--std-border);border-radius:10px;padding:12px}
.result-app small{display:block;margin-top:4px}
.result-app-icon{width:44px;height:44px;border-radius:8px;object-fit:contain}
.result-app .result-neutral{min-height:44px;font-size:20px}
.result-app a{font-weight:600}
.result-limits{font-size:13px;margin-block:18px}
.result-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-block:18px}
.result-offer{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;border:1px solid var(--std-border);border-radius:10px;padding:14px;margin-block:18px}
.result-offer p{flex:1 1 300px;font-weight:600;margin:0}
.result-offer .badge{align-self:center}
#site-footer{display:block;text-align:center;padding-block:20px 28px;font-size:13px;color:var(--std-muted)}
#site-footer a{font-size:13px}
.footer-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 20px}
.footer-copyright{font-size:12px}
#proposal-floating{display:block;position:fixed;z-index:60;right:16px;bottom:16px;width:350px;max-width:calc(100vw - 32px);box-sizing:border-box;filter:drop-shadow(0 4px 16px #0002)}
body:has(#compare-panel:not([hidden])) #proposal-floating{display:none}
#proposal-floating-close{border:0;border-radius:6px;background:transparent;color:var(--std-muted);font-size:20px;line-height:1;cursor:pointer;padding:4px}
.floating-shopify{background:#fff;border:1px solid var(--std-border);border-radius:12px;padding:14px}
.floating-shopify p{font-size:13px;line-height:1.45;margin:10px 0 12px;font-weight:600}
.floating-close{position:absolute;top:10px;right:10px}
.floating-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.floating-shopify .button{min-height:32px}
#language-suggestion{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;background:#fff;border:1px solid var(--std-border);border-radius:10px;margin:12px auto;padding:10px;max-width:1000px;box-sizing:border-box;font-size:13px}
noscript p{padding:14px;background:#fff;border:1px solid var(--std-border);border-radius:9px}
@media(max-width:932px){#desktop-nav{display:none}#mobile-nav-trigger{display:block;flex-shrink:0}.header-grid{min-width:0}.brand{font-size:14px}}
@media(max-width:700px){.campaign-grid{grid-template-columns:1fr!important}.campaign-brand{margin-bottom:4px}.campaign-grid>.button{width:100%}.campaign-copy s-button{margin-bottom:4px}}
@media(max-width:600px){body{font-size:14px}.page-shell{padding:12px}.hero,#search{padding-block:16px 22px}.hero-intro{font-size:13px}.detect-form{margin-top:16px}.examples{gap:3px 12px;max-width:100%;font-size:11px}.example{font-size:11px;padding-block:7px}#language{width:96px;font-size:12px}.brand{font-size:13px}.editorial{font-size:15px;line-height:1.6}.editorial h2{font-size:1.2rem}.partner-copy{min-height:0}.result-theme{grid-template-columns:1fr}.result-theme-image{max-width:360px}#results{padding:16px}.result-offer{align-items:flex-start}.result-offer .button{width:100%}#proposal-floating{right:10px;bottom:10px;max-width:calc(100vw - 20px)}#compare-panel{bottom:10px;flex-wrap:wrap;justify-content:center}.theme-filters input{width:100%}.theme-filters label:first-child{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:600px){#proposal-floating{width:320px;padding:10px}.floating-shopify p{font-size:12px;line-height:1.35;margin:6px 0 8px}.floating-actions{gap:4px}.floating-shopify .button{min-height:30px;padding:4px 10px;font-size:12px}.floating-close{top:7px;right:7px}.native-detect-fallback{display:grid;gap:8px}}
@media(max-width:400px){.brand img{width:156px;height:53px}.header-grid{gap:8px}.partner-headline{min-height:0}.editorial-box{font-size:15px;line-height:1.6}}
@media(max-width:359px){.header-grid{gap:4px}#language{width:72px}}

.hero>s-badge{display:inline-block;margin-inline:auto}


.editorial-box .editorial-byline{font-size:13px;color:var(--std-muted);margin:8px 0 0}