{"version":"1.0","directionName":"The Stowaway","globalCss":":root {\n --bg: #ececec;\n --text-primary: #111827;\n --text-muted: #6B7280;\n --brand: #1a1a1a;\n --radius: 20px;\n --nylon-pattern: radial-gradient(#2a2a2a 0.5px, transparent 0.5px);\n --theme-bg: #ececec;\n --theme-bg-elevated: #0f0f0f;\n --theme-surface: #ffffff;\n --theme-ink: #111827;\n --theme-muted: #6B7280;\n --theme-border: #d1d1d1;\n --theme-primary: #1a1a1a;\n --theme-accent: #1a1a1a;\n --radius-lg: 20px;\n --font-main: 'Space Grotesk', sans-serif;\n --theme-ink-muted: #6B7280;\n --theme-secondary: #0f0f0f;\n --ds-radius: 20px;\n --ds-font-main: 'Space Grotesk', sans-serif;\n --ds-nylon-pattern: radial-gradient(#2a2a2a 0.5px, transparent 0.5px);\n --c-bg: #ececec;\n --c-ink: #111827;\n --c-primary: #1a1a1a;\n --c-accent: #1a1a1a;\n --c-secondary: #0f0f0f;\n --c-success: #1a1a1a;\n --theme-success: #1a1a1a;\n --bg-elevated: #0f0f0f;\n --surface: #0f0f0f;\n --surface-alt: #0f0f0f;\n --ink: #111827;\n --ink-muted: #6B7280;\n --border: #d1d1d1;\n --bg-page: #ececec;\n --page-bg: #ececec;\n --surface-ink: #F9FAFB;\n --surface-ink-muted: #D1D5DB;\n --c-ink-muted: #6B7280;\n}\n\n[data-layout-root] img[data-lfy-generated-hero-scene]{width:100%!important;height:100%!important;object-fit:contain!important;background:#ffffff!important;object-position:center!important;padding:0!important;display:block!important}\n\n@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;700&display=swap');\n\n* { margin: 0; padding: 0; box-sizing: border-box; }\n\n/* Header / Luggage Tag Tabs */\n[data-layout-root] .ds-site-header {\n position: sticky;\n top: 0;\n z-index: 100;\n padding: 20px 40px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: var(--bg);\n}\n\n[data-layout-root] .nav-tags {\n display: flex;\n gap: 8px;\n}\n\n[data-layout-root] .tag-tab {\n background: #fff;\n padding: 8px 16px;\n border-radius: 8px 8px 0 0;\n border: 1px solid #ddd;\n border-bottom: none;\n font-size: 14px;\n font-weight: 500;\n text-decoration: none;\n color: var(--text-primary);\n position: relative;\n transition: transform 0.2s ease;\n}\n\n[data-layout-root] .tag-tab::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 6px;\n width: 6px;\n height: 6px;\n background: #ddd;\n border-radius: 50%;\n transform: translateY(-50%);\n}\n\n[data-layout-root] .tag-tab:hover { transform: translateY(-2px); }\n\n[data-layout-root] .header-actions {\n display: flex;\n align-items: center;\n gap: 24px;\n}\n\n[data-layout-root] .action-btn {\n background: none;\n border: none;\n cursor: pointer;\n font-family: inherit;\n font-weight: 500;\n font-size: 14px;\n color: var(--text-primary);\n text-decoration: none;\n}\n\n/* Hero Section */\n[data-layout-root] .ds-hero {\n min-height: 90vh;\n display: grid;\n grid-template-columns: 1fr 1.2fr;\n padding: 40px;\n gap: 40px;\n align-items: center;\n}\n\n[data-layout-root] .hero-copy {\n max-width: 540px;\n}\n\n[data-layout-root] .hero-copy h1 {\n font-size: clamp(3rem, 6vw, 5rem);\n line-height: 0.95;\n letter-spacing: -0.03em;\n margin-bottom: 24px;\n font-weight: 500;\n}\n\n[data-layout-root] .hero-copy p {\n font-size: 1.1rem;\n color: var(--text-muted);\n line-height: 1.6;\n margin-bottom: 40px;\n}\n\n[data-layout-root] .cta-group {\n display: flex;\n align-items: center;\n gap: 20px;\n}\n\n[data-layout-root] .btn-primary {\n background: var(--brand);\n color: white;\n padding: 18px 36px;\n border-radius: var(--radius);\n text-decoration: none;\n font-weight: 500;\n transition: scale 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n}\n\n[data-layout-root] .btn-primary:active { scale: 0.95; }\n\n[data-layout-root] .product-label {\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: var(--text-muted);\n display: block;\n margin-bottom: 8px;\n}\n\n/* Signature Interaction: The Stowaway Drawer */\n[data-layout-root] .stowaway-stage {\n position: relative;\n height: 600px;\n background: #222;\n border-radius: var(--radius);\n overflow: hidden;\n background-image: var(--nylon-pattern);\n background-size: 4px 4px;\n box-shadow: inset 0 0 100px rgba(0,0,0,0.5);\n}\n\n[data-layout-root] .stowaway-drawer {\n position: absolute;\n right: -10%;\n top: 50%;\n transform: translateY(-50%);\n width: 80%;\n height: 80%;\n background: #fff;\n border-radius: var(--radius);\n padding: 40px;\n transition: transform 0.8s cubic-bezier(0.85, 0, 0.15, 1);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n[data-layout-root] .stowaway-drawer.is-active {\n transform: translateY(-50%) translateX(-25%);\n}\n\n[data-layout-root] .image-frame {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n[data-layout-root] .image-frame img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n}\n\n[data-layout-root] .drawer-tab {\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%) rotate(-90deg) translateY(-30px);\n background: #fff;\n padding: 8px 20px;\n border-radius: 8px 8px 0 0;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n}\n\n/* Support 1: Pocket Stack */\n[data-layout-root] .pockets-section {\n padding: 100px 40px;\n background: #fff;\n}\n\n[data-layout-root] .pockets-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n margin-top: 60px;\n}\n\n[data-layout-root] .pocket-card {\n height: 400px;\n background: #f4f4f4;\n border-radius: var(--radius);\n padding: 40px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n position: relative;\n overflow: hidden;\n}\n\n[data-layout-root] .pocket-card::before {\n content: '';\n position: absolute;\n bottom: -50px;\n left: 0;\n width: 100%;\n height: 200px;\n background: #e0e0e0;\n border-top: 2px solid #ccc;\n border-radius: 40px 40px 0 0;\n transition: transform 0.4s ease;\n}\n\n[data-layout-root] .pocket-card:hover::before {\n transform: translateY(20px);\n}\n\n[data-layout-root] .pocket-card h3 {\n font-size: 24px;\n font-weight: 500;\n position: relative;\n z-index: 2;\n}\n\n[data-layout-root] .pocket-icon {\n width: 40px;\n height: 40px;\n background: var(--brand);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n z-index: 2;\n}\n\n/* Support 2: Split Terminal */\n[data-layout-root] .terminal-section {\n padding: 80px 40px;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2px;\n background: #ddd;\n}\n\n[data-layout-root] .terminal-panel {\n background: #ececec;\n padding: 80px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n[data-layout-root] .terminal-panel.dark {\n background: #111;\n color: white;\n}\n\n[data-layout-root] .terminal-panel h2 {\n font-size: 42px;\n margin-bottom: 24px;\n font-weight: 500;\n}\n\n[data-layout-root] .phone-mock {\n width: 280px;\n height: 560px;\n background: #000;\n border: 12px solid #222;\n border-radius: 40px;\n margin: 0 auto;\n position: relative;\n overflow: hidden;\n}\n\n[data-layout-root] .app-ui {\n width: 100%;\n height: 100%;\n background: #fff;\n padding: 20px;\n display: flex;\n flex-direction: column;\n}\n\n[data-layout-root] .map-dot {\n width: 20px;\n height: 20px;\n background: #000;\n border-radius: 50%;\n margin: auto;\n position: relative;\n}\n\n[data-layout-root] .map-dot::after {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n background: rgba(0,0,0,0.2);\n border-radius: 50%;\n animation: pulse 2s infinite;\n}\n\n@keyframes pulse {\n 0% { transform: scale(1); opacity: 1; }\n 100% { transform: scale(3); opacity: 0; }\n}\n\n@media (max-width: 1024px) {\n[data-layout-root] .ds-hero, .terminal-section { grid-template-columns: 1fr; }\n[data-layout-root] .pockets-grid { grid-template-columns: 1fr; }\n[data-layout-root] .stowaway-stage { height: 400px; }\n[data-layout-root] .ds-site-header { padding: 20px; }\n[data-layout-root] .nav-tags { display: none; }\n}\n\n/* data-lfy-reduced-motion-safety */\n@media (prefers-reduced-motion: reduce) {\n *, *::before, *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n}\n\n@media (max-width:760px){\n[data-layout-root] header{max-width:100%!important;min-width:0!important;display:flex!important;align-items:center!important;gap:12px!important;overflow:visible!important}\n[data-layout-root] header [data-slot=\"nav\"],header [data-slot=\"search\"],header [data-slot=\"login\"],header [data-slot=\"currency\"]{display:none!important}\n[data-layout-root] header [data-slot=\"logo\"]{display:flex!important;visibility:visible!important;opacity:1!important;position:static!important;margin-right:auto!important;min-width:0!important}\n[data-layout-root] header [data-slot=\"cart\"],header [data-slot=\"mobile-menu\"]{display:flex!important;visibility:visible!important;opacity:1!important;position:static!important;transform:none!important;white-space:nowrap!important}\n[data-layout-root] header *:has(>[data-slot=\"cart\"]),header *:has(>[data-slot=\"mobile-menu\"]){display:flex!important;visibility:visible!important;align-items:center!important;gap:10px!important}\n}\n\n \n\n[data-layout-root] .ds-trust-bar {\n background-color: var(--theme-bg);\n padding: 20px 40px;\n border-top: 1px solid var(--theme-border);\n border-bottom: 1px solid var(--theme-border);\n display: flex;\n justify-content: space-around;\n align-items: center;\n gap: 20px;\n overflow-x: auto;\n scrollbar-width: none;\n }\n\n[data-layout-root] .ds-trust-bar::-webkit-scrollbar { display: none; }\n\n[data-layout-root] .ds-trust-item {\n display: flex;\n align-items: center;\n gap: 12px;\n white-space: nowrap;\n background: #fff;\n padding: 10px 20px;\n border-radius: 40px;\n border: 1px solid var(--theme-border);\n font-weight: 500;\n font-size: 14px;\n box-shadow: 0 2px 4px rgba(0,0,0,0.02);\n }\n\n[data-layout-root] .ds-trust-icon {\n width: 8px;\n height: 8px;\n background: var(--theme-primary);\n border-radius: 50%;\n }\n\n[data-layout-root] .ds-features-section {\n background-color: #ffffff;\n padding: 120px 40px;\n position: relative;\n }\n\n[data-layout-root] .ds-feature-container {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n[data-layout-root] .ds-feature-header {\n margin-bottom: 80px;\n max-width: 600px;\n }\n\n[data-layout-root] .ds-feature-header h2 {\n font-size: clamp(2.5rem, 5vw, 3.5rem);\n font-weight: 500;\n letter-spacing: -0.03em;\n line-height: 1.1;\n color: var(--theme-ink);\n margin-bottom: 24px;\n }\n\n[data-layout-root] .ds-feature-grid {\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n gap: 24px;\n }\n\n[data-layout-root] .ds-feature-card {\n background: var(--theme-bg);\n border-radius: var(--radius-lg);\n padding: 40px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n min-height: 480px;\n position: relative;\n overflow: hidden;\n border: 1px solid var(--theme-border);\n }\n\n[data-layout-root] .ds-feature-card.ds-wide { grid-column: span 7; }\n[data-layout-root] .ds-feature-card.ds-narrow { grid-column: span 5; }\n\n[data-layout-root] .ds-feature-card.ds-dark {\n background: var(--theme-bg-elevated);\n color: #fff;\n border: none;\n }\n\n[data-layout-root] .ds-feature-card h3 {\n font-size: 28px;\n font-weight: 500;\n margin-bottom: 16px;\n z-index: 2;\n }\n\n[data-layout-root] .ds-feature-card p {\n font-size: 16px;\n line-height: 1.5;\n color: var(--theme-muted);\n max-width: 300px;\n z-index: 2;\n }\n\n[data-layout-root] .ds-feature-card.ds-dark p { color: #aaa; }\n\n[data-layout-root] .ds-feature-visual {\n position: absolute;\n bottom: -20px;\n right: -20px;\n width: 80%;\n height: 60%;\n z-index: 1;\n transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);\n }\n\n[data-layout-root] .ds-feature-card:hover .ds-feature-visual {\n transform: translate(-10px, -10px) scale(1.05);\n }\n\n[data-layout-root] .ds-feature-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: var(--radius-lg) 0 0 0;\n opacity: 0.9;\n mix-blend-mode: multiply;\n }\n\n[data-layout-root] .ds-feature-card.ds-dark .ds-feature-image {\n mix-blend-mode: normal;\n opacity: 0.6;\n }\n\n[data-layout-root] .ds-metric-pill {\n display: inline-flex;\n padding: 6px 12px;\n background: rgba(0,0,0,0.05);\n border-radius: 100px;\n font-size: 12px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n margin-bottom: 20px;\n }\n\n[data-layout-root] .ds-feature-card.ds-dark .ds-metric-pill {\n background: rgba(255,255,255,0.1);\n }\n\n @media (max-width: 1024px) {\n[data-layout-root] .ds-feature-card.ds-wide, .ds-feature-card.ds-narrow {\n grid-column: span 12;\n min-height: 400px;\n }\n[data-layout-root] .ds-trust-bar { padding: 20px; justify-content: flex-start; }\n[data-layout-root] .ds-features-section { padding: 80px 20px; }\n }\n\n @keyframes ds-pulse {\n 0% { transform: scale(1); opacity: 1; box-shadow: 0 0 0 0 rgba(255,255,255,0.4); }\n 100% { transform: scale(4); opacity: 0; box-shadow: 0 0 0 20px rgba(255,255,255,0); }\n }\n\n[data-layout-root] .ds-pdp-root {\n background-color: var(--bg, #ececec);\n color: var(--text-primary, #111827);\n min-height: 100vh;\n padding-top: 40px;\n }\n\n[data-layout-root] .ds-container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 40px;\n }\n\n /* Breadcrumbs */\n[data-layout-root] .ds-breadcrumbs {\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n margin-bottom: 32px;\n color: var(--text-muted, #6B7280);\n }\n\n /* Main Product Layout */\n[data-layout-root] .ds-pdp-grid {\n display: grid;\n grid-template-columns: 1.2fr 0.8fr;\n gap: 60px;\n align-items: start;\n margin-bottom: 120px;\n }\n\n /* Gallery Slot Styling */\n[data-layout-root] .slot-gallery {\n width: 100%;\n border-radius: var(--radius, 20px);\n overflow: hidden;\n background: #fff;\n border: 1px solid #d1d1d1;\n }\n\n /* Info Column Styling */\n[data-layout-root] .ds-info-column {\n display: flex;\n flex-direction: column;\n position: sticky;\n top: 120px;\n }\n\n[data-layout-root] .slot-title .slot-product-name {\n font-size: clamp(2.5rem, 4vw, 3.5rem);\n font-weight: 500;\n line-height: 1;\n letter-spacing: -0.03em;\n margin-bottom: 16px;\n }\n\n[data-layout-root] .slot-price .slot-price-amount {\n font-size: 24px;\n font-weight: 500;\n margin-bottom: 32px;\n display: block;\n }\n\n[data-layout-root] .slot-description .slot-description-text {\n font-size: 1.1rem;\n line-height: 1.6;\n color: var(--text-muted, #6B7280);\n margin-bottom: 40px;\n }\n\n /* Commerce Controls */\n[data-layout-root] .slot-variants {\n margin-bottom: 24px;\n }\n \n[data-layout-root] .slot-variant-label {\n font-size: 12px;\n text-transform: uppercase;\n font-weight: 700;\n margin-bottom: 12px;\n display: block;\n }\n\n[data-layout-root] .slot-variant-btn {\n border: 1px solid #d1d1d1;\n background: white;\n padding: 12px 20px;\n border-radius: 12px;\n font-family: inherit;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n\n[data-layout-root] .slot-variant-btn:hover, .slot-variant-btn.active {\n border-color: var(--brand, #1a1a1a);\n background: var(--bg, #ececec);\n }\n\n[data-layout-root] .slot-quantity {\n margin-bottom: 24px;\n display: flex;\n align-items: center;\n gap: 16px;\n }\n\n /* CTA Buttons - Critical Visibility */\n[data-layout-root] .slot-add-to-cart {\n display: block !important;\n width: 100% !important;\n margin-bottom: 12px;\n }\n\n[data-layout-root] .slot-add-to-cart-control {\n width: 100%;\n background: var(--brand, #1a1a1a) !important;\n color: #ffffff !important;\n border: none;\n padding: 20px 32px;\n border-radius: var(--radius, 20px);\n font-size: 16px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n cursor: pointer;\n transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n\n[data-layout-root] .slot-add-to-cart-control:hover {\n transform: translateY(-2px);\n }\n\n[data-layout-root] .slot-buy-now {\n display: block !important;\n width: 100% !important;\n }\n\n[data-layout-root] .slot-buy-now-control {\n width: 100%;\n background: transparent !important;\n color: var(--brand, #1a1a1a) !important;\n border: 2px solid var(--brand, #1a1a1a) !important;\n padding: 18px 32px;\n border-radius: var(--radius, 20px);\n font-size: 16px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n cursor: pointer;\n }\n\n /* Trust & Shipping Highlights */\n[data-layout-root] .ds-trust-strip {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n margin-top: 48px;\n padding-top: 32px;\n border-top: 1px solid #d1d1d1;\n }\n\n[data-layout-root] .ds-trust-item {\n display: flex;\n flex-direction: column;\n gap: 4px;\n }\n\n[data-layout-root] .ds-trust-label {\n font-size: 10px;\n text-transform: uppercase;\n font-weight: 700;\n color: var(--text-muted);\n }\n\n[data-layout-root] .ds-trust-value {\n font-size: 14px;\n font-weight: 500;\n }\n\n /* The Stowaway Interactive Section */\n[data-layout-root] .ds-stowaway-feature {\n padding: 120px 0;\n background: #0f0f0f;\n color: #ffffff;\n overflow: hidden;\n border-radius: 40px 40px 0 0;\n }\n\n[data-layout-root] .ds-feature-intro {\n text-align: center;\n max-width: 800px;\n margin: 0 auto 80px;\n }\n\n[data-layout-root] .ds-feature-intro h2 {\n font-size: clamp(2rem, 5vw, 4rem);\n margin-bottom: 24px;\n letter-spacing: -0.03em;\n }\n\n[data-layout-root] .ds-interactive-stage {\n height: 600px;\n background: #1a1a1a;\n border-radius: var(--radius, 20px);\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n background-image: radial-gradient(#333 1px, transparent 1px);\n background-size: 20px 20px;\n }\n\n[data-layout-root] .ds-luggage-pocket {\n width: 400px;\n height: 300px;\n background: #2a2a2a;\n border: 4px solid #333;\n border-radius: 20px 20px 0 0;\n position: relative;\n overflow: hidden;\n box-shadow: 0 20px 50px rgba(0,0,0,0.5);\n }\n\n[data-layout-root] .ds-luggage-pocket::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 40px;\n background: #333;\n }\n\n[data-layout-root] .ds-hidden-tracker {\n width: 60px;\n height: 60px;\n background: #fff;\n border-radius: 12px;\n position: absolute;\n bottom: -30px;\n left: 50%;\n transform: translateX(-50%);\n opacity: 0.2;\n transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n\n[data-layout-root] .ds-hidden-tracker.is-found {\n bottom: 120px;\n opacity: 1;\n box-shadow: 0 0 30px rgba(255,255,255,0.4);\n }\n\n[data-layout-root] .ds-locate-trigger {\n position: absolute;\n bottom: 40px;\n left: 50%;\n transform: translateX(-50%);\n background: #fff;\n color: #000;\n border: none;\n padding: 12px 32px;\n border-radius: 30px;\n font-weight: 700;\n cursor: pointer;\n text-transform: uppercase;\n font-size: 12px;\n letter-spacing: 0.1em;\n }\n\n /* Performance Metrics */\n[data-layout-root] .ds-metrics-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1px;\n background: #333;\n margin-top: 80px;\n border: 1px solid #333;\n }\n\n[data-layout-root] .ds-metric-box {\n background: #0f0f0f;\n padding: 40px;\n text-align: center;\n }\n\n[data-layout-root] .ds-metric-value {\n font-size: 32px;\n font-weight: 500;\n display: block;\n margin-bottom: 8px;\n }\n\n[data-layout-root] .ds-metric-label {\n font-size: 12px;\n color: var(--text-muted);\n text-transform: uppercase;\n letter-spacing: 0.1em;\n }\n\n /* Delivery Info Section */\n[data-layout-root] .ds-delivery-section {\n padding: 80px 0;\n background: #fff;\n }\n\n[data-layout-root] .ds-delivery-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 80px;\n }\n\n[data-layout-root] .ds-delivery-item h4 {\n font-size: 18px;\n margin-bottom: 12px;\n }\n\n[data-layout-root] .ds-delivery-item p {\n color: var(--text-muted);\n line-height: 1.6;\n }\n\n @media (max-width: 1024px) {\n[data-layout-root] .ds-pdp-grid { grid-template-columns: 1fr; }\n[data-layout-root] .ds-metrics-grid { grid-template-columns: 1fr 1fr; }\n[data-layout-root] .ds-delivery-grid { grid-template-columns: 1fr; gap: 40px; }\n[data-layout-root] .ds-container { padding: 0 20px; }\n }\n \n\n \n\n[data-layout-root] .ds-footer {\n background-color: var(--theme-bg);\n color: var(--theme-ink);\n font-family: var(--ds-font-main);\n padding: 0;\n border-top: 1px solid var(--theme-border);\n position: relative;\n overflow: hidden;\n }\n\n /* Newsletter / Premium CTA Area */\n[data-layout-root] .ds-footer-cta {\n background-color: var(--theme-bg-elevated);\n background-image: var(--ds-nylon-pattern);\n background-size: 4px 4px;\n color: #ffffff;\n padding: 80px 40px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n position: relative;\n }\n\n[data-layout-root] .ds-footer-cta::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1px;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);\n }\n\n[data-layout-root] .ds-cta-label {\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: 0.2em;\n margin-bottom: 16px;\n display: block;\n color: rgba(255,255,255,0.6);\n }\n\n[data-layout-root] .ds-cta-heading {\n font-size: clamp(1.5rem, 4vw, 2.5rem);\n font-weight: 500;\n margin-bottom: 32px;\n max-width: 600px;\n line-height: 1.1;\n }\n\n[data-layout-root] .ds-newsletter-form {\n width: 100%;\n max-width: 480px;\n display: flex;\n gap: 12px;\n background: rgba(255,255,255,0.05);\n padding: 8px;\n border-radius: var(--ds-radius);\n border: 1px solid rgba(255,255,255,0.1);\n }\n\n[data-layout-root] .ds-newsletter-input {\n flex: 1;\n background: transparent;\n border: none;\n padding: 0 16px;\n color: #ffffff;\n font-family: inherit;\n font-size: 16px;\n }\n\n[data-layout-root] .ds-newsletter-input:focus {\n outline: none;\n }\n\n[data-layout-root] .ds-newsletter-submit {\n background: #ffffff;\n color: var(--theme-bg-elevated);\n border: none;\n padding: 12px 24px;\n border-radius: calc(var(--ds-radius) - 8px);\n font-weight: 600;\n cursor: pointer;\n transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n\n[data-layout-root] .ds-newsletter-submit:hover {\n transform: scale(1.05);\n }\n\n /* Main Footer Navigation */\n[data-layout-root] .ds-footer-grid {\n display: grid;\n grid-template-columns: 1.5fr repeat(3, 1fr);\n gap: 60px;\n padding: 80px 40px;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n[data-layout-root] .ds-brand-column {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n\n[data-layout-root] .ds-footer-logo {\n font-size: 28px;\n font-weight: 700;\n letter-spacing: -0.04em;\n color: var(--theme-ink);\n }\n\n[data-layout-root] .ds-brand-description {\n font-size: 15px;\n line-height: 1.6;\n color: var(--theme-ink-muted);\n max-width: 280px;\n }\n\n[data-layout-root] .ds-nav-title {\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: var(--theme-ink-muted);\n margin-bottom: 24px;\n font-weight: 600;\n }\n\n[data-layout-root] .ds-nav-list {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n[data-layout-root] .ds-nav-list li {\n margin-bottom: 12px;\n }\n\n[data-layout-root] .ds-nav-link {\n text-decoration: none;\n color: var(--theme-ink);\n font-size: 16px;\n transition: color 0.2s ease, transform 0.2s ease;\n display: inline-block;\n }\n\n[data-layout-root] .ds-nav-link:hover {\n color: var(--theme-ink-muted);\n transform: translateX(4px);\n }\n\n /* Utility Bottom Bar */\n[data-layout-root] .ds-footer-utility {\n border-top: 1px solid var(--theme-border);\n padding: 40px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n max-width: 1400px;\n margin: 0 auto;\n font-size: 13px;\n color: var(--theme-ink-muted);\n }\n\n[data-layout-root] .ds-utility-links {\n display: flex;\n gap: 32px;\n }\n\n[data-layout-root] .ds-utility-links a {\n color: inherit;\n text-decoration: none;\n transition: color 0.2s ease;\n }\n\n[data-layout-root] .ds-utility-links a:hover {\n color: var(--theme-ink);\n }\n\n[data-layout-root] .ds-payment-icons {\n display: flex;\n gap: 16px;\n align-items: center;\n opacity: 0.6;\n filter: grayscale(1);\n }\n\n[data-layout-root] .ds-social-wrap {\n display: flex;\n gap: 20px;\n margin-top: 24px;\n }\n\n /* Responsive Adjustments */\n @media (max-width: 1024px) {\n[data-layout-root] .ds-footer-grid {\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n }\n[data-layout-root] .ds-brand-column {\n grid-column: span 2;\n }\n }\n\n @media (max-width: 768px) {\n[data-layout-root] .ds-footer-grid {\n grid-template-columns: 1fr;\n padding: 60px 24px;\n }\n[data-layout-root] .ds-brand-column {\n grid-column: span 1;\n }\n[data-layout-root] .ds-footer-utility {\n flex-direction: column;\n gap: 24px;\n text-align: center;\n }\n[data-layout-root] .ds-utility-links {\n justify-content: center;\n flex-wrap: wrap;\n gap: 16px;\n }\n[data-layout-root] .ds-newsletter-form {\n flex-direction: column;\n background: transparent;\n border: none;\n padding: 0;\n }\n[data-layout-root] .ds-newsletter-input {\n background: rgba(255,255,255,0.05);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: var(--ds-radius);\n height: 56px;\n }\n[data-layout-root] .ds-newsletter-submit {\n height: 56px;\n }\n }\n\n /* Motion Logic */\n[data-layout-root] [data-lfy-motion] {\n will-change: transform, opacity;\n }\n\n/* === Header safety rules (post-processed, not AI-generated) === */\n[data-layout-root] .global-header [data-slot=\"cart\"],\n[data-layout-root] .global-header [data-slot=\"search\"],\n[data-layout-root] .global-header [data-slot=\"login\"],\n[data-layout-root] .global-header [data-slot=\"currency\"],\n[data-layout-root] .global-header [data-slot=\"mobile-menu\"] {\n flex-shrink: 0 !important;\n min-width: fit-content !important;\n}\n[data-layout-root] .global-header [data-slot=\"nav\"] {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n min-width: 0;\n}\n[data-layout-root] .global-header {\n max-height: 120px;\n}\n/* Line-height safety \u2014 prevent AI from setting tiny line-heights globally */\n[data-layout-root] {\n line-height: 1.5;\n}\n[data-layout-root] h1, [data-layout-root] h2, [data-layout-root] h3,\n[data-layout-root] h4, [data-layout-root] h5, [data-layout-root] h6 {\n line-height: 1.2;\n}\n[data-layout-root] p, [data-layout-root] li, [data-layout-root] span,\n[data-layout-root] a, [data-layout-root] label {\n line-height: inherit;\n}\n/* \u2500\u2500 Contrast safety (light theme) \u2500\u2500 */\n/* Product page slots \u2014 often left unstyled by the AI */\n[data-layout-root] .slot-title,\n[data-layout-root] .slot-title h1,\n[data-layout-root] .slot-title .slot-product-name {\n color: var(--surface-ink, var(--theme-ink, var(--ink, #111111)));\n}\n[data-layout-root] .slot-price,\n[data-layout-root] .slot-price .slot-price-amount {\n color: var(--surface-ink, var(--theme-ink, var(--ink, #111111)));\n}\n[data-layout-root] .slot-description,\n[data-layout-root] .slot-description p {\n color: var(--surface-ink-muted, var(--ink-muted, #4a4a4a));\n}\n[data-layout-root] .slot-variant-label {\n color: var(--surface-ink-muted, var(--ink-muted, #4a4a4a));\n}\n[data-layout-root] .slot-variant-btn {\n color: var(--surface-ink, var(--theme-ink, var(--ink, #111111)));\n border-color: rgba(0,0,0,0.08);\n}\n/* Common generated marketing sections */\n[data-layout-root] .feature-title,\n[data-layout-root] .feature-name,\n[data-layout-root] .editorial-title,\n[data-layout-root] .trust-value,\n[data-layout-root] .hero-price,\n[data-layout-root] .feature-content,\n[data-layout-root] .feature-content h1,\n[data-layout-root] .feature-content h2,\n[data-layout-root] .feature-content h3,\n[data-layout-root] .feature-content h4,\n[data-layout-root] .action-icon {\n color: var(--theme-ink, var(--ink, #111111));\n}\n[data-layout-root] .trust-label,\n[data-layout-root] .feature-tag,\n[data-layout-root] .feature-description,\n[data-layout-root] .detail-item p,\n[data-layout-root] .trust-item p,\n[data-layout-root] .feature-action {\n color: var(--ink-muted, #4a4a4a);\n}\n/* Icon / SVG contrast */\n[data-layout-root] svg {\n fill: currentColor;\n}\n\n/* === Storefront root surface (post-processed, not AI-generated) === */\n[data-layout-root] {\n min-height: 100vh;\n background-color: var(--bg-page, var(--page-bg, var(--ds-bg-dark, var(--bg-dark, var(--background, var(--color-background, var(--theme-bg, var(--c-bg, var(--bg, #ffffff)))))))));\n color: var(--ds-text-primary, var(--text-primary, var(--foreground, var(--color-text, var(--color-ink, var(--theme-ink, var(--c-ink, var(--ink, #111827))))))));\n}\n\n[data-layout-root] [class*=\"grid\"] > *, [data-layout-root] [class*=\"layout\"] > * { min-width: 0; min-height: 0; }\n\n[data-layout-root] .v8-support-panel { color: var(--surface-ink); --ink-muted: var(--surface-ink-muted); }\n\n/* launchify-runtime-slot-guards:v1 */\n/* Generated headers often use a child span as a decorative dot. At runtime,\n the storefront replaces that markup with the functional logo text span.\n Keep the concept-owned logo container, but prevent decorative child rules\n from collapsing or absolutely positioning the injected brand name. */\n[data-layout-root] [data-slot=\"logo\"].dynamic-header-logo > .dynamic-header-logo-text {\n display: inline !important;\n position: static !important;\n inset: auto !important;\n width: auto !important;\n height: auto !important;\n min-width: 0 !important;\n min-height: 0 !important;\n max-width: none !important;\n max-height: none !important;\n margin: 0 !important;\n padding: 0 !important;\n background: transparent !important;\n border: 0 !important;\n border-radius: 0 !important;\n box-shadow: none !important;\n transform: none !important;\n font: inherit !important;\n letter-spacing: inherit !important;\n color: inherit !important;\n}\n\n/* Visual QA auto-fixes */\n.nav-link {\n padding: 8px 20px; /* Increases horizontal breathing room within the luggage-tag style header items. */\n}\n@media (max-width: 768px) {\n .feature-grid {\n grid-template-columns: 1fr; /* Stacks feature cards on mobile to prevent the narrow column clipping observed in the 'Unrivaled Accuracy' section. */\n }\n .feature-card__image--overlap {\n max-width: 80%; /* Reduces the scale of overlapping images on mobile to prevent them from completely covering the card's text. */\n }\n}\n@media (max-width: 640px) {\n .quantity-selector__button {\n min-height: 44px; /* Ensures touch targets meet accessibility standards for mobile users. */\n }\n}\n","globalHtml":"","fonts":["Space Grotesk"],"animations":[],"theme":{"mode":"light","palette":{"primary":"#1a1a1a","secondary":"#0f0f0f","accent":"#1a1a1a","success":"#1a1a1a"},"surfaces":{"bg":"#ececec","bgElevated":"#0f0f0f","surface":"#0f0f0f","surfaceAlt":"#0f0f0f","ink":"#111827","inkMuted":"#6B7280","border":"#d1d1d1","surfaceInk":"#F9FAFB","surfaceInkMuted":"#D1D5DB"},"typography":{"headingFont":"Space Grotesk","bodyFont":"Space Grotesk"},"tone":"modern","density":"normal","motion":2,"stylePack":"kinetic-minimalism","surface":"flat","radius":20},"header":{"html":"","css":""},"footer":{"html":"","css":""},"pages":{"home":{"sections":[{"id":"home-main","type":"home_main","html":"

\n {{products.[0].name}}\n

Your valuables, never out of sight.

Discreet protection for what matters most. Whether it's tucked into a leather briefcase or hidden within your vehicle, Locate provides precise tracking without ever drawing attention.

\n \n

\n \n Locate Now\n \n Small enough to hide. Powerful enough to find.\n

\n\n

\n \n

Stored

\n $\"Compact$ \n

\n\n\n

\n 365-Day Battery\n

\n Global LTE-M Network\n

\n Military Grade Privacy\n

\n Zero Hidden Fees\n

\n\n

\n \n\n

\n \n

0.4 Inches Thin

Discreet by Design

Tuck {{products.[0].name}} into the smallest interior pockets. Its profile is designed to mimic standard luggage tags and interior linings.

\n $\"{{homeVisuals.[2].alt}}\"$ \n

\n\n \n

3-Meter Precision

Unrivaled Accuracy

Real-time updates delivered via our encrypted terminal. Know exactly where your assets are, anywhere in the world.

\n $\"{{products.[0].name}}\"$ \n

\n\n \n

IP67 Rated

Built for the Journey

Waterproof, shock-resistant, and ready for transit. Whether it's in a cargo hold or a glove box, it stays active.

\n $\"{{homeVisuals.[0].alt}}\"$ \n

\n\n \n

Smart Sensing

Intelligent Power

The device enters deep-sleep when stationary and wakes instantly upon movement, maximizing its 12-month battery life.

\n \n

","css":"","dataBindings":{"shop":{"source":"storefront","query":"shopInfo"},"homeVisuals":{"source":"static","value":[{"url":"https://images.unsplash.com/photo-1506606401543-2e73709cebb4?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4OTM0MjR8MHwxfHNlYXJjaHwxfHxOaWdodCUyMGNpdHklMjB0cmFpbHN8ZW58MXwwfHx8MTc4NzIzODAxM3ww&ixlib=rb-4.1.0&q=80&w=1080","alt":"Locate Night","theme":"Night","query":"Night city trails","source":"unsplash","photographer":"Zac Ong","photographerUrl":"https://unsplash.com/@zacong","role":"campaign","cropHint":"wide-or-art-directed","fitHint":"cover","mobileTreatment":"reframe around the primary subject"},{"url":"https://images.unsplash.com/photo-1782804176647-b726116b6839?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4OTM0MjR8MHwxfHNlYXJjaHwyfHxEZXNpZ25lciUyMGxlYXRoZXIlMjBzdWl0Y2FzZXxlbnwxfDB8fHwxNzg3MjM4MDEzfDA&ixlib=rb-4.1.0&q=80&w=1080","alt":"Locate Designer","theme":"Designer","query":"Designer leather suitcase","source":"unsplash","photographer":"Ilker Ozmen","photographerUrl":"https://unsplash.com/@iozmen","role":"lifestyle","cropHint":"subject-safe","fitHint":"cover","mobileTreatment":"preserve the principal subject and avoid text collisions"},{"url":"https://images.unsplash.com/photo-1432462770865-65b70566d673?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4OTM0MjR8MHwxfHNlYXJjaHwzfHxMdXh1cnklMjBjYXIlMjBkYXNoYm9hcmR8ZW58MXwwfHx8MTc4NzIzODAxM3ww&ixlib=rb-4.1.0&q=80&w=1080","alt":"Locate Luxury","theme":"Luxury","query":"Luxury car dashboard","source":"unsplash","photographer":"Nicolai Berntsen","photographerUrl":"https://unsplash.com/@nicolaiberntsen","role":"detail","cropHint":"close-or-medium","fitHint":"contain-or-cover","mobileTreatment":"preserve the principal subject and avoid text collisions"}]},"products":{"source":"storefront","query":"productList","limit":4},"collections":{"source":"storefront","query":"collectionList","limit":4}}}]},"product":{"sections":[{"id":"product-detail","type":"product_detail","html":"

\n \n\n

\n \n

\n\n \n

\n \n

\n\n

\n \n

\n\n

\n \n

\n\n

\n \n

\n\n

\n \n

\n\n

\n \n

\n\n \n

\n Accuracy\n 2.5m Radius\n

\n Battery\n 30 Days\n

\n Network\n Global 4G\n

\n\n \n

Unnoticeable until it's needed most.

Designed to be tucked away, hidden in plain sight, or stitched into the lining. We made it small so it can go anywhere your valuables do.

\n\n

\n \n \n

\n\n

\n 0.4 oz\n Ultra Lightweight\n

\n < 1 sec\n Signal Latency\n

\n AES-256\n Encryption Standard\n

\n IP67\n Water Resistance\n

\n\n \n

Complimentary Shipping

We provide premium, insured shipping on all orders. Each device is shipped in discreet packaging with activation instructions included.

Lifetime Warranty

We stand by our hardware. If your Locate device fails to track or maintain battery life under normal use, we\u2019ll replace it\u2014no questions asked.

24/7 Security Support

Our dedicated recovery team is available around the clock to assist you in tracking your device if a theft is reported.

Global Availability

Locate works in over 190 countries out of the box. No roaming fees, no SIM swapping, just total peace of mind.

\n\n \n

\n \n

","css":""}]},"collection":{"sections":[]}},"generationIntent":{"referenceMode":"custom","designMode":"Hide the product within the UI to mimic...","density":"medium","homeSectionCount":3,"openingSectionType":"product-showcase","openingSectionGoal":"Hide the product within the UI to mimic its real-world use case.","headerPattern":"a-tab-based-header-that-looks-l...","copyTone":"Clever, witty, and reassuring.","imageStrategy":"Lifestyle shots where the tracker is the 'hero' but is slightly out of focus in its environment.","compositionStrategy":{"opening_relationship":"A playful but premium hunt. The product is partially obscured by image cards or sits in 'secret' corners of the layout, forcing the user to find it.","reading_path":"Hide the product within the UI to mimic its real-world use case.","product_presentation":"Lifestyle shots where the tracker is the 'hero' but is slightly out of focus in its environment."},"motionDirection":{"mode":"expressive","purpose":"Clicking 'Locate' causes the tracker to 'pop' out of its hiding spot in the UI with a springy animation.","techniques":["Clicking 'Locate' causes the tracker to 'pop' out of its hiding spot in the UI with a springy animation."],"reduced_motion":"Preserve the final composition without animation"},"headerStrategy":{"structure":"A tab-based header that looks like a luggage tag.","mobile_behavior":"Keep search, account, language, cart, and menu reachable"},"imageAssetPlan":{"primary_role":"Lifestyle shots where the tracker is the 'hero' but is slightly out of focus in its environment.","mobile_treatment":"Recompose without cropping away the product"},"productPageExtras":["shipping_delivery","trust highlights"],"homePageRules":["This is a single-product store \u2014 the entire homepage must orbit around selling this one product.","Do NOT show category launchers, collection grids, or multi-product browsing sections.","The hero MUST feature the product prominently \u2014 not a generic lifestyle banner.","Use sections for features, benefits, testimonials, brand story, and trust \u2014 but always tie back to the product."]},"generationPlan":{"header":{"pattern":"commerce-search","notes":["Create a strong retail header with utility/support affordances.","Keep it compact, aligned, and ready for search/cart/login injected slots.","The cart slot (data-slot='cart') MUST be visible on ALL screen sizes."]},"home":{"sectionCount":3,"sections":[{"id":"home-opening","name":"Product hero showcase","purpose":"Hide the product within the UI to mimic its real-world use case.","layout":"product-showcase","bindings":["products","homeVisuals","hero"]},{"id":"home-trust","name":"Trust strip","purpose":"Highlight delivery, quality, warranty, or value props.","layout":"compact icon/value row","bindings":["shop"]},{"id":"home-features","name":"Product features / benefits","purpose":"Showcase 3-4 key features of the product with icons and concise descriptions.","layout":"feature grid or alternating image-text rows","bindings":["products","homeVisuals"]}]},"product":{"notes":["Honor the required product slot order.","Include shipping/delivery details below the main hero when requested."]},"collection":{"notes":["Lead with a concise collection banner and then a real product grid."]},"footer":{"notes":["Footer should feel useful and commercially complete, not decorative only."]}}}