.hero-section.svelte-1tq955c{z-index:5;flex-direction:column;align-items:center;width:100%;max-width:1200px;min-height:100vh;margin:0 auto;padding:36px 24px 80px;display:flex;position:relative}.hero-content.svelte-1tq955c{text-align:center;max-width:860px;margin-bottom:40px}.hero-title.svelte-1tq955c{color:#0d0f11;letter-spacing:-1.2px;margin-bottom:16px;font-size:46px;font-weight:800;line-height:1.15}.hero-subtitle.svelte-1tq955c{color:#52525b;margin-bottom:26px;font-size:17px;font-weight:400}.hero-actions.svelte-1tq955c{justify-content:center;gap:12px;display:flex}.btn.svelte-1tq955c{cursor:pointer;border:none;border-radius:6px;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:13.5px;font-weight:600;text-decoration:none;transition:background-color .15s,transform .1s;display:inline-flex}.btn.svelte-1tq955c:active{transform:scale(.98)}.btn-dark.svelte-1tq955c{color:#fff;background-color:#000}.btn-dark.svelte-1tq955c:hover{background-color:#262626}.mockup-container.svelte-1tq955c{width:100%;max-width:900px;position:relative}.mockup-frame.svelte-1tq955c{background:#fff;border:1px solid #d4d4d8;border-radius:12px;min-height:520px;font-size:13px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px -10px #00000014,0 1px 3px #0000000d}.mockup-sidebar.svelte-1tq955c{background:#fafafa;border-right:1px solid #f0f0f0;flex-direction:column;flex-shrink:0;gap:8px;width:195px;padding:14px 10px;display:flex}.sidebar-logo.svelte-1tq955c{align-items:center;gap:6px;padding:4px 8px 10px;display:flex}.mini-logo.svelte-1tq955c{width:18px;height:18px}.mini-title.svelte-1tq955c{letter-spacing:-.3px;font-size:14px;font-weight:700}.sidebar-group-title.svelte-1tq955c{color:#9ca3af;letter-spacing:.2px;padding:6px 8px 2px;font-size:10.5px;font-weight:600}.sidebar-group.svelte-1tq955c{flex-direction:column;gap:2px;display:flex}.sidebar-item.svelte-1tq955c{color:#4b5563;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;font-weight:500;transition:all .1s;display:flex}.sidebar-item.svelte-1tq955c:hover{color:#000;background:#eaeaea}.sidebar-item.active.svelte-1tq955c{color:#111;background:#eaeaea;font-weight:600}.sidebar-item.svelte-1tq955c .icon:where(.svelte-1tq955c){stroke:currentColor;stroke-width:2px;fill:none;flex-shrink:0;width:14px;height:14px}.mockup-main.svelte-1tq955c{background:#fff;flex-direction:column;flex:1;gap:14px;padding:14px 20px 20px;display:flex}.dash-header.svelte-1tq955c{justify-content:space-between;align-items:center;display:flex}.back-link.svelte-1tq955c{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:11.5px;font-weight:500;display:inline-flex}.dash-header-actions.svelte-1tq955c{align-items:center;gap:8px;display:flex}.dropdown-pill.svelte-1tq955c{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;display:flex}.btn-dark-sm.svelte-1tq955c{color:#fff;cursor:pointer;background:#27272a;border:none;border-radius:4px;padding:5px 10px;font-size:11px;font-weight:500}.product-banner.svelte-1tq955c{align-items:center;gap:14px;display:flex}.product-thumb.svelte-1tq955c{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.shirt-svg.svelte-1tq955c{width:32px;height:32px}.product-info-wrap.svelte-1tq955c{flex-direction:column;flex:1;gap:4px;display:flex}.product-title-row.svelte-1tq955c{align-items:center;gap:10px;display:flex}.prod-name.svelte-1tq955c{color:#111;font-size:16px;font-weight:700}.co2-badge.svelte-1tq955c{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;align-items:center;gap:5px;padding:2px 7px;font-size:11px;display:flex}.status-indicator.svelte-1tq955c{align-items:center;gap:2px;display:inline-flex}.dot-green.svelte-1tq955c{background:#10b981;border-radius:50%;width:7px;height:7px}.bar-grey.svelte-1tq955c{background:#cbd5e1;border-radius:2px;width:14px;height:3px}.product-tags-row.svelte-1tq955c{align-items:center;gap:5px;display:flex}.tag-pill.svelte-1tq955c{color:#475569;background:#f1f5f9;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:600}.variant-select.svelte-1tq955c{color:#334155;border:1px solid #e2e8f0;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;display:flex}.dash-tabs.svelte-1tq955c{border-bottom:1px solid #e5e7eb;gap:18px;padding-top:4px;display:flex}.dash-tab.svelte-1tq955c{color:#6b7280;cursor:pointer;background:0 0;border:none;padding-bottom:6px;font-size:12px;font-weight:500;position:relative}.dash-tab.active.svelte-1tq955c{color:#111;font-weight:600}.dash-tab.active.svelte-1tq955c:after{content:"";background:#111;height:2px;position:absolute;bottom:-1px;left:0;right:0}.card-section.svelte-1tq955c{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.card-section.peek.svelte-1tq955c{opacity:.65;margin-top:-4px}.card-header.svelte-1tq955c{align-items:center;gap:10px;margin-bottom:8px;display:flex}.section-badge.svelte-1tq955c{color:#1f2937;background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex}.section-title-group.svelte-1tq955c h4:where(.svelte-1tq955c){color:#111827;font-size:13px;font-weight:600}.section-title-group.svelte-1tq955c p:where(.svelte-1tq955c){color:#6b7280;font-size:11px}.section-total.svelte-1tq955c{color:#111827;margin-left:auto;font-size:12px;font-weight:600}.card-body-box.svelte-1tq955c{background:#fbfbfb;border:1px solid #f0f0f0;border-radius:6px;padding:10px 12px}.box-top-row.svelte-1tq955c{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding-bottom:8px;font-size:11.5px;display:flex}.box-title.svelte-1tq955c{align-items:center;gap:5px;display:flex}.dim.svelte-1tq955c{color:#64748b}.supplier-tag.svelte-1tq955c{color:#475569;align-items:center;gap:4px;font-size:10.5px;display:inline-flex}.red-dot.svelte-1tq955c{background:#ef4444;border-radius:50%;width:6px;height:6px;display:inline-block}.box-val.svelte-1tq955c{color:#111;margin-left:auto;font-size:11.5px;font-weight:600}.breakdown-table.svelte-1tq955c{flex-direction:column;gap:6px;padding:8px 0;font-size:11px;display:flex}.breakdown-table.svelte-1tq955c .row:where(.svelte-1tq955c){grid-template-columns:110px 1fr auto;align-items:center;gap:8px;display:grid}.breakdown-table.svelte-1tq955c .label:where(.svelte-1tq955c){color:#6b7280}.sub-pill.svelte-1tq955c{background:#fff;border:1px solid #e5e7eb;border-radius:3px;align-items:center;gap:4px;padding:2px 6px;font-size:10px;display:inline-flex}.chip-badge.svelte-1tq955c{color:#334155;background:#e2e8f0;border-radius:3px;justify-self:start;padding:1px 6px;font-size:10.5px}.breakdown-table.svelte-1tq955c .num:where(.svelte-1tq955c){color:#475569;background:#f1f5f9;border-radius:3px;padding:1px 5px;font-weight:500}.toggle-details-btn.svelte-1tq955c{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:4px;margin-top:4px;padding:3px 8px;font-size:10.5px;font-weight:600}.toggle-details-btn.svelte-1tq955c:hover{background:#f9fafb}.play-overlay-button.svelte-1tq955c{cursor:pointer;z-index:20;background:#090a0b;border:2px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:66px;height:66px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background-color .15s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 25px #00000059}.play-overlay-button.svelte-1tq955c:hover{background:#18181b;transform:translate(-50%,-50%)scale(1.08)}.play-overlay-button.svelte-1tq955c svg:where(.svelte-1tq955c){margin-left:3px}@media (width<=900px){.hero-title.svelte-1tq955c{font-size:32px}.mockup-sidebar.svelte-1tq955c{width:54px;padding:10px 4px}.sidebar-group-title.svelte-1tq955c,.sidebar-item.svelte-1tq955c span:where(.svelte-1tq955c),.mini-title.svelte-1tq955c{display:none}.sidebar-item.svelte-1tq955c{justify-content:center;padding:8px}}.showcase-section.svelte-1v53asy{color:#fff;background:#000;width:100%;min-height:100vh;padding:72px 32px 90px}.showcase-image-wrapper.svelte-1v53asy{aspect-ratio:16/7;border-radius:20px;width:100%;max-width:1200px;margin:0 auto 60px;overflow:hidden}.showcase-image.svelte-1v53asy{object-fit:cover;width:100%;height:100%;display:block}.features-grid.svelte-1v53asy{grid-template-columns:repeat(4,1fr);align-items:start;gap:32px;width:100%;max-width:1200px;margin:0 auto;display:grid}.feature-card.svelte-1v53asy{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:flex-start;padding:20px 0 0;display:flex;position:relative}.progress-track.svelte-1v53asy{background:#fff3;width:100%;height:2px;margin-bottom:24px;overflow:hidden}.progress-bar.svelte-1v53asy{background:#fff;height:100%;transition:width 50ms linear}.feature-title.svelte-1v53asy{min-height:24px;margin:0 0 14px;font-size:18px;font-weight:600;line-height:24px}.feature-desc.svelte-1v53asy{color:#fff9;min-height:96px;margin:0;font-size:15px;line-height:24px}.feature-link.svelte-1v53asy{align-items:center;gap:8px;margin-top:24px;font-size:14px;font-weight:600;display:inline-flex}@media (width<=900px){.features-grid.svelte-1v53asy{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.showcase-section.svelte-1v53asy{padding:60px 20px}.showcase-image-wrapper.svelte-1v53asy{height:350px;margin-bottom:50px}.features-grid.svelte-1v53asy{grid-template-columns:1fr}}.how-it-works.svelte-8x0qci{box-sizing:border-box;background:#fff;width:100%;height:calc(100vh - 150px);min-height:700px;padding:50px 32px}.section-container.svelte-8x0qci{flex-direction:column;width:100%;max-width:1200px;height:100%;margin:0 auto;display:flex}.section-title.svelte-8x0qci{flex-shrink:0;margin:0 0 40px;font-size:48px;font-weight:600;line-height:1.1}.how-it-works-grid.svelte-8x0qci{flex:1;grid-template-columns:1fr 1fr;align-items:center;gap:70px;min-height:0;display:grid}.steps-container.svelte-8x0qci{height:100%;min-height:0;position:relative}.steps.svelte-8x0qci{flex-direction:column;justify-content:center;width:100%;height:100%;display:flex}.step.svelte-8x0qci{text-align:left;cursor:pointer;width:100%;font:inherit;background:0 0;border:0;grid-template-columns:28px 1fr;column-gap:16px;padding:0 0 30px;display:grid;position:relative}.step-line.svelte-8x0qci{justify-content:center;width:28px;height:100%;display:flex;position:relative}.line-track.svelte-8x0qci{background:#e5e5e5;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.line-progress.svelte-8x0qci{background:#111;width:2px;height:0%;transition:height .7s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:50%;transform:translate(-50%)}.line-progress.progress-active.svelte-8x0qci{animation:5s linear forwards svelte-8x0qci-stepProgress}.step-number.svelte-8x0qci{z-index:2;color:#777;background:#e5e5e5;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:600;transition:background .2s,color .2s;display:flex;position:relative}.step.active.svelte-8x0qci .step-number:where(.svelte-8x0qci){color:#fff;background:#111}.step-content.svelte-8x0qci{min-width:0}.step-title.svelte-8x0qci{color:#999;margin:2px 0 0;font-size:24px;font-weight:600;line-height:1.25;transition:color .2s}.step.active.svelte-8x0qci .step-title:where(.svelte-8x0qci){color:#111}.step-description.svelte-8x0qci{color:#555;max-width:430px;margin-top:16px;font-size:16px;line-height:1.75;animation:.4s svelte-8x0qci-descriptionIn}.step-description.svelte-8x0qci p:where(.svelte-8x0qci){margin:0 0 18px}.step-description.svelte-8x0qci p:where(.svelte-8x0qci):last-child{margin-bottom:0}@keyframes svelte-8x0qci-descriptionIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.image-container.svelte-8x0qci{width:100%}.image-wrapper.svelte-8x0qci{aspect-ratio:1.15;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:12px;width:100%;overflow:hidden}.step-image.svelte-8x0qci{object-fit:cover;width:100%;height:100%;animation:.5s svelte-8x0qci-imageIn;display:block}@keyframes svelte-8x0qci-imageIn{0%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes svelte-8x0qci-stepProgress{0%{height:0%}to{height:100%}}@media (width<=900px){.how-it-works.svelte-8x0qci{height:auto;min-height:0}.how-it-works-grid.svelte-8x0qci{grid-template-columns:1fr}.image-container.svelte-8x0qci{order:-1}.steps-container.svelte-8x0qci,.steps.svelte-8x0qci{height:auto}}@media (width<=600px){.how-it-works.svelte-8x0qci{padding:70px 20px}.section-title.svelte-8x0qci{font-size:36px}.step-title.svelte-8x0qci{font-size:20px}.step-description.svelte-8x0qci{font-size:15px}}.difference-section.svelte-14yk9sq{background:#fff;width:100%;min-height:400vh;position:relative}.difference-sticky.svelte-14yk9sq{width:100%;height:100vh;padding:40px 48px;position:sticky;top:0;overflow:hidden}.difference-heading.svelte-14yk9sq{z-index:2;position:absolute;left:23%}.difference-heading.svelte-14yk9sq h2:where(.svelte-14yk9sq){letter-spacing:-.02em;color:#111;margin:0;font-size:80px;font-weight:600;line-height:1.2}.feature-display.svelte-14yk9sq{justify-content:center;align-items:center;gap:80px;padding:120px 10%;display:flex;position:absolute;inset:0}.feature-text.svelte-14yk9sq{width:min(430px,40vw)}.feature-number.svelte-14yk9sq{color:#111;background:#eee;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:24px;font-size:12px;display:flex}.feature-text.svelte-14yk9sq h3:where(.svelte-14yk9sq){letter-spacing:-.04em;color:#111;margin:0 0 24px;font-size:clamp(32px,4vw,56px);font-weight:600;line-height:1.05}.feature-text.svelte-14yk9sq p:where(.svelte-14yk9sq){color:#666;margin:0;font-size:17px;line-height:1.7}.feature-image.svelte-14yk9sq{aspect-ratio:1/.85;background:#f5f5f5;border-radius:16px;width:min(500px,42vw);position:relative;overflow:hidden}.feature-image.svelte-14yk9sq img:where(.svelte-14yk9sq){object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s,transform .5s;display:block;position:absolute;inset:0;transform:scale(1.02)}.feature-image.svelte-14yk9sq img.active:where(.svelte-14yk9sq){opacity:1;transform:scale(1)}.feature-triggers.svelte-14yk9sq{pointer-events:none;width:1px;height:100%;position:absolute;top:0;left:0}.feature-trigger.svelte-14yk9sq{width:1px;height:100vh}@media (width<=768px){.difference-section.svelte-14yk9sq{min-height:400vh}.difference-sticky.svelte-14yk9sq{padding:24px}.difference-heading.svelte-14yk9sq{top:24px;right:24px}.difference-heading.svelte-14yk9sq h2:where(.svelte-14yk9sq){font-size:16px}.feature-display.svelte-14yk9sq{flex-direction:column;justify-content:center;gap:32px;padding:100px 24px 40px}.feature-text.svelte-14yk9sq{width:100%}.feature-text.svelte-14yk9sq h3:where(.svelte-14yk9sq){font-size:36px}.feature-text.svelte-14yk9sq p:where(.svelte-14yk9sq){font-size:15px;line-height:1.6}.feature-image.svelte-14yk9sq{width:100%;max-width:500px}}.tech-stack.svelte-89lpru{background-color:#fff;width:100%;overflow:hidden}.tech-title.svelte-89lpru{text-align:center;font-size:52px}.integration-list.svelte-89lpru{width:100%;margin:3%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.integration-track.svelte-89lpru{gap:48px;width:max-content;animation:35s linear infinite svelte-89lpru-marquee;display:flex}.integration.svelte-89lpru{flex:none;justify-content:center;align-items:center;width:120px;height:60px;display:flex}.integration.svelte-89lpru img:where(.svelte-89lpru){object-fit:contain;max-width:100%;max-height:40px}@keyframes svelte-89lpru-marquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - 24px))}}@media (prefers-reduced-motion:reduce){.integration-track.svelte-89lpru{animation:none}}.demo-section.svelte-89lpru{background:#c8d8df;justify-content:center;align-items:center;width:100%;min-height:275px;display:flex}.demo-content.svelte-89lpru{text-align:center}.demo-content.svelte-89lpru h2:where(.svelte-89lpru){letter-spacing:-.035em;color:#050505;margin:0 0 40px;font-size:38px;font-weight:600;line-height:1.1}.demo-button.svelte-89lpru{color:#fff;background:#000;border-radius:5px;align-items:center;gap:7px;padding:12px 18px;font-size:12px;font-weight:600;text-decoration:none;transition:transform .2s,opacity .2s;display:inline-flex}.demo-button.svelte-89lpru:hover{opacity:.85;transform:translateY(-2px)}.footer.svelte-89lpru{color:#fff;background:#050505;padding:55px 56px 25px}.footer-inner.svelte-89lpru{grid-template-columns:1.2fr 2.8fr;gap:80px;max-width:1200px;margin:0 auto;display:grid}.footer-brand.svelte-89lpru{padding-top:5px}.brand.svelte-89lpru{letter-spacing:-.04em;align-items:center;gap:10px;font-size:29px;font-weight:500;display:flex}.logo-mark.svelte-89lpru{filter:invert();color:#000;width:48px;height:48px}.footer-brand.svelte-89lpru p:where(.svelte-89lpru){color:#fff;margin:10px 0 0;font-size:13px}.footer-navigation.svelte-89lpru{grid-template-columns:repeat(4,1fr);gap:30px;display:grid}.footer-column.svelte-89lpru{flex-direction:column;gap:13px;display:flex}.footer-column.svelte-89lpru h3:where(.svelte-89lpru){color:#999;margin:0 0 8px;font-size:13px;font-weight:600}.footer-column.svelte-89lpru a:where(.svelte-89lpru){color:#fff;font-size:12px;line-height:1.4;text-decoration:none}.footer-column.svelte-89lpru a:where(.svelte-89lpru):hover{opacity:.6}.footer-bottom.svelte-89lpru{border-top:1px solid #444;justify-content:space-between;align-items:center;max-width:1200px;margin:55px auto 0;padding-top:25px;font-size:11px;display:flex}.social-links.svelte-89lpru{gap:16px;display:flex}.social-links.svelte-89lpru a:where(.svelte-89lpru){color:#fff;font-weight:700;text-decoration:none}@media (width<=768px){.tech-stack.svelte-89lpru{padding:0 20px}.integration-list.svelte-89lpru{grid-template-columns:repeat(2,1fr)}.integration.svelte-89lpru{min-height:100px}.demo-section.svelte-89lpru{min-height:300px;padding:40px 24px}.demo-content.svelte-89lpru h2:where(.svelte-89lpru){font-size:32px}.footer.svelte-89lpru{padding:45px 24px 25px}.footer-inner.svelte-89lpru{grid-template-columns:1fr;gap:45px}.footer-navigation.svelte-89lpru{grid-template-columns:repeat(2,1fr);gap:35px 20px}.footer-bottom.svelte-89lpru{margin-top:45px}}
