@import "https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap";*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#18181b;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f9f9fa;min-width:320px;margin:0;font-family:DM Sans,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.6;overflow-x:hidden}#root{min-height:100svh}h1,h2,h3,h4{letter-spacing:-.02em;margin:0;font-family:Syne,system-ui,sans-serif;font-weight:700;line-height:1.1}h1{font-size:clamp(2rem,3.5vw,3.2rem)}h2{font-size:clamp(1.5rem,2.5vw,2.2rem)}h3{letter-spacing:-.01em;font-size:1.05rem}p{margin:0}a{color:inherit;text-decoration:none}:root{--surface:#fff;--surface-muted:#f9f9fa;--border:#e4e4e7;--border-strong:#d4d4d8;--ink:#18181b;--ink-2:#3f3f46;--ink-3:#71717a;--ink-4:#a1a1aa;--accent:#4f46e5;--accent-soft:#eef2ff;--accent-border:#c7d2fe;--shopify:#95bf46;--shopify-hover:#7aab30;--hero-from:#0f172a;--hero-mid:#1e1b4b;--hero-to:#312e81}.container{width:min(1160px,100% - 48px);margin-inline:auto}.site-header{z-index:40;border-bottom:1px solid var(--border);background:#fff;transition:opacity .4s,transform .4s;position:sticky;top:0;overflow:hidden}.site-header .container{position:relative}.site-header.header-hidden{opacity:0;pointer-events:none;transform:translateY(-100%)}.site-header .container{justify-content:space-between;align-items:center;height:56px;display:flex}.brand{flex-shrink:0;align-items:center;display:inline-flex}.brand-logo{object-fit:contain;border-radius:6px;width:auto;height:44px;display:block}.site-nav{align-items:center;gap:24px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.site-nav a{color:var(--ink-3);padding-bottom:2px;font-size:.875rem;font-weight:500;transition:color .15s;position:relative}.site-nav a:after{content:"";background:var(--accent);border-radius:2px;height:2px;transition:transform .2s;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.site-nav a:hover{color:var(--ink)}.site-nav a:hover:after{transform:scaleX(1)}.nav-icon-link{color:var(--ink-3);align-items:center;transition:color .2s,transform .2s;animation:3s ease-in-out infinite ig-pulse;display:inline-flex}.nav-icon-link:after{display:none}.nav-icon-link:hover{color:#e1306c;animation:none;transform:scale(1.18)}@keyframes ig-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.12)}}.header-cta{flex-shrink:0;margin-left:auto}.scroll-progress{z-index:39;pointer-events:none;background:linear-gradient(90deg,#6366f166 0%,#6366f1 40%,#38bdf8 80%,#fff 100%);border-radius:0 2px 2px 0;max-width:100vw;height:3px;transition:width .12s linear;position:fixed;top:56px;left:0;box-shadow:0 0 8px #6366f1b3,0 0 20px #38bdf866}.btn-shopify{background:var(--shopify);color:#fff;border-radius:8px;align-items:center;gap:8px;padding:9px 16px;font-size:.875rem;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.btn-shopify:hover{background:var(--shopify-hover);transform:translateY(-1px)}.btn-shopify.lg{border-radius:10px;padding:12px 22px;font-size:.95rem}.btn-ghost{border:1px solid var(--border-strong);color:var(--ink-2);background:0 0;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-size:.875rem;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.btn-ghost:hover{background:var(--surface-muted);border-color:var(--ink-4)}.shopify-icon{object-fit:contain;flex-shrink:0;width:16px;height:16px;display:inline-block}.hero{background:linear-gradient(135deg, var(--hero-from) 0%, var(--hero-mid) 55%, var(--hero-to) 100%);align-items:center;min-height:calc(100svh - 56px);padding:80px 0;display:flex;overflow-x:clip}.hero .container{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;width:min(920px,100% - 48px);display:grid}.hero-copy{flex-direction:column;align-items:flex-start;gap:0;display:flex}.hero-copy h1{color:#fff;margin-bottom:28px;font-size:clamp(2rem,3.5vw,3.4rem);line-height:1.06}.hero-copy h1 em{color:#a5b4fc;font-style:normal}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero-trust{color:#4ade80;letter-spacing:.04em;background:#4ade801a;border:1px solid #4ade8040;border-radius:999px;align-items:center;gap:7px;margin:0;padding:5px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.hero-visual{flex-direction:column;gap:12px;display:flex}.compare-shell{border:1px solid #ffffff1f;border-radius:20px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f,0 32px 64px #00000080}.compare-stage{aspect-ratio:16/9;cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none;background:#0a0a0f;outline:none;position:relative;overflow:hidden}.compare-stage:focus-visible{outline-offset:2px;outline:2px solid #818cf8}.compare-image{object-fit:cover;width:100%;height:100%;display:block}.compare-image-tryon{width:calc(100% + 5px);transform:translate(-5px)}.compare-image-overlay{will-change:clip-path;border-right:1.5px solid #ffffff80;position:absolute;inset:0}.compare-handle{pointer-events:none;justify-content:center;display:flex;position:absolute;top:0;bottom:0;transform:translate(-50%)}.compare-line{background:#ffffffd9;width:2px;height:100%}.compare-knob{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 16px #00000059}.compare-knob span{width:14px;height:14px;position:relative}.compare-knob span:before,.compare-knob span:after{content:"";border-top:2px solid #18181b;border-right:2px solid #18181b;width:6px;height:6px;position:absolute;top:50%}.compare-knob span:before{left:0;transform:translateY(-50%)rotate(-135deg)}.compare-knob span:after{right:0;transform:translateY(-50%)rotate(45deg)}.compare-chip{z-index:1;color:#f8fafc;letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border:1px solid #ffffff2e;border-radius:999px;padding:4px 10px;font-size:.68rem;font-weight:600;position:absolute;top:12px}.compare-chip.before{left:12px}.compare-chip.after{right:12px}.product-row{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex}.product-thumb{object-fit:contain;border-radius:8px;flex-shrink:0;width:44px;height:44px;display:block}.product-row-copy strong{color:#f1f5f9;font-size:.85rem;font-weight:600;display:block}.product-row-copy span{color:#64748b;letter-spacing:.06em;font-size:.72rem}#home,#how-it-works,#pricing,#install{scroll-margin-top:56px}.sections{background:var(--surface-muted);flex-direction:column;display:flex}#how-it-works,#pricing{flex-direction:column;justify-content:center;min-height:100svh;padding:48px 0;display:flex}.section-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:48px 40px}.section-label{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;font-size:.72rem;font-weight:700;display:inline-block}.section-heading{margin-bottom:32px}.section-heading h2{color:var(--ink);margin-top:6px}.section-heading p{color:var(--ink-3);max-width:38rem;margin-top:10px;font-size:.95rem}.how-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start;gap:64px;display:grid}.how-heading{position:sticky;top:88px}.steps-grid{flex-direction:column;display:flex}.step-card{border-bottom:1px solid var(--border);grid-template-rows:auto auto;grid-template-columns:44px 1fr;gap:6px 20px;padding:28px 0;display:grid}.step-card:first-child{padding-top:0}.step-card:last-child{border-bottom:none;padding-bottom:0}.step-icon{background:var(--accent-soft);border:1px solid var(--accent-border);width:44px;height:44px;color:var(--accent);border-radius:12px;flex-shrink:0;grid-area:1/1/3;justify-content:center;align-self:start;align-items:center;margin-top:2px;display:inline-flex}.step-icon svg{width:20px;height:20px}.step-card h3{color:var(--ink);grid-area:1/2;font-size:.95rem}.step-card p{color:var(--ink-3);grid-area:2/2;font-size:.875rem;line-height:1.65}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;display:grid}.pricing-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;padding:24px;display:flex}.pricing-card.featured{border-color:var(--accent-border);box-shadow:0 0 0 1px var(--accent-border), 0 8px 24px #4f46e51a;position:relative}.featured-badge{background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--accent);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;width:fit-content;margin-bottom:14px;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-block}.plan-name{color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-size:.72rem;font-weight:700;display:block}.plan-price{align-items:baseline;gap:3px;margin-bottom:12px;display:flex}.plan-price strong{color:var(--ink);font-family:Syne,sans-serif;font-size:2.2rem;font-weight:700;line-height:1}.plan-price span{color:var(--ink-3);font-size:.82rem}.plan-name-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.plan-name-row .plan-name{margin-bottom:0}.plan-investment{color:#2563eb;letter-spacing:.06em;text-transform:uppercase;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;padding:3px 9px;font-size:.68rem;font-weight:700;display:inline-flex}.pricing-card>p{color:var(--ink-3);margin-bottom:16px;font-size:.85rem;line-height:1.55}.pricing-card ul{flex-direction:column;gap:8px;margin:0 0 24px;padding:0;list-style:none;display:flex}.pricing-card li{color:var(--ink-2);align-items:center;gap:8px;font-size:.85rem;display:flex}.pricing-card li:before{content:"";background:var(--accent-soft);border:1px solid var(--accent-border);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 8l2.5 2.5L12 5' stroke='%234f46e5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;border-radius:50%;flex-shrink:0;width:16px;height:16px;display:inline-block}.pricing-card .btn-shopify,.pricing-card .btn-ghost{border-radius:8px;justify-content:center;width:100%;margin-top:auto}.faq-section{max-width:720px;margin-inline:auto}@keyframes faq-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.faq-list{flex-direction:column;margin:0;padding:0;display:flex}.faq-item{border-bottom:1px solid var(--border);animation:.5s cubic-bezier(.22,1,.36,1) both faq-in}.faq-item:last-child{border-bottom:none}.faq-trigger{cursor:pointer;text-align:left;width:100%;color:var(--ink);background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-family:inherit;font-size:.9rem;font-weight:600;display:flex}.faq-trigger:hover{color:var(--accent)}.faq-chevron{color:var(--ink-4);flex-shrink:0;transition:transform .25s cubic-bezier(.22,1,.36,1)}.faq-open .faq-chevron{color:var(--accent);transform:rotate(180deg)}.faq-answer{grid-template-rows:0fr;margin:0;transition:grid-template-rows .3s cubic-bezier(.22,1,.36,1);display:grid}.faq-open .faq-answer{grid-template-rows:1fr}.faq-answer-inner{color:var(--ink-3);padding-bottom:0;font-size:.875rem;line-height:1.7;transition:padding-bottom .3s;overflow:hidden}.faq-open .faq-answer-inner{padding-bottom:18px}.cta-band{background:linear-gradient(135deg, var(--hero-from) 0%, var(--hero-mid) 60%, var(--hero-to) 100%);align-items:center;min-height:100svh;padding:80px 0;display:flex}.cta-band .container{text-align:center;flex-direction:column;align-items:center;gap:32px;width:100%;display:flex}.cta-band h2{color:#fff;margin-bottom:12px;font-size:clamp(1.8rem,3vw,2.8rem)}.cta-band p{color:#94a3b8;max-width:32rem;margin:0 auto;font-size:1rem}.cta-actions{justify-content:center;align-items:center;gap:12px;display:flex}.site-footer{border-top:1px solid var(--border);background:var(--surface);padding:20px 0}.site-footer .container{justify-content:space-between;align-items:center;display:flex}.site-footer p{color:var(--ink-4);font-size:.8rem}[data-reveal]{opacity:0;transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);transform:translateY(28px)}[data-reveal].revealed{opacity:1;transform:translateY(0)}[data-reveal-delay="1"]{transition-delay:.1s}[data-reveal-delay="2"]{transition-delay:.25s}[data-reveal-delay="3"]{transition-delay:.4s}[data-reveal-delay="4"]{transition-delay:.55s}.step-card[data-reveal]{transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(44px)scale(.97)}.step-card[data-reveal].revealed{opacity:1;transform:translateY(0)scale(1)}.step-card[data-reveal-delay="1"]{transition-delay:50ms}.step-card[data-reveal-delay="2"]{transition-delay:.3s}.step-card[data-reveal-delay="3"]{transition-delay:.55s}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1024px){.hero{min-height:auto;padding:56px 0}.hero .container{grid-template-columns:1fr;gap:36px;width:min(600px,100% - 48px)}.hero-copy{text-align:center;align-items:center}.hero-copy h1{text-align:center;font-size:clamp(1.8rem,4vw,2.6rem)}.hero-actions{flex-direction:column;align-items:stretch;width:100%}.btn-shopify.lg{justify-content:center;width:100%}.hero-trust{justify-content:center}#how-it-works,#pricing{min-height:auto;padding:40px 0}.how-layout{grid-template-columns:1fr;gap:32px}.how-heading{position:static}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cta-band{min-height:auto;padding:72px 0}.section-card{padding:32px 28px}.compare-stage{aspect-ratio:16/10}}@media (width<=680px){.site-header .container{width:100%;padding:0 16px}.site-nav{display:none}.brand-logo{height:36px}.hero{align-items:center;min-height:100svh;padding:40px 0 48px}.hero .container{grid-template-columns:1fr;gap:24px;width:calc(100% - 32px)}.hero-copy{text-align:center;align-items:center}.hero-copy h1{text-align:center;margin-bottom:20px;font-size:clamp(1.7rem,6vw,2.2rem)}.hero-actions{flex-direction:column;align-items:stretch;gap:10px;width:100%}.btn-shopify.lg{justify-content:center;width:100%}.hero-actions{display:none}.hero-visual{width:100%}.compare-stage{aspect-ratio:3/2}.sections{gap:0}#how-it-works,#pricing{justify-content:center;min-height:100svh;padding:0}.section-card{border-left:none;border-right:none;border-radius:0;padding:32px 16px}.container{width:calc(100% - 32px)}.step-card{column-gap:14px;padding:20px 0}.pricing-grid{grid-template-columns:1fr;gap:12px}.pricing-card{padding:20px}.cta-band{min-height:100svh;padding:64px 0}.cta-band h2{font-size:clamp(1.5rem,6vw,2rem)}.cta-actions{flex-direction:column;width:100%}.cta-actions .btn-shopify{justify-content:center;width:100%}}