styles.src.css

/* ==========================================================================
   Global Styles & Variables
   ========================================================================== */
/* Reset heading styles */
h1, h2, h3, h4, h5, h6 {
    font-weight: inherit; /* 继承父元素的字重，避免浏览器默认的 bold */
}

/* Brand fonts */
@font-face {
    font-family: "LunaWake Doto";
    src: url("fonts/Doto-VariableFont_ROND,wght.ttf") format("truetype");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

/* Root Variables */
:root {
    --primary-color: #A52B2B;
    --main-color: #000;
    --sub-color: #333;
    --info-color: #666;
    --unselected-color: #aaa;
    --placeholder-color: #F9F9F9;
    /* Brand-only top bar (logo only) */
    --header-height: 72px;
    --footer-height: 104px;
    /* One functional grotesk, one editorial exception, one data voice. */
    --font-primary: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", "Segoe UI", Roboto, Arial, sans-serif;
    --font-display: var(--font-primary);
    --font-accent: var(--font-primary);
    --font-sans: var(--font-primary);
    --font-editorial: "Iowan Old Style", Georgia, "Times New Roman", serif;
    --font-serif: var(--font-editorial);
    --font-data: "LunaWake Doto", "SF Mono", "Roboto Mono", monospace;
    --text-color: #1d1d1f;
    --color-text-primary: #1d1d1f;
    --color-text-secondary: #6e6e73;
    /* Site background (PANTONE 11-4201 Cloud Dancer approximation) */
    --bg-site: #F0EEE9;
    /* Glass header defaults (tints by page background) */
    --header-bg: rgba(255, 255, 255, 0.64);
    --header-border: rgba(0, 0, 0, 0.06);
    --header-shadow: 0 1px 0 rgba(0, 0, 0, 0.04), 0 10px 30px rgba(0, 0, 0, 0.06);
    
    /* Font weights */
    --weight-ultralight: 100;
    --weight-thin: 200;
    --weight-light: 300;
    --weight-regular: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --weight-bold: 700;
    
    /* Typography variables moved to Apple/TE design system above */
    --border-color: #EAEAEA;
    --max-width: 1280px;
    --container-padding: 60px;
}

/* Premium Typography Base */
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

body {
    font-family: var(--font-primary);
    font-size: var(--text-base);
    font-weight: var(--weight-regular);
    line-height: var(--leading-relaxed);
    letter-spacing: var(--tracking-normal);
    color: #1d1d1f;
    background-color: var(--bg-site);
}

/* All site text uses the same functional system stack. */
html, body, button, input, textarea, select {
    font-family: var(--font-sans);
}

/* Hard-enforce sans inside Support (Guide) cards (prevents any late overrides) */

/* Hero Title - legacy selector; keep consistent with current system */

/* Typography styles moved to Apple/TE design system above */

/* About body copy - use the same frosted card language as FAQ */

/* Reset & Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-primary);
    font-size: var(--text-base);
    font-weight: var(--weight-regular);
    line-height: var(--leading-relaxed);
    letter-spacing: var(--tracking-normal);
    color: var(--text-color);
    background-color: var(--bg-site);
}

a {
    text-decoration: none;
}

/* Common Layout Components */

/* ==========================================================================
   Page Grid (non-home) - B&O-level alignment
   ========================================================================== */

/* Page theme overrides */

/* Fixed CES background (radials + deep gradient) */

/* CES: restrained “sand / time-flow” motion (subtle blob drift + gentle grain) */

/* CES invite hero */

/* Apple-style minimal CES hero */

/* ==========================================================================
   Header & Navigation Styles
   ========================================================================== */
.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    /* Keep brand visible while scrolling */
    z-index: 2000;
    /* Default: no background. Glass appears only after scrolling. */
    background: transparent;
    background-color: transparent;
    border-bottom: 1px solid transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    /* iOS/Safari: ensure the blur layer reliably composites */
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

.header.is-scrolled {
    background: var(--header-bg);
    background-color: var(--header-bg);
    border-bottom: 1px solid var(--header-border);
    box-shadow: var(--header-shadow);
    backdrop-filter: saturate(180%) blur(16px);
    -webkit-backdrop-filter: saturate(180%) blur(16px);
    will-change: backdrop-filter, background-color;
}

/* Mobile: show the glass baseplate even at the top (better readability on phones) */
@media (max-width: 768px) {
    .header {
        background: var(--header-bg);
        background-color: var(--header-bg);
        border-bottom: 1px solid var(--header-border);
        box-shadow: var(--header-shadow);
        backdrop-filter: saturate(180%) blur(16px);
        -webkit-backdrop-filter: saturate(180%) blur(16px);
    }
}

/* Fallback when backdrop-filter isn’t supported (still show a “glass” tint) */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .header.is-scrolled {
        background-color: rgba(255, 255, 255, 0.92);
    }
}

main {
    padding-top: var(--header-height);
}

.logo {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.logo img {
    width: auto;
    display: block;
    object-fit: contain;
    transition: opacity 0.2s ease;
}

.logo-mark {
    height: 28px;
    flex: 0 0 auto;
}

/* Brand-only header: hide navigation links (logo remains) */

/* .btn-preorder styles removed */

/* .pre-order-btn styles removed */

/* Hamburger menu disabled (classic nav layout) */
.mobile-menu {
    display: none !important;
}

@media (max-width: 768px) {
    :root {
        --header-height: 64px;
    }
    
    /* Responsive Typography */
    
    h1, .hero h1, .support-hero h1 {
        font-size: var(--text-4xl);
    }
    
    h3 {
        font-size: var(--text-xl);
    }
    
    p {
        font-size: var(--text-base);
    }

    .logo {
        gap: 6px;
    }

    .logo-mark {
        height: 24px;
        width: auto;
    }

    /* .pre-order-btn mobile styles removed */
}

/* Mobile Menu */
.mobile-menu {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: min(360px, 90vw);
    background: rgba(255, 255, 255, 0.98);
    padding: calc(var(--header-height) + 24px) 24px 24px;
    box-shadow: -12px 0 40px rgba(0, 0, 0, 0.08);
    /* Sit under the header (header stays visible) */
    z-index: 1999;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    will-change: transform;
    transform: translateX(110%);
    transition: transform 320ms cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

.mobile-menu.active {
    transform: translateX(0);
    pointer-events: auto;
}

.mobile-menu a {
    color: var(--info-color);
    text-decoration: none;
    transition: color 0.3s ease;
    font-size: 16px;
    padding: 12px 0;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.mobile-menu a:hover,
.mobile-menu a.active {
    color: var(--main-color);
}

@media (max-width: 768px) {
    .logo img {
        height: 24px;
    }
}

/* ==========================================================================
   Homepage Styles
   ========================================================================== */
/* Hero Section Styles */
.hero {
    padding: 40px 0 40px;
    text-align: center;
}

.hero h1 {
    font-size: 48px;
    margin-bottom: 8px;
    color: var(--main-color);
}

/* 视频容器样式 */

.hidden {
    display: none;
}

/* 预购按钮样式已移除 */

/* 针对 Intelligent Mood Soundscapes Section 的图片 */

/* Features Section */
.features {
    padding: 60px 0;
    position: relative;
}

/* 新增：匹配所有 .section-title，无论父容器 */

/* 新增样式：控制 h3 和 p 的显示 */

/* Feature Tabs Layout */

/* ------------------------------------------------------------
   Homepage: Long-term sleep improvement (Apple-like vertical)
   ------------------------------------------------------------ */

/* Coda text block uses a different modifier class in markup */

/* Long-term coda: quiet carousel (left/right) */

/* 原规则保留，新增 .technology-behind-experience 适配 */

/* Tab Navigation - Left Side */

/* 保留原有按钮样式，不修改 */

/* Feature Content - Right Side */

/* 核心修改：区分两个区域的面板样式 */
/* 第一个区域（4 Pillars）面板 */

/* 第二个区域（Mood Soundscapes）面板 */

/* 保留原有图片样式 */

/* Responsive Design */
@media (max-width: 768px) {
    .nav-links {
        display: none;
    }
    
    .hero {
        padding: 40px 0 40px;
    }
}

/* Demo Content Layout */

.progress {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: var(--primary-color);
    border-radius: 2px;
    width: 75%;
}

.time {
    color: #666;
    font-size: 14px;
    align-self: flex-end;
}

/* ==========================================================================
   Team Page Styles
   ========================================================================== */
/* Team Hero */

/* Team Grid */

/* ==========================================================================
   Team Profile Page Styles
   ========================================================================== */

/* Profile Selector Styles */

/* Role Navigation Styles */

.role {
    padding: 16px 24px 16px 0;
    background: none;
    border: none;
    text-align: left;
    cursor: pointer;
    color: var(--info-color);
    transition: all 0.3s ease;
    font-size: 16px;
    opacity: 0.5;
}

.role.active {
    color: var(--main-color);
    opacity: 1;
}

/* Profile Content Styles */

.background, .experience {
    margin-bottom: 32px;
}

.background h3, .experience h3 {
    font-size: 18px;
    color: var(--info-color);
    margin-bottom: 16px;
}

.background ul, .experience ul {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 1.8;
}

.background li, .experience li {
    position: relative;
    padding-left: 16px;
    margin-bottom: 12px;
    color: var(--sub-color);
}

.background li:before, .experience li:before {
    content: "•";
    color: var(--primary-color);
    position: absolute;
    left: 0;
    top: 0;
}

/* ==========================================================================
   Support Page Styles
   ========================================================================== */
.support-hero {
    padding: 80px 0 40px;
    text-align: left;
    background-color: transparent;
}

/* Support hero should align to the same grid as FAQ/content */

.support-hero h1 {
    margin-bottom: 0;
    text-align: left;
}

@media (max-width: 768px) {
    .support-hero h1 {
        font-size: 36px;
    }
}

/* ==========================================================================
   Guide page (Support) - frosted section cards (React/Tailwind reference)
   ========================================================================== */

/* Remove legacy FAQ borders/radius inside Guide cards (prevents the “extra line”) */

/* ==========================================================================
   About letter page - frosted letter + side notes (React/Tailwind reference)
   ========================================================================== */

/* ==========================================================================
   About Page Styles
   ========================================================================== */

/* ==========================================================================
   Footer Styles
   ========================================================================== */
.footer {
    padding: 56px 0;
    /* Blend into page background (no bar fill) */
    background: transparent;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

/* Footer on dark (CES) background should feel like the same iOS glass */

@media (max-width: 480px) {
    .footer {
        padding: 30px 0;
    }
}

/* ==========================================================================
   Responsive Design
   ========================================================================== */

@media (max-width: 768px) {

    /* Ensure combined PNG keeps premium lockup proportions on mobile */
}

/* ==========================================================================
   Star Staff Section
   ========================================================================== */

/* ==========================================================================
   Support Page Styles
   ========================================================================== */

/* FAQ Section Styles */
/* FAQ Container */

/* FAQ Items */

/* FAQ Question */

/* FAQ Answer */

/* Active State */

/* Mobile Adjustments */

/* Legacy demo styles removed; product behavior is defined in Lunawake-wiki. */

/* Operation Demo - Left Side */

.progress {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: var(--primary-color);
    border-radius: 2px;
    width: 0;
    pointer-events: none;
}

.time {
    color: #666;
    font-size: 14px;
    align-self: flex-end;
}

.hidden {
    display: none;
}

/* Responsive Design */

/* Responsive adjustments */

/* Promise Section Styles */

/* Methodology Grid - 三列布局 */

/* Responsive Design */



/* FAQ Section Styles */

/* 移除移动端的特殊边距 */

/* ==========================================================================
   Gallery Grid Styles
   ========================================================================== */

/* Gallery Grid */

/* 使用 brightness 滤镜会有更好的视觉效果，因为它能保持图片的色彩饱和度，只调整亮度 */

/* Lightbox */

/* 移动端适配 */


/* ==========================================================================
   Legal Pages Styles
   ========================================================================== */

/* ==========================================================================
   Content Block Styles
   ========================================================================== */

/* Two Column Layout */

/* Three Column Layout */

/* Stage Card */

/* Mood Spectrum */

/* Color Cards */

/* Responsive adjustments */

/* Quote Image */

/* Simplicity Section */

/* Philosophy Section */



/* Additional Responsive Styles */

/* Graph Container Styles */

/* Responsive adjustments */

/* Promise Section Styles */

/* Methodology Grid - 三列布局 */

/* Responsive Design */



/* FAQ Section Styles */

/* 移除移动端的特殊边距 */

/* ==========================================================================
   Gallery Grid Styles
   ========================================================================== */

/* Gallery Grid */

/* 使用 brightness 滤镜会有更好的视觉效果，因为它能保持图片的色彩饱和度，只调整亮度 */

/* Lightbox */

/* 移动端适配 */


/* ==========================================================================
   Legal Pages Styles
   ========================================================================== */

/* ==========================================================================
   Content Block Styles
   ========================================================================== */

/* Two Column Layout */

/* Three Column Layout */

/* Stage Card */

/* Mood Spectrum */

/* Color Cards */

/* Responsive adjustments */

/* Quote Image */

/* Mobile styles */

/* Ensure minimum readable size */

/* Navigation active states */
.mobile-menu a.active {
    color: var(--main-color);
}

/* Keep hover states */
.mobile-menu a:hover {
    color: var(--main-color);
}

/* ==========================================================================
   Mobile Optimization for Gallery and Layout
   ========================================================================== */

/* Gallery Mobile Adaptation */
@media (max-width: 768px) {
    
    /* Ensure proper spacing on mobile */
    
    /* Feature tabs mobile optimization */
}

@media (max-width: 480px) {
    
    /* Stack tabs vertically on very small screens */
    
    /* Adjust hero text for small screens */
    .hero h1 {
        font-size: 32px;
        line-height: 1.2;
    }
    
    /* Technology section mobile optimization */
    
    /* Ensure images are responsive */
    
    /* Stage cards mobile optimization */
}

/* ==========================================================================
   Individual Image Lightbox Styles
   ========================================================================== */

/* ==========================================================================
   Stage Icon Styles - SVG Optimized
   ========================================================================== */

/* Mobile optimization for stage icons */


/* ==========================================================================
   Hero Section - Main Title
   ========================================================================== */

/* Shared page hero title (About / Support) - aligned with homepage hero scale */

/* ==========================================================================
   CES Page Styles
   ========================================================================== */

/* ==========================================================================
   Updates Feed (card format)
   ========================================================================== */

/* Legacy CES hero classes kept for backwards safety (no longer used on page) */

/* CES: list text should be light inside glass UI */

.hero-content {
    max-width: 900px;
    margin: 0 auto;
}

/* Footer CTA (integrated, not a separate section) */

/* Apple-like CTA with brand gradient */

/* Mobile Responsive for Hero */

/* ==========================================================================
   Product Details Gallery - Craftsmanship Showcase
   ========================================================================== */

.detail-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

/* Mobile Responsive */
@media (max-width: 1023px) {
    /* Plan A: mobile editorial layout */
}

/* ==========================================================================
   Technology Section - Vertical Layout
   ========================================================================== */

/* Mobile Responsive */

/* ==========================================================================
   Lifestyle Showcase - Real Life Integration
   ========================================================================== */

/* Mobile Responsive */

/* ==========================================================================
   Product Showcase Section
   ========================================================================== */

/* Mobile Responsive */

/* ==========================================================================
   Premium Mobile Experience - Apple iOS Standards
   ========================================================================== */

/* Enhanced Mobile Viewport */
@media (max-width: 480px) {
    :root {
        --header-height: 60px;
        --container-padding: 20px;
    }
    
    /* Ultra-small screen typography */
    
    h1, .hero h1, .support-hero h1 {
        font-size: var(--text-3xl);
    }
    
    /* Improved touch targets */
    
    /* Better spacing for small screens */
}

/* Touch-friendly interactive elements */
@media (hover: none) and (pointer: coarse) {
    /* Touch device optimizations */
    
    /* Remove hover effects on touch devices */
}

/* High-DPI displays optimization */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .logo img {
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
    }
}

/* Landscape mobile optimization */

/* Dark mode support for mobile */
@media (prefers-color-scheme: dark) {
    /* Future dark mode implementation */
}

/* Reduced motion preference */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* ==========================================================================
   Typography System - Apple/TE Design Standards
   ========================================================================== */

/* Font Scale System (8pt grid) */
:root {
    /* Font Sizes - Based on 8pt grid system */
    --text-xs: 12px;      /* 12px = 1.5 * 8pt */
    --text-sm: 14px;      /* 14px = 1.75 * 8pt */
    --text-base: 16px;    /* 16px = 2 * 8pt */
    --text-lg: 18px;      /* 18px = 2.25 * 8pt */
    --text-xl: 20px;      /* 20px = 2.5 * 8pt */
    --text-2xl: 24px;     /* 24px = 3 * 8pt */
    --text-3xl: 32px;     /* 32px = 4 * 8pt */
    --text-4xl: 40px;     /* 40px = 5 * 8pt */
    --text-5xl: 48px;     /* 48px = 6 * 8pt */
    --text-6xl: 56px;     /* 56px = 7 * 8pt */
    --text-7xl: 64px;     /* 64px = 8 * 8pt */
    --text-8xl: 72px;     /* 72px = 9 * 8pt */
    
    /* Line Heights - Optimized for readability */
    --leading-none: 1;           /* 100% */
    --leading-tight: 1.25;       /* 125% */
    --leading-snug: 1.375;       /* 137.5% */
    --leading-normal: 1.5;       /* 150% */
    --leading-relaxed: 1.625;    /* 162.5% */
    --leading-loose: 2;          /* 200% */
    
    /* Font Weights - Apple SF Pro weights */
    --weight-thin: 100;
    --weight-light: 300;
    --weight-regular: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --weight-bold: 700;
    --weight-heavy: 800;
    --weight-black: 900;
    
    /* Letter Spacing - Optimized for each size */
    --tracking-tighter: -0.05em;
    --tracking-tight: -0.025em;
    --tracking-normal: 0em;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    
    /* Spacing System - 8pt grid */
    --space-1: 4px;      /* 0.5 * 8pt */
    --space-2: 8px;      /* 1 * 8pt */
    --space-3: 12px;     /* 1.5 * 8pt */
    --space-4: 16px;     /* 2 * 8pt */
    --space-5: 20px;     /* 2.5 * 8pt */
    --space-6: 24px;     /* 3 * 8pt */
    --space-8: 32px;     /* 4 * 8pt */
    --space-10: 40px;    /* 5 * 8pt */
    --space-12: 48px;    /* 6 * 8pt */
    --space-16: 64px;    /* 8 * 8pt */
    --space-20: 80px;    /* 10 * 8pt */
    --space-24: 96px;    /* 12 * 8pt */
    
    /* Color System - Apple Human Interface Guidelines */
    --color-primary: #007AFF;      /* Apple Blue */
    --color-secondary: #5856D6;    /* Apple Purple */
    --color-success: #34C759;      /* Apple Green */
    --color-warning: #FF9500;      /* Apple Orange */
    --color-error: #FF3B30;        /* Apple Red */
    
    /* Text Colors - Apple Typography Standards */
    --text-primary: #1D1D1F;       /* Primary text */
    --text-secondary: #424245;     /* Secondary text */
    --text-tertiary: #6E6E73;      /* Tertiary text */
    --text-quaternary: #8E8E93;    /* Quaternary text */
    --text-placeholder: #C7C7CC;   /* Placeholder text */
    
    /* Background Colors */
    --bg-primary: #FFFFFF;         /* Primary background */
    --bg-secondary: #F2F2F7;       /* Secondary background */
    --bg-tertiary: #E5E5EA;        /* Tertiary background */
    
    /* Border Colors */
    --border-primary: #C6C6C8;     /* Primary border */
    --border-secondary: #D1D1D6;   /* Secondary border */
    --border-tertiary: #E5E5EA;    /* Tertiary border */
}

/* ==========================================================================
   Typography Hierarchy - Apple/TE Standards
   ========================================================================== */

/* Display Headings - Large, impactful titles */

/* Page Headings - Main page titles */
.support-hero h1 {
    font-size: var(--text-5xl);        /* 48px */
    font-weight: var(--weight-light);
    line-height: var(--leading-snug);
    letter-spacing: var(--tracking-tight);
    color: var(--text-primary);
    margin-bottom: var(--space-8);
}

/* Section Headings - Major content sections */

/* Subsection Headings - Content subsections */
h3 {
    font-size: var(--text-2xl);        /* 24px */
    font-weight: var(--weight-semibold);
    line-height: var(--leading-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--text-primary);
    margin-bottom: var(--space-4);
}

/* Body Text - Main content */

/* Caption Text - Small supporting text */
.caption {
    font-size: var(--text-xs);         /* 12px */
    font-weight: var(--weight-regular);
    line-height: var(--leading-normal);
    letter-spacing: var(--tracking-wide);
    color: var(--text-quaternary);
    text-transform: uppercase;
}

/* FAQ Group Titles - Specialized for FAQ sections */

/* Promise Title - Specialized for promise sections */

/* Promise Subtitle - Supporting text for promises */

/* Navigation Text */

/* Button Text */

/* Form Labels */

/* Form Input Text */

/* Link Text */

/* Muted Text - For secondary content */
.muted {
    color: var(--text-tertiary);
}



/* ==========================================================================
   Responsive Typography - Mobile First Approach
   ========================================================================== */

/* Mobile adjustments */
@media (max-width: 768px) {      /* 56px */      /* 48px */      /* 40px */
    
    .support-hero h1 {
        font-size: var(--text-4xl);                  /* 40px */
        margin-bottom: var(--space-6);
    }
    
    h3 {
        font-size: var(--text-xl);                   /* 20px */
        margin-bottom: var(--space-3);
    }
}

/* Tablet adjustments */
@media (min-width: 769px) and (max-width: 1024px) {      /* 64px */      /* 56px */      /* 48px */
}

/* ==========================================================================
   LunaWake homepage refresh — 2026-07
   Scoped to .lw-site so the legacy support pages remain stable.
   ========================================================================== */

/* Secondary pages: the same quiet, editorial system as the homepage. */
.lw2-subsite {
    --lw2-cream: #f7f5f0;
    --lw2-warm: #fffdf8;
    --lw2-ink: #24211f;
    --lw2-muted: #6b645c;
    --lw2-faint: #6d665c;
    --lw2-line: rgba(55, 49, 43, .12);
    --lw2-dark: #1a1716;
    --lw2-blue: #4a5489;
    background: var(--lw2-cream);
    color: var(--lw2-ink);
    font-family: var(--font-sans);
    line-height: 1.55;
    overflow-x: hidden;
}
.lw2-subsite main { padding-top: 0; }
.lw2-subsite *, .lw2-subsite *::before, .lw2-subsite *::after { box-sizing: border-box; }
.lw2-subsite a { color: inherit; }
.lw2-subsite img { display: block; max-width: 100%; }
.lw2-subsite .lw2-sub-hero { padding: 92px 0 104px; background: var(--lw2-warm); }
.lw2-sub-hero-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 80px; align-items: end; }
.lw2-sub-hero-copy { max-width: 530px; }
.lw2-subsite h1, .lw2-subsite h2, .lw2-subsite h3 { font-family: var(--font-display); font-weight: 400; letter-spacing: -.025em; }
.lw2-sub-hero h1 { margin: 0; font-size: clamp(58px, 8vw, 112px); line-height: .88; }
.lw2-sub-hero h1 em { color: var(--lw2-blue); font-style: italic; }
.lw2-sub-hero-copy > p:not(.lw2-eyebrow) { max-width: 430px; margin: 27px 0 0; color: var(--lw2-muted); font-size: 16px; line-height: 1.7; }
.lw2-sub-intro { padding: 120px 0; background: #e6ebe8; }
.lw2-sub-intro-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 80px; align-items: start; }
.lw2-sub-intro h2, .lw2-sub-contact h2 { margin: 0; font-size: clamp(46px, 5.5vw, 80px); line-height: .94; }
.lw2-sub-copy { max-width: 650px; }
.lw2-sub-copy p { margin: 0; color: var(--lw2-muted); font-size: 17px; line-height: 1.75; }
.lw2-sub-copy p + p { margin-top: 22px; }
.lw2-sub-callout { margin-top: 38px; padding: 22px 24px; border-left: 2px solid var(--lw2-blue); background: rgba(255, 253, 248, .66); }
.lw2-sub-callout strong { display: block; font-family: var(--font-display); font-size: 29px; font-weight: 400; line-height: 1; }
.lw2-sub-callout span { display: block; margin-top: 10px; color: var(--lw2-muted); font-size: 12px; line-height: 1.6; }
.lw2-sub-principles { padding: 120px 0; background: var(--lw2-cream); }
.lw2-sub-section-head { display: grid; grid-template-columns: 1.1fr .9fr; gap: 70px; align-items: end; }
.lw2-sub-section-head h2 { max-width: 670px; margin: 0; font-size: clamp(48px, 5.7vw, 82px); line-height: .92; }
.lw2-sub-section-head > p { max-width: 390px; margin: 0; color: var(--lw2-muted); font-size: 14px; line-height: 1.7; }
.lw2-sub-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; margin-top: 60px; }
.lw2-sub-card { min-height: 255px; padding: 20px 22px 25px; border-top: 1px solid var(--lw2-line); background: var(--lw2-warm); }
.lw2-sub-card > span { color: var(--lw2-blue); font-size: 10px; letter-spacing: .12em; }
.lw2-sub-card h3 { margin: 56px 0 0; font-size: 35px; line-height: 1; }
.lw2-sub-card p { margin: 14px 0 0; color: var(--lw2-muted); font-size: 13px; line-height: 1.65; }
.lw2-sub-split { display: grid; grid-template-columns: 1.05fr .95fr; align-items: stretch; }
.lw2-sub-split-copy { display: flex; flex-direction: column; justify-content: center; padding: 75px clamp(30px, 7vw, 110px); background: var(--lw2-dark); color: #fffdf8; }
.lw2-sub-split-copy h2 { margin: 0; font-size: clamp(47px, 5.6vw, 78px); line-height: .92; }
.lw2-sub-split-copy .lw2-eyebrow { color: #747eb3; }
.lw2-sub-split-copy > p:not(.lw2-eyebrow) { max-width: 440px; margin: 25px 0 0; color: rgba(255, 253, 248, .62); font-size: 14px; line-height: 1.75; }
.lw2-sub-split-list { margin-top: 34px; border-top: 1px solid rgba(255, 253, 248, .18); }
.lw2-sub-split-list > div { display: grid; grid-template-columns: 34px 1fr; gap: 10px; padding: 16px 0; border-bottom: 1px solid rgba(255, 253, 248, .18); }
.lw2-sub-split-list span { color: #a9b2d8; font-size: 10px; letter-spacing: .1em; }
.lw2-sub-split-list strong { font-size: 13px; font-weight: 500; }
.lw2-sub-contact { padding: 120px 0; background: #d8d0c1; }
.lw2-sub-contact-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; align-items: start; }
.lw2-sub-contact h2 { max-width: 500px; }
.lw2-sub-contact-copy { max-width: 520px; }
.lw2-sub-contact-copy > p { margin: 0; color: #5f5850; font-size: 15px; line-height: 1.7; }
.lw2-sub-contact .lw2-sub-form label { color: #5f5850; }
.lw2-sub-contact-link { display: inline-flex; margin-top: 25px; color: var(--lw2-ink); font-size: 13px; font-weight: 600; text-decoration: none; }
.lw2-sub-form { margin-top: 34px; padding-top: 24px; border-top: 1px solid rgba(55, 49, 43, .2); }
.lw2-sub-form label { display: block; margin-bottom: 8px; color: var(--lw2-muted); font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.lw2-sub-form input, .lw2-sub-form textarea { width: 100%; padding: 13px 0; border: 0; border-bottom: 1px solid rgba(55, 49, 43, .22); border-radius: 0; background: transparent; color: var(--lw2-ink); font: inherit; font-size: 14px; outline: none; }
.lw2-sub-form textarea { min-height: 100px; resize: vertical; }
.lw2-sub-form input:focus, .lw2-sub-form textarea:focus { border-color: var(--lw2-blue); }
.lw2-sub-form .lw2-button { margin-top: 25px; border: 0; cursor: pointer; }
.lw2-support-hero { padding-bottom: 80px !important; }
.lw2-support-faq { padding: 0 0 120px; background: var(--lw2-warm); }
.lw2-support-groups { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.lw2-support-group { padding: 24px 26px 10px; border: 1px solid var(--lw2-line); background: var(--lw2-cream); }
.lw2-support-group h2 { margin: 0 0 8px; font-size: 31px; line-height: 1; }
.lw2-support-group > p { margin: 0 0 20px; color: var(--lw2-muted); font-size: 12px; }
.lw2-support-group details { border-top: 1px solid var(--lw2-line); }
.lw2-support-group summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 17px 0; cursor: pointer; font-size: 13px; font-weight: 600; list-style: none; }
.lw2-support-group summary::-webkit-details-marker { display: none; }
.lw2-support-group summary::after { content: "+"; color: var(--lw2-faint); font-size: 20px; font-weight: 400; }
.lw2-support-group details[open] summary::after { content: "−"; }
.lw2-support-group details p { margin: -2px 22px 18px 0; color: var(--lw2-muted); font-size: 12px; line-height: 1.7; }
.lw2-support-contact { margin-top: 70px; }
.lw2-legal { padding: 84px 0 120px; background: var(--lw2-warm); }
.lw2-legal-head { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; padding-bottom: 63px; border-bottom: 1px solid var(--lw2-line); }
.lw2-legal-head h1 { margin: 0; font-size: clamp(54px, 7vw, 98px); line-height: .88; }
.lw2-legal-head h1 em { color: var(--lw2-blue); font-style: italic; }
.lw2-legal-head > div { align-self: end; max-width: 470px; }
.lw2-legal-meta { color: var(--lw2-blue); font-size: 10px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.lw2-legal-lead { margin: 20px 0 0; color: var(--lw2-muted); font-size: 15px; line-height: 1.7; }
.lw2-legal-body { display: grid; grid-template-columns: .72fr 1.28fr; gap: 80px; padding-top: 66px; }
.lw2-legal-aside { color: var(--lw2-faint); font-size: 11px; line-height: 1.7; }
.lw2-legal-aside strong { display: block; margin-bottom: 8px; color: var(--lw2-ink); font-size: 12px; font-weight: 600; }
.lw2-legal-copy { max-width: 700px; }
.lw2-legal-copy section { padding-bottom: 34px; }
.lw2-legal-copy h2 { margin: 0 0 14px; font-family: var(--font-sans); font-size: 17px; font-weight: 600; letter-spacing: -.01em; }
.lw2-legal-copy h3 { margin: 22px 0 9px; font-family: var(--font-sans); font-size: 13px; font-weight: 600; letter-spacing: 0; }
.lw2-legal-copy p, .lw2-legal-copy li { color: var(--lw2-muted); font-size: 14px; line-height: 1.75; }
.lw2-legal-copy p { margin: 0 0 13px; }
.lw2-legal-copy ul { margin: 0 0 13px; padding-left: 19px; }
.lw2-legal-copy li { margin-bottom: 6px; }
.lw2-legal-copy a { color: var(--lw2-blue); }
.lw2-subsite .lw2-footer { margin-top: 0; }
@media (max-width: 900px) {
    .lw2-subsite .lw2-sub-hero, .lw2-sub-intro, .lw2-sub-principles, .lw2-sub-contact, .lw2-legal { padding: 88px 0; }
    .lw2-sub-hero-grid, .lw2-sub-intro-grid, .lw2-sub-section-head, .lw2-sub-contact-grid, .lw2-legal-head, .lw2-legal-body { grid-template-columns: 1fr; gap: 42px; }
    .lw2-sub-hero-copy { max-width: 680px; }
    .lw2-sub-card-grid, .lw2-support-groups { grid-template-columns: 1fr; }
    .lw2-sub-split { grid-template-columns: 1fr; }
    .lw2-sub-split-copy { padding: 76px 24px; }
    .lw2-support-faq { padding-bottom: 88px; }
    .lw2-legal-head { padding-bottom: 48px; }
    .lw2-legal-head > div { max-width: 680px; }
    .lw2-legal-body { padding-top: 48px; }
}
@media (max-width: 560px) {
    .lw2-subsite .lw2-sub-hero, .lw2-sub-intro, .lw2-sub-principles, .lw2-sub-contact, .lw2-legal { padding: 65px 0; }
    .lw2-sub-hero h1, .lw2-legal-head h1 { font-size: 58px; }
    .lw2-sub-hero-copy > p:not(.lw2-eyebrow), .lw2-sub-copy p { font-size: 15px; }
    .lw2-sub-intro-grid, .lw2-sub-section-head, .lw2-sub-contact-grid, .lw2-legal-head, .lw2-legal-body { gap: 28px; }
    .lw2-sub-card-grid { margin-top: 38px; }
    .lw2-sub-card { min-height: 210px; }
    .lw2-sub-card h3 { margin-top: 42px; font-size: 32px; }
    .lw2-sub-split-copy { padding: 58px 20px; }
    .lw2-sub-split-copy h2, .lw2-sub-intro h2, .lw2-sub-contact h2 { font-size: 50px; }
    .lw2-support-group { padding: 21px 19px 7px; }
    .lw2-legal-copy p, .lw2-legal-copy li { font-size: 13px; }
}

/* Final inner-page normalization. Keep the secondary pages on the same
   editorial rhythm as the homepage and prevent legacy global rules from
   creating oversized content blocks. */
.lw2-subsite .lw2-sub-card { min-height: 0; }
.lw2-subsite .lw2-sub-card h3 { margin-top: 36px; }
.lw2-subsite .lw2-sub-card p { max-width: 330px; }
.lw2-subsite .lw2-sub-contact-grid,
.lw2-subsite .lw2-legal-body { align-items: start; }
@media (max-width: 900px) {
    .lw2-subsite .lw2-sub-card-grid { gap: 0; margin-top: 40px; border-top: 1px solid var(--lw2-line); }
    .lw2-subsite .lw2-sub-card { padding: 24px 0 28px; border-top: 0; border-bottom: 1px solid var(--lw2-line); background: transparent; }
    .lw2-subsite .lw2-sub-card h3 { margin-top: 22px; }
    .lw2-subsite .lw2-sub-card p { max-width: 560px; }
    .lw2-subsite .lw2-sub-split-copy { padding-top: 62px; padding-bottom: 62px; }
    .lw2-subsite .lw2-support-group { padding-top: 22px; }
    .lw2-subsite .lw2-support-contact { margin-top: 52px; }
}

/* Active page section surface. */
.lw2-app { background: #f0ede7; }

.lw2-radar { padding: 128px 0 112px; background: #ede9e1; }
.lw2-radar-head, .lw2-section-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, .62fr); gap: 48px; align-items: end; }
.lw2-radar-head h2, .lw2-section-head h2 { max-width: 700px; margin: 18px 0 0; font-family: var(--lw2-display); font-size: clamp(52px, 7vw, 94px); font-weight: 300; letter-spacing: -.08em; line-height: .88; }
.lw2-radar-head > p, .lw2-section-head > p { max-width: 390px; margin: 0; color: var(--lw2-muted); font-size: 14px; line-height: 1.7; }
.lw2-room-demo { margin-top: 62px; }
.lw2-room-tabs { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid rgba(55, 49, 43, .16); border-bottom: 1px solid rgba(55, 49, 43, .16); }
.lw2-room-tabs button { display: flex; align-items: center; gap: 14px; min-height: 68px; padding: 13px 18px 13px 0; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--lw2-muted); cursor: pointer; font: inherit; font-size: 13px; text-align: left; }
.lw2-room-tabs button + button { padding-left: 18px; border-left: 1px solid rgba(55, 49, 43, .16); }
.lw2-room-tabs button span { color: var(--lw2-faint); font-size: 10px; letter-spacing: .1em; }
.lw2-room-tabs button.is-active, .lw2-room-tabs button:hover { border-bottom-color: var(--lw2-blue); color: var(--lw2-ink); }
.lw2-room-tabs button:focus-visible, .lw2-room-privacy:focus-visible, .lw2-room-row-action:focus-visible, .lw2-device-grid button:focus-visible, .lw2-scene-pills button:focus-visible, .lw2-scenes-head button:focus-visible { outline: 2px solid var(--lw2-blue); outline-offset: 3px; }
.lw2-room-workspace { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: 18px; margin-top: 18px; }
.lw2-room-screen { min-width: 0; min-height: 650px; padding: 27px 28px 24px; border: 1px solid rgba(55, 49, 43, .11); border-radius: 22px; background: #faf9f6; box-shadow: 0 18px 42px rgba(71, 63, 59, .08); }
.lw2-room-panel[hidden], .lw2-room-copy-panel[hidden] { display: none; }
.lw2-room-screen-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.lw2-room-screen-header small { display: block; color: var(--lw2-faint); font-size: 9px; letter-spacing: .09em; text-transform: uppercase; }
.lw2-room-screen-header h3 { margin: 12px 0 0; font-family: var(--lw2-display); font-size: 40px; font-weight: 400; letter-spacing: -.06em; line-height: .94; }
.lw2-room-privacy { display: grid; grid-template-columns: auto auto; align-items: center; gap: 5px 9px; padding: 0; border: 0; background: transparent; color: var(--lw2-muted); cursor: pointer; font: inherit; font-size: 11px; text-align: left; }
.lw2-room-privacy > span { grid-row: span 2; width: 9px; height: 9px; border-radius: 50%; background: #72a087; box-shadow: 0 0 0 5px rgba(114, 160, 135, .12); }
.lw2-room-privacy b { font-weight: 500; }
.lw2-room-privacy strong { color: #72a087; font-size: 11px; font-weight: 500; }
.lw2-room-privacy:not(.is-on) > span { background: #b3ada3; box-shadow: none; }
.lw2-room-privacy:not(.is-on) strong { color: var(--lw2-muted); }
.lw2-room-signal-grid { display: grid; gap: 12px; margin-top: 30px; }
.lw2-room-signal-grid article { position: relative; min-height: 113px; padding: 16px 17px; overflow: hidden; border: 1px solid rgba(55, 49, 43, .1); border-radius: 17px; background: #fffdf9; }
.lw2-room-signal-grid article > div { display: flex; align-items: center; gap: 10px; }
.lw2-signal-glyph { color: #6f9b83; font-size: 26px; line-height: 1; }
.lw2-signal-glyph--movement { color: #c65d7d; }
.lw2-signal-glyph--noise { color: #6675b2; }
.lw2-room-signal-grid article strong { color: var(--lw2-ink); font-size: 16px; font-weight: 500; }
.lw2-room-signal-grid article em { margin-left: auto; color: var(--lw2-muted); font-size: 12px; font-style: normal; }
.lw2-room-signal-grid article > b { display: block; margin-top: 13px; color: var(--lw2-ink); font-size: 39px; font-weight: 300; letter-spacing: -.06em; line-height: .8; }
.lw2-room-signal-grid article > b small { margin-left: 7px; color: var(--lw2-muted); font-size: 12px; font-weight: 400; letter-spacing: 0; }
.lw2-sparkline { position: absolute; right: 18px; bottom: 17px; left: 110px; height: 29px; opacity: .7; background: linear-gradient(155deg, transparent 0 8%, #c8c7c2 8% 10%, transparent 10% 20%, #c8c7c2 20% 22%, transparent 22% 34%, #c8c7c2 34% 36%, transparent 36% 48%, #c8c7c2 48% 50%, transparent 50% 62%, #c8c7c2 62% 64%, transparent 64% 77%, #c8c7c2 77% 79%, transparent 79%); }
.lw2-sparkline--movement { transform: scaleY(.72) rotate(-4deg); }
.lw2-room-live-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 29px; color: var(--lw2-muted); font-size: 13px; }
.lw2-room-live-head strong { font-size: 11px; font-weight: 400; }
.lw2-room-live-head i, .lw2-device-grid small i { display: inline-block; width: 7px; height: 7px; margin-right: 5px; border-radius: 50%; background: #72a087; }
.lw2-room-climate { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 14px; }
.lw2-room-climate article { min-height: 110px; padding: 13px; border: 1px solid rgba(55, 49, 43, .1); border-radius: 15px; background: #fffdf9; }
.lw2-room-climate article > span { display: block; color: #cb8c37; font-size: 22px; }
.lw2-room-climate article:nth-child(2) > span { color: #6694c2; }
.lw2-room-climate article:nth-child(3) > span { color: #cf9c43; }
.lw2-room-climate small, .lw2-room-climate strong { display: block; }
.lw2-room-climate small { margin-top: 17px; color: var(--lw2-muted); font-size: 10px; }
.lw2-room-climate strong { margin-top: 5px; color: var(--lw2-ink); font-size: 17px; font-weight: 400; }
.lw2-room-row-action { display: grid; grid-template-columns: 25px 1fr auto; align-items: center; width: 100%; gap: 5px; margin-top: 22px; padding: 16px 0 0; border: 0; border-top: 1px solid rgba(55, 49, 43, .1); background: transparent; color: var(--lw2-muted); cursor: pointer; font: inherit; text-align: left; }
.lw2-room-row-action:first-letter { font-size: 21px; }
.lw2-room-row-action strong { color: var(--lw2-ink); font-size: 14px; font-weight: 600; }
.lw2-room-row-action > span { color: var(--lw2-faint); font-size: 22px; }
.lw2-room-feedback { min-height: 18px; margin-top: 9px; color: #687c67; font-size: 10px; }
.lw2-room-helper { margin: 20px 0 0; color: var(--lw2-muted); font-size: 12px; line-height: 1.55; }
.lw2-device-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 20px; }
.lw2-device-grid button { display: flex; min-height: 142px; flex-direction: column; align-items: center; justify-content: center; padding: 14px; border: 1px solid rgba(55, 49, 43, .1); border-radius: 17px; background: #fffdf9; color: var(--lw2-muted); cursor: pointer; font: inherit; text-align: center; }
.lw2-device-grid button:hover { border-color: #8c94bc; background: #f6f7fc; }
.lw2-device-grid button > span { color: #779488; font-size: 29px; line-height: 1; }
.lw2-device-grid button:nth-child(2) > span { color: #c18e3e; }
.lw2-device-grid button:nth-child(3) > span { color: #6087b5; }
.lw2-device-grid button.is-add > span { color: #9e9891; font-size: 35px; font-weight: 200; }
.lw2-device-grid strong { margin-top: 13px; color: var(--lw2-ink); font-size: 14px; font-weight: 600; }
.lw2-device-grid small { margin-top: 9px; color: var(--lw2-muted); font-size: 10px; }
.lw2-device-grid small em { color: var(--lw2-faint); font-style: normal; }
.lw2-scenes-head { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 30px; padding-top: 19px; border-top: 1px solid rgba(55, 49, 43, .1); color: var(--lw2-muted); font-size: 13px; }
.lw2-scenes-head button { padding: 0; border: 0; background: transparent; color: var(--lw2-ink); cursor: pointer; font: inherit; font-size: 12px; }
.lw2-scene-pills { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.lw2-scene-pills button { padding: 9px 13px; border: 0; border-radius: 999px; background: #eeece8; color: var(--lw2-muted); cursor: pointer; font: inherit; font-size: 11px; }
.lw2-scene-pills button:hover { background: #e2e0ec; color: var(--lw2-ink); }
.lw2-room-copy { display: flex; min-height: 650px; flex-direction: column; padding: 34px 32px; background: #f7f3ed; }
.lw2-room-copy-panel > span, .lw2-room-note > span { color: var(--lw2-blue); font-size: 10px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.lw2-room-copy-panel h3 { max-width: 470px; margin: 19px 0 0; font-family: var(--lw2-display); font-size: clamp(43px, 5vw, 70px); font-weight: 300; letter-spacing: -.07em; line-height: .9; }
.lw2-room-copy-panel p { max-width: 400px; margin: 22px 0 0; color: var(--lw2-muted); font-size: 14px; line-height: 1.75; }
.lw2-room-copy-panel b { display: block; margin-top: 26px; color: var(--lw2-faint); font-size: 10px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.lw2-room-note { display: grid; grid-template-columns: .8fr 1.2fr; gap: 17px; margin-top: auto; padding-top: 20px; border-top: 1px solid var(--lw2-line); }
.lw2-room-note p { max-width: 280px; margin: 0; color: var(--lw2-muted); font-size: 11px; line-height: 1.65; }
.lw2-radar-proof, .lw2-proof-line { display: flex; flex-wrap: wrap; gap: 9px 25px; margin-top: 28px; color: var(--lw2-faint); font-size: 10px; letter-spacing: .09em; text-transform: uppercase; }
.lw2-radar-proof span::before, .lw2-proof-line span::before { display: inline-block; width: 5px; height: 5px; margin: 0 8px 2px 0; border-radius: 50%; background: #72a087; content: ""; }

@media (max-width: 900px) {
    .lw2-radar-head, .lw2-section-head { grid-template-columns: 1fr; gap: 24px; }
    .lw2-room-workspace { grid-template-columns: 1fr; }
    .lw2-room-copy { min-height: 450px; }
}
@media (max-width: 560px) {
    .lw2-room-screen { min-height: 0; padding: 21px 17px 19px; }
    .lw2-room-screen-header h3 { font-size: 33px; }
    .lw2-room-privacy { grid-template-columns: auto 1fr; }
    .lw2-room-privacy strong { grid-column: 2; }
    .lw2-room-climate { gap: 7px; }
    .lw2-room-climate article { padding: 10px; }
    .lw2-room-climate strong { font-size: 14px; }
    .lw2-room-live-head { align-items: flex-start; flex-direction: column; gap: 5px; }
    .lw2-room-copy { min-height: 425px; padding: 25px 21px; }
    .lw2-room-copy-panel h3 { font-size: 49px; }
    .lw2-room-note { grid-template-columns: 1fr; gap: 9px; }
}

/* Desktop adjustments */
@media (min-width: 1025px) {      /* 72px */      /* 64px */      /* 56px */
}

/* ==========================================================================
   Vision Page Styles - Apple/TE Design Standards
   ========================================================================== */

/* Vision Hero Section */



/* Vision Section */

/* Product Section */
.product {
    padding: var(--space-20) 0;
    background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);
}

/* Responsive Design */
@media (max-width: 768px) {
    
    .product {
        padding: var(--space-16) 0;
    }
}

/* LunaWake brand homepage v2 — concise official-site direction */
.lw2-site {
    --lw2-cream: #f7f5f0;
    --lw2-warm: #fffdf8;
    --lw2-ink: #24211f;
    --lw2-muted: #6b645c;
    --lw2-faint: #6d665c;
    --lw2-line: rgba(55, 49, 43, .12);
    --lw2-dark: #1a1716;
    --lw2-blue: #4a5489;
    --lw2-ease: cubic-bezier(.32, .72, 0, 1);
    background: var(--lw2-cream);
    color: var(--lw2-ink);
    font-family: var(--font-sans);
    line-height: 1.55;
    overflow-x: hidden;
}
.lw2-site main { padding-top: 0; }
.lw2-site *, .lw2-site *::before, .lw2-site *::after { box-sizing: border-box; }
.lw2-site a { color: inherit; }
.lw2-site img, .lw2-site video { display: block; max-width: 100%; }
.lw2-shell { width: min(1280px, calc(100% - 80px)); margin-inline: auto; }
.lw2-notice { display: none; position: relative; z-index: 30; background: var(--lw2-dark); color: rgba(255, 253, 248, .72); font-size: 11px; letter-spacing: .01em; }
.lw2-notice-inner { display: flex; align-items: center; justify-content: space-between; min-height: 34px; gap: 20px; }
.lw2-notice a { color: #fffdf8; font-weight: 500; text-decoration: none; }
.lw2-notice a span { margin-left: 7px; }
.lw2-header { position: absolute; top: 0; right: 0; left: 0; z-index: 20; background: rgba(247, 245, 240, .74); border-bottom: 0; backdrop-filter: blur(20px) saturate(115%); -webkit-backdrop-filter: blur(20px) saturate(115%); transition: background .3s var(--lw2-ease), border-color .3s var(--lw2-ease), box-shadow .3s var(--lw2-ease); }
.lw2-header.is-scrolled { position: fixed; background: rgba(247, 245, 240, .96); border-bottom: 1px solid var(--lw2-line); box-shadow: 0 8px 28px rgba(48, 42, 34, .08); }
.lw2-nav { min-height: 78px; display: flex; align-items: center; gap: 34px; }
.lw2-logo { display: inline-flex; flex: 0 0 auto; align-items: center; }
.lw2-logo img { width: 146px; height: auto; }
.lw2-nav-links { display: flex; align-items: center; gap: 28px; margin-left: auto; color: var(--lw2-muted); font-size: 12px; }
.lw2-nav-links a, .lw2-nav-cta { text-decoration: none; transition: color .3s var(--lw2-ease); }
.lw2-nav-links a:hover { color: var(--lw2-ink); }
.lw2-site .lw2-nav-cta { display: inline-flex; align-items: center; gap: 8px; padding: 10px 15px; border-radius: 999px; background: var(--lw2-ink); color: #fffdf8; font-size: 11px; font-weight: 600; white-space: nowrap; }
.lw2-nav-cta:hover, .lw2-button--dark:hover { background: #4e4843; }
.lw2-menu, .lw2-mobile { display: none; }
.lw2-eyebrow { margin: 0 0 18px; color: var(--lw2-blue); font-size: 10px; font-weight: 600; letter-spacing: .14em; line-height: 1.3; text-transform: uppercase; }
.lw2-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 45px; padding: 12px 19px; border-radius: 999px; text-decoration: none; font-size: 12px; font-weight: 600; transition: transform .3s var(--lw2-ease), background .3s var(--lw2-ease), color .3s var(--lw2-ease); }
.lw2-button:hover { transform: translateY(-2px); }
.lw2-site .lw2-button--light { background: #fffdf8; color: var(--lw2-ink); }
.lw2-button--light:hover { background: #e8c98e; }
.lw2-site .lw2-hero .lw2-button--light {
    background: #e7c99a;
    color: #24211f;
    box-shadow: 0 10px 24px rgba(20, 16, 13, .16);
}
.lw2-site .lw2-hero .lw2-button--light:hover { background: #f0d6a9; }
.lw2-site .lw2-button--dark { background: var(--lw2-ink); color: #fffdf8; }
.lw2-inline-link { display: inline-flex; align-items: center; gap: 9px; color: var(--lw2-ink); font-size: 12px; font-weight: 600; text-decoration: none; transition: gap .3s var(--lw2-ease); }
.lw2-inline-link:hover { gap: 13px; }
.lw2-inline-link--light { color: rgba(255, 253, 248, .82); }
.lw2-hero { position: relative; min-height: min(780px, 100svh); display: flex; align-items: flex-end; overflow: hidden; background: #25201d; color: #fffdf8; }
.lw2-hero-image { position: absolute; inset: 0; overflow: hidden; background: #25201d; }
.lw2-hero-image::after { position: absolute; inset: 0; z-index: 1; background: linear-gradient(118deg, rgba(21, 17, 15, .62) 0%, rgba(21, 17, 15, .26) 43%, rgba(21, 17, 15, 0) 76%), linear-gradient(0deg, rgba(21, 17, 15, .28) 0%, rgba(21, 17, 15, .03) 56%, rgba(21, 17, 15, 0) 100%); content: ""; pointer-events: none; }
.lw2-hero-image picture { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.lw2-hero-image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.lw2-hero-content { position: relative; z-index: 2; padding-top: 130px; padding-bottom: 62px; }
.lw2-hero .lw2-eyebrow { color: #e7c99a; }
.lw2-hero h1, .lw2-site h2, .lw2-site h3 { font-weight: 400; letter-spacing: -.025em; }
.lw2-hero h1 { max-width: 700px; margin: 0; font-family: var(--font-serif); font-size: clamp(58px, 8vw, 112px); line-height: .92; }
.lw2-hero h1 em { color: #e7c99a; font-style: italic; }
.lw2-hero-copy { max-width: 435px; margin: 28px 0 0; color: rgba(255, 253, 248, .82); font-size: 17px; line-height: 1.6; }
.lw2-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 22px; margin-top: 32px; }
.lw2-hero-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 13px; margin-top: 58px; color: rgba(255, 253, 248, .62); font-size: 10px; letter-spacing: .09em; text-transform: uppercase; }
.lw2-hero-meta i { width: 3px; height: 3px; border-radius: 50%; background: #e7c99a; }
.lw2-intro { padding: 104px 0 110px; background: var(--lw2-warm); }
.lw2-intro-grid { display: grid; grid-template-columns: .7fr 1.3fr; gap: 80px; }
.lw2-intro h2, .lw2-section-head h2, .lw2-device-copy h2, .lw2-finish-copy h2, .lw2-lab-copy h2, .lw2-faq h2, .lw2-cta h2 { margin: 0; font-family: var(--font-serif); font-size: clamp(44px, 5.2vw, 76px); line-height: .98; }
.lw2-intro-grid > div { max-width: 740px; }
.lw2-intro-grid > div p { max-width: 540px; margin: 25px 0 0; color: var(--lw2-muted); font-size: 17px; line-height: 1.65; }
.lw2-real-life { padding: 112px 0 120px; background: #f0ede7; }
.lw2-real-life-head { display: grid; grid-template-columns: 1.15fr .85fr; gap: 70px; align-items: end; }
.lw2-real-life-head h2 { max-width: 660px; margin: 0; font-family: var(--font-serif); font-size: clamp(46px, 5.2vw, 76px); font-weight: 400; letter-spacing: -.025em; line-height: .98; }
.lw2-real-life-head > p { max-width: 390px; margin: 0; color: var(--lw2-muted); font-size: 14px; line-height: 1.7; }
.lw2-real-life-grid { display: grid; grid-template-columns: 1fr 1.15fr 1fr; gap: 16px; align-items: end; margin-top: 58px; }
.lw2-real-life-card { position: relative; min-width: 0; margin: 0; overflow: hidden; background: #dad6cf; }
.lw2-real-life-card img { display: block; width: 100%; aspect-ratio: 1.08; object-fit: cover; filter: saturate(.84) contrast(.98); }
.lw2-real-life-card--tall img { aspect-ratio: .9; }
.lw2-real-life-card::after { position: absolute; inset: 0; content: ""; background: linear-gradient(0deg, rgba(20, 17, 15, .64), transparent 48%); pointer-events: none; }
.lw2-real-life-card figcaption { position: absolute; z-index: 1; right: 18px; bottom: 17px; left: 18px; display: grid; gap: 5px; color: #fffdf8; }
.lw2-real-life-card figcaption span { font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.lw2-real-life-card figcaption strong { font-family: var(--font-serif); font-size: 25px; font-weight: 400; line-height: 1; }
.lw2-process { padding: 128px 0; background: var(--lw2-cream); }
.lw2-section-head { display: grid; grid-template-columns: 1.15fr .85fr; gap: 70px; align-items: end; }
.lw2-section-head > p { max-width: 390px; margin: 0; color: var(--lw2-muted); font-size: 14px; line-height: 1.7; }
.lw2-process-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 60px; }
.lw2-process-card { overflow: hidden; border: 1px solid var(--lw2-line); background: var(--lw2-warm); }
.lw2-process-media { position: relative; aspect-ratio: 1.16; overflow: hidden; background: #dad6cf; }
.lw2-process-media img, .lw2-process-media video { width: 100%; height: 100%; object-fit: cover; }
.lw2-process-media::after { position: absolute; inset: 0; content: ""; background: linear-gradient(0deg, rgba(20, 17, 15, .52), transparent 48%); pointer-events: none; }
.lw2-video-label { position: absolute; z-index: 1; left: 18px; bottom: 15px; color: #fffdf8; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.lw2-process-body { padding: 24px 24px 28px; }
.lw2-process-body h3 { margin: 0; font-family: var(--font-serif); font-size: 34px; line-height: 1; }
.lw2-process-body p { margin: 14px 0 0; color: var(--lw2-muted); font-size: 13px; line-height: 1.65; }
.lw2-proof-line { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 58px; padding-top: 20px; border-top: 1px solid var(--lw2-line); color: var(--lw2-faint); font-size: 10px; }
.lw2-radar { padding: 128px 0 104px; background: #e4e8e6; color: var(--lw2-ink); }
.lw2-radar-head { display: grid; grid-template-columns: 1.15fr .85fr; gap: 70px; align-items: end; }
.lw2-radar-head h2 { margin: 0; font-family: var(--font-serif); font-size: clamp(46px, 5.2vw, 76px); font-weight: 400; letter-spacing: -.025em; line-height: .98; }
.lw2-radar-head h2 em { color: var(--lw2-blue); font-style: italic; }
.lw2-radar-head > p { max-width: 390px; margin: 0; color: var(--lw2-muted); font-size: 14px; line-height: 1.7; }
.lw2-radar-proof { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 58px; padding-top: 20px; border-top: 1px solid rgba(55, 49, 43, .18); color: var(--lw2-muted); font-size: 10px; letter-spacing: .04em; }
.lw2-device { padding: 128px 0 116px; background: #eae7e0; }
.lw2-device-hero { display: grid; grid-template-columns: .78fr 1.22fr; gap: 80px; align-items: center; }
.lw2-device-copy { max-width: 430px; }
.lw2-device-copy > p:not(.lw2-eyebrow) { margin: 25px 0 30px; color: var(--lw2-muted); font-size: 16px; line-height: 1.7; }
.lw2-device-image { margin: 0; overflow: hidden; background: #d8d1c3; }
.lw2-device-image img { width: 100%; aspect-ratio: 1.65; object-fit: cover; }
.lw2-device-image figcaption { padding: 12px 16px; color: #5d564e; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.lw2-feature-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 72px; }
.lw2-feature-row > div { padding-top: 17px; border-top: 1px solid rgba(55, 49, 43, .2); }
.lw2-feature-row span { color: var(--lw2-faint); font-size: 10px; letter-spacing: .1em; }
.lw2-feature-row h3 { margin: 36px 0 0; font-family: var(--font-serif); font-size: 28px; line-height: 1; }
.lw2-feature-row p { margin: 10px 0 0; color: var(--lw2-muted); font-size: 12px; line-height: 1.55; }
.lw2-finishes { padding: 128px 0; background: var(--lw2-warm); }
.lw2-finish-grid { display: grid; grid-template-columns: .7fr 1.3fr; gap: 80px; align-items: center; }
.lw2-finish-copy { max-width: 410px; }
.lw2-finish-copy > p:not(.lw2-eyebrow) { margin: 24px 0 0; color: var(--lw2-muted); font-size: 15px; line-height: 1.7; }
.lw2-finish-buttons { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 30px; }
.lw2-finish-buttons button { display: inline-flex; align-items: center; gap: 9px; min-height: 38px; padding: 7px 13px 7px 8px; border: 1px solid var(--lw2-line); border-radius: 999px; background: transparent; color: var(--lw2-muted); cursor: pointer; font: inherit; font-size: 11px; transition: background .3s var(--lw2-ease), color .3s var(--lw2-ease), border-color .3s var(--lw2-ease); }
.lw2-finish-buttons button.is-active { border-color: var(--lw2-ink); background: var(--lw2-ink); color: #fffdf8; }
.lw2-swatch { width: 20px; height: 20px; border: 1px solid rgba(55, 49, 43, .16); border-radius: 50%; }
.lw2-swatch--orange { background: #b9673b; }
.lw2-swatch--gray { background: #a9aaa6; }
.lw2-swatch--black { background: #242321; }
.lw2-finish-name { display: flex; flex-direction: column; gap: 3px; margin-top: 28px; color: var(--lw2-faint); font-size: 12px; }
.lw2-finish-name strong { color: var(--lw2-ink); font-size: 14px; font-weight: 500; }
.lw2-finish-stage { min-width: 0; margin: 0; }
.lw2-finish-image { position: relative; aspect-ratio: 1.1; overflow: hidden; isolation: isolate; background: #efede9; }
.lw2-finish-image img { position: absolute; top: -4%; left: -4%; z-index: 0; width: 108%; height: 108%; max-width: none; object-fit: cover; object-position: 50% 50%; opacity: 0; transform: translate3d(var(--finish-shift-x, 0%), var(--finish-shift-y, 0%), 0) scale(var(--finish-scale, 1)); transform-origin: center center; transition: opacity .3s cubic-bezier(.22, .61, .36, 1); will-change: opacity, transform; }
.lw2-finish-image img.is-current { z-index: 1; opacity: 1; }
.lw2-finish-image img.is-next.is-visible { z-index: 2; opacity: 1; }
.lw2-finish-image img.is-current.is-hidden { opacity: 0; }
.lw2-finish-stage figcaption { display: flex; justify-content: space-between; gap: 16px; padding-top: 12px; color: var(--lw2-faint); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.lw2-app { padding: 128px 0 136px; background: var(--lw2-cream); }
.lw2-lab { padding: 128px 0; background: var(--lw2-dark); color: #fffdf8; }
.lw2-lab-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 80px; align-items: center; }
.lw2-lab-media { position: relative; overflow: hidden; background: #0d0c0b; }
.lw2-lab-media img, .lw2-lab-media video { width: 100%; aspect-ratio: 1.25; object-fit: cover; }
.lw2-lab-media > span { display: block; padding: 12px 15px; color: rgba(255, 253, 248, .5); font-size: 10px; letter-spacing: .04em; }
.lw2-lab-copy { max-width: 450px; }
.lw2-lab .lw2-eyebrow { color: #a9b2d8; }
.lw2-lab-copy h2 { font-size: clamp(42px, 4.5vw, 66px); }
.lw2-lab-copy > p:not(.lw2-eyebrow) { margin: 25px 0 0; color: rgba(255, 253, 248, .62); font-size: 14px; line-height: 1.7; }
.lw2-lab-list { margin-top: 34px; border-top: 1px solid rgba(255, 253, 248, .18); }
.lw2-lab-list > div { display: grid; grid-template-columns: 34px 1fr; gap: 8px; padding: 16px 0; border-bottom: 1px solid rgba(255, 253, 248, .18); }
.lw2-lab-list span { color: rgba(255, 253, 248, .48); font-size: 10px; letter-spacing: .1em; }
.lw2-lab-list strong { font-size: 13px; font-weight: 500; }
.lw2-lab-list p { grid-column: 2; margin: 3px 0 0; color: rgba(255, 253, 248, .52); font-size: 12px; line-height: 1.5; }
.lw2-lab-copy small { display: block; margin-top: 23px; color: rgba(255, 253, 248, .74); font-size: 12px; line-height: 1.6; }
.lw2-faq { padding: 128px 0; background: #edeae3; }
.lw2-faq-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 100px; align-items: start; }
.lw2-faq-grid > div:first-child { max-width: 380px; }
.lw2-faq-grid > div:first-child > p:not(.lw2-eyebrow) { margin: 24px 0 0; color: var(--lw2-muted); font-size: 14px; line-height: 1.7; }
.lw2-faq-list { border-top: 1px solid var(--lw2-line); }
.lw2-faq-list details { border-bottom: 1px solid var(--lw2-line); }
.lw2-faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 21px 0; cursor: pointer; font-size: 14px; font-weight: 500; list-style: none; }
.lw2-faq-list summary::-webkit-details-marker { display: none; }
.lw2-faq-list summary::after { content: "+"; color: var(--lw2-faint); font-size: 20px; font-weight: 400; transition: transform .3s var(--lw2-ease); }
.lw2-faq-list details[open] summary::after { transform: rotate(45deg); }
.lw2-faq-list details p { max-width: 600px; margin: -3px 35px 20px 0; color: var(--lw2-muted); font-size: 13px; line-height: 1.7; }
.lw2-cta { padding: 128px 0; background: #d8d0c1; }
.lw2-cta h2 { max-width: 700px; font-size: clamp(48px, 6vw, 86px); }
.lw2-cta .lw2-button { margin-top: 31px; }
.lw2-footer { padding: 62px 0 22px; background: var(--lw2-dark); color: #fffdf8; }
.lw2-footer-top { display: flex; justify-content: space-between; gap: 60px; padding-bottom: 60px; }
.lw2-logo--footer img { width: 145px; }
.lw2-footer-top p { max-width: 230px; margin: 20px 0 0; color: rgba(255, 253, 248, .48); font-size: 12px; }
.lw2-footer nav { display: flex; flex-wrap: wrap; align-content: start; justify-content: flex-end; gap: 12px 26px; max-width: 440px; }
.lw2-footer nav a { color: rgba(255, 253, 248, .68); font-size: 12px; text-decoration: none; }
.lw2-footer nav a:hover, .lw2-footer-bottom a:hover { color: #fffdf8; }
.lw2-footer-disclaimer { max-width: 860px; margin-top: 0; margin-bottom: 27px; color: rgba(255, 253, 248, .78); font-size: 12px; line-height: 1.6; }
.lw2-footer-bottom { display: flex; justify-content: space-between; gap: 20px; padding-top: 19px; border-top: 1px solid rgba(255, 253, 248, .15); color: rgba(255, 253, 248, .48); font-size: 10px; }
.lw2-footer-bottom a { color: rgba(255, 253, 248, .5); text-decoration: none; }
.lw2-footer-social { display: inline-flex; align-items: center; transition: color .2s ease; }
.lw2-footer-social svg { display: block; width: 18px; height: 18px; }
@media (max-width: 900px) {
    .lw2-shell { width: min(100% - 48px, 680px); }
    .lw2-nav-links, .lw2-nav-cta { display: none; }
    .lw2-menu { display: inline-flex; flex-direction: column; justify-content: center; gap: 5px; width: 40px; height: 40px; margin-left: auto; padding: 10px; border: 1px solid var(--lw2-line); border-radius: 50%; background: transparent; cursor: pointer; }
    .lw2-menu span { width: 100%; height: 1px; background: var(--lw2-ink); transition: transform .3s var(--lw2-ease); }
    .lw2-menu.is-open span:first-child { transform: translateY(3px) rotate(45deg); }
    .lw2-menu.is-open span:last-child { transform: translateY(-3px) rotate(-45deg); }
    .lw2-mobile { position: absolute; top: 100%; left: 0; right: 0; padding: 18px 24px 24px; border-bottom: 1px solid var(--lw2-line); background: rgba(247, 245, 240, .98); box-shadow: 0 18px 30px rgba(45, 39, 33, .08); }
    .lw2-mobile[hidden] { display: none; }
    .lw2-mobile nav { display: grid; }
    .lw2-mobile nav a { display: flex; justify-content: space-between; padding: 14px 0; border-bottom: 1px solid var(--lw2-line); font-size: 15px; text-decoration: none; }
    .lw2-mobile nav a span { color: var(--lw2-faint); }
    .lw2-mobile .lw2-button { width: 100%; margin-top: 20px; }
    .lw2-hero { display: block; min-height: 0; }
    .lw2-hero-image { position: relative; height: min(62vw, 520px); }
    .lw2-hero-image::after { background: linear-gradient(0deg, rgba(21, 17, 15, .42) 0%, rgba(21, 17, 15, .04) 62%, rgba(21, 17, 15, 0) 100%); }
    .lw2-hero-image img { object-position: 0% 50%; }
    .lw2-hero-content { padding-top: 52px; padding-bottom: 58px; }
    .lw2-intro-grid, .lw2-section-head, .lw2-radar-head, .lw2-device-hero, .lw2-finish-grid, .lw2-lab-grid, .lw2-faq-grid { grid-template-columns: 1fr; gap: 42px; }
    .lw2-intro, .lw2-real-life, .lw2-process, .lw2-radar, .lw2-device, .lw2-finishes, .lw2-app, .lw2-lab, .lw2-faq { padding: 92px 0; }
    .lw2-real-life-head { grid-template-columns: 1fr; gap: 42px; }
    .lw2-real-life-grid { grid-template-columns: 1fr; gap: 16px; margin-top: 44px; }
    .lw2-real-life-card img, .lw2-real-life-card--tall img { aspect-ratio: 1.45; }
    .lw2-process-grid { grid-template-columns: 1fr; gap: 18px; margin-top: 44px; }
    .lw2-process-media { aspect-ratio: 1.45; }
    .lw2-proof-line { grid-template-columns: 1fr; gap: 10px; margin-top: 42px; }
    .lw2-radar-proof { grid-template-columns: repeat(2, 1fr); gap: 15px 20px; margin-top: 42px; }
    .lw2-feature-row { grid-template-columns: repeat(2, 1fr); gap: 0 20px; margin-top: 55px; }
    .lw2-feature-row > div { min-height: 160px; }
    .lw2-feature-row h3 { margin-top: 26px; }
    .lw2-faq-grid { gap: 50px; }
    .lw2-footer-top { flex-direction: column; gap: 42px; }
    .lw2-footer nav { justify-content: flex-start; }
}
@media (max-width: 560px) {
    .lw2-shell { width: calc(100% - 36px); }
    .lw2-notice-inner { min-height: 48px; align-items: flex-start; flex-direction: column; justify-content: center; gap: 2px; }
    .lw2-notice a { align-self: flex-end; }
    .lw2-nav { min-height: 68px; }
    .lw2-logo img, .lw2-logo--footer img { width: 132px; }
    .lw2-hero { display: block; min-height: 0; }
    .lw2-hero-image { position: relative; height: min(52vw, 300px); }
    .lw2-hero-image::after { background: linear-gradient(0deg, rgba(21, 17, 15, .42) 0%, rgba(21, 17, 15, .04) 62%, rgba(21, 17, 15, 0) 100%); }
    .lw2-hero-image img { object-position: 0% 50%; }
    .lw2-hero-content { padding-top: 42px; padding-bottom: 44px; }
    .lw2-hero h1 { font-size: clamp(54px, 16vw, 76px); }
    .lw2-hero-copy { margin-top: 22px; font-size: 15px; }
    .lw2-actions { align-items: flex-start; flex-direction: column; gap: 18px; margin-top: 27px; }
    .lw2-hero-meta { gap: 9px; margin-top: 48px; font-size: 11px; letter-spacing: .06em; }
    .lw2-intro-grid { gap: 24px; }
    .lw2-intro h2, .lw2-real-life-head h2, .lw2-section-head h2, .lw2-radar-head h2, .lw2-device-copy h2, .lw2-finish-copy h2, .lw2-lab-copy h2, .lw2-faq h2 { font-size: 48px; }
    .lw2-section-head > p { font-size: 14px; }
    .lw2-process-body { padding: 21px 20px 24px; }
    .lw2-process-body h3 { font-size: 31px; }
    .lw2-device-image img { aspect-ratio: .98; }
    .lw2-feature-row { gap: 0 16px; }
    .lw2-feature-row h3 { font-size: 24px; }
    .lw2-feature-row p { font-size: 13px; }
    .lw2-finish-stage figcaption { font-size: 11px; }
    .lw2-lab-media img, .lw2-lab-media video { aspect-ratio: .95; }
    .lw2-cta { padding: 88px 0; }
    .lw2-cta h2 { font-size: 51px; }
    .lw2-footer-bottom { align-items: flex-start; flex-direction: column; gap: 8px; }
}
@media (prefers-reduced-motion: reduce) {
    .lw2-site *, .lw2-site *::before, .lw2-site *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* Luna App product experience — static product story, no legacy app screenshots */

/* B&O-inspired typographic direction: one quiet display voice, less editorial contrast */
.lw2-site { --lw2-display: "Helvetica Neue", "DM Sans", Arial, sans-serif; }
.lw2-site h1,
.lw2-site h2,
.lw2-site h3,
.lw2-site h4,
.lw2-site h5,
.lw2-site h6 {
    font-family: var(--lw2-display);
    font-weight: 300;
    letter-spacing: -.055em;
}
.lw2-hero h1 {
    max-width: 820px;
    font-family: var(--lw2-display);
    font-size: clamp(56px, 8.2vw, 124px);
    font-weight: 300;
    letter-spacing: -.075em;
    line-height: .89;
    text-wrap: balance;
}
.lw2-hero .lw2-eyebrow { color: rgba(255, 253, 248, .72); }
.lw2-hero-copy { max-width: 390px; font-size: 16px; line-height: 1.55; }
.lw2-hero-meta i { background: rgba(255, 253, 248, .66); }
.lw2-hero .lw2-button { border-radius: 3px; }
.lw2-intro h2, .lw2-section-head h2, .lw2-device-copy h2, .lw2-finish-copy h2, .lw2-lab-copy h2, .lw2-faq h2, .lw2-cta h2, .lw2-process-body h3, .lw2-feature-row h3 { letter-spacing: -.06em; }
@media (max-width: 560px) {
    .lw2-hero h1 { font-size: clamp(52px, 15vw, 72px); letter-spacing: -.07em; }
}

/* Legacy display alias: keep older component rules on the same sans family. */
.lw2-site { --lw2-display-serif: var(--font-primary); }
.lw2-site h1,
.lw2-site h2,
.lw2-site h3 {
    font-family: var(--lw2-display-serif);
    font-weight: 300;
    letter-spacing: -.035em;
}
.lw2-hero h1 {
    max-width: 1100px;
    font-family: var(--lw2-display-serif);
    font-size: clamp(64px, 8.5vw, 132px);
    font-weight: 300;
    letter-spacing: -.055em;
    line-height: .82;
}
.lw2-hero h1 em { font-style: normal; }
.lw2-intro h2,
.lw2-section-head h2,
.lw2-device-copy h2,
.lw2-finish-copy h2,
.lw2-lab-copy h2,
.lw2-faq h2,
.lw2-cta h2 { letter-spacing: -.045em; }
@media (max-width: 560px) {
    .lw2-hero h1 { font-size: clamp(58px, 17vw, 82px); letter-spacing: -.05em; }
}

/* Latest asset pass — make the system visible, not only described. */

.lw2-process-media video { filter: saturate(.72) sepia(.08) contrast(.95) brightness(.92); }
.lw2-process-card:nth-child(1) .lw2-process-media video { filter: saturate(.68) sepia(.14) contrast(.96) brightness(.92); }
.lw2-process-card:nth-child(2) .lw2-process-media video { filter: saturate(.62) sepia(.12) contrast(.94) brightness(.82); }
.lw2-process-card:nth-child(3) .lw2-process-media video { filter: saturate(.7) sepia(.16) contrast(.94) brightness(.88); }
.lw2-process-media::before { position: absolute; z-index: 1; inset: 0; background: rgba(83, 65, 48, .1); content: ""; mix-blend-mode: multiply; pointer-events: none; }
.lw2-process-media::after { z-index: 1; }
.lw2-video-label { z-index: 2; }

.lw2-finish-image { aspect-ratio: 1.22; }
.lw2-finish-image img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    background: transparent;
    transform: none;
}
.lw2-intro { padding-top: 92px; padding-bottom: 96px; }
.lw2-radar { padding-top: 112px; padding-bottom: 96px; }
.lw2-app { padding-top: 112px; padding-bottom: 120px; }

/* Type restraint: reserve serif for the hero's primary visual only. */
.lw2-site h1, .lw2-site h2, .lw2-site h3, .lw2-site h4, .lw2-site h5, .lw2-site h6 {
    font-family: var(--lw2-display);
    font-weight: 300;
}
.lw2-hero h1 {
    font-family: var(--lw2-display-serif);
    font-weight: 300;
}

/* Featured product footage: the real interaction is the primary proof. */
.lw2-video-grid { margin-top: 60px; }
.lw2-video-grid .lw2-process-card { background: #f6f2eb; }
.lw2-video-grid .lw2-process-media { aspect-ratio: 1.22; background: #d4d0c8; }
.lw2-video-grid .lw2-process-media video { display: block; width: 100%; height: 100%; object-fit: cover; filter: saturate(.78) sepia(.06) contrast(.96) brightness(.94); transition: transform .7s var(--lw2-ease), filter .7s var(--lw2-ease); }
.lw2-video-grid .lw2-process-card:hover video { transform: scale(1.025); filter: saturate(.9) sepia(.04) contrast(1) brightness(.98); }
.lw2-video-grid .lw2-process-body h3 { font-family: var(--lw2-display); font-size: 32px; font-weight: 400; letter-spacing: -.045em; }
.lw2-video-grid .lw2-process-body p { max-width: 28em; }
.lw2-video-grid .lw2-process-media::after { background: linear-gradient(0deg, rgba(20, 17, 15, .58), transparent 54%); }
.lw2-video-grid .lw2-video-label { font-weight: 600; }
@media (max-width: 900px) {
    .lw2-video-grid { margin-top: 44px; }
}
@media (max-width: 560px) {
    .lw2-video-grid { gap: 16px; margin-top: 42px; }
    .lw2-video-grid .lw2-process-media { aspect-ratio: 1.42; }
    .lw2-video-grid .lw2-process-body h3 { font-size: 30px; }
}

/* Final UI integrity overrides: keep the current product screens self-contained at every zoom. */
.lw2-room-workspace, .lw2-room-screen, .lw2-room-copy { min-width: 0; }
@media (max-width: 900px) {
    .lw2-room-workspace { grid-template-columns: minmax(0, 1fr); }
}

/* Keep room proof readable when browser zoom reduces the effective CSS viewport. */
.lw2-room-panel:focus { outline: none; }
.lw2-room-panel:focus-visible { outline: 2px solid var(--lw2-blue); outline-offset: -2px; border-radius: 14px; }
@media (max-width: 1100px) {
    .lw2-room-workspace { grid-template-columns: minmax(0, 1fr); }
    .lw2-room-copy { min-height: 430px; }
}

/* Source-faithful room UI: preserve the original 421 x 880 phone frame. */
.lw2-room-workspace { grid-template-columns: minmax(0, 421px) minmax(0, 1fr); gap: 40px; align-items: start; }
.lw2-room-screen { width: min(421px, 100%); min-width: 0; min-height: 0; height: auto; aspect-ratio: 421 / 880; padding: 13px; border: 1px solid #dedbd4; border-radius: 58px; background: transparent; box-shadow: 0 22px 80px -58px rgba(48, 42, 34, .55); }
.lw2-room-panel { height: 100%; min-height: 0; overflow-y: auto; padding: 40px 24px 28px; border-radius: 43px; background: #f8f7f3; scrollbar-width: none; }
.lw2-room-panel::-webkit-scrollbar { display: none; }
.lw2-room-screen-header h3 { font-family: var(--lw2-display-serif); font-size: 40px; font-weight: 300; letter-spacing: -.045em; line-height: .95; }
.lw2-room-screen-header h3 { width: 184px; max-width: 100%; margin-top: 0; }
.lw2-room-panel[data-room-panel="sensors"] .lw2-room-screen-header { display: block; }
.lw2-room-panel[data-room-panel="sensors"] .lw2-room-privacy { display: flex; justify-content: flex-end; margin-top: 48px; }
.lw2-room-panel[data-room-panel="sensors"] .lw2-room-signal-grid { margin-top: 12px; margin-right: -4px; margin-left: -4px; }
.lw2-room-panel[data-room-panel="sensors"] .lw2-room-signal-grid article { min-height: 121px; }
.lw2-room-panel[data-room-panel="home"] .lw2-room-helper { margin-top: 52px; }
.lw2-room-signal-grid { margin-top: 30px; }
.lw2-room-signal-grid article { min-height: 113px; }
.lw2-signal-glyph { display: inline-flex; width: 20px; height: 20px; align-items: center; justify-content: center; font-size: 0; }
.lw2-signal-glyph svg, .lw2-room-climate article > span svg { display: block; width: 100%; height: 100%; fill: currentColor; }
.lw2-sparkline { position: absolute; right: 18px; bottom: 17px; left: 110px; display: block; width: auto; height: 40px; color: #c8c7c2; opacity: .78; background: none; }
.lw2-sparkline path { fill: none; stroke: currentColor; stroke-width: 1.35; vector-effect: non-scaling-stroke; }
.lw2-sparkline--breath path { stroke: url(#sparkline-breath-stroke); }
.lw2-sparkline--movement path { stroke: url(#sparkline-movement-stroke); }
.lw2-room-climate article > span { display: block; width: 22px; height: 22px; font-size: 0; }
.lw2-room-copy { min-height: 880px; }
.lw2-room-panel:focus { outline: none; }
.lw2-room-panel:focus-visible { outline: 0; }
.lw2-room-tabs button:focus, .lw2-room-tabs button:focus-visible { outline: none; }
@media (max-width: 1100px) {
    .lw2-room-workspace { grid-template-columns: minmax(0, 1fr); gap: 28px; }
    .lw2-room-screen { margin: 0 auto; }
    .lw2-room-copy { min-height: 430px; }
}
@media (max-width: 560px) {
    .lw2-room-screen { width: min(421px, 100%); border-radius: 48px; }
    .lw2-room-panel { padding: 32px 18px 22px; border-radius: 36px; }
    .lw2-room-screen-header h3 { font-size: 33px; }
}

/* Room intelligence narrative: keep the existing UI intact, add a denser story layer around it. */
.lw2-radar-head > div { min-width: 0; }
.lw2-radar-mechanism { margin-top: 72px; padding-top: 46px; border-top: 1px solid rgba(55, 49, 43, .16); }
.lw2-radar-mechanism-head { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(260px, .85fr); gap: 70px; align-items: end; }
.lw2-radar-mechanism-head h3 { max-width: 700px; margin: 18px 0 0; color: var(--lw2-ink); font-family: var(--lw2-display); font-size: clamp(39px, 5vw, 64px); font-weight: 300; letter-spacing: -.07em; line-height: .92; }
.lw2-radar-mechanism-head > p { max-width: 390px; margin: 0; color: var(--lw2-muted); font-size: 14px; line-height: 1.7; }
.lw2-radar-loop { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 32px 0 0; padding: 0; list-style: none; }
.lw2-radar-loop-item { position: relative; min-width: 0; }
.lw2-radar-loop-item:not(:last-child)::after { position: absolute; top: 50%; right: -21px; z-index: 2; color: var(--lw2-muted); content: "→"; font-size: 20px; transform: translateY(-50%); }
.lw2-radar-loop-panel { display: flex; min-height: 430px; margin: 0; flex-direction: column; padding: 20px; border: 1px solid rgba(55, 49, 43, .14); border-radius: 12px; background: rgba(255, 255, 255, .42); color: var(--lw2-blue); cursor: pointer; transition: opacity .5s var(--lw2-ease), border-color .5s var(--lw2-ease), box-shadow .5s var(--lw2-ease); }
.lw2-radar-loop-panel:focus-visible { outline: 2px solid rgba(74, 84, 137, .48); outline-offset: 3px; }
.lw2-radar-loop-panel figcaption { display: flex; min-height: 68px; flex-direction: column; gap: 6px; margin-bottom: 8px; }
.lw2-radar-loop-label { color: var(--lw2-muted); font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.lw2-radar-loop-panel figcaption b { color: var(--lw2-ink); font-size: 16px; font-weight: 600; line-height: 1.35; }
.lw2-radar-loop-svg { display: block; width: 100%; height: 120px; overflow: visible; }
.lw2-radar-loop-axis { position: relative; display: flex; height: 22px; align-items: start; justify-content: space-between; gap: 12px; margin-top: 5px; color: var(--lw2-muted); font-size: 12px; font-variant-numeric: tabular-nums; line-height: 1.35; }
.lw2-radar-loop-axis span { white-space: nowrap; }
.lw2-radar-loop-read { display: flex; align-items: baseline; gap: 8px; margin-top: 8px; }
.lw2-radar-loop-read b { color: var(--lw2-ink); font-size: 25px; font-variant-numeric: tabular-nums; font-weight: 600; line-height: 1; }
.lw2-radar-loop-read small { color: var(--lw2-muted); font-size: 12px; line-height: 1.4; }
.lw2-radar-loop-copy { margin: auto 0 0; padding-top: 16px; border-top: 1px solid rgba(55, 49, 43, .14); color: var(--lw2-muted); font-size: 13px; line-height: 1.7; }
.lw2-radar-loop-copy b { color: var(--lw2-ink); font-weight: 600; }
.lw2-radar-loop.is-live .lw2-radar-loop-panel:not(.is-active) .lw2-radar-loop-svg { opacity: .45; }
.lw2-radar-loop.is-live .lw2-radar-loop-panel.is-active { border-color: rgba(74, 84, 137, .36); box-shadow: 0 16px 40px -28px rgba(0, 0, 0, .28); opacity: 1; }
.lw2-radar-wave-main { opacity: .9; }
.lw2-radar-wave-echo { opacity: .28; }
.lw2-radar-loop.is-live .is-active .lw2-radar-wave-main { animation: lw2-radar-breathe-main 4s ease-in-out infinite; }
.lw2-radar-loop.is-live .is-active .lw2-radar-wave-echo { animation: lw2-radar-breathe-echo 4s ease-in-out infinite; }
@keyframes lw2-radar-breathe-main { 0%, 100% { opacity: .9; } 50% { opacity: .4; } }
@keyframes lw2-radar-breathe-echo { 0%, 100% { opacity: .2; } 50% { opacity: .6; } }
.lw2-radar-follow-draw { stroke-dasharray: 520 520; }
.lw2-radar-loop.is-live .is-active .lw2-radar-follow-draw { animation: lw2-radar-draw-in 1.6s var(--lw2-ease) both; }
@keyframes lw2-radar-draw-in { from { stroke-dashoffset: 520; } to { stroke-dashoffset: 0; } }
.lw2-radar-follow-glow { opacity: .1; }
.lw2-radar-win-band { opacity: .12; }
.lw2-radar-loop.is-live .is-active .lw2-radar-win-band { animation: lw2-radar-band-in .9s var(--lw2-ease) both; }
@keyframes lw2-radar-band-in { from { opacity: 0; } to { opacity: .12; } }
.lw2-radar-boundaries { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin-top: 18px; border-top: 1px solid rgba(55, 49, 43, .14); border-bottom: 1px solid rgba(55, 49, 43, .14); }
.lw2-radar-boundaries > div { min-width: 0; padding: 20px 22px 21px; border-right: 1px solid rgba(55, 49, 43, .12); }
.lw2-radar-boundaries > div:last-child { border-right: 0; }
.lw2-radar-boundaries span { display: block; color: var(--lw2-muted); font-size: 10px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.lw2-radar-boundaries strong { display: block; max-width: 250px; margin-top: 11px; color: var(--lw2-ink); font-size: 15px; font-weight: 600; line-height: 1.35; }
.lw2-radar-boundaries p { max-width: 280px; margin: 10px 0 0; color: var(--lw2-muted); font-size: 12px; line-height: 1.65; }
.lw2-radar-mechanism-note { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; align-items: start; margin-top: 18px; padding-top: 18px; color: var(--lw2-muted); font-size: 11px; line-height: 1.6; }
.lw2-radar-mechanism-note p { max-width: 330px; margin: 0; }
.lw2-radar-mechanism-note p strong { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; color: var(--lw2-ink); font-size: 10px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.lw2-radar-boundary-icon { display: inline-block; width: 10px; height: 10px; border: 1px solid currentColor; border-radius: 2px; opacity: .72; }
.lw2-radar-mechanism-note .lw2-inline-link { grid-column: 2; align-self: start; justify-self: start; margin-top: 12px; white-space: nowrap; font-size: 11px; }
.lw2-room-screen { position: relative; background: linear-gradient(145deg, rgba(255,255,255,.4), rgba(250,249,246,.96) 23%, #f8f7f3); box-shadow: 0 22px 80px -58px rgba(48, 42, 34, .55), inset 0 1px 0 rgba(255,255,255,.75); }
.lw2-room-screen::before { position: absolute; top: 9px; right: 72px; left: 72px; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.85), transparent); content: ""; pointer-events: none; }
.lw2-room-copy { position: relative; overflow: hidden; border: 1px solid rgba(255,255,255,.6); background: linear-gradient(145deg, rgba(255,255,255,.48), rgba(247,243,237,.88)); box-shadow: 0 26px 70px -48px rgba(48, 42, 34, .48), inset 0 1px 0 rgba(255,255,255,.8); }
.lw2-room-copy::before { position: absolute; top: -160px; right: -120px; width: 420px; height: 420px; border-radius: 50%; background: radial-gradient(circle, rgba(211,220,235,.62), rgba(211,220,235,0) 68%); content: ""; pointer-events: none; }
.lw2-room-copy::after { position: absolute; bottom: -180px; left: -160px; width: 420px; height: 420px; border-radius: 50%; background: radial-gradient(circle, rgba(233,207,174,.36), rgba(233,207,174,0) 68%); content: ""; pointer-events: none; }
.lw2-room-copy-panel, .lw2-room-note { position: relative; z-index: 1; }
.lw2-room-copy-panel p { max-width: 420px; }
.lw2-room-glass-card { position: relative; max-width: 425px; margin-top: 42px; padding: 17px 18px 16px; overflow: hidden; border: 1px solid rgba(255,255,255,.78); border-radius: 18px; background: linear-gradient(135deg, rgba(255,255,255,.6), rgba(255,255,255,.25)); box-shadow: 0 18px 40px rgba(91, 84, 75, .12), inset 0 1px 0 rgba(255,255,255,.82); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
.lw2-room-glass-card::after { position: absolute; top: 0; right: -10%; width: 55%; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.95)); content: ""; transform: rotate(-11deg); transform-origin: right; }
.lw2-room-glass-card > div:first-child { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
.lw2-room-glass-card > div:first-child span { color: var(--lw2-faint); font-size: 9px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.lw2-room-glass-card > div:first-child strong { color: var(--lw2-ink); font-size: 12px; font-weight: 500; text-align: right; }
.lw2-room-glass-card p { max-width: 330px; margin: 14px 0 0; color: var(--lw2-muted); font-size: 11px; line-height: 1.55; }
.lw2-room-glass-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; }
.lw2-room-glass-tags em { padding: 5px 8px; border: 1px solid rgba(55, 49, 43, .1); border-radius: 999px; color: var(--lw2-muted); font-size: 9px; font-style: normal; letter-spacing: .04em; }

@media (max-width: 900px) {
    .lw2-radar-mechanism { margin-top: 56px; }
    .lw2-radar-mechanism-head { grid-template-columns: 1fr; gap: 24px; }
    .lw2-radar-mechanism-note { grid-template-columns: 1fr 1fr; }
    .lw2-radar-mechanism-note .lw2-inline-link { grid-column: 1 / -1; justify-self: start; }
}
@media (max-width: 560px) {
    .lw2-room-copy { border-radius: 2px; }
    .lw2-room-glass-card { margin-top: 30px; }
}

@media (max-width: 700px) {
    .lw2-radar-loop { grid-template-columns: 1fr; gap: 16px; margin-top: 30px; }
    .lw2-radar-loop-item:not(:last-child)::after { top: auto; right: 50%; bottom: -22px; content: "↓"; transform: translateX(50%); }
    .lw2-radar-loop-panel { min-height: 0; padding: 16px; }
    .lw2-radar-loop-panel figcaption { min-height: 0; }
    .lw2-radar-loop-svg { height: 112px; }
    .lw2-radar-loop-copy { font-size: 12px; }
    .lw2-radar-boundaries { grid-template-columns: 1fr; }
    .lw2-radar-boundaries > div { padding: 17px 0; border-right: 0; border-bottom: 1px solid rgba(55, 49, 43, .12); }
    .lw2-radar-boundaries > div:last-child { border-bottom: 0; }
    .lw2-radar-mechanism-note { grid-template-columns: 1fr; gap: 14px; }
    .lw2-radar-mechanism-note .lw2-inline-link { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
    .lw2-radar-loop, .lw2-radar-loop * { animation: none !important; transition-duration: .01ms !important; }
}

/* Dense Sensors session: keep the live read visible inside the phone frame. */
.lw2-room-panel[data-room-panel="sensors"] { padding: 26px 22px 20px; }
.lw2-room-panel[data-room-panel="sensors"] .lw2-room-screen-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.lw2-room-panel[data-room-panel="sensors"] .lw2-room-screen-header h3 { width: auto; max-width: 170px; font-size: 36px; }
.lw2-room-panel[data-room-panel="sensors"] .lw2-room-privacy { display: grid; justify-content: end; margin-top: 1px; gap: 3px 7px; font-size: 10px; }
.lw2-room-panel[data-room-panel="sensors"] .lw2-room-privacy strong { font-size: 10px; }
.lw2-room-panel[data-room-panel="sensors"] .lw2-room-signal-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 18px 0 0; }
.lw2-room-panel[data-room-panel="sensors"] .lw2-room-signal-grid article { min-height: 94px; padding: 12px 13px; border-radius: 14px; }
.lw2-room-panel[data-room-panel="sensors"] .lw2-room-signal-grid article:nth-child(3) { grid-column: 1 / -1; }
.lw2-room-panel[data-room-panel="sensors"] .lw2-room-signal-grid article > div { gap: 8px; }
.lw2-room-panel[data-room-panel="sensors"] .lw2-room-signal-grid article strong { font-size: 14px; }
.lw2-room-panel[data-room-panel="sensors"] .lw2-room-signal-grid article em { font-size: 10px; }
.lw2-room-panel[data-room-panel="sensors"] .lw2-room-signal-grid article > b { margin-top: 10px; font-size: 32px; }
.lw2-room-panel[data-room-panel="sensors"] .lw2-room-signal-grid article > b small { margin-left: 5px; font-size: 10px; }
.lw2-room-panel[data-room-panel="sensors"] .lw2-sparkline { right: 13px; bottom: 13px; left: 92px; height: 30px; }
.lw2-room-panel[data-room-panel="sensors"] .lw2-room-live-head { margin-top: 16px; font-size: 11px; }
.lw2-room-panel[data-room-panel="sensors"] .lw2-room-live-head > strong { font-size: 10px; }
.lw2-room-panel[data-room-panel="sensors"] .lw2-room-live-head > span { white-space: nowrap; }
.lw2-room-panel[data-room-panel="sensors"] .lw2-room-live-head > span b { margin-left: 4px; color: var(--lw2-ink); font-weight: 500; }
.lw2-room-panel[data-room-panel="sensors"] .lw2-room-climate { gap: 8px; margin-top: 10px; }
.lw2-room-panel[data-room-panel="sensors"] .lw2-room-climate article { min-height: 78px; padding: 10px; border-radius: 12px; }
.lw2-room-panel[data-room-panel="sensors"] .lw2-room-climate article > span { width: 18px; height: 18px; }
.lw2-room-panel[data-room-panel="sensors"] .lw2-room-climate small { margin-top: 9px; font-size: 9px; }
.lw2-room-panel[data-room-panel="sensors"] .lw2-room-climate strong { margin-top: 3px; font-size: 14px; }
.lw2-room-panel[data-room-panel="sensors"] .lw2-room-row-action { gap: 4px; margin-top: 14px; padding-top: 11px; }
.lw2-room-panel[data-room-panel="sensors"] .lw2-room-row-action strong { font-size: 12px; }
.lw2-room-panel[data-room-panel="sensors"] .lw2-room-row-action > span { font-size: 18px; }
.lw2-room-panel[data-room-panel="sensors"] .lw2-room-feedback { min-height: 14px; margin-top: 6px; }
.lw2-room-copy { min-height: 0; }

@media (max-width: 560px) {
    .lw2-room-panel[data-room-panel="sensors"] { padding: 25px 16px 18px; }
    .lw2-room-panel[data-room-panel="sensors"] .lw2-room-screen-header h3 { max-width: 145px; font-size: 31px; }
    .lw2-room-panel[data-room-panel="sensors"] .lw2-room-privacy { font-size: 9px; }
    .lw2-room-panel[data-room-panel="sensors"] .lw2-room-privacy strong { font-size: 9px; }
    .lw2-room-panel[data-room-panel="sensors"] .lw2-room-signal-grid article { min-height: 88px; padding: 11px; }
    .lw2-room-panel[data-room-panel="sensors"] .lw2-room-signal-grid article strong { font-size: 13px; }
    .lw2-room-panel[data-room-panel="sensors"] .lw2-room-signal-grid article > b { font-size: 29px; }
    .lw2-room-panel[data-room-panel="sensors"] .lw2-sparkline { right: 11px; bottom: 11px; left: 84px; height: 27px; }
    .lw2-room-panel[data-room-panel="sensors"] .lw2-room-live-head { align-items: center; flex-direction: row; gap: 8px; font-size: 10px; }
    .lw2-room-panel[data-room-panel="sensors"] .lw2-room-live-head > strong { font-size: 9px; }
    .lw2-room-panel[data-room-panel="sensors"] .lw2-room-climate article { padding: 8px; }
    .lw2-room-panel[data-room-panel="sensors"] .lw2-room-climate small { font-size: 8px; }
    .lw2-room-panel[data-room-panel="sensors"] .lw2-room-climate strong { font-size: 13px; }
}

/* Product-forward image pass: keep lifestyle imagery emotional and give the
   object clear visual ownership in the hero, device, and finish moments. */
.lw2-hero-image img { object-position: 68% 50%; }
.lw2-device-detail { display: grid; grid-template-columns: 1.28fr .72fr; gap: 24px; align-items: stretch; margin-top: 72px; }
.lw2-device-detail-image { position: relative; min-width: 0; margin: 0; overflow: hidden; background: #d8d1c3; }
.lw2-device-detail-image img { width: 100%; aspect-ratio: 1.55; object-fit: cover; object-position: 50% 50%; }
.lw2-device-detail-image figcaption { position: absolute; right: 18px; bottom: 16px; left: 18px; color: rgba(255, 253, 248, .78); font-size: 10px; letter-spacing: .1em; text-shadow: 0 1px 16px rgba(20, 17, 15, .45); text-transform: uppercase; }
.lw2-device-detail-copy { display: flex; min-width: 0; flex-direction: column; justify-content: center; padding: 34px 30px; background: #f4f0e9; }
.lw2-device-detail-copy h3 { max-width: 390px; margin: 0; font-size: clamp(38px, 4.6vw, 66px); line-height: .93; }
.lw2-device-detail-copy > p:not(.lw2-eyebrow) { max-width: 360px; margin: 22px 0 0; color: var(--lw2-muted); font-size: 14px; line-height: 1.7; }
.lw2-finishes .lw2-finish-grid { grid-template-columns: .58fr 1.42fr; }
.lw2-finishes .lw2-finish-image { aspect-ratio: 2418 / 2014; }

@media (max-width: 900px) {
    .lw2-hero-image img { object-position: 72% 50%; }
    .lw2-device-detail { grid-template-columns: 1fr; gap: 16px; margin-top: 55px; }
    .lw2-device-detail-copy { min-height: 300px; }
    .lw2-finishes .lw2-finish-grid { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
    .lw2-hero-image img { object-position: 65% 50%; }
    .lw2-device-detail { margin-top: 42px; }
    .lw2-device-detail-image img { aspect-ratio: 1.12; }
    .lw2-device-detail-copy { min-height: 0; padding: 26px 20px 30px; }
    .lw2-device-detail-copy h3 { font-size: 43px; }
    .lw2-finishes .lw2-finish-image { aspect-ratio: 2418 / 2014; }
}

/* Current App story: configuration + local device behavior + morning summary. */
.lw2-app-story {
    padding: 128px 0 120px;
    background: #f7f5f0;
}
.lw2-app-story-head {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 70px;
    align-items: end;
}
.lw2-app-story-head h2 {
    max-width: 700px;
    margin: 0;
    font-family: var(--lw2-display);
    font-size: clamp(48px, 5.4vw, 78px);
    font-weight: 300;
    letter-spacing: -.075em;
    line-height: .9;
}
.lw2-app-story-head > p {
    max-width: 390px;
    margin: 0;
    color: var(--lw2-muted);
    font-size: 14px;
    line-height: 1.7;
}
.lw2-app-coach {
    margin-top: 74px;
}
.lw2-app-insight {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(320px, .8fr);
    gap: clamp(44px, 8vw, 132px);
    align-items: center;
    padding: 58px 0 78px;
    border-top: 1px solid var(--lw2-line);
}
.lw2-app-insight--pattern {
    grid-template-columns: minmax(320px, .8fr) minmax(0, .9fr);
}
.lw2-app-insight-copy {
    max-width: 520px;
}
.lw2-app-insight-copy > span {
    color: var(--lw2-blue);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.lw2-app-insight-copy h3 {
    max-width: 560px;
    margin: 24px 0 0;
    font-family: var(--lw2-display);
    font-size: clamp(42px, 5.2vw, 72px);
    font-weight: 300;
    letter-spacing: -.075em;
    line-height: .92;
}
.lw2-app-insight-copy p {
    max-width: 470px;
    margin: 24px 0 0;
    color: var(--lw2-muted);
    font-size: 17px;
    line-height: 1.65;
}
.lw2-app-insight-copy strong {
    display: block;
    max-width: 420px;
    margin-top: 26px;
    color: var(--lw2-ink);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .04em;
    line-height: 1.5;
}
.lw2-app-insight-media {
    width: min(100%, 370px);
    margin: 0;
}
.lw2-app-insight--morning .lw2-app-insight-media {
    justify-self: end;
    aspect-ratio: 1320 / 1350;
    overflow: hidden;
}
.lw2-app-insight--morning .lw2-app-insight-media img {
    max-width: none;
}
.lw2-app-sunrise-media {
    width: min(100%, 500px);
}
.lw2-app-insight--pattern .lw2-app-insight-media {
    justify-self: start;
    width: min(100%, 480px);
}
.lw2-app-insight-media img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 30px;
    box-shadow: 0 18px 42px rgba(48, 42, 34, .10);
}
.lw2-app-insight-media figcaption {
    margin-top: 12px;
    color: var(--lw2-faint);
    font-size: 10px;
    letter-spacing: .08em;
    line-height: 1.4;
    text-transform: uppercase;
}
.lw2-app-pattern-scroll {
    position: relative;
    height: 620px;
    overflow-y: auto;
    border-radius: 30px;
    background: #f7f5f0;
    box-shadow: 0 18px 42px rgba(48, 42, 34, .10);
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    scrollbar-color: rgba(76, 91, 151, .45) transparent;
    scrollbar-width: thin;
    touch-action: pan-y;
}
.lw2-app-pattern-scroll:focus-visible {
    outline: 2px solid var(--lw2-blue);
    outline-offset: 5px;
}
.lw2-app-pattern-scroll img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 30px;
}
.lw2-app-backstage {
    display: grid;
    grid-template-columns: minmax(150px, .35fr) minmax(0, 1fr);
    gap: 40px;
    align-items: baseline;
    padding: 28px 0 0;
    border-top: 1px solid var(--lw2-line);
}
.lw2-app-backstage .lw2-eyebrow {
    margin: 0;
}
.lw2-app-backstage > p:last-child {
    max-width: 620px;
    margin: 0;
    color: var(--lw2-muted);
    font-size: 14px;
    line-height: 1.65;
}
.lw2-app-backstage strong {
    color: var(--lw2-ink);
    font-weight: 500;
}
.lw2-app-story-note {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 24px;
    margin: 20px 0 0;
    color: var(--lw2-faint);
    font-size: 11px;
    letter-spacing: .02em;
}
.lw2-app-story-note p { margin: 0; }
.lw2-app-story-note .lw2-inline-link { flex: 0 0 auto; }

@media (max-width: 900px) {
    .lw2-app-story-head { grid-template-columns: 1fr; }
    .lw2-app-story-head { gap: 28px; }
    .lw2-app-coach { margin-top: 50px; }
    .lw2-app-insight,
    .lw2-app-insight--pattern { grid-template-columns: 1fr; gap: 34px; }
    .lw2-app-insight-copy,
    .lw2-app-insight-media,
    .lw2-app-insight--morning .lw2-app-insight-media,
    .lw2-app-insight--pattern .lw2-app-insight-media { justify-self: start; }
    .lw2-app-insight-copy { order: 1; }
    .lw2-app-insight-media { order: 2; width: min(100%, 300px); }
    .lw2-app-insight--morning .lw2-app-insight-media { width: min(100%, 380px); }
    .lw2-app-insight--pattern .lw2-app-insight-media { width: min(100%, 380px); }
    .lw2-app-pattern-scroll { height: 520px; }
    .lw2-app-backstage { grid-template-columns: 1fr; gap: 14px; }
}

@media (max-width: 560px) {
    .lw2-app-story { padding: 88px 0 80px; }
    .lw2-app-story-head h2 { font-size: 48px; }
    .lw2-app-insight { padding: 42px 0 56px; }
    .lw2-app-insight-copy h3 { font-size: 48px; }
    .lw2-app-insight-copy p { font-size: 16px; }
    .lw2-app-story-note { flex-direction: column; align-items: flex-start; gap: 12px; }
}

/* Narrative reset: let the room proof end when the story ends. */
.lw2-radar { padding-bottom: 88px; }
.lw2-room-demo { margin-top: 44px; }
.lw2-room-screen { height: auto; aspect-ratio: auto; }
.lw2-room-panel { height: auto; overflow: visible; }
.lw2-room-copy { min-height: 0; }
.lw2-room-glass-card { margin-top: 30px; }

@media (max-width: 900px) {
    .lw2-room-copy { min-height: 0; }
}

@media (max-width: 560px) {
    .lw2-radar { padding-bottom: 72px; }
    .lw2-room-demo { margin-top: 34px; }
}

/* Final typography system: one calm system sans across the whole product. */
.lw2-site {
    --lw2-functional: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", "DM Sans", Arial, sans-serif;
    font-family: var(--lw2-functional);
}

/* Headings and product/UI labels share the same precise, legible voice. */
.lw2-site h1, .lw2-site h2, .lw2-site h3, .lw2-site h4, .lw2-site h5, .lw2-site h6, .lw2-site .lw2-real-life-card figcaption strong, .lw2-site .lw2-room-screen-header h3, .lw2-site .lw2-room-copy-panel h3 {
    font-family: var(--lw2-functional);
    font-weight: 400;
    letter-spacing: -.035em;
    font-optical-sizing: auto;
}

.lw2-site h1,
.lw2-site h2 { line-height: 1; }
.lw2-site h3,
.lw2-site h4 { line-height: 1.05; }
.lw2-site .lw2-eyebrow,
.lw2-site .lw2-hero-meta,
.lw2-site .lw2-video-label,
.lw2-site .lw2-proof-line,
.lw2-site .lw2-radar-proof,
.lw2-site .lw2-finish-stage figcaption,
.lw2-site .lw2-nav-links,
.lw2-site .lw2-nav-cta,
.lw2-site .lw2-button,
.lw2-site .lw2-inline-link {
    font-family: var(--lw2-functional);
}
.lw2-site .lw2-nav-links,
.lw2-site .lw2-nav-cta,
.lw2-site .lw2-button,
.lw2-site .lw2-inline-link { letter-spacing: .005em; }
.lw2-site .lw2-hero-copy,
.lw2-site .lw2-section-head > p,
.lw2-site .lw2-real-life-head > p,
.lw2-site .lw2-app-story-head > p,
.lw2-site .lw2-sub-hero-copy > p:not(.lw2-eyebrow),
.lw2-site .lw2-legal-lead,
.lw2-site .lw2-legal-copy p,
.lw2-site .lw2-legal-copy li { font-weight: 300; }
.lw2-site .lw2-button,
.lw2-site .lw2-nav-cta,
.lw2-site .lw2-inline-link { font-weight: 500; }
.lw2-site .lw2-legal-copy h2,
.lw2-site .lw2-legal-copy h3 { font-weight: 500; }

/* Architectural editorial hierarchy: let non-hero headings breathe. */
.lw2-site h1,
.lw2-site h2 {
    font-weight: 300;
    letter-spacing: -.025em;
    line-height: .98;
}

@media (max-width: 560px) {
    .lw2-site h1,
    .lw2-site h2 { letter-spacing: -.025em; }
}

/* Secondary pages: text-led surfaces keep historical product imagery out of the story. */
.lw2-support-hero--text .lw2-sub-hero-grid,
.lw2-about-hero--text .lw2-sub-hero-grid { display: block; }
.lw2-support-hero--text .lw2-sub-hero-copy,
.lw2-about-hero--text .lw2-sub-hero-copy { max-width: 760px; }
.lw2-support-guide-meta { display: inline-block; margin-top: 34px; color: var(--lw2-faint); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.lw2-sub-split--text { grid-template-columns: 1fr; background: var(--lw2-dark); }
.lw2-sub-split--text .lw2-sub-split-copy { min-height: 500px; max-width: 980px; padding: 96px clamp(28px, 10vw, 160px); }

@media (max-width: 560px) {
    .lw2-support-guide-meta { margin-top: 28px; }
    .lw2-sub-split--text .lw2-sub-split-copy { min-height: 0; padding: 68px 22px; }
}

/* Final title system: one quiet grotesk, with one editorial hero moment. */
.lw2-site {
    --lw2-title: var(--lw2-functional);
    --lw2-hero-editorial: "Iowan Old Style", Georgia, "Times New Roman", serif;
}

.lw2-site .lw2-sub-hero h1,
.lw2-site .lw2-legal-head h1 {
    font-family: var(--lw2-title);
    font-weight: 300;
    letter-spacing: -.03em;
    line-height: .96;
    text-wrap: balance;
}

.lw2-site .lw2-hero h1 {
    max-width: 980px;
    font-family: var(--lw2-hero-editorial);
    font-weight: 300;
    letter-spacing: -.012em;
    line-height: .9;
    font-size: clamp(54px, 6.2vw, 96px);
    text-wrap: balance;
}
.lw2-site .lw2-hero-copy {
    max-width: 640px;
    margin-top: 14px;
    white-space: normal;
}

.lw2-site .lw2-sub-hero h1 {
    font-size: clamp(52px, 6.4vw, 92px);
}

.lw2-site .lw2-legal-head h1 {
    font-size: clamp(50px, 6vw, 86px);
}

.lw2-site .lw2-sub-hero h1 em,
.lw2-site .lw2-legal-head h1 em,
.lw2-site .lw2-title-accent {
    color: var(--lw2-blue);
    font-style: normal;
    font-weight: 300;
}

@media (max-width: 560px) {
    .lw2-site .lw2-sub-hero h1,
    .lw2-site .lw2-legal-head h1 {
        letter-spacing: -.055em;
    }

    .lw2-site .lw2-hero h1 {
        max-width: 720px;
        letter-spacing: -.008em;
        line-height: .94;
        font-size: clamp(48px, 12.4vw, 64px);
    }

    .lw2-site .lw2-hero-copy {
        max-width: 390px;
        white-space: normal;
    }

    .lw2-site .lw2-sub-hero h1 {
        font-size: clamp(48px, 14vw, 70px);
    }

    .lw2-site .lw2-legal-head h1 {
        font-size: clamp(46px, 14vw, 66px);
    }
}

.lw2-site.lw2-menu-open { overflow: hidden; }
.lw2-site .lw2-mobile { z-index: 30; }
.lw2-site .lw2-mobile:not([hidden]) { display: block; }
.lw2-site .lw2-menu:focus-visible,
.lw2-site .lw2-mobile a:focus-visible {
    outline: 1px solid currentColor;
    outline-offset: 4px;
}

/* Global menu: the navigation becomes a full-viewport editorial layer. */
.lw2-site.lw2-menu-open .lw2-header { z-index: 60; background: var(--lw2-dark); }
.lw2-site.lw2-menu-open .lw2-header .lw2-nav { border-bottom-color: rgba(255, 253, 248, .2); }
.lw2-site.lw2-menu-open .lw2-header.is-scrolled { background: var(--lw2-dark); }
.lw2-site.lw2-menu-open .lw2-header.is-scrolled .lw2-nav {
    background: transparent;
    border-bottom-color: rgba(255, 253, 248, .2);
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
.lw2-site.lw2-menu-open .lw2-header .lw2-logo-mark--light { opacity: 1; }
.lw2-site.lw2-menu-open .lw2-header .lw2-logo-mark--dark { opacity: 0; }
.lw2-site.lw2-menu-open .lw2-menu {
    position: relative;
    z-index: 70;
    pointer-events: auto;
}

.lw2-site .lw2-mobile {
    position: fixed;
    inset: 0;
    z-index: 50;
    width: 100%;
    height: 100dvh;
    min-height: 100svh;
    margin: 0;
    padding: clamp(108px, 15vh, 156px) max(22px, calc((100vw - 1280px) / 2)) 42px;
    overflow-y: auto;
    border: 0;
    background: var(--lw2-dark);
    box-shadow: none;
    color: #fffdf8;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
.lw2-site .lw2-mobile[hidden] { display: none; }
.lw2-site .lw2-mobile nav {
    max-width: 1080px;
    margin: 0 auto;
    border-top: 1px solid rgba(255, 253, 248, .2);
}
.lw2-site .lw2-mobile nav a {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 24px;
    min-height: clamp(76px, 11vw, 120px);
    padding: 18px 0 16px;
    border-bottom: 1px solid rgba(255, 253, 248, .2);
    color: #fffdf8;
    font-size: clamp(38px, 7vw, 88px);
    font-weight: 300;
    letter-spacing: -.055em;
    line-height: .95;
    text-decoration: none;
    transition: color .3s var(--lw2-ease), padding-left .3s var(--lw2-ease);
}
.lw2-site .lw2-mobile nav a:hover {
    padding-left: 12px;
    color: #e8c98e;
}
.lw2-site .lw2-mobile nav a span {
    flex: 0 0 auto;
    color: rgba(255, 253, 248, .45);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .12em;
    line-height: 1;
}
.lw2-site .lw2-mobile .lw2-button {
    width: auto;
    min-height: 0;
    margin: 38px 0 0;
    padding: 0 0 12px;
    border: 0;
    border-bottom: 1px solid rgba(255, 253, 248, .42);
    border-radius: 0;
    background: transparent;
    color: #fffdf8;
    font-size: 12px;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.lw2-site .lw2-mobile .lw2-button:hover {
    background: transparent;
    color: #e8c98e;
    transform: none;
}
/* Menu-open theme wins over the normal scrolled glass theme. */
.lw2-site .lw2-header.is-menu-open,
.lw2-site .lw2-header.is-scrolled.is-menu-open {
    background: var(--lw2-dark);
}
.lw2-site .lw2-header.is-menu-open .lw2-nav,
.lw2-site .lw2-header.is-scrolled.is-menu-open .lw2-nav {
    border-bottom-color: rgba(255, 253, 248, .2);
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
.lw2-site .lw2-header.is-menu-open .lw2-logo-mark--light,
.lw2-site .lw2-header.is-scrolled.is-menu-open .lw2-logo-mark--light { opacity: 1; }
.lw2-site .lw2-header.is-menu-open .lw2-logo-mark--dark,
.lw2-site .lw2-header.is-scrolled.is-menu-open .lw2-logo-mark--dark { opacity: 0; }
.lw2-site .lw2-header.is-menu-open .lw2-mobile,
.lw2-site .lw2-header.is-scrolled.is-menu-open .lw2-mobile {
    background: var(--lw2-dark);
    color: #fffdf8;
    opacity: 1;
}
.lw2-site .lw2-header.is-menu-open .lw2-mobile nav a,
.lw2-site .lw2-header.is-scrolled.is-menu-open .lw2-mobile nav a {
    border-color: rgba(255, 253, 248, .2);
    color: #fffdf8;
}

/* Make the global-menu entry explicit: MENU becomes CLOSE in place. */
@media (max-width: 900px) {
    .lw2-site .lw2-menu {
        display: inline-flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        width: 88px;
        height: 38px;
        padding: 0 10px 0 12px;
        border-radius: 0;
        color: #fffdf8;
    }
    .lw2-site .lw2-menu > .lw2-menu-label {
        display: inline;
        width: auto;
        height: auto;
        background: transparent;
        color: currentColor;
        font-size: 9px;
        font-weight: 500;
        letter-spacing: .12em;
        line-height: 1;
        text-transform: uppercase;
        transform: none;
    }
    .lw2-site .lw2-menu > .lw2-menu-icon {
        display: flex;
        flex: 0 0 18px;
        flex-direction: column;
        gap: 5px;
        width: 18px;
        height: auto;
        background: transparent;
        transform: none;
    }
    .lw2-site .lw2-menu-icon i {
        display: block;
        width: 18px;
        height: 1px;
        background: currentColor;
        transition: transform .3s var(--lw2-ease);
    }
    .lw2-site .lw2-menu.is-open > .lw2-menu-label,
    .lw2-site .lw2-menu.is-open > .lw2-menu-icon { transform: none; }
    .lw2-site .lw2-menu.is-open .lw2-menu-icon i:first-child { transform: translateY(3px) rotate(45deg); }
    .lw2-site .lw2-menu.is-open .lw2-menu-icon i:last-child { transform: translateY(-3px) rotate(-45deg); }
    .lw2-site .lw2-header.is-scrolled .lw2-menu { color: var(--lw2-ink); }
    .lw2-site .lw2-header.is-menu-open .lw2-menu,
    .lw2-site .lw2-header.is-scrolled.is-menu-open .lw2-menu { color: #fffdf8; }
}

/* CTA follows the navigation system: square, quiet, and editorial. */
.lw2-site .lw2-cta .lw2-button--dark {
    min-height: 56px;
    padding: 0 0 0 18px;
    border: 1px solid var(--lw2-ink);
    border-radius: 0;
    background: transparent;
    color: var(--lw2-ink);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    transition: background .3s var(--lw2-ease), color .3s var(--lw2-ease), border-color .3s var(--lw2-ease);
}
.lw2-site .lw2-cta .lw2-button--dark span {
    display: inline-grid;
    width: 44px;
    height: 54px;
    margin-left: 16px;
    place-items: center;
    border-left: 1px solid rgba(36, 33, 31, .26);
    font-size: 16px;
    line-height: 1;
    transition: border-color .3s var(--lw2-ease);
}
.lw2-site .lw2-cta .lw2-button--dark:hover {
    background: var(--lw2-ink);
    border-color: var(--lw2-ink);
    color: #fffdf8;
    transform: none;
}
.lw2-site .lw2-cta .lw2-button--dark:hover span { border-color: rgba(255, 253, 248, .28); }

@media (max-width: 560px) {
    .lw2-site .lw2-cta .lw2-button--dark { min-height: 52px; padding-left: 15px; }
    .lw2-site .lw2-cta .lw2-button--dark span { width: 38px; height: 50px; margin-left: 12px; }
}

/* Guard the tablet-width header from squeezing into horizontal overflow. */
@media (max-width: 1100px) {
    .lw2-site .lw2-nav {
        width: 100%;
        min-width: 0;
    }
    .lw2-site .lw2-nav-links { display: none; }
    .lw2-site .lw2-logo--header { min-width: 0; }
    .lw2-site .lw2-menu {
        display: inline-flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        width: 88px;
        height: 38px;
        margin-left: auto;
        padding: 0 10px 0 12px;
        border-radius: 0;
        color: #fffdf8;
    }
    .lw2-site .lw2-menu > .lw2-menu-label {
        display: inline;
        width: auto;
        height: auto;
        background: transparent;
        color: currentColor;
        font-size: 9px;
        font-weight: 500;
        letter-spacing: .12em;
        line-height: 1;
        text-transform: uppercase;
        transform: none;
    }
    .lw2-site .lw2-menu > .lw2-menu-icon {
        display: flex;
        flex: 0 0 18px;
        flex-direction: column;
        gap: 5px;
        width: 18px;
        height: auto;
        background: transparent;
        transform: none;
    }
    .lw2-site .lw2-menu-icon i {
        display: block;
        width: 18px;
        height: 1px;
        background: currentColor;
    }
    .lw2-site .lw2-menu.is-open > .lw2-menu-label,
    .lw2-site .lw2-menu.is-open > .lw2-menu-icon { transform: none; }
    .lw2-site .lw2-menu.is-open .lw2-menu-icon i:first-child { transform: translateY(3px) rotate(45deg); }
    .lw2-site .lw2-menu.is-open .lw2-menu-icon i:last-child { transform: translateY(-3px) rotate(-45deg); }
    .lw2-site .lw2-header.is-scrolled .lw2-menu { color: var(--lw2-ink); }
    .lw2-site .lw2-header.is-menu-open .lw2-menu,
    .lw2-site .lw2-header.is-scrolled.is-menu-open .lw2-menu { color: #fffdf8; }
}

@media (min-width: 901px) and (max-width: 1100px) {
    .lw2-site .lw2-nav-cta { display: inline-flex; }
}

/* Compressed header: preserve the action as an icon, move the label into the menu. */
.lw2-site .lw2-nav-cta > .lw2-nav-cta-label {
    display: inline;
    width: auto;
    height: auto;
    border: 0;
    font-size: inherit;
    line-height: 1;
}

@media (max-width: 1100px) {
    .lw2-site .lw2-nav-cta {
        display: inline-flex;
        width: 40px;
        min-height: 38px;
        padding: 0;
        justify-content: center;
        gap: 0;
    }
    .lw2-site .lw2-nav-cta > .lw2-nav-cta-label { display: none; }
    .lw2-site .lw2-nav-cta > span:not(.lw2-nav-cta-label) {
        width: 38px;
        height: 36px;
        border-left: 0;
        font-size: 16px;
    }
    .lw2-site .lw2-mobile .lw2-mobile-secondary {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
        max-width: none;
        margin: 30px 0 0;
        border-top: 1px solid rgba(255, 253, 248, .2);
    }
    .lw2-site .lw2-mobile .lw2-mobile-secondary a {
        display: block;
        min-height: 0;
        padding: 17px 0 0;
        border: 0;
        color: rgba(255, 253, 248, .58);
        font-size: 10px;
        font-weight: 500;
        letter-spacing: .1em;
        line-height: 1.2;
        text-transform: uppercase;
    }
    .lw2-site .lw2-mobile .lw2-mobile-secondary a:hover {
        padding-left: 0;
        color: #fffdf8;
    }
}

@media (max-width: 560px) {
    .lw2-site .lw2-logo--header,
    .lw2-site .lw2-logo--header .lw2-logo-mark { width: 104px; }
    .lw2-site .lw2-nav { gap: 10px; }
    .lw2-site .lw2-nav-cta { width: 36px; }
    .lw2-site .lw2-nav-cta > span:not(.lw2-nav-cta-label) { width: 34px; }
    .lw2-site .lw2-menu { width: 76px; padding-right: 8px; padding-left: 10px; }
    .lw2-site .lw2-mobile .lw2-mobile-secondary { gap: 8px; }
    .lw2-site .lw2-mobile .lw2-mobile-secondary a { font-size: 9px; letter-spacing: .06em; }
}

@media (max-width: 560px) {
    .lw2-site .lw2-mobile {
        padding-right: 22px;
        padding-left: 22px;
    }
    .lw2-site .lw2-mobile nav a {
        min-height: 82px;
        font-size: clamp(38px, 11vw, 58px);
    }
}

/* Final menu-button reset: isolate the label and icon from legacy span rules. */
@media (max-width: 1100px) {
    .lw2-site .lw2-menu {
        display: inline-flex !important;
        flex: 0 0 auto !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 88px !important;
        min-width: 88px !important;
        height: 38px !important;
        min-height: 38px !important;
        margin-left: auto !important;
        padding: 0 10px 0 12px !important;
        border-radius: 0 !important;
        color: #fffdf8 !important;
        cursor: pointer;
        overflow: visible;
    }
    .lw2-site .lw2-menu > .lw2-menu-label {
        display: inline-block !important;
        flex: 0 0 auto !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        color: currentColor !important;
        font-size: 9px !important;
        font-weight: 500 !important;
        letter-spacing: .12em !important;
        line-height: 1 !important;
        text-transform: uppercase;
        transform: none !important;
    }
    .lw2-site .lw2-menu > .lw2-menu-icon {
        display: flex !important;
        flex: 0 0 18px !important;
        flex-direction: column !important;
        gap: 5px !important;
        width: 18px !important;
        height: 11px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        transform: none !important;
    }
    .lw2-site .lw2-menu > .lw2-menu-icon > i {
        display: block !important;
        flex: 0 0 1px !important;
        width: 18px !important;
        height: 1px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: currentColor !important;
        transform: none;
    }
    .lw2-site .lw2-menu.is-open > .lw2-menu-icon > i:first-child { transform: translateY(3px) rotate(45deg); }
    .lw2-site .lw2-menu.is-open > .lw2-menu-icon > i:last-child { transform: translateY(-3px) rotate(-45deg); }
    .lw2-site .lw2-header.is-scrolled .lw2-menu { color: var(--lw2-ink) !important; }
    .lw2-site .lw2-header.is-menu-open .lw2-menu,
    .lw2-site .lw2-header.is-scrolled.is-menu-open .lw2-menu { color: #fffdf8 !important; }
}

@media (max-width: 560px) {
    .lw2-site .lw2-menu {
        width: 76px !important;
        min-width: 76px !important;
        padding-right: 8px !important;
        padding-left: 10px !important;
    }
}

/* All eight destinations share one continuous vertical navigation rhythm. */
.lw2-site .lw2-mobile .lw2-mobile-secondary {
    display: block;
    max-width: 1080px;
    margin: 0 auto;
    border-top: 0;
}
.lw2-site .lw2-mobile .lw2-mobile-secondary a {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 24px;
    min-height: clamp(76px, 11vw, 120px);
    padding: 18px 0 16px;
    border-bottom: 1px solid rgba(255, 253, 248, .2);
    color: #fffdf8;
    font-size: clamp(38px, 7vw, 88px);
    font-weight: 300;
    letter-spacing: -.055em;
    line-height: .95;
    text-decoration: none;
    text-transform: none;
    transition: color .3s var(--lw2-ease), padding-left .3s var(--lw2-ease);
}
.lw2-site .lw2-mobile .lw2-mobile-secondary a:hover {
    padding-left: 12px;
    color: #e8c98e;
}
.lw2-site .lw2-mobile .lw2-mobile-secondary a span {
    flex: 0 0 auto;
    color: rgba(255, 253, 248, .45);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .12em;
    line-height: 1;
}

@media (max-width: 560px) {
    .lw2-site .lw2-mobile .lw2-mobile-secondary a {
        min-height: 82px;
        font-size: clamp(38px, 11vw, 58px);
    }
}

/* Compressed state stays icon-only: no MENU/CLOSE copy in the header. */
@media (max-width: 1100px) {
    .lw2-site .lw2-menu {
        width: 42px !important;
        min-width: 42px !important;
        padding: 0 !important;
        justify-content: center !important;
    }
    .lw2-site .lw2-menu > .lw2-menu-label { display: none !important; }
    .lw2-site .lw2-menu > .lw2-menu-icon { flex-basis: 18px !important; }
}

@media (max-width: 560px) {
    .lw2-site .lw2-menu { width: 40px !important; min-width: 40px !important; }
}

/* Canonical navigation system. Keep this block as the single source of truth
   for the shared header across homepage and secondary pages. */
.lw2-site .lw2-header {
    position: absolute;
    inset: 0 0 auto;
    z-index: 20;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    color: #fffdf8;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
.lw2-site .lw2-nav {
    position: relative;
    width: min(1280px, calc(100% - 80px));
    min-width: 0;
    min-height: 86px;
    display: flex;
    align-items: center;
    gap: 28px;
    border-bottom: 0;
}
.lw2-site .lw2-logo--header {
    position: relative;
    width: 137px;
    min-width: 0;
    min-height: 27px;
}
.lw2-site .lw2-logo--header .lw2-logo-mark {
    width: 137px;
    height: auto;
    transition: opacity .25s var(--lw2-ease);
}
.lw2-site .lw2-logo--header .lw2-logo-mark--light { opacity: 1; }
.lw2-site .lw2-logo--header .lw2-logo-mark--dark {
    position: absolute;
    inset: 0 auto auto 0;
    opacity: 0;
}
.lw2-site .lw2-nav-links {
    display: flex;
    align-items: center;
    gap: 25px;
    min-width: 0;
    margin-left: auto;
    color: rgba(255, 253, 248, .85);
    font-family: var(--lw2-functional);
    font-size: 11px;
    letter-spacing: .1em;
    line-height: 1;
    text-transform: uppercase;
}
.lw2-site .lw2-nav-links a {
    position: relative;
    padding: 9px 0;
    text-decoration: none;
    white-space: nowrap;
}
.lw2-site .lw2-nav-links a::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background: currentColor;
    content: "";
    opacity: 0;
    transform: scaleX(0);
    transform-origin: right center;
    transition: opacity .25s var(--lw2-ease), transform .25s var(--lw2-ease);
}
.lw2-site .lw2-nav-links a:hover,
.lw2-site .lw2-nav-links a:focus-visible { color: #fffdf8; }
.lw2-site .lw2-nav-links a:hover::after,
.lw2-site .lw2-nav-links a:focus-visible::after {
    opacity: .9;
    transform: scaleX(1);
    transform-origin: left center;
}
.lw2-site .lw2-nav-cta {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0;
    min-height: 38px;
    max-width: 230px;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(255, 253, 248, .42);
    border-radius: 0;
    background: transparent;
    color: #fffdf8;
    font-family: var(--lw2-functional);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .1em;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background .25s var(--lw2-ease), border-color .25s var(--lw2-ease), color .25s var(--lw2-ease);
}
.lw2-site .lw2-nav-cta > .lw2-nav-cta-label {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 0 14px;
    border: 0;
    font-size: inherit;
    line-height: 1;
}
.lw2-site .lw2-nav-cta > .lw2-nav-cta-icon {
    display: inline-grid;
    width: 34px;
    height: 36px;
    place-items: center;
    border-left: 1px solid rgba(255, 253, 248, .28);
    font-size: 14px;
    line-height: 1;
}
.lw2-site .lw2-nav-cta:hover,
.lw2-site .lw2-nav-cta:focus-visible {
    background: rgba(255, 253, 248, .12);
    border-color: rgba(255, 253, 248, .72);
}
.lw2-site .lw2-menu { display: none; }

/* Secondary pages start on a light surface; the homepage starts over its hero. */
.lw2-site.lw2-subsite .lw2-header {
    background: rgba(247, 245, 240, .96);
    border-bottom: 1px solid var(--lw2-line);
    color: var(--lw2-ink);
}
.lw2-site.lw2-subsite .lw2-nav { border-bottom-color: var(--lw2-line); }
.lw2-site.lw2-subsite .lw2-logo-mark--light { opacity: 0; }
.lw2-site.lw2-subsite .lw2-logo-mark--dark { opacity: 1; }
.lw2-site.lw2-subsite .lw2-nav-links { color: var(--lw2-muted); }
.lw2-site.lw2-subsite .lw2-nav-links a:hover,
.lw2-site.lw2-subsite .lw2-nav-links a:focus-visible { color: var(--lw2-ink); }
.lw2-site.lw2-subsite .lw2-nav-cta {
    border-color: rgba(36, 33, 31, .25);
    color: var(--lw2-ink);
}
.lw2-site.lw2-subsite .lw2-nav-cta > .lw2-nav-cta-icon { border-color: rgba(36, 33, 31, .16); }
.lw2-site.lw2-subsite .lw2-nav-cta:hover,
.lw2-site.lw2-subsite .lw2-nav-cta:focus-visible { background: rgba(36, 33, 31, .08); }

.lw2-site .lw2-header.is-scrolled {
    position: fixed;
    top: 0;
    background: rgba(247, 245, 240, .94);
    border-bottom: 1px solid var(--lw2-line);
    box-shadow: 0 8px 24px rgba(48, 42, 34, .07);
    color: var(--lw2-ink);
    backdrop-filter: blur(22px) saturate(120%);
    -webkit-backdrop-filter: blur(22px) saturate(120%);
}
.lw2-site .lw2-header.is-scrolled .lw2-nav { border-bottom-color: transparent; }
.lw2-site .lw2-header.is-scrolled .lw2-logo-mark--light { opacity: 0; }
.lw2-site .lw2-header.is-scrolled .lw2-logo-mark--dark { opacity: 1; }
.lw2-site .lw2-header.is-scrolled .lw2-nav-links { color: var(--lw2-muted); }
.lw2-site .lw2-header.is-scrolled .lw2-nav-links a:hover,
.lw2-site .lw2-header.is-scrolled .lw2-nav-links a:focus-visible { color: var(--lw2-ink); }
.lw2-site .lw2-header.is-scrolled .lw2-nav-cta {
    border-color: rgba(36, 33, 31, .25);
    color: var(--lw2-ink);
}
.lw2-site .lw2-header.is-scrolled .lw2-nav-cta > .lw2-nav-cta-icon { border-color: rgba(36, 33, 31, .16); }

/* The menu is intentionally a full-screen editorial layer on touch widths. */
.lw2-site .lw2-mobile { display: none; }
.lw2-site .lw2-mobile[hidden] { display: none; }
.lw2-site .lw2-mobile:not([hidden]) {
    position: fixed;
    inset: 0;
    z-index: 50;
    display: block;
    width: 100%;
    height: 100dvh;
    min-height: 100svh;
    padding: clamp(108px, 15vh, 156px) max(22px, calc((100vw - 1280px) / 2)) 42px;
    overflow-y: auto;
    background: var(--lw2-dark);
    color: #fffdf8;
}
.lw2-site .lw2-mobile nav {
    max-width: 1080px;
    margin: 0 auto;
    border-top: 1px solid rgba(255, 253, 248, .2);
}
.lw2-site .lw2-mobile nav a {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 24px;
    min-height: clamp(76px, 11vw, 120px);
    padding: 18px 0 16px;
    border-bottom: 1px solid rgba(255, 253, 248, .2);
    color: #fffdf8;
    font-size: clamp(38px, 7vw, 88px);
    font-weight: 300;
    letter-spacing: -.055em;
    line-height: .95;
    text-decoration: none;
    transition: color .25s var(--lw2-ease), padding-left .25s var(--lw2-ease);
}
.lw2-site .lw2-mobile nav a:hover,
.lw2-site .lw2-mobile nav a:focus-visible,
.lw2-site .lw2-mobile nav a[aria-current="page"] {
    color: #e8c98e;
}
.lw2-site .lw2-mobile nav a:hover,
.lw2-site .lw2-mobile nav a:focus-visible { padding-left: 12px; }
.lw2-site .lw2-mobile nav a span {
    flex: 0 0 auto;
    color: rgba(255, 253, 248, .45);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .12em;
    line-height: 1;
}
.lw2-site .lw2-mobile .lw2-mobile-secondary {
    display: block;
    margin-top: 30px !important;
    border-top: 1px solid rgba(255, 253, 248, .2);
}
.lw2-site .lw2-mobile .lw2-mobile-secondary a {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    min-height: clamp(76px, 11vw, 120px);
    padding: 18px 0 16px;
    border-bottom: 1px solid rgba(255, 253, 248, .2);
    color: #fffdf8;
    font-size: clamp(38px, 7vw, 88px);
    font-weight: 300;
    letter-spacing: -.055em;
    line-height: .95;
    text-transform: none;
}
.lw2-site .lw2-mobile .lw2-mobile-cta {
    display: inline-flex;
    width: auto;
    min-height: 0;
    margin: 0 0 38px;
    padding: 0 0 12px;
    border: 0;
    border-bottom: 1px solid rgba(255, 253, 248, .42);
    border-radius: 0;
    background: transparent;
    color: #fffdf8;
    font-size: 12px;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.lw2-site .lw2-mobile .lw2-mobile-cta:hover,
.lw2-site .lw2-mobile .lw2-mobile-cta:focus-visible { background: transparent; color: #e8c98e; transform: none; }
.lw2-site .lw2-mobile .lw2-mobile-cta:focus-visible {
    outline: 0;
    outline-offset: 0;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 5px;
}
.lw2-site .lw2-header.is-menu-open,
.lw2-site .lw2-header.is-scrolled.is-menu-open {
    position: fixed;
    top: 0;
    z-index: 60;
    background: var(--lw2-dark);
    border-color: transparent;
    color: #fffdf8;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
.lw2-site .lw2-header.is-menu-open .lw2-nav,
.lw2-site .lw2-header.is-scrolled.is-menu-open .lw2-nav { border-bottom-color: rgba(255, 253, 248, .2); }
.lw2-site .lw2-header.is-menu-open .lw2-logo-mark--light,
.lw2-site .lw2-header.is-scrolled.is-menu-open .lw2-logo-mark--light { opacity: 1; }
.lw2-site .lw2-header.is-menu-open .lw2-logo-mark--dark,
.lw2-site .lw2-header.is-scrolled.is-menu-open .lw2-logo-mark--dark { opacity: 0; }
.lw2-site .lw2-header.is-menu-open .lw2-mobile,
.lw2-site .lw2-header.is-scrolled.is-menu-open .lw2-mobile { background: var(--lw2-dark); }
.lw2-site.lw2-menu-open { overflow: hidden; }
.lw2-site .lw2-menu:focus-visible,
.lw2-site .lw2-mobile a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }

@media (max-width: 1100px) {
    .lw2-site .lw2-nav {
        width: min(100% - 36px, 1280px);
        gap: 16px;
    }
    .lw2-site .lw2-nav-links { display: none; }
    .lw2-site .lw2-nav-cta {
        display: inline-flex;
        max-width: none;
        margin-left: auto;
    }
    .lw2-site .lw2-nav-cta > .lw2-nav-cta-label { display: inline-block !important; }
    .lw2-site .lw2-menu {
        display: inline-flex !important;
        flex: 0 0 40px !important;
        align-items: center;
        justify-content: center;
        width: 40px !important;
        min-width: 40px !important;
        height: 40px;
        margin-left: 0;
        padding: 0;
        border: 1px solid currentColor;
        border-radius: 0;
        background: transparent;
        color: #fffdf8;
        cursor: pointer;
    }
    .lw2-site .lw2-menu > .lw2-menu-label { display: none !important; }
    .lw2-site .lw2-menu > .lw2-menu-icon {
        display: flex !important;
        flex: 0 0 18px !important;
        flex-direction: column;
        gap: 5px;
        width: 18px;
        height: 11px;
    }
    .lw2-site .lw2-menu-icon i {
        display: block;
        width: 18px;
        height: 1px;
        background: currentColor;
        transition: transform .25s var(--lw2-ease);
    }
    .lw2-site .lw2-menu.is-open .lw2-menu-icon i:first-child { transform: translateY(3px) rotate(45deg); }
    .lw2-site .lw2-menu.is-open .lw2-menu-icon i:last-child { transform: translateY(-3px) rotate(-45deg); }
    .lw2-site .lw2-header.is-scrolled .lw2-menu { color: var(--lw2-ink); }
    .lw2-site .lw2-header.is-menu-open .lw2-menu,
    .lw2-site .lw2-header.is-scrolled.is-menu-open .lw2-menu { color: #fffdf8; }
}

@media (max-width: 900px) {
    .lw2-site .lw2-header { padding: 0 18px; }
    .lw2-site .lw2-nav,
    .lw2-site .lw2-header.is-scrolled .lw2-nav { width: 100%; min-height: 68px; }
    .lw2-site .lw2-logo--header,
    .lw2-site .lw2-logo--header .lw2-logo-mark { width: 128px; }
    .lw2-site .lw2-nav-cta { display: none; }
    .lw2-site .lw2-mobile:not([hidden]) { padding-right: 22px; padding-left: 22px; }
}

@media (max-width: 560px) {
    .lw2-site .lw2-header { padding: 0; }
    .lw2-site .lw2-nav { min-height: 64px; }
    .lw2-site .lw2-logo--header,
    .lw2-site .lw2-logo--header .lw2-logo-mark { width: 112px; }
    .lw2-site .lw2-mobile nav a { min-height: 82px; font-size: clamp(38px, 11vw, 58px); }
}

/* Keep the in-page CTA aligned with the same square editorial language. */
.lw2-site .lw2-cta .lw2-button--dark {
    min-height: 56px;
    padding: 0 0 0 18px;
    border: 1px solid var(--lw2-ink);
    border-radius: 0;
    background: transparent;
    color: var(--lw2-ink);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.lw2-site .lw2-cta .lw2-button--dark span {
    display: inline-grid;
    width: 44px;
    height: 54px;
    margin-left: 16px;
    place-items: center;
    border-left: 1px solid rgba(36, 33, 31, .26);
    font-size: 16px;
}
.lw2-site .lw2-cta .lw2-button--dark:hover { background: var(--lw2-ink); color: #fffdf8; transform: none; }
.lw2-site .lw2-cta .lw2-button--dark:hover span { border-color: rgba(255, 253, 248, .28); }

/* Account for high-density browser viewports: compact mode starts at 1280px. */
@media (max-width: 1280px) {
    body.lw2-site {
        width: 100%;
        max-width: 100vw;
        overflow-x: hidden;
        overflow-x: clip;
    }
    .lw2-site .lw2-header,
    .lw2-site main,
    .lw2-site .lw2-footer {
        width: 100%;
        max-width: 100vw;
    }
    .lw2-site .lw2-nav {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }
    .lw2-site .lw2-nav-links { display: none !important; }
    .lw2-site .lw2-nav-cta {
        display: inline-flex !important;
        flex: 0 0 40px !important;
        width: 40px !important;
        min-width: 40px !important;
        min-height: 38px !important;
        padding: 0 !important;
        justify-content: center !important;
        gap: 0 !important;
    }
    .lw2-site .lw2-nav-cta > .lw2-nav-cta-label { display: none !important; }
    .lw2-site .lw2-nav-cta > span:not(.lw2-nav-cta-label) {
        display: inline-grid !important;
        width: 38px !important;
        height: 36px !important;
        margin: 0 !important;
        border-left: 0 !important;
        place-items: center !important;
        font-size: 16px !important;
    }
    .lw2-site .lw2-menu {
        display: inline-flex !important;
        flex: 0 0 42px !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        width: 42px !important;
        min-width: 42px !important;
        height: 38px !important;
        min-height: 38px !important;
        margin-left: auto !important;
        padding: 0 !important;
        border-radius: 0 !important;
        color: #fffdf8 !important;
        cursor: pointer;
    }
    .lw2-site .lw2-menu > .lw2-menu-label { display: none !important; }
    .lw2-site .lw2-menu > .lw2-menu-icon {
        display: flex !important;
        flex: 0 0 18px !important;
        flex-direction: column !important;
        gap: 5px !important;
        width: 18px !important;
        height: 11px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        transform: none !important;
    }
    .lw2-site .lw2-menu > .lw2-menu-icon > i {
        display: block !important;
        width: 18px !important;
        height: 1px !important;
        flex: 0 0 1px !important;
        margin: 0 !important;
        background: currentColor !important;
        transform: none;
    }
    .lw2-site .lw2-menu.is-open > .lw2-menu-icon > i:first-child { transform: translateY(3px) rotate(45deg); }
    .lw2-site .lw2-menu.is-open > .lw2-menu-icon > i:last-child { transform: translateY(-3px) rotate(-45deg); }
    .lw2-site .lw2-header.is-scrolled .lw2-menu { color: var(--lw2-ink) !important; }
    .lw2-site .lw2-header.is-menu-open .lw2-menu { color: #fffdf8 !important; }
}

/* Phone/tablet global menu: keep all eight destinations inside one viewport. */
@media (max-width: 1100px) {
    .lw2-site .lw2-mobile {
        padding: 78px max(16px, calc((100vw - 760px) / 2)) 18px;
    }
    .lw2-site .lw2-mobile nav a,
    .lw2-site .lw2-mobile .lw2-mobile-secondary a {
        min-height: 45px;
        padding: 8px 0 7px;
        font-size: clamp(24px, 4vw, 34px);
        letter-spacing: -.045em;
        line-height: .98;
    }
    .lw2-site .lw2-mobile nav a span,
    .lw2-site .lw2-mobile .lw2-mobile-secondary a span {
        font-size: 9px;
        letter-spacing: .1em;
    }
    .lw2-site .lw2-mobile .lw2-button { display: none; }
}

/* On compressed headers the launch action lives in the menu; never leave a lone arrow tile. */
@media (max-width: 1280px) {
    .lw2-site .lw2-nav-cta { display: none !important; }
}

/* Compact header guard: keep the logo off the viewport edge and reset native button paint. */
@media (max-width: 1100px) {
    .lw2-site .lw2-nav {
        min-height: 72px !important;
        padding-right: 24px !important;
        padding-left: 24px !important;
    }

    .lw2-site .lw2-menu {
        appearance: none !important;
        -webkit-appearance: none !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .lw2-site .lw2-header.is-scrolled .lw2-menu {
        border: 0 !important;
        background: transparent !important;
    }
}

@media (max-width: 900px) {
    .lw2-site .lw2-nav {
        padding-right: 18px !important;
        padding-left: 18px !important;
    }
}

/* The menu is an icon, not a framed control: suppress native and focus chrome. */
.lw2-site .lw2-header .lw2-nav > .lw2-menu,
.lw2-site .lw2-header .lw2-nav > .lw2-menu:hover,
.lw2-site .lw2-header .lw2-nav > .lw2-menu:focus,
.lw2-site .lw2-header .lw2-nav > .lw2-menu:focus-visible,
.lw2-site .lw2-header.is-scrolled .lw2-nav > .lw2-menu {
    border: 0 !important;
    outline: 0 !important;
    outline-offset: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

/* Page-aware menu hierarchy: the homepage sells the product; inner pages orient the reader. */
.lw2-site .lw2-mobile .lw2-mobile-secondary {
    margin-top: 22px;
    padding-top: 8px;
    border-top: 1px solid rgba(255, 253, 248, .24);
}

.lw2-site.lw2-homepage .lw2-mobile .lw2-mobile-secondary a {
    min-height: 52px;
    padding: 12px 0 10px;
    color: rgba(255, 253, 248, .66);
    font-size: clamp(18px, 3vw, 28px);
    letter-spacing: -.03em;
}

.lw2-site.lw2-homepage .lw2-mobile .lw2-mobile-secondary a span {
    color: rgba(255, 253, 248, .36);
}

.lw2-site.lw2-subsite .lw2-mobile > nav:not(.lw2-mobile-secondary) a {
    color: rgba(255, 253, 248, .62);
}

.lw2-site.lw2-subsite .lw2-mobile .lw2-mobile-secondary {
    margin-top: 22px;
    padding-top: 8px;
}

.lw2-site.lw2-subsite .lw2-mobile .lw2-mobile-secondary a {
    color: #fffdf8;
}

.lw2-site.lw2-subsite .lw2-mobile .lw2-mobile-secondary a[aria-current="page"] {
    color: #e8c98e;
    padding-left: 12px;
}

.lw2-site.lw2-subsite .lw2-mobile .lw2-mobile-secondary a[aria-current="page"] span {
    color: #e8c98e;
}

@media (max-width: 1100px) {
    .lw2-site .lw2-mobile .lw2-mobile-secondary {
        margin-top: 12px;
        padding-top: 4px;
    }

    .lw2-site.lw2-homepage .lw2-mobile .lw2-mobile-secondary a {
        min-height: 34px;
        padding: 5px 0 4px;
        font-size: clamp(16px, 2.5vw, 22px);
        line-height: 1;
    }

    .lw2-site.lw2-subsite .lw2-mobile > nav:not(.lw2-mobile-secondary) a {
        min-height: 34px;
        padding: 5px 0 4px;
        font-size: clamp(16px, 2.5vw, 22px);
        line-height: 1;
    }

    .lw2-site.lw2-subsite .lw2-mobile .lw2-mobile-secondary a[aria-current="page"] {
        padding-left: 8px;
    }
}

/* Final editorial audit: reduce menu chrome and let spacing carry the hierarchy. */
@media (max-width: 1100px) {
    .lw2-site .lw2-mobile nav {
        border-top: 1px solid rgba(255, 253, 248, .2);
        border-bottom: 1px solid rgba(255, 253, 248, .2);
    }

    .lw2-site .lw2-mobile nav a,
    .lw2-site .lw2-mobile .lw2-mobile-secondary a {
        border-bottom: 0;
    }

    .lw2-site .lw2-mobile .lw2-mobile-secondary {
        margin-top: 34px;
        padding-top: 0;
        border-top: 1px solid rgba(255, 253, 248, .2);
    }

    .lw2-site .lw2-mobile .lw2-mobile-secondary a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (max-width: 560px) {
    .lw2-site .lw2-mobile .lw2-mobile-secondary {
        margin-top: 28px;
    }
}

/* Secondary destinations use a jump cue instead of pretending to be section indexes. */
@media (max-width: 1100px) {
    .lw2-site .lw2-mobile .lw2-mobile-secondary a span {
        color: rgba(255, 253, 248, .58);
        font-size: 14px;
        letter-spacing: 0;
    }
}

/* Final breakpoint contract: the legacy compact-mode rules above must not
   turn the medium-width launch action into an unexplained icon or hide the
   action from the mobile menu. */
@media (min-width: 901px) and (max-width: 1100px) {
    .lw2-site .lw2-nav-cta {
        display: inline-flex !important;
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 38px !important;
        padding: 0 !important;
        justify-content: flex-start !important;
    }
    .lw2-site .lw2-nav-cta > .lw2-nav-cta-label { display: inline-block !important; }
    .lw2-site .lw2-nav-cta > .lw2-nav-cta-icon {
        display: inline-grid !important;
        width: 34px !important;
        height: 36px !important;
        margin: 0 !important;
        border-left: 1px solid rgba(255, 253, 248, .28) !important;
    }
    /* Only the launch action absorbs the free space; the menu button stays
       attached to it so the two right-hand actions read as one cluster. */
    .lw2-site .lw2-nav-cta { margin-left: auto !important; }
    .lw2-site .lw2-menu { margin-left: 0 !important; }
}

@media (max-width: 1100px) {
    .lw2-site .lw2-mobile .lw2-mobile-cta { display: inline-flex !important; }
}

/* The compact breakpoint makes the nav full width before the phone rules
   apply their side padding. Keep the header controls inside the viewport. */
@media (max-width: 1280px) {
    .lw2-site .lw2-nav {
        padding-right: 24px !important;
        padding-left: 24px !important;
    }
}

@media (max-width: 900px) {
    .lw2-site .lw2-nav {
        padding-right: 18px !important;
        padding-left: 18px !important;
    }
}

/* ==========================================================================
   Motion system — fluid-interface defaults
   Response 0.18-0.4s, critically damped (no overshoot) for state changes.
   Reversible transitions use a mirrored easing pair so the outbound path
   matches the return path. Press feedback fires on pointer-down, not release.
   ========================================================================== */
:root {
    --lw2-motion-press: 110ms;
    --lw2-motion-fast: 180ms;
    --lw2-motion-base: 300ms;
    --lw2-motion-slow: 400ms;
    /* Mirror pair: exit is the inverse cubic-bezier of enter. */
    --lw2-ease-enter: cubic-bezier(.32, .72, 0, 1);
    --lw2-ease-exit: cubic-bezier(1, 0, .68, .28);
}

/* Scoped to the live site: legacy sections still carry `transition: all`,
   and enabling keyword interpolation globally would start animating their
   auto-height changes too. */
.lw2-site {
    interpolate-size: allow-keywords;
}

/* 1 — Header scroll state.
   The header stays fixed from the first frame. The inner nav keeps one
   geometry; only the full-width material layer changes after a small scroll. */
.lw2-site .lw2-header {
    transition:
        background var(--lw2-motion-slow) var(--lw2-ease-enter),
        border-color var(--lw2-motion-slow) var(--lw2-ease-enter),
        box-shadow var(--lw2-motion-slow) var(--lw2-ease-enter),
        color var(--lw2-motion-slow) var(--lw2-ease-enter),
        -webkit-backdrop-filter var(--lw2-motion-slow) var(--lw2-ease-enter),
        backdrop-filter var(--lw2-motion-slow) var(--lw2-ease-enter);
}

/* 2 — Mobile menu materializes instead of switching on.
   Enter and exit travel the same path, so grabbing the toggle mid-flight
   reverses along the route the panel came in on. */
.lw2-site .lw2-header .lw2-mobile {
    opacity: 0 !important;
    transform: translateY(-10px);
    transform-origin: top center;
    transition:
        opacity var(--lw2-motion-fast) var(--lw2-ease-exit),
        transform var(--lw2-motion-fast) var(--lw2-ease-exit);
}

.lw2-site .lw2-header .lw2-mobile.is-open {
    opacity: 1 !important;
    transform: translateY(0);
    transition:
        opacity var(--lw2-motion-base) var(--lw2-ease-enter),
        transform var(--lw2-motion-base) var(--lw2-ease-enter);
}

/* 3 — Room tab panels cross-fade, and their frame morphs to the new height
   rather than snapping. Height is driven from JS as an explicit px value. */
.lw2-site .lw2-room-screen,
.lw2-site .lw2-room-copy {
    transition: height var(--lw2-motion-base) var(--lw2-ease-enter);
}

.lw2-site .lw2-room-panel,
.lw2-site .lw2-room-copy-panel {
    transition:
        opacity var(--lw2-motion-fast) var(--lw2-ease-enter),
        transform var(--lw2-motion-fast) var(--lw2-ease-enter);
}

.lw2-site .lw2-room-panel.is-entering,
.lw2-site .lw2-room-copy-panel.is-entering {
    opacity: 0;
    transform: translateY(7px);
}

/* 4 — Press feedback. Highlight on the press, commit on release. */
.lw2-site .lw2-button,
.lw2-site .lw2-nav-cta,
.lw2-site .lw2-mobile-cta,
.lw2-site .lw2-menu,
.lw2-site .lw2-room-tabs button,
.lw2-site .lw2-finish-buttons button,
.lw2-site .lw2-room-privacy {
    transition:
        background var(--lw2-motion-base) var(--lw2-ease-enter),
        border-color var(--lw2-motion-base) var(--lw2-ease-enter),
        color var(--lw2-motion-base) var(--lw2-ease-enter),
        transform var(--lw2-motion-press) var(--lw2-ease-exit);
}

.lw2-site .lw2-button:active,
.lw2-site .lw2-nav-cta:active,
.lw2-site .lw2-mobile-cta:active,
.lw2-site .lw2-menu:active,
.lw2-site .lw2-room-tabs button:active,
.lw2-site .lw2-finish-buttons button:active,
.lw2-site .lw2-room-privacy:active {
    transform: scale(.97);
}

/* 5 — FAQ disclosure. Native <details> opens discretely; where the engine
   supports it, the panel grows to its own height instead. */
.lw2-site details::details-content {
    block-size: 0;
    overflow: hidden;
    transition:
        block-size var(--lw2-motion-base) var(--lw2-ease-enter),
        content-visibility var(--lw2-motion-base) var(--lw2-ease-enter) allow-discrete;
}

.lw2-site details[open]::details-content {
    block-size: auto;
}

.lw2-site summary {
    transition: color var(--lw2-motion-fast) var(--lw2-ease-enter);
}

/* 6 — Reduced motion keeps comprehension cues, drops the vestibular ones:
   opacity still cross-fades, nothing travels or resizes. */
@media (prefers-reduced-motion: reduce) {
    .lw2-site .lw2-header,
    .lw2-site .lw2-nav,
    .lw2-site .lw2-room-screen,
    .lw2-site .lw2-room-copy,
    .lw2-site details::details-content {
        transition-duration: .01ms !important;
    }

    .lw2-site .lw2-header .lw2-mobile,
    .lw2-site .lw2-room-panel,
    .lw2-site .lw2-room-copy-panel {
        transform: none !important;
        transition: opacity 200ms linear !important;
    }

    .lw2-site .lw2-button:active,
    .lw2-site .lw2-nav-cta:active,
    .lw2-site .lw2-mobile-cta:active,
    .lw2-site .lw2-menu:active,
    .lw2-site .lw2-room-tabs button:active,
    .lw2-site .lw2-finish-buttons button:active,
    .lw2-site .lw2-room-privacy:active {
        transform: none;
    }
}

/* Subsite header edge: the subsite bar drew a full-bleed rule on top of the
   inset nav rule the homepage uses, stacking two hairlines 1px apart and
   making the header 1px taller than the homepage's. Keep the inset rule only,
   so both page types share one edge and one logo baseline. */
.lw2-site.lw2-subsite .lw2-header { border-bottom: 0; }

/* Smart Home screen: restore the tall reference composition and its quiet app hierarchy. */
.lw2-room-screen { aspect-ratio: 421 / 912; }
.lw2-room-panel { height: 100%; overflow-y: auto; }
.lw2-room-panel[data-room-panel="home"] { padding: 32px 18px 18px; border-radius: 43px; background: #fbfaf7; }
.lw2-room-panel[data-room-panel="home"] .lw2-room-screen-header h3 { width: auto; max-width: none; margin: 0; font-family: var(--lw2-display-serif); font-size: 43px; font-weight: 300; letter-spacing: -.06em; line-height: 1; white-space: nowrap; }
.lw2-room-panel[data-room-panel="home"] .lw2-room-helper { margin-top: 54px; color: var(--lw2-muted); font-size: 13px; }
.lw2-room-panel[data-room-panel="home"] .lw2-device-grid { gap: 10px; margin-top: 34px; }
.lw2-room-panel[data-room-panel="home"] .lw2-device-grid button { min-height: 164px; padding: 17px 9px 14px; border-color: rgba(55, 49, 43, .1); border-radius: 19px; background: #fffdf9; }
.lw2-room-panel[data-room-panel="home"] .lw2-device-icon { display: inline-flex; width: 29px; height: 29px; align-items: center; justify-content: center; color: #78998a; }
.lw2-room-panel[data-room-panel="home"] .lw2-device-icon svg { display: block; width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.lw2-room-panel[data-room-panel="home"] .lw2-device-icon--curtain { color: #78998a; }
.lw2-room-panel[data-room-panel="home"] .lw2-device-icon--curtain svg rect { fill: none; }
.lw2-room-panel[data-room-panel="home"] .lw2-device-icon--curtain svg circle { fill: currentColor; stroke: none; }
.lw2-room-panel[data-room-panel="home"] .lw2-device-icon--light { color: #bf882f; }
.lw2-room-panel[data-room-panel="home"] .lw2-device-icon--climate { color: #5f8ab6; }
.lw2-room-panel[data-room-panel="home"] .lw2-device-grid button.is-add .lw2-device-icon { color: #a29c95; }
.lw2-room-panel[data-room-panel="home"] .lw2-device-grid button.is-add .lw2-device-icon svg { stroke-width: 1.6; }
.lw2-room-panel[data-room-panel="home"] .lw2-device-grid strong { margin-top: 14px; font-size: 14px; }
.lw2-room-panel[data-room-panel="home"] .lw2-device-grid small { display: flex; align-items: baseline; gap: 5px; margin-top: 9px; font-size: 10px; }
.lw2-room-panel[data-room-panel="home"] .lw2-device-grid small i { flex: 0 0 auto; width: 7px; height: 7px; margin: 0 2px 0 0; }
.lw2-room-panel[data-room-panel="home"] .lw2-device-grid small b { color: var(--lw2-muted); font-weight: 400; }
.lw2-room-panel[data-room-panel="home"] .lw2-device-grid small em { color: var(--lw2-faint); }
.lw2-room-panel[data-room-panel="home"] .lw2-device-grid small span { color: var(--lw2-faint); }
.lw2-room-panel[data-room-panel="home"] .lw2-room-row-action { margin-top: 22px; padding-top: 16px; }
.lw2-room-panel[data-room-panel="home"] .lw2-room-row-action strong { font-size: 14px; }
.lw2-room-panel[data-room-panel="home"] .lw2-manage-icon { display: inline-flex; width: 24px; height: 24px; align-items: center; color: var(--lw2-muted); }
.lw2-room-panel[data-room-panel="home"] .lw2-manage-icon svg { display: block; width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.lw2-room-panel[data-room-panel="home"] .lw2-scenes-head { margin-top: 27px; padding-top: 20px; }
.lw2-room-panel[data-room-panel="home"] .lw2-scene-pills { gap: 8px; margin-top: 17px; }
.lw2-room-panel[data-room-panel="home"] .lw2-scene-pills button { display: inline-flex; align-items: center; gap: 7px; padding: 9px 13px; color: var(--lw2-muted); }
.lw2-room-panel[data-room-panel="home"] .lw2-scene-pills button span { color: var(--lw2-muted); font-size: 17px; line-height: 1; }
.lw2-room-panel[data-room-panel="home"] .lw2-scene-pills button b { color: var(--lw2-ink); font-weight: 400; }
.lw2-room-panel[data-room-panel="home"] .lw2-scene-pills button em { color: var(--lw2-faint); font-style: normal; }

@media (max-width: 560px) {
    .lw2-room-screen { aspect-ratio: 421 / 912; }
    .lw2-room-panel[data-room-panel="home"] { padding: 27px 15px 16px; border-radius: 36px; }
    .lw2-room-panel[data-room-panel="home"] .lw2-room-screen-header h3 { font-size: 38px; }
    .lw2-room-panel[data-room-panel="home"] .lw2-room-helper { margin-top: 49px; }
    .lw2-room-panel[data-room-panel="home"] .lw2-device-grid { gap: 8px; margin-top: 29px; }
    .lw2-room-panel[data-room-panel="home"] .lw2-device-grid button { min-height: 145px; padding-inline: 6px; }
    .lw2-room-panel[data-room-panel="home"] .lw2-device-grid strong { font-size: 12px; }
    .lw2-room-panel[data-room-panel="home"] .lw2-device-grid small { gap: 3px; font-size: 11px; }
}

/* Smart Home primary view: keep the reference app language, remove the fixed phone height. */
.lw2-radar { padding-top: 108px; padding-bottom: 76px; }
.lw2-radar-head { gap: 48px; }
.lw2-radar-head h2 { max-width: 760px; font-size: clamp(48px, 5.6vw, 78px); }
.lw2-room-demo { margin-top: 34px; }
.lw2-room-tabs button { min-height: 60px; }
.lw2-room-workspace { grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr); gap: 18px; align-items: stretch; }
.lw2-room-screen { width: auto; min-height: 0; height: auto; aspect-ratio: auto; padding: 12px; }
.lw2-room-panel { height: auto; min-height: 0; overflow: visible; }
.lw2-room-copy { min-height: 0; padding: 32px 32px 26px; }
.lw2-room-copy-panel h3 { font-size: clamp(42px, 4.3vw, 62px); }
.lw2-room-copy-panel[data-room-copy="home"] .lw2-room-glass-card { margin-top: 32px; }
.lw2-room-status { display: flex; align-items: center; gap: 7px; margin-top: 12px; color: var(--lw2-faint); font-size: 10px; letter-spacing: .04em; }
.lw2-room-status i { width: 7px; height: 7px; border-radius: 50%; background: #72a087; box-shadow: 0 0 0 4px rgba(114, 160, 135, .12); }
.lw2-room-panel[data-room-panel="home"] { padding: 28px 21px 20px; border-radius: 39px; }
.lw2-room-panel[data-room-panel="home"] .lw2-room-screen-header h3 { font-size: 42px; }
.lw2-room-panel[data-room-panel="home"] .lw2-room-helper { margin-top: 28px; }
.lw2-room-panel[data-room-panel="home"] .lw2-device-grid { gap: 10px; margin-top: 18px; }
.lw2-room-panel[data-room-panel="home"] .lw2-device-grid button { min-height: 126px; padding: 13px 8px 11px; border-radius: 16px; transition: border-color .25s var(--lw2-ease), background .25s var(--lw2-ease), box-shadow .25s var(--lw2-ease), transform .25s var(--lw2-ease); }
.lw2-room-panel[data-room-panel="home"] .lw2-device-grid button:hover { transform: translateY(-2px); }
.lw2-room-panel[data-room-panel="home"] .lw2-device-grid button.is-selected { border-color: rgba(74, 84, 137, .42); background: #f4f5fb; box-shadow: 0 10px 20px -17px rgba(74, 84, 137, .8); }
.lw2-room-panel[data-room-panel="home"] .lw2-device-grid strong { margin-top: 10px; font-size: 13px; }
.lw2-room-panel[data-room-panel="home"] .lw2-device-grid small { margin-top: 7px; }
.lw2-room-panel[data-room-panel="home"] .lw2-room-row-action { margin-top: 17px; padding-top: 13px; }
.lw2-room-panel[data-room-panel="home"] .lw2-scenes-head { margin-top: 21px; padding-top: 16px; }
.lw2-room-panel[data-room-panel="home"] .lw2-scene-pills { gap: 7px; margin-top: 13px; }
.lw2-room-panel[data-room-panel="home"] .lw2-scene-pills button { border: 1px solid transparent; transition: border-color .25s var(--lw2-ease), background .25s var(--lw2-ease), color .25s var(--lw2-ease); }
.lw2-room-panel[data-room-panel="home"] .lw2-scene-pills button.is-selected { border-color: rgba(74, 84, 137, .22); background: #e2e4f0; color: var(--lw2-ink); }
.lw2-room-panel[data-room-panel="home"] .lw2-room-feedback { min-height: 16px; margin-top: 7px; }
.lw2-radar-mechanism { margin-top: 54px; padding-top: 36px; }
.lw2-radar-loop-panel { min-height: 360px; }

@media (max-width: 1100px) {
    .lw2-room-workspace { grid-template-columns: minmax(0, 1fr); gap: 22px; }
    .lw2-room-screen { width: min(100%, 440px); margin: 0 auto; }
    .lw2-room-copy { min-height: 0; }
}

@media (max-width: 560px) {
    .lw2-radar { padding-top: 72px; padding-bottom: 58px; }
    .lw2-radar-head { gap: 24px; }
    .lw2-radar-head h2 { font-size: 48px; }
    .lw2-room-demo { margin-top: 28px; }
    .lw2-room-screen { width: 100%; border-radius: 38px; }
    .lw2-room-panel[data-room-panel="home"] { padding: 26px 15px 16px; border-radius: 31px; }
    .lw2-room-panel[data-room-panel="home"] .lw2-room-screen-header h3 { font-size: 37px; }
    .lw2-room-panel[data-room-panel="home"] .lw2-room-helper { margin-top: 27px; }
    .lw2-room-panel[data-room-panel="home"] .lw2-device-grid { gap: 8px; margin-top: 17px; }
    .lw2-room-panel[data-room-panel="home"] .lw2-device-grid button { min-height: 121px; padding-inline: 5px; }
    .lw2-room-panel[data-room-panel="home"] .lw2-device-grid strong { font-size: 11px; }
    .lw2-room-panel[data-room-panel="home"] .lw2-device-grid small { gap: 3px; font-size: 11px; }
    .lw2-room-copy { padding: 26px 21px 22px; }
    .lw2-room-copy-panel h3 { font-size: 47px; }
    .lw2-radar-mechanism { margin-top: 42px; padding-top: 30px; }
}

/* Deposit reservation page — conversion modules stay within the existing LunaWake system. */
.lw2-deposit-page { --deposit-border: rgba(55, 49, 43, .15); padding-bottom: 76px; }
@media (max-width: 640px) {
    .lw2-deposit-page { padding-bottom: 70px; }
}

/* The reservation page opens on a light surface, so its header must not borrow
   the homepage's over-hero white treatment. */
.lw2-site.lw2-deposit-page .lw2-header {
    position: relative;
    top: auto;
    background: rgba(247, 245, 240, .96);
    border-bottom: 1px solid var(--lw2-line);
    color: var(--lw2-ink);
}
.lw2-site.lw2-deposit-page .lw2-nav { border-bottom-color: var(--lw2-line); }
.lw2-site.lw2-deposit-page .lw2-logo-mark--light { opacity: 0; }
.lw2-site.lw2-deposit-page .lw2-logo-mark--dark { opacity: 1; }
.lw2-site.lw2-deposit-page .lw2-nav-cta {
    border-color: rgba(36, 33, 31, .25);
    color: var(--lw2-ink);
}
.lw2-site.lw2-deposit-page .lw2-nav-cta > .lw2-nav-cta-icon { border-color: rgba(36, 33, 31, .16); }
.lw2-site.lw2-deposit-page .lw2-nav-cta:hover,
.lw2-site.lw2-deposit-page .lw2-nav-cta:focus-visible { background: rgba(36, 33, 31, .08); }
.lw2-site.lw2-deposit-page .lw2-menu { color: var(--lw2-ink); }
.lw2-site.lw2-deposit-page .lw2-menu span { background: var(--lw2-ink); }

/* Compact reservation page: one purchase flow, with reference requirements
   kept as small supporting rows instead of separate marketing sections. */
@media (max-width: 560px) {
    .lw2-deposit-page { padding-bottom: 68px; }
}

/* Conversion-first reservation page: source context, offer, choice, checkout. */
.deposit-conversion-header { border-bottom: 1px solid var(--lw2-line); background: rgba(247, 245, 240, .97); }
.deposit-conversion-header > div { display: flex; align-items: center; justify-content: space-between; min-height: 76px; }
.deposit-conversion-logo img { display: block; width: 141px; height: auto; }
.deposit-conversion-source { color: var(--lw2-muted); font-size: 12px; font-weight: 600; text-decoration: none; }
.deposit-conversion-source:hover { color: var(--lw2-ink); }
.deposit-conversion-main { padding: 86px 0 96px; background: var(--lw2-cream); }
.deposit-conversion-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(390px, 480px); gap: clamp(55px, 9vw, 140px); align-items: center; }
.deposit-conversion-offer { max-width: 590px; }
.deposit-conversion-source-label { margin: 0; color: var(--lw2-blue); font-size: 12px; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
.deposit-conversion-offer h1 { max-width: 600px; margin: 18px 0 0; font-family: var(--font-serif); font-size: clamp(64px, 8.1vw, 116px); font-weight: 400; letter-spacing: -.06em; line-height: .84; }
.deposit-conversion-offer h1 em { color: var(--lw2-blue); font-style: italic; }
.deposit-conversion-card { overflow: hidden; background: var(--lw2-dark); color: #fffdf8; box-shadow: 0 25px 70px rgba(30, 25, 21, .16); }
.deposit-conversion-card-image { background: #292522; }
.deposit-conversion-card-image img { display: block; width: 100%; aspect-ratio: 2418 / 2014; object-fit: cover; }
.deposit-conversion-card-body { padding: 23px; }
.deposit-conversion-card-heading { display: flex; align-items: start; justify-content: space-between; gap: 18px; margin-bottom: 23px; }
.deposit-conversion-kicker { display: block; color: rgba(255, 253, 248, .52); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; }
.deposit-conversion-card-heading strong { display: block; margin-top: 8px; font-size: 16px; font-weight: 500; }
.deposit-price-lock { margin-top: 22px; padding: 22px 0 4px; border-top: 1px solid rgba(255, 253, 248, .16); }
.deposit-price-lock__kicker { display: block; color: var(--deposit-gold); font-size: 12px; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
.deposit-price-lock strong { display: block; margin-top: 14px; color: #fffdf8; font-size: 24px; font-weight: 600; line-height: 1.15; }
.deposit-price-lock p { max-width: 360px; margin: 12px 0 0; color: rgba(255, 253, 248, .66); font-size: 14px; line-height: 1.55; }
.deposit-price-lock__status { display: block; margin-top: 18px; color: rgba(255, 253, 248, .46); font-size: 12px; line-height: 1.45; }
.deposit-price-live[hidden], .deposit-price-lock[hidden] { display: none; }
.deposit-conversion-card-heading b { font-family: var(--font-serif); font-size: 39px; font-weight: 400; line-height: .8; }
.deposit-conversion-card fieldset { margin: 0; padding: 18px 0 0; border: 0; border-top: 1px solid rgba(255, 253, 248, .16); }
.deposit-conversion-card legend { margin-bottom: 11px; color: rgba(255, 253, 248, .55); font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.deposit-conversion-finish-options { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
.deposit-conversion-finish-options button { border: 1px solid rgba(255, 253, 248, .22); background: transparent; color: #fffdf8; cursor: pointer; font: inherit; text-align: left; transition: border-color .2s ease, background .2s ease; }
.deposit-conversion-finish-options button { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px; font-size: 12px; }
.deposit-conversion-finish-options button:hover { border-color: rgba(255, 253, 248, .7); }
.deposit-conversion-finish-options button.is-active { border-color: #e7c99a; background: rgba(231, 201, 154, .13); }
.deposit-conversion-finish-options button:focus-visible, .deposit-conversion-cta:focus-visible { outline: 2px solid #e7c99a; outline-offset: 3px; }
.deposit-conversion-swatch { width: 18px; height: 18px; flex: 0 0 auto; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(255, 253, 248, .22); }
.deposit-conversion-swatch--amber { background: #bd815d; }
.deposit-conversion-swatch--stone { background: #beb9b0; }
.deposit-conversion-swatch--charcoal { background: #35343a; }
.deposit-conversion-cta { width: 100%; min-height: 53px; margin-top: 18px; border: 0; background: #e7c99a; color: var(--lw2-dark); cursor: pointer; font-size: 13px; }
.deposit-conversion-cta:hover, .deposit-conversion-cta:focus-visible { background: #f2d9a8; color: var(--lw2-dark); }
.deposit-conversion-cta:disabled { background: #8b8d9d; color: #fffdf8; cursor: not-allowed; opacity: .8; }
.deposit-conversion-status { min-height: 22px; margin: 10px 0 0; color: rgba(255, 253, 248, .48); font-size: 12px; line-height: 1.45; }
.deposit-conversion-journey { padding: 40px 0 45px; background: #e6ebe8; }
.deposit-conversion-journey ol { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 21px 0 0; padding: 0; list-style: none; }
.deposit-conversion-journey li { display: grid; grid-template-columns: 23px 1fr; gap: 8px; padding-top: 13px; border-top: 1px solid var(--lw2-line); }
.deposit-conversion-journey li > span { color: var(--lw2-blue); font-size: 12px; }
.deposit-conversion-journey strong { font-size: 13px; font-weight: 600; }
.deposit-conversion-journey small { grid-column: 2; margin-top: -3px; color: var(--lw2-muted); font-size: 12px; }
.deposit-conversion-footer { padding: 24px 0 30px; background: var(--lw2-dark); color: rgba(255, 253, 248, .5); font-size: 12px; }
.deposit-conversion-footer .lw2-footer-disclaimer { margin-bottom: 22px; }
.deposit-conversion-footer > div { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.deposit-conversion-footer nav { display: flex; gap: 18px; }
.deposit-conversion-footer a { color: rgba(255, 253, 248, .65); text-decoration: none; }
.deposit-conversion-footer a:hover { color: #fffdf8; }
@media (max-width: 850px) {
    .deposit-conversion-main { padding: 58px 0 70px; }
    .deposit-conversion-grid { grid-template-columns: 1fr; gap: 42px; }
    .deposit-conversion-card { max-width: 600px; }
    .deposit-conversion-offer h1 { font-size: clamp(56px, 12vw, 88px); }
}
@media (max-width: 560px) {
    .deposit-conversion-header > div { min-height: 64px; }
    .deposit-conversion-logo img { width: 122px; }
    .deposit-conversion-source { font-size: 12px; }
    .deposit-conversion-main { padding-top: 42px; }
    .deposit-conversion-offer h1 { font-size: 57px; }
    .deposit-conversion-card-body { padding: 18px; }
    .deposit-conversion-finish-options { grid-template-columns: 1fr; }
    .deposit-conversion-finish-options button { min-height: 39px; }
    .deposit-conversion-journey ol { grid-template-columns: 1fr; gap: 0; }
    .deposit-conversion-journey li { padding: 13px 0; }
    .deposit-conversion-footer > div { align-items: flex-start; flex-direction: column; }
}

/* Reservation v3: one offer, one choice flow, one primary action. */
.lw2-deposit-page { padding-bottom: 0; background: var(--lw2-cream); }
.deposit-conversion-main { min-height: min(760px, calc(100vh - 77px)); padding: clamp(54px, 7vw, 92px) 0 clamp(62px, 8vw, 104px); }
.deposit-conversion-grid { grid-template-columns: minmax(0, .92fr) minmax(420px, 500px); gap: clamp(48px, 8vw, 128px); }
.deposit-conversion-offer { align-self: center; max-width: 620px; }
.deposit-conversion-context { max-width: 510px; margin: 25px 0 0; color: var(--lw2-ink); font-size: clamp(17px, 1.5vw, 21px); line-height: 1.48; }
.deposit-conversion-card { align-self: start; }
.deposit-conversion-card-heading { align-items: end; }
.deposit-conversion-status { margin-bottom: 0; }
.deposit-conversion-footer { padding-bottom: 28px; }

@media (max-width: 900px) {
    .deposit-conversion-main { min-height: 0; }
    .deposit-conversion-grid { grid-template-columns: 1fr; gap: 48px; }
    .deposit-conversion-offer { max-width: 680px; }
    .deposit-conversion-card { width: 100%; max-width: 600px; }
}

@media (max-width: 560px) {
    .deposit-conversion-header > div { min-height: 62px; }
    .deposit-conversion-logo img { width: 118px; }
    .deposit-conversion-source { font-size: 12px; }
    .deposit-conversion-main { padding: 38px 0 55px; }
    .deposit-conversion-offer h1 { max-width: 320px; font-size: 56px; line-height: .86; }
    .deposit-conversion-context { margin-top: 21px; font-size: 16px; }
    .deposit-conversion-card-body { padding: 18px; }
    .deposit-conversion-finish-options { grid-template-columns: repeat(3, 1fr); }
    .deposit-conversion-finish-options button { min-height: 43px; padding: 7px; font-size: 12px; }
    .deposit-conversion-swatch { width: 14px; height: 14px; }
    .deposit-conversion-journey { padding: 32px 0 36px; }
    .deposit-conversion-journey ol { grid-template-columns: 1fr; gap: 0; }
    .deposit-conversion-journey li { padding: 12px 0; }
    .deposit-conversion-footer > div { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
    .deposit-conversion-finish-options button, .deposit-conversion-cta { transition: none; }
}

/* Reservation v4: remove every explanation that competes with the choice. */
.deposit-conversion-main { min-height: min(700px, calc(100vh - 77px)); padding-top: clamp(44px, 6vw, 72px); padding-bottom: clamp(48px, 6vw, 76px); }
.deposit-conversion-context { max-width: 430px; margin-top: 24px; font-size: clamp(16px, 1.4vw, 19px); line-height: 1.48; }
.deposit-conversion-proof-line { margin: 34px 0 0; color: var(--lw2-muted); font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.deposit-conversion-journey { padding: 26px 0 30px; }
.deposit-conversion-journey ol { margin-top: 0; }
.deposit-conversion-journey li { align-items: center; min-height: 0; padding: 0; border-top: 0; }
.deposit-conversion-journey li > span { grid-row: 1; }
.deposit-conversion-journey li strong { grid-column: 2; font-size: 12px; font-weight: 600; }
.deposit-conversion-journey li small { display: none; }

@media (max-width: 560px) {
    .deposit-conversion-main { min-height: 0; padding-top: 34px; padding-bottom: 44px; }
    .deposit-conversion-offer h1 { max-width: 320px; font-size: 54px; }
    .deposit-conversion-context { margin-top: 20px; font-size: 16px; }
    .deposit-conversion-proof-line { margin-top: 24px; font-size: 12px; letter-spacing: .045em; }
    .deposit-conversion-journey { padding: 22px 0; }
    .deposit-conversion-journey ol { gap: 7px; }
    .deposit-conversion-journey li strong { font-size: 12px; }
}

@media (min-width: 901px) {
    .deposit-conversion-main { min-height: 0; padding-top: 58px; padding-bottom: 62px; }
    .deposit-conversion-grid { gap: clamp(58px, 7vw, 96px); align-items: center; }
    .deposit-conversion-offer h1 { max-width: 560px; font-size: clamp(58px, 6.5vw, 92px); line-height: .86; }
    .deposit-conversion-card-image img { aspect-ratio: 2418 / 2014; }
    .deposit-conversion-card-body { padding: 18px 20px 19px; }
    .deposit-conversion-card-heading { margin-bottom: 16px; }
    .deposit-conversion-card fieldset { padding-top: 12px; }
    .deposit-conversion-card legend { margin-bottom: 8px; }
    .deposit-conversion-finish-options button { min-height: 38px; padding: 6px 8px; }
    .deposit-conversion-cta { min-height: 47px; margin-top: 14px; }
    .deposit-conversion-status { min-height: 15px; margin-top: 6px; }
}

/* Reservation v10: restrained champagne-gold private-access palette. */
.lw2-deposit-page { --deposit-gold: #c7a66a; --deposit-gold-hover: #d6b97d; --deposit-bronze: #70552e; --deposit-panel: #211e1b; --deposit-warm: #ede8df; }
.deposit-conversion-source-label { color: var(--deposit-bronze); }
.deposit-conversion-card { background: #191715; box-shadow: 0 28px 70px rgba(25, 23, 21, .18); }
.deposit-conversion-finish-options button.is-active { border-color: var(--deposit-gold); background: rgba(199, 166, 106, .1); }
.deposit-conversion-finish-options button:focus-visible, .deposit-conversion-cta:focus-visible { outline-color: var(--deposit-gold); }
.deposit-credit-flow { display: grid; grid-template-columns: minmax(0, .78fr) 60px minmax(0, 1.22fr); align-items: stretch; overflow: hidden; margin-top: 15px; border: 1px solid rgba(199, 166, 106, .42); background: var(--deposit-panel); color: #fffdf8; box-shadow: none; }
.deposit-credit-flow__step { display: flex; min-width: 0; flex-direction: column; justify-content: center; padding: 14px 15px 15px; }
.deposit-credit-flow__step:first-child { background: transparent; }
.deposit-credit-flow__step > span { color: rgba(255, 253, 248, .52); font-size: 12px; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
.deposit-credit-flow__step > strong { display: block; margin-top: 6px; font-family: var(--font-sans); font-size: 31px; font-weight: 600; letter-spacing: -.06em; line-height: 1; }
.deposit-credit-flow__step--credit { background: #24211d; }
.deposit-credit-flow__step--credit > span { color: var(--deposit-gold); }
.deposit-credit-flow__step--credit > strong { color: var(--deposit-gold); }
.deposit-credit-flow__step--credit em { color: rgba(255, 253, 248, .62); font-size: 12px; font-style: normal; font-weight: 500; letter-spacing: .07em; text-transform: uppercase; }
.deposit-credit-flow__bonus { display: inline-flex; align-items: center; width: fit-content; margin-top: 8px; padding: 4px 7px; border: 1px solid rgba(199, 166, 106, .46); border-radius: 999px; background: transparent; color: var(--deposit-gold); font-size: 12px; font-weight: 600; letter-spacing: .06em; line-height: 1.2; text-transform: uppercase; }
.deposit-credit-flow__arrow { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 3px; border-right: 1px solid rgba(199, 166, 106, .2); border-left: 1px solid rgba(199, 166, 106, .2); background: transparent; color: var(--deposit-gold); text-align: center; }
.deposit-credit-flow__arrow small { font-size: 12px; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; }
.deposit-credit-flow__arrow b { font-size: 22px; font-weight: 400; line-height: .8; }
.deposit-credit-flow__arrow-mobile { display: none; }
.deposit-credit-policy { margin-top: 11px; padding: 10px 0 0; border-top: 1px solid rgba(255, 253, 248, .16); }
.deposit-credit-policy p { position: relative; margin: 0; padding-left: 16px; color: rgba(255, 253, 248, .7); font-size: 12px; line-height: 1.45; }
.deposit-credit-policy p + p { margin-top: 5px; color: var(--deposit-gold); }
.deposit-credit-policy p::before { position: absolute; top: .1em; left: 0; color: var(--deposit-gold); content: "✓"; font-size: 12px; }
.deposit-credit-flow + .deposit-credit-policy + .deposit-conversion-cta { margin-top: 13px; }
.deposit-conversion-cta { background: var(--deposit-gold); color: #201a12; box-shadow: none; font-weight: 700; }
.deposit-conversion-cta:hover, .deposit-conversion-cta:focus-visible { background: var(--deposit-gold-hover); color: #1b160f; }
.deposit-conversion-cta:disabled { background: #5d5548; color: rgba(255, 253, 248, .7); box-shadow: inset 0 0 0 1px rgba(199, 166, 106, .16); opacity: 1; }
.deposit-conversion-journey { background: var(--deposit-warm); }
.deposit-conversion-journey li > span { color: var(--deposit-bronze); }

@media (max-width: 768px) {
    .deposit-credit-flow { grid-template-columns: 1fr; }
    .deposit-credit-flow__step { min-height: 70px; padding: 13px 15px; }
    .deposit-credit-flow__arrow { min-height: 45px; border-top: 1px solid rgba(199, 166, 106, .2); border-right: 0; border-bottom: 1px solid rgba(199, 166, 106, .2); border-left: 0; }
    .deposit-credit-flow__arrow-desktop { display: none; }
    .deposit-credit-flow__arrow-mobile { display: block; }
}

/* Shopify-ready deposit preview: direct conversion page with locked launch pricing. */
.lw2-deposit-page {
    --shopify-ink: #24211f;
    --shopify-muted: #6b645c;
    --shopify-line: rgba(55, 49, 43, .14);
    --shopify-paper: #f7f5f0;
    --shopify-panel: #fffdf8;
    --shopify-accent: #e7c99a;
    --shopify-accent-dark: var(--shopify-ink);
    --shopify-green: #667d6d;
    background: var(--shopify-paper);
    color: var(--shopify-ink);
}
.shopify-deposit-header { position: sticky; top: 0; z-index: 20; border-bottom: 1px solid var(--shopify-line); background: rgba(247, 245, 240, .94); box-shadow: 0 8px 24px rgba(48, 42, 34, .04); backdrop-filter: blur(14px); }
.shopify-deposit-header__inner { display: flex; align-items: center; justify-content: space-between; gap: clamp(28px, 4vw, 72px); min-height: 92px; }
.shopify-deposit-logo { display: inline-flex; align-items: center; }
.shopify-deposit-logo img { width: 138px; height: auto; }
.shopify-deposit-header__actions { display: flex; align-items: center; justify-content: flex-end; gap: clamp(24px, 2.8vw, 48px); min-width: 0; flex: 1; }
.shopify-deposit-header__cta-wrap { display: grid; justify-items: center; align-items: center; gap: 7px; min-width: clamp(240px, 18vw, 320px); }
.shopify-deposit-header__cta-note { color: var(--shopify-muted); font-size: 11px; line-height: 1.2; text-align: center; white-space: nowrap; }
.shopify-deposit-nav { display: flex; align-items: center; gap: clamp(16px, 2vw, 28px); }
.shopify-deposit-nav a { color: var(--shopify-muted); font-size: 12px; font-weight: 600; letter-spacing: .02em; white-space: nowrap; }
.shopify-deposit-nav a:hover, .shopify-deposit-nav a:focus-visible { color: var(--shopify-ink); }
.shopify-deposit-back, .shopify-deposit-support { color: var(--shopify-ink); font-size: 13px; font-weight: 600; }
.shopify-deposit-back span, .shopify-deposit-support span { color: var(--shopify-accent); font-size: 17px; }
.shopify-deposit-header__cta, .shopify-deposit-header__waitlist { display: inline-flex; align-items: center; justify-content: center; gap: 9px; width: 100%; min-height: 48px; padding: 0 22px; border: 0; border-radius: 999px; background: var(--shopify-accent); color: var(--shopify-ink); cursor: pointer; font: inherit; font-size: 13px; font-weight: 700; white-space: nowrap; }
.shopify-deposit-header__waitlist { text-decoration: none; }
.shopify-deposit-header__waitlist span { color: var(--shopify-accent-dark); font-size: 16px; }
.shopify-deposit-header__cta:hover:not(:disabled), .shopify-deposit-header__cta:focus-visible:not(:disabled) { background: #f0d6a9; }
.shopify-deposit-header__waitlist:hover, .shopify-deposit-header__waitlist:focus-visible { background: #f0d6a9; }
.shopify-deposit-header__cta:focus-visible { outline: 2px solid var(--shopify-accent-dark); outline-offset: 4px; }
.shopify-deposit-header__waitlist:focus-visible { outline: 2px solid var(--shopify-accent-dark); outline-offset: 4px; }
.shopify-deposit-header__cta[hidden], .shopify-deposit-header__waitlist[hidden] { display: none; }
.shopify-deposit-header__cta:disabled { background: #c8c5bd; color: rgba(36, 33, 31, .58); cursor: not-allowed; }
.shopify-deposit-hero { overflow: hidden; padding: clamp(52px, 6vw, 82px) 0 clamp(70px, 9vw, 126px); }
.shopify-deposit-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, 500px); align-items: start; gap: clamp(52px, 8vw, 126px); }
.shopify-deposit-hero__copy { max-width: 680px; }
.shopify-deposit-hero__copy { padding-top: clamp(66px, 9vw, 122px); }
.shopify-deposit-eyebrow { margin: 0; color: var(--shopify-accent-dark); font-size: 10px; font-weight: 600; letter-spacing: .16em; line-height: 1.3; text-transform: uppercase; }
.shopify-deposit-hero h1, .shopify-deposit-section-heading h2, .shopify-deposit-final-cta h2 { margin: 20px 0 0; color: var(--shopify-ink); font-family: var(--font-serif); font-weight: 400; letter-spacing: -.055em; line-height: .92; }
.shopify-deposit-hero h1 { max-width: 720px; font-size: clamp(58px, 7.2vw, 108px); }
.shopify-deposit-hero h1 em { color: var(--shopify-ink); font-style: italic; }
.shopify-deposit-hero h1 strong { color: var(--shopify-accent-dark); font-weight: 400; }
.shopify-deposit-section-heading h2 em { color: var(--shopify-accent-dark); font-style: italic; }
.shopify-deposit-final-cta h2 em { color: var(--shopify-accent); font-style: italic; }
.shopify-deposit-hero-offer { display: flex; align-items: baseline; flex-wrap: wrap; gap: 7px 13px; max-width: 610px; margin-top: 28px; padding: 16px 0 14px; border-block: 1px solid var(--shopify-line); }
.shopify-deposit-hero-offer strong { color: var(--shopify-accent-dark); font-size: clamp(24px, 2.8vw, 36px); font-weight: 700; letter-spacing: -.06em; line-height: .9; }
.shopify-deposit-hero-offer span { color: var(--shopify-muted); font-size: 14px; }
.shopify-deposit-hero-offer b { color: var(--shopify-ink); font-weight: 700; }
.shopify-deposit-hero-offer small { color: var(--shopify-muted); font-size: 12px; }
.shopify-deposit-hero-offer small span { color: var(--shopify-muted); font-size: inherit; font-weight: 400; }
.shopify-deposit-hero-positioning { max-width: 520px; margin-top: 28px; color: var(--shopify-muted); font-size: 17px; line-height: 1.5; }
.shopify-deposit-education { max-width: 590px; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--shopify-line); color: var(--shopify-muted); font-size: 13px; line-height: 1.55; }
.shopify-deposit-hero-value { display: grid; grid-template-columns: auto auto auto auto; align-items: end; gap: 18px; max-width: 650px; margin-top: 30px; padding: 18px 0; border-block: 1px solid var(--shopify-line); }
.shopify-deposit-hero-value > div { display: grid; gap: 5px; }
.shopify-deposit-hero-value small { color: var(--shopify-muted); font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.shopify-deposit-hero-value strong { color: var(--shopify-ink); font-size: 27px; letter-spacing: -.055em; line-height: 1; }
.shopify-deposit-hero-value > span { color: var(--shopify-accent-dark); font-size: 22px; padding-bottom: 2px; }
.shopify-deposit-hero-value__context { margin-left: auto; text-align: right; }
.shopify-deposit-hero-value__context strong { color: var(--shopify-green); font-size: 12px; font-weight: 600; letter-spacing: 0; }
.shopify-deposit-hero-value__context b { color: var(--shopify-ink); }
.shopify-deposit-button--hero { max-width: 320px; margin-top: 27px; }
.shopify-deposit-hero-reassurance { margin-top: 11px; color: var(--shopify-muted); font-size: 11px; }
.shopify-deposit-audience { width: fit-content; max-width: 100%; margin: 0 0 17px; padding: 7px 10px; border: 1px solid rgba(74, 84, 137, .16); background: rgba(74, 84, 137, .045); color: var(--shopify-accent-dark); font-size: 11px; font-weight: 600; line-height: 1.4; }
.shopify-deposit-audience[hidden] { display: none; }
.shopify-deposit-lede { max-width: 560px; margin: 29px 0 0; color: var(--shopify-muted); font-size: clamp(17px, 1.65vw, 22px); line-height: 1.5; }
.shopify-deposit-hero-policy { max-width: 610px; margin-top: 24px; padding: 13px 15px; border-left: 3px solid var(--shopify-accent); background: rgba(231, 201, 154, .24); color: var(--shopify-ink); font-size: 13px; line-height: 1.5; }
.shopify-deposit-hero-policy strong { color: var(--shopify-accent-dark); }
.shopify-deposit-footnote { max-width: 510px; margin-top: 20px; color: #88909b; font-size: 12px; line-height: 1.5; }
.shopify-deposit-buy-card { overflow: hidden; border: 1px solid var(--shopify-line); background: var(--shopify-panel); box-shadow: 0 14px 34px rgba(48, 42, 34, .06); }
.shopify-deposit-buy-card__image { position: relative; background: #d9ddd9; }
.shopify-deposit-buy-card__image img { display: block; width: 100%; aspect-ratio: 1.6; object-fit: contain; object-position: center; background: #d9ddd9; }
.shopify-deposit-buy-card__badge { position: absolute; top: 16px; left: 16px; padding: 8px 12px; background: var(--lw2-ink); color: #fffdf8; font-size: 10px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.shopify-deposit-buy-card__body { padding: 24px 28px 27px; }
.shopify-deposit-card-kicker { margin: 0; color: var(--shopify-accent-dark); font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.shopify-deposit-buy-card h2 { margin-top: 9px; font-size: 24px; letter-spacing: -.025em; }
.shopify-deposit-buy-card h2 em { color: var(--shopify-accent-dark); font-family: var(--font-serif); font-style: italic; font-weight: 400; }
.shopify-deposit-countdown { display: flex; align-items: baseline; gap: 7px; width: fit-content; margin-top: 15px; padding: 8px 11px; background: rgba(231, 201, 154, .28); color: var(--shopify-muted); font-size: 11px; line-height: 1; }
.shopify-deposit-countdown strong { color: var(--shopify-accent-dark); font-size: 13px; font-weight: 700; }
.shopify-deposit-current-deadline { margin-top: 8px; color: var(--shopify-muted); font-size: 11px; line-height: 1.4; }
.shopify-deposit-current-deadline b { color: var(--shopify-ink); font-weight: 600; }
.shopify-deposit-decision-stack { display: grid; margin-top: 21px; border-top: 1px solid var(--shopify-line); }
.shopify-deposit-decision-stack > div { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--shopify-line); }
.shopify-deposit-decision-stack strong { color: var(--shopify-ink); font-size: 13px; }
.shopify-deposit-decision-stack span { color: var(--shopify-muted); font-size: 11px; line-height: 1.35; text-align: right; }
.shopify-deposit-price { display: flex; align-items: baseline; gap: 10px; margin-top: 17px; }
.shopify-deposit-price span { color: var(--shopify-ink); font-size: 58px; font-weight: 700; letter-spacing: -.08em; line-height: .9; }
.shopify-deposit-price small { color: var(--shopify-muted); font-size: 11px; }
.shopify-deposit-price-note { margin-top: 7px; color: #89919a; font-size: 11px; line-height: 1.45; }
.shopify-deposit-current-offer { display: grid; grid-template-columns: auto 1fr; align-items: baseline; gap: 10px; margin-top: 18px; padding: 13px 0 0; border-top: 1px solid var(--shopify-line); }
.shopify-deposit-current-offer strong { color: var(--shopify-ink); font-size: 24px; letter-spacing: -.05em; line-height: 1; }
.shopify-deposit-current-offer span { color: var(--shopify-muted); font-size: 11px; line-height: 1.4; }
.shopify-deposit-current-offer b { color: var(--shopify-ink); font-weight: 600; }
.shopify-deposit-buy-card__copy { margin-top: 17px; color: var(--shopify-muted); font-size: 14px; line-height: 1.55; }
.shopify-deposit-includes { display: grid; gap: 9px; margin: 17px 0 0; padding: 15px 0 0; border-top: 1px solid var(--shopify-line); list-style: none; }
.shopify-deposit-includes li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: baseline; }
.shopify-deposit-includes strong { color: var(--shopify-ink); font-size: 12px; }
.shopify-deposit-includes span { color: var(--shopify-muted); font-size: 11px; text-align: right; }
.shopify-deposit-buy-card__policy { margin-top: 15px; padding: 12px 13px; background: rgba(231, 201, 154, .22); color: var(--shopify-ink); font-size: 12px; line-height: 1.5; }
.shopify-deposit-buy-card__policy strong { color: var(--shopify-accent-dark); }
.shopify-deposit-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; width: 100%; min-height: 52px; margin-top: 20px; border: 0; border-radius: 999px; background: var(--shopify-accent); color: var(--shopify-ink); cursor: pointer; font: inherit; font-size: 13px; font-weight: 700; transition: background .2s ease, transform .2s ease; }
.shopify-deposit-button:hover:not(:disabled), .shopify-deposit-button:focus-visible:not(:disabled) { background: #f0d6a9; transform: translateY(-1px); }
.shopify-deposit-button:focus-visible { outline: 2px solid var(--shopify-accent); outline-offset: 4px; }
.shopify-deposit-button:disabled { background: #c8c5bd; color: rgba(36, 33, 31, .58); cursor: not-allowed; }
.shopify-deposit-status { min-height: 18px; margin: 10px 0 0; color: #89919a; font-size: 11px; line-height: 1.45; }
.shopify-deposit-status a { color: var(--shopify-ink); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.shopify-deposit-status a[hidden] { display: none; }
.shopify-deposit-status.is-ready { color: var(--shopify-green); }
.shopify-deposit-refund-note { margin-top: 18px; padding-top: 17px; border-top: 1px solid var(--shopify-line); color: var(--shopify-muted); font-size: 12px; line-height: 1.5; }
.shopify-deposit-refund-note strong { color: var(--shopify-ink); }
.shopify-deposit-unlocks { padding: clamp(72px, 9vw, 125px) 0; background: #e4e8e6; }
.shopify-deposit-value-board { display: grid; grid-template-columns: 1fr auto 1.15fr 1.2fr; align-items: center; gap: 28px; margin-top: 50px; padding: 30px 34px; border: 1px solid rgba(23, 32, 45, .14); background: var(--shopify-panel); box-shadow: 0 18px 38px rgba(48, 42, 34, .06); }
.shopify-deposit-value-board > div { display: grid; gap: 6px; }
.shopify-deposit-value-board small { color: var(--shopify-accent-dark); font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.shopify-deposit-value-board strong { color: var(--shopify-ink); font-size: clamp(32px, 4vw, 56px); letter-spacing: -.07em; line-height: .95; }
.shopify-deposit-value-board > b { color: var(--shopify-accent-dark); font-size: 27px; font-weight: 400; }
.shopify-deposit-value-board span { color: var(--shopify-muted); font-size: 12px; }
.shopify-deposit-value-board__saving { padding-left: 25px; border-left: 1px solid var(--shopify-line); }
.shopify-deposit-value-board__saving strong { color: var(--shopify-green); font-size: 25px; letter-spacing: -.04em; }
.shopify-deposit-value-board__saving b { color: var(--shopify-ink); }
.shopify-deposit-unlock-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 18px; }
.shopify-deposit-unlock-grid article { display: grid; grid-template-columns: 28px 1fr; gap: 16px; min-height: 150px; padding: 23px; border-top: 2px solid var(--shopify-accent); background: rgba(255, 253, 250, .58); }
.shopify-deposit-unlock-grid article > span { color: var(--shopify-accent-dark); font-size: 11px; font-weight: 700; letter-spacing: .08em; }
.shopify-deposit-unlock-grid h3 { color: var(--shopify-ink); font-size: 18px; letter-spacing: -.02em; line-height: 1.1; }
.shopify-deposit-unlock-grid p { margin-top: 10px; color: var(--shopify-muted); font-size: 13px; line-height: 1.5; }
.shopify-deposit-button--section { max-width: 320px; margin-top: 28px; }
.shopify-deposit-pricing, .shopify-deposit-rules, .shopify-deposit-faq { padding: clamp(72px, 9vw, 125px) 0; }
.shopify-deposit-section-heading { max-width: 610px; }
.shopify-deposit-section-heading h2 { font-size: clamp(45px, 5.4vw, 77px); }
.shopify-deposit-section-heading > p:last-child { max-width: 580px; margin-top: 22px; color: var(--shopify-muted); font-size: 17px; line-height: 1.55; }
.shopify-deposit-validation-note { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 26px; margin-top: 42px; padding-top: 22px; border-top: 1px solid rgba(23, 32, 45, .2); }
.shopify-deposit-validation-note > span { color: var(--shopify-accent-dark); font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.shopify-deposit-validation-note h3 { font-size: 18px; }
.shopify-deposit-validation-note p { max-width: 740px; margin-top: 8px; color: var(--shopify-muted); font-size: 13px; line-height: 1.6; }
.shopify-deposit-pricing { background: var(--shopify-panel); }
.shopify-deposit-section-heading--wide { max-width: 760px; }
.shopify-deposit-price-context { display: flex; align-items: baseline; gap: 16px; margin-top: 35px; padding: 17px 19px; border-left: 3px solid var(--shopify-accent); background: rgba(231, 201, 154, .22); }
.shopify-deposit-price-context > span { color: var(--shopify-accent-dark); font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.shopify-deposit-price-context strong { color: var(--shopify-ink); font-size: 18px; }
.shopify-deposit-price-context p { margin-left: auto; color: var(--shopify-muted); font-size: 12px; }
.shopify-deposit-price-grid { display: grid; grid-template-columns: minmax(270px, .85fr) minmax(0, 1.15fr); gap: 22px; margin-top: 50px; }
.shopify-deposit-price-card { position: relative; min-height: 265px; padding: 31px; border: 1px solid var(--shopify-line); background: var(--shopify-panel); }
.shopify-deposit-price-card.is-current { border-color: var(--shopify-accent); box-shadow: inset 0 2px 0 var(--shopify-accent); }
.shopify-deposit-price-card__tag { position: absolute; top: -13px; left: 21px; padding: 5px 10px; background: var(--shopify-accent); color: #fffdfa; font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.shopify-deposit-price-card p { color: var(--shopify-ink); font-size: 18px; font-weight: 700; }
.shopify-deposit-price-card strong { display: block; min-height: 66px; margin-top: 31px; color: var(--shopify-ink); font-size: clamp(42px, 5vw, 68px); font-weight: 700; letter-spacing: -.07em; line-height: 1; }
.shopify-deposit-price-card span:not(.shopify-deposit-price-card__tag) { display: block; margin-top: 25px; color: var(--shopify-muted); font-size: 14px; }
.shopify-deposit-price-card__deadline { margin-top: 22px !important; }
.shopify-deposit-price-card span b { color: var(--shopify-ink); }
.shopify-deposit-price-card small { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 12px; margin-top: 20px; font-size: 13px; font-weight: 600; }
.shopify-deposit-price-card__savings > b { color: var(--shopify-green); }
.shopify-deposit-price-card__savings > span { display: inline; margin-top: 0 !important; color: var(--shopify-accent-dark); font-size: 12px; }
.shopify-deposit-price-card__savings > span::before { margin-right: 6px; color: var(--shopify-muted); content: "·"; }
.shopify-deposit-price-card.is-upcoming small { color: var(--shopify-muted); }
.shopify-deposit-price-ladder { display: grid; align-content: stretch; gap: 12px; }
.shopify-deposit-price-step { display: grid; grid-template-columns: 135px minmax(0, 1fr) auto; grid-template-rows: auto auto; align-items: center; column-gap: 18px; padding: 22px 24px; border-top: 1px solid var(--shopify-line); border-bottom: 1px solid var(--shopify-line); background: rgba(255, 253, 250, .46); }
.shopify-deposit-price-step > span { grid-row: 1 / span 2; color: var(--shopify-accent-dark); font-size: 10px; font-weight: 700; letter-spacing: .1em; line-height: 1.35; text-transform: uppercase; }
.shopify-deposit-price-step > strong { color: var(--shopify-ink); font-size: 17px; }
.shopify-deposit-price-step > b { color: var(--shopify-ink); font-size: 30px; letter-spacing: -.06em; line-height: 1; }
.shopify-deposit-price-step > small { display: flex; flex-wrap: wrap; grid-column: 2; gap: 6px 12px; margin-top: 7px; color: var(--shopify-muted); font-size: 12px; }
.shopify-deposit-price-step > small em { color: var(--shopify-accent-dark); font-style: normal; font-weight: 700; }
.shopify-deposit-price-step > small em::before { margin-right: 8px; color: var(--shopify-muted); content: "·"; }
.shopify-deposit-price-step > small i { color: var(--shopify-green); font-style: normal; }
.shopify-deposit-price-step > p { grid-column: 2 / -1; margin-top: 4px; color: var(--shopify-muted); font-size: 11px; }
.shopify-deposit-price-step > p b { color: var(--shopify-ink); }
.shopify-deposit-price-step.is-ended { opacity: .48; }
.shopify-deposit-retail-note { margin-top: 24px; color: var(--shopify-muted); font-size: 14px; }
.shopify-deposit-retail-note strong { color: var(--shopify-ink); text-decoration: line-through; text-decoration-thickness: 1px; }
.shopify-deposit-pricing-note { margin-top: 21px; color: var(--shopify-muted); font-size: 12px; }
.shopify-deposit-pricing-note span { margin-right: 7px; color: var(--shopify-accent); }
.shopify-deposit-finish-section { padding: clamp(72px, 9vw, 125px) 0; background: #eee9e2; }
.shopify-deposit-finish-section__heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, .7fr); align-items: end; gap: clamp(34px, 7vw, 92px); }
.shopify-deposit-finish-section__heading h2 { margin: 20px 0 0; color: var(--shopify-ink); font-family: var(--font-serif); font-size: clamp(45px, 5.4vw, 77px); font-weight: 400; letter-spacing: -.055em; line-height: .92; }
.shopify-deposit-finish-section__heading h2 em { color: var(--shopify-accent-dark); font-style: italic; }
.shopify-deposit-finish-section__heading > p { max-width: 390px; margin: 0 0 4px; color: var(--shopify-muted); font-size: 16px; line-height: 1.55; }
.shopify-deposit-finish-section .shopify-deposit-finish-showcase--section { margin-top: 54px; }
.shopify-deposit-steps { padding: clamp(86px, 10vw, 140px) 0; background: var(--lw2-cream); }
.shopify-deposit-steps__grid { display: grid; grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr); gap: clamp(52px, 9vw, 132px); align-items: start; }
.shopify-deposit-steps__intro { position: sticky; top: 112px; }
.shopify-deposit-steps__intro > p:last-child { max-width: 390px; margin-top: 24px; color: var(--shopify-muted); font-size: 15px; line-height: 1.65; }
.shopify-deposit-step-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; margin-top: 55px; padding: 0; list-style: none; }
.shopify-deposit-step-grid li { display: grid; grid-template-columns: 38px 1fr; gap: 18px; min-height: 212px; padding: 27px; border: 1px solid var(--shopify-line); background: var(--shopify-panel); }
.shopify-deposit-step-grid li > span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--shopify-accent); color: #fffdfa; font-size: 13px; font-weight: 700; }
.shopify-deposit-step-grid h3 { font-size: 20px; letter-spacing: -.02em; }
.shopify-deposit-step-grid small { display: block; margin-bottom: 10px; color: var(--shopify-accent-dark); font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.shopify-deposit-step-grid p { margin-top: 12px; color: var(--shopify-muted); font-size: 14px; line-height: 1.55; }
.shopify-deposit-timeline { display: grid; grid-template-columns: 1fr; margin: 0; padding: 0; border-top: 1px solid var(--lw2-line); list-style: none; }
.shopify-deposit-timeline li { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 24px; min-width: 0; padding: 28px 0 30px; border-bottom: 1px solid var(--lw2-line); }
.shopify-deposit-timeline__marker { display: grid; grid-template-columns: auto 30px; align-items: start; gap: 12px; color: var(--shopify-muted); }
.shopify-deposit-timeline__number { color: var(--shopify-ink); font-size: 12px; font-weight: 600; letter-spacing: .1em; line-height: 1.25; }
.shopify-deposit-timeline__icon { display: block; width: 30px; height: 30px; color: var(--shopify-muted); }
.shopify-deposit-timeline__body { min-width: 0; }
.shopify-deposit-timeline__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin-bottom: 11px; }
.shopify-deposit-timeline__phase { color: var(--shopify-muted); font-size: 10px; font-weight: 700; letter-spacing: .1em; line-height: 1.35; text-transform: uppercase; }
.shopify-deposit-timeline__tag { display: inline-flex; align-items: center; min-height: 24px; padding: 5px 8px; border: 1px solid rgba(231, 201, 154, .9); background: rgba(231, 201, 154, .22); color: var(--shopify-ink); font-size: 10px; font-weight: 600; letter-spacing: .06em; line-height: 1.2; text-transform: uppercase; }
.shopify-deposit-timeline__tag b { font-weight: 700; }
.shopify-deposit-timeline h3 { max-width: 560px; color: var(--shopify-ink); font-size: clamp(22px, 2.2vw, 31px); font-weight: 500; letter-spacing: -.035em; line-height: 1.05; }
.shopify-deposit-timeline p { max-width: 560px; margin-top: 9px; color: var(--shopify-muted); font-size: 14px; line-height: 1.55; }
.shopify-deposit-steps__facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: clamp(38px, 5vw, 62px); padding-top: 18px; border-top: 1px solid var(--lw2-line); }
.shopify-deposit-steps__facts p { display: flex; align-items: flex-start; gap: 9px; min-width: 0; color: var(--shopify-muted); font-size: 12px; line-height: 1.45; }
.shopify-deposit-steps__facts svg { flex: 0 0 auto; width: 17px; height: 17px; color: var(--shopify-green); }
.shopify-deposit-steps__facts b { color: var(--shopify-ink); font-weight: 700; }
.shopify-deposit-money-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 25px; }
.shopify-deposit-money-grid article { display: grid; gap: 7px; padding: 18px; border: 1px solid rgba(23, 32, 45, .12); background: rgba(255, 253, 250, .6); }
.shopify-deposit-money-grid strong { color: var(--shopify-ink); font-size: 13px; }
.shopify-deposit-money-grid span { color: var(--shopify-muted); font-size: 12px; line-height: 1.45; }
.shopify-deposit-math { display: flex; align-items: center; justify-content: center; gap: clamp(17px, 4vw, 60px); margin-top: 46px; padding: 26px 18px; border: 1px solid rgba(23, 32, 45, .12); background: #e2e8e4; text-align: center; }
.shopify-deposit-math strong { font-size: 16px; }
.shopify-deposit-math span { color: var(--shopify-accent); font-size: 26px; }
.shopify-deposit-rules { background: var(--shopify-panel); }
.shopify-deposit-rules__grid, .shopify-deposit-faq__grid { display: grid; grid-template-columns: minmax(260px, .7fr) minmax(0, 1fr); gap: clamp(52px, 10vw, 150px); }
.shopify-deposit-rules .shopify-deposit-section-heading { align-self: start; }
.shopify-deposit-rules-lede { max-width: 390px; margin-top: 25px; color: var(--shopify-muted); font-size: 15px; line-height: 1.65; }
.shopify-deposit-rules-value { display: grid; gap: 5px; max-width: 390px; margin-top: 28px; padding: 17px 18px; border-left: 3px solid var(--shopify-accent); background: rgba(231, 201, 154, .22); }
.shopify-deposit-rules-value strong { color: var(--shopify-green); font-size: 20px; }
.shopify-deposit-rules-value span { color: var(--shopify-muted); font-size: 12px; line-height: 1.5; }
.shopify-deposit-rules-value b { color: var(--shopify-ink); }
.shopify-deposit-button--rules { max-width: 390px; margin-top: 25px; }
.shopify-deposit-rules-reassurance { max-width: 390px; margin-top: 12px; color: var(--shopify-muted); font-size: 11px; line-height: 1.5; }
.shopify-deposit-rules-reassurance a { color: var(--shopify-ink); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.shopify-deposit-rule-list { border-top: 1px solid var(--shopify-line); }
.shopify-deposit-rule-list article { display: grid; grid-template-columns: 125px minmax(0, 1fr); gap: 8px 24px; padding: 23px 0; border-bottom: 1px solid var(--shopify-line); }
.shopify-deposit-rule-list span { grid-row: 1 / span 2; color: var(--shopify-accent-dark); font-size: 11px; font-weight: 700; letter-spacing: .1em; line-height: 1.35; text-transform: uppercase; }
.shopify-deposit-rule-list strong { color: var(--shopify-ink); font-size: 15px; }
.shopify-deposit-rule-list p { color: var(--shopify-muted); font-size: 13px; line-height: 1.5; }
.shopify-deposit-faq { background: #e9eeeb; }
.shopify-deposit-support { display: grid; grid-template-columns: 1fr auto; gap: 3px 14px; align-items: baseline; max-width: 300px; margin-top: 38px; padding-top: 17px; border-top: 1px solid rgba(23, 32, 45, .18); color: var(--shopify-ink); }
.shopify-deposit-support__label { grid-column: 1 / -1; color: var(--shopify-accent-dark); font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.shopify-deposit-support strong { font-size: 15px; font-weight: 600; }
.shopify-deposit-support__arrow { color: var(--shopify-accent); font-size: 18px; }
.shopify-deposit-faq-list { border-top: 1px solid rgba(23, 32, 45, .2); }
.shopify-deposit-faq-list details { border-bottom: 1px solid rgba(23, 32, 45, .2); }
.shopify-deposit-faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 0; color: var(--shopify-ink); cursor: pointer; font-size: 16px; font-weight: 600; list-style: none; }
.shopify-deposit-faq-list summary::-webkit-details-marker { display: none; }
.shopify-deposit-faq-list summary::after { color: var(--shopify-accent); content: "+"; font-size: 22px; font-weight: 400; }
.shopify-deposit-faq-list details[open] summary::after { content: "−"; }
.shopify-deposit-faq-list details p { max-width: 650px; padding: 0 35px 22px 0; color: var(--shopify-muted); font-size: 14px; line-height: 1.6; }
.shopify-deposit-final-cta { padding: clamp(80px, 11vw, 145px) 0; background: var(--lw2-dark); color: #fffdf8; text-align: center; }
.shopify-deposit-final-cta .shopify-deposit-eyebrow { color: #d9a18e; }
.shopify-deposit-final-cta h2 { color: #fffdfa; font-size: clamp(50px, 6.5vw, 88px); }
.shopify-deposit-final-cta h2 strong { color: var(--shopify-accent); font-weight: 400; }
.shopify-deposit-final-cta h2 em { color: var(--shopify-accent); }
.shopify-deposit-final-cta__note { max-width: 480px; margin: 22px auto 0; color: rgba(255, 253, 250, .7); font-size: 13px; line-height: 1.55; }
.shopify-deposit-final-cta .shopify-deposit-button { max-width: 310px; margin-inline: auto; }
.shopify-deposit-button--light { background: #fffdfa; color: var(--shopify-ink); }
.shopify-deposit-button--light:hover:not(:disabled), .shopify-deposit-button--light:focus-visible:not(:disabled) { background: #f6ddcf; color: var(--shopify-ink); }
.shopify-deposit-footer { padding: 25px 0 30px; background: var(--lw2-dark); color: rgba(255, 253, 248, .55); font-size: 12px; }
.shopify-deposit-footer__inner > p { max-width: 700px; line-height: 1.5; }
.shopify-deposit-footer__inner > div { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 24px; }
.shopify-deposit-footer nav { display: flex; gap: 18px; }
.shopify-deposit-footer a { color: rgba(255, 253, 250, .72); }
.shopify-deposit-footer a:hover { color: #fffdfa; }
.shopify-deposit-secondary-cta { display: inline-block; margin-top: 22px; color: rgba(255, 253, 250, .7); font-size: 13px; }
.shopify-deposit-secondary-cta span { color: #e78b6c; font-size: 16px; }
.shopify-deposit-secondary-cta:hover { color: #fffdfa; }
.shopify-deposit-mobile-cta { display: none; }
@media (max-width: 900px) {
    .shopify-deposit-header__inner { gap: 18px; min-height: 64px; }
    .shopify-deposit-header__actions { gap: 0; }
    .shopify-deposit-header__cta-wrap { min-width: 0; }
    .shopify-deposit-back, .shopify-deposit-header__cta-note { display: none; }
    .shopify-deposit-header__cta, .shopify-deposit-header__waitlist { width: auto; min-height: 38px; padding: 0 14px; font-size: 11px; }
    .lw2-deposit-page { padding-bottom: 82px; }
    .shopify-deposit-hero__grid { grid-template-columns: 1fr; gap: 52px; }
    .shopify-deposit-buy-card { max-width: 600px; }
    .shopify-deposit-nav { display: none; }
    .shopify-deposit-card-button, .shopify-deposit-final-cta .shopify-deposit-button { display: none; }
    .shopify-deposit-price-grid, .shopify-deposit-step-grid { grid-template-columns: 1fr; }
    .shopify-deposit-steps__grid { grid-template-columns: 1fr; gap: 42px; }
    .shopify-deposit-steps__intro { position: static; }
    .shopify-deposit-coach__grid { grid-template-columns: 1fr; gap: 48px; }
    .shopify-deposit-coach__screens { max-width: 620px; min-height: 650px; }
    .shopify-deposit-unlock-grid { grid-template-columns: 1fr; }
    .shopify-deposit-value-board { grid-template-columns: 1fr auto 1fr; }
    .shopify-deposit-value-board__saving { grid-column: 1 / -1; padding: 16px 0 0; border-top: 1px solid var(--shopify-line); border-left: 0; }
    .shopify-deposit-price-card { min-height: 0; }
    .shopify-deposit-step-grid li { min-height: 0; }
    .shopify-deposit-money-grid { grid-template-columns: 1fr; }
    .shopify-deposit-validation-note { grid-template-columns: 1fr; gap: 10px; }
    .shopify-deposit-rules__grid, .shopify-deposit-faq__grid { grid-template-columns: 1fr; gap: 48px; }
    .shopify-deposit-finish-section__heading { grid-template-columns: 1fr; gap: 24px; }
    .shopify-deposit-finish-section__heading > p { max-width: 560px; }
    .shopify-deposit-finish-section .shopify-deposit-finish-showcase--section { margin-top: 38px; }
    .shopify-deposit-price-step { grid-template-columns: 120px minmax(0, 1fr) auto; }
}
@media (max-width: 560px) {
    .shopify-deposit-header__inner { min-height: 64px; }
    .shopify-deposit-logo img { width: 118px; }
    .shopify-deposit-back { font-size: 12px; }
    .shopify-deposit-hero { padding-top: 49px; }
    .shopify-deposit-hero h1 { font-size: 56px; }
    .shopify-deposit-lede { font-size: 16px; }
    .shopify-deposit-hero-offer { gap: 6px 10px; }
    .shopify-deposit-hero-offer strong { font-size: 27px; }
    .shopify-deposit-hero-value { grid-template-columns: auto auto 1fr; gap: 12px; }
    .shopify-deposit-hero-value__context { grid-column: 1 / -1; margin-left: 0; padding-top: 8px; border-top: 1px solid var(--shopify-line); text-align: left; }
    .shopify-deposit-button--hero, .shopify-deposit-button--section { max-width: none; }
    .shopify-deposit-hero-policy { margin-top: 22px; }
    .shopify-deposit-buy-card__body { padding: 22px 20px 24px; }
    .shopify-deposit-section-heading h2 { font-size: 47px; }
    .shopify-deposit-pricing, .shopify-deposit-rules, .shopify-deposit-faq, .shopify-deposit-finish-section { padding: 72px 0; }
    .shopify-deposit-price-grid, .shopify-deposit-step-grid { margin-top: 42px; }
    .shopify-deposit-price-context { align-items: flex-start; flex-direction: column; gap: 7px; }
    .shopify-deposit-price-context p { margin-left: 0; }
    .shopify-deposit-price-card { padding: 24px; }
    .shopify-deposit-value-board { grid-template-columns: 1fr auto 1fr; gap: 14px; margin-top: 42px; padding: 22px; }
    .shopify-deposit-price-step { grid-template-columns: 1fr auto; gap: 7px 12px; padding: 18px; }
    .shopify-deposit-price-step > span { grid-row: auto; grid-column: 1 / -1; }
    .shopify-deposit-price-step > small { grid-column: 1 / -1; }
    .shopify-deposit-price-step > p { grid-column: 1 / -1; }
    .shopify-deposit-includes li { grid-template-columns: 1fr; gap: 3px; }
    .shopify-deposit-includes span { text-align: left; }
    .shopify-deposit-math { flex-direction: column; gap: 8px; }
    .shopify-deposit-math span { transform: rotate(90deg); }
    .shopify-deposit-rules-lede, .shopify-deposit-rules-value, .shopify-deposit-button--rules, .shopify-deposit-rules-reassurance { max-width: none; }
    .shopify-deposit-rule-list article { grid-template-columns: 1fr; gap: 7px; }
    .shopify-deposit-rule-list span { grid-row: auto; }
    .shopify-deposit-faq-list summary { font-size: 15px; }
    .shopify-deposit-footer__inner > div { align-items: flex-start; flex-direction: column; }
    .shopify-deposit-back { display: none; }
    .shopify-deposit-header__cta-note { display: none; }
    .shopify-deposit-header__actions { gap: 0; }
    .shopify-deposit-header__cta, .shopify-deposit-header__waitlist { width: auto; min-height: 38px; padding: 0 14px; font-size: 11px; }
    .shopify-deposit-timeline li { grid-template-columns: 58px minmax(0, 1fr); gap: 14px; padding: 24px 0 26px; }
    .shopify-deposit-timeline__marker { grid-template-columns: 22px 26px; gap: 8px; }
    .shopify-deposit-timeline__icon { width: 26px; height: 26px; }
    .shopify-deposit-timeline__phase { font-size: 9px; }
    .shopify-deposit-timeline__tag { font-size: 9px; }
    .shopify-deposit-timeline h3 { font-size: 23px; }
    .shopify-deposit-steps__facts { grid-template-columns: 1fr; gap: 12px; }
}
@media (max-width: 900px) {
    .shopify-deposit-mobile-cta { position: fixed; z-index: 10; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 10px max(16px, env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom)); border-top: 1px solid rgba(23, 32, 45, .12); background: rgba(255, 253, 250, .96); box-shadow: 0 -10px 30px rgba(23, 32, 45, .1); backdrop-filter: blur(14px); }
    .shopify-deposit-mobile-cta > div { display: grid; gap: 2px; min-width: 0; }
    .shopify-deposit-mobile-cta strong { color: var(--shopify-ink); font-size: 20px; line-height: 1; }
    .shopify-deposit-mobile-cta span { color: var(--shopify-muted); font-size: 11px; white-space: nowrap; }
    .shopify-deposit-mobile-cta .shopify-deposit-button { width: auto; min-width: 155px; min-height: 46px; margin: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .shopify-deposit-button { transition: none; }
}

/* Deposit page visual language follows the primary FAQ: quiet surfaces,
   light sans-serif typography, generous whitespace, and disciplined rules. */
.lw2-deposit-page {
    --shopify-ink: var(--lw2-ink);
    --shopify-muted: var(--lw2-muted);
    --shopify-line: var(--lw2-line);
    --shopify-paper: var(--lw2-cream);
    --shopify-panel: var(--lw2-warm);
    --shopify-accent-dark: var(--shopify-ink);
}
.lw2-deposit-page h1,
.lw2-deposit-page h2,
.lw2-deposit-page h3,
.lw2-deposit-page .shopify-deposit-button,
.lw2-deposit-page .shopify-deposit-header__cta,
.lw2-deposit-page .shopify-deposit-header__waitlist {
    font-family: var(--lw2-functional);
}
.shopify-deposit-hero h1,
.shopify-deposit-section-heading h2,
.shopify-deposit-finish-section__heading h2,
.shopify-deposit-final-cta h2 {
    font-family: var(--lw2-functional);
    font-weight: 300;
    letter-spacing: -.045em;
    line-height: .98;
}
.shopify-deposit-hero h1 { font-size: clamp(54px, 6.4vw, 94px); }
.shopify-deposit-hero h1 em,
.shopify-deposit-section-heading h2 em,
.shopify-deposit-finish-section__heading h2 em {
    color: var(--shopify-ink);
    font-style: normal;
}
.shopify-deposit-button,
.shopify-deposit-header__cta,
.shopify-deposit-header__waitlist { border-radius: 3px; }
.shopify-deposit-buy-card {
    border: 1px solid var(--lw2-line);
    border-radius: 0;
    box-shadow: none;
}
.shopify-deposit-buy-card__badge {
    background: var(--lw2-ink);
    border-radius: 0;
}
.shopify-deposit-pricing { background: var(--lw2-warm); }
.shopify-deposit-rules { background: #edeae3; }
.shopify-deposit-steps { background: var(--lw2-cream); }
.shopify-deposit-finish-section { background: #f0ede7; }
.shopify-deposit-rule-list,
.shopify-deposit-faq-list { border-top-color: var(--lw2-line); }
.shopify-deposit-rule-list article,
.shopify-deposit-faq-list details { border-bottom-color: var(--lw2-line); }
.shopify-deposit-faq {
    padding: 128px 0;
    background: #edeae3;
}
.shopify-deposit-faq__grid {
    grid-template-columns: .75fr 1.25fr;
    gap: 100px;
    align-items: start;
}
.shopify-deposit-faq__grid > .shopify-deposit-section-heading { max-width: 380px; }
.shopify-deposit-faq .shopify-deposit-section-heading h2 {
    max-width: 380px;
    margin-top: 20px;
    font-size: clamp(44px, 5.2vw, 76px);
}
.shopify-deposit-faq-intro {
    max-width: 380px;
    margin-top: 24px;
    color: var(--shopify-muted);
    font-size: 14px;
    line-height: 1.7;
}
.shopify-deposit-support {
    margin-top: 34px;
    padding-top: 17px;
    border-top-color: var(--lw2-line);
}
.shopify-deposit-faq-list summary {
    padding: 21px 0;
    font-size: 14px;
    font-weight: 500;
}
.shopify-deposit-faq-list summary::after {
    color: var(--lw2-faint);
    font-size: 20px;
}
.shopify-deposit-faq-list details p {
    max-width: 600px;
    margin: -3px 35px 20px 0;
    padding: 0;
    font-size: 13px;
    line-height: 1.7;
}
@media (max-width: 900px) {
    .shopify-deposit-faq__grid { grid-template-columns: 1fr; gap: 50px; }
    .shopify-deposit-faq { padding: 92px 0; }
}
@media (max-width: 560px) {
    .shopify-deposit-faq { padding: 72px 0; }
    .shopify-deposit-faq .shopify-deposit-section-heading h2 { font-size: 48px; }
}

/* Deposit page v5: outcome-led hero, visible price lock, and proof after the
   hero. Keep the offer card decisive without turning the page into a dense
   ecommerce template. */
.shopify-deposit-hero { padding-top: clamp(36px, 4vw, 56px); }
.shopify-deposit-hero__grid { align-items: start; }
.shopify-deposit-hero__copy { padding-top: clamp(24px, 3vw, 48px); }
.shopify-deposit-hero h1 { max-width: 650px; font-size: clamp(55px, 6.7vw, 96px); }
.shopify-deposit-hero-lede { max-width: 590px; margin-top: 25px; font-size: clamp(16px, 1.4vw, 19px); }
.shopify-deposit-hero-positioning { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 24px; font-size: 13px; letter-spacing: .02em; }
.shopify-deposit-hero-positioning b::before { margin-right: 7px; color: var(--shopify-accent-dark); content: "✓"; }
.shopify-deposit-hero-button { max-width: 390px; margin-top: 21px; }
.shopify-deposit-buy-card__image img { aspect-ratio: 1.75; object-fit: cover; object-position: center; }
.shopify-deposit-buy-card__body { padding: 20px 24px 22px; }
.shopify-deposit-decision-stack > div { padding: 9px 0; }
.shopify-deposit-decision-stack strong { font-size: 12px; }
.shopify-deposit-decision-stack span { font-size: 10px; }
.shopify-deposit-buy-card__copy { margin-top: 13px; font-size: 12px; line-height: 1.45; }
.shopify-deposit-buy-card .shopify-deposit-button { margin-top: 15px; min-height: 48px; }
.shopify-deposit-card-price-lock { display: flex; align-items: baseline; gap: 12px; margin-top: 18px; padding: 16px 0 15px; border-block: 1px solid var(--shopify-line); }
.shopify-deposit-card-price-lock div { display: grid; gap: 4px; }
.shopify-deposit-card-price-lock small { color: var(--shopify-muted); font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.shopify-deposit-card-price-lock strong { color: var(--shopify-ink); font-size: 47px; letter-spacing: -.07em; line-height: .9; }
.shopify-deposit-card-price-lock p { color: var(--shopify-muted); font-size: 12px; line-height: 1.4; }
.shopify-deposit-card-price-lock b { color: var(--shopify-ink); font-weight: 700; }

@media (max-width: 900px) {
    .shopify-deposit-hero { padding-top: 44px; }
    .shopify-deposit-hero__copy { max-width: 680px; padding-top: 0; }
    .shopify-deposit-hero-button { max-width: 390px; }
}

@media (max-width: 560px) {
    .shopify-deposit-hero { padding-top: 39px; }
    .shopify-deposit-hero h1 { max-width: 340px; font-size: 52px; }
    .shopify-deposit-hero-lede { margin-top: 21px; font-size: 16px; }
    .shopify-deposit-hero-value { margin-top: 24px; }
    .shopify-deposit-hero-button { max-width: none; }
    .shopify-deposit-buy-card__image img { aspect-ratio: 1.2; }
    .shopify-deposit-card-price-lock { gap: 10px; }
    .shopify-deposit-card-price-lock strong { font-size: 43px; }
    .shopify-deposit-card-price-lock p { font-size: 11px; }
}

/* Final header system: the full-width header owns the material layer; the
   inner nav only owns stable content geometry. */
.lw2-site .lw2-header {
    position: fixed;
    inset: 0 0 auto;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.lw2-site .lw2-nav {
    width: min(1280px, calc(100% - 80px));
    margin-inline: auto;
    min-height: 80px;
    padding: 0;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.lw2-site .lw2-header:not(.is-scrolled):not(.is-menu-open) .lw2-nav {
    border: 1px solid transparent;
}

.lw2-site .lw2-header.is-scrolled:not(.is-menu-open) {
    position: fixed;
    top: 0;
    background: rgba(247, 245, 240, .94);
    border: 0;
    box-shadow: 0 8px 24px rgba(48, 42, 34, .07);
    backdrop-filter: blur(22px) saturate(120%);
    -webkit-backdrop-filter: blur(22px) saturate(120%);
    transition:
        background var(--lw2-motion-slow) var(--lw2-ease-enter),
        box-shadow var(--lw2-motion-slow) var(--lw2-ease-enter),
        color var(--lw2-motion-slow) var(--lw2-ease-enter),
        -webkit-backdrop-filter var(--lw2-motion-slow) var(--lw2-ease-enter),
        backdrop-filter var(--lw2-motion-slow) var(--lw2-ease-enter);
}

.lw2-site .lw2-header.is-scrolled:not(.is-menu-open) .lw2-nav {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.lw2-site .lw2-header.is-scrolled:not(.is-menu-open) .lw2-nav-links {
    color: rgba(36, 33, 31, .88);
}
.lw2-site .lw2-header.is-scrolled:not(.is-menu-open) .lw2-nav-links a:hover,
.lw2-site .lw2-header.is-scrolled:not(.is-menu-open) .lw2-nav-links a:focus-visible {
    color: var(--lw2-ink);
}
.lw2-site .lw2-header.is-scrolled:not(.is-menu-open) .lw2-nav-cta {
    border-color: rgba(36, 33, 31, .38);
    color: var(--lw2-ink);
}

@media (max-width: 900px) {
    .lw2-site .lw2-nav {
        width: 100%;
        min-height: 68px;
        padding: 0 18px;
    }
}

@media (max-width: 560px) {
    .lw2-site .lw2-nav { min-height: 64px; }
}

.lw2-app-pattern-media figcaption {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}
.lw2-app-pattern-media figcaption::after {
    flex: 0 0 auto;
    color: var(--lw2-blue);
    content: "↕";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1;
}

@media (max-width: 560px) {
    .lw2-app-pattern-media figcaption { align-items: flex-start; }
    .lw2-app-pattern-media figcaption::after { margin-top: 1px; }
}

/* Conversion-path refinements: keep the editorial surface, but make the
   primary explanation shorter and the supporting technical layer optional. */
.lw2-real-life-card figcaption small {
    max-width: 250px;
    color: rgba(255, 253, 248, .72);
    font-size: 12px;
    line-height: 1.4;
}
.lw2-intro-grid > div > .lw2-inline-link { margin-top: 24px; }
.lw2-radar-details {
    margin-top: 48px;
    border-bottom: 1px solid rgba(55, 49, 43, .18);
}
.lw2-radar-details > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 22px 0;
    color: var(--lw2-ink);
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .01em;
    list-style: none;
}
.lw2-radar-details > summary::-webkit-details-marker { display: none; }
.lw2-radar-details > summary span {
    color: var(--lw2-blue);
    font-size: 24px;
    font-weight: 300;
    line-height: 1;
}
.lw2-radar-details[open] > summary span { font-size: 22px; }
.lw2-radar-details > .lw2-room-demo { margin-top: 22px; }
.lw2-radar-details > .lw2-radar-mechanism { margin-top: 42px; }
.lw2-lab-credibility {
    padding-top: 20px;
    border-top: 1px solid rgba(255, 253, 248, .18);
    color: rgba(255, 253, 248, .74) !important;
    font-size: 12px !important;
}

/* Optional finish choice for the Shopify deposit preview. It is deliberately
   a visual preference, not a required payment field or Shopify variant. */
.shopify-deposit-finish-picker {
    min-width: 0;
    margin: 23px 0 0;
    padding: 18px 0 0;
    border: 0;
    border-top: 1px solid var(--shopify-line);
}
.shopify-deposit-finish-picker legend {
    padding: 0;
    color: var(--shopify-ink);
    font-size: 12px;
    font-weight: 700;
}
.shopify-deposit-finish-picker legend span {
    margin-left: 7px;
    color: var(--shopify-muted);
    font-size: 10px;
    font-weight: 400;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.shopify-deposit-finish-options {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-top: 12px;
}
.shopify-deposit-finish-options button {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    min-height: 38px;
    padding: 6px 8px;
    border: 1px solid var(--shopify-line);
    border-radius: 999px;
    background: transparent;
    color: var(--shopify-muted);
    cursor: pointer;
    font: inherit;
    font-size: 11px;
    text-align: left;
}
.shopify-deposit-finish-options button:hover,
.shopify-deposit-finish-options button:focus-visible,
.shopify-deposit-finish-options button.is-active {
    border-color: var(--shopify-accent);
    color: var(--shopify-ink);
}
.shopify-deposit-finish-options button.is-active { border-color: var(--shopify-ink); background: var(--shopify-ink); color: #fffdf8; }
.shopify-deposit-finish-options button:focus-visible {
    outline: 2px solid var(--shopify-accent);
    outline-offset: 3px;
}
.shopify-deposit-finish-swatch {
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
    border: 1px solid rgba(23, 32, 45, .18);
    border-radius: 50%;
}
.shopify-deposit-finish-picker > p { margin-top: 12px; color: var(--shopify-muted); font-size: 11px; }
.shopify-deposit-finish-picker > p strong { color: var(--shopify-ink); font-weight: 700; }
.shopify-deposit-finish-picker > small { display: block; margin-top: 5px; color: #89919a; font-size: 11px; line-height: 1.45; }
.shopify-deposit-finish-note { margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--shopify-line); color: var(--shopify-muted); font-size: 12px; line-height: 1.5; }
.shopify-deposit-finish-showcase { margin: 22px 0 0; padding-top: 16px; border-top: 1px solid var(--shopify-line); }
.shopify-deposit-finish-showcase picture { display: block; }
.shopify-deposit-finish-showcase img { display: block; width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; object-position: center; }
.shopify-deposit-finish-showcase figcaption { display: grid; gap: 5px; margin-top: 11px; color: var(--shopify-muted); font-size: 11px; line-height: 1.45; }
.shopify-deposit-finish-showcase figcaption strong { color: var(--shopify-ink); font-size: 13px; font-weight: 600; }
.shopify-deposit-finish-showcase--section { margin: 0; padding: 0; border: 0; }
.shopify-deposit-finish-showcase--section img { background: #e4dbd0; }
.shopify-deposit-finish-showcase--section figcaption { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; margin-top: 15px; padding-top: 15px; border-top: 1px solid var(--shopify-line); }
.shopify-deposit-finish-showcase--section figcaption span { text-align: right; }

/* Coach value module: show the post-pledge service as a concrete journey,
   using the app screens as proof without introducing another purchase CTA. */
.shopify-deposit-coach {
    padding: clamp(78px, 10vw, 140px) 0 0;
    background: #e9eeeb;
}
.shopify-deposit-coach__grid {
    display: grid;
    grid-template-columns: minmax(320px, .9fr) minmax(0, 1.1fr);
    align-items: start;
    gap: clamp(44px, 8vw, 116px);
}
.shopify-deposit-coach__copy { min-width: 0; }
.shopify-deposit-coach h2 {
    max-width: 560px;
    color: var(--shopify-ink);
    font-size: clamp(50px, 6vw, 86px);
    letter-spacing: -.065em;
    line-height: .91;
}
.shopify-deposit-coach h2 em {
    color: var(--shopify-accent-dark);
    font-family: var(--font-serif);
    font-style: italic;
    font-weight: 400;
    letter-spacing: -.055em;
}
.shopify-deposit-coach__lede {
    max-width: 520px;
    margin-top: 27px;
    color: var(--shopify-muted);
    font-size: clamp(16px, 1.45vw, 19px);
    line-height: 1.55;
}
.shopify-deposit-coach__promise {
    max-width: 470px;
    margin-top: 25px;
    color: var(--shopify-ink);
    font-family: var(--font-serif);
    font-size: clamp(23px, 2.3vw, 32px);
    letter-spacing: -.035em;
    line-height: 1.05;
}
.shopify-deposit-coach__value {
    display: grid;
    gap: 5px;
    max-width: 360px;
    margin-top: 28px;
    padding: 17px 19px;
    border-left: 3px solid var(--shopify-accent);
    background: rgba(231, 201, 154, .26);
}
.shopify-deposit-coach__value strong {
    color: var(--shopify-ink);
    font-size: 18px;
    letter-spacing: -.02em;
}
.shopify-deposit-coach__value > span {
    color: var(--shopify-muted);
    font-size: 12px;
}
.shopify-deposit-coach__value b { color: var(--shopify-green); }
.shopify-deposit-coach__value small {
    max-width: 330px;
    margin-top: 4px;
    color: var(--shopify-muted);
    font-size: 11px;
    line-height: 1.45;
}
.shopify-deposit-coach__value-note {
    max-width: 360px;
    margin-top: 13px;
    color: var(--shopify-muted);
    font-size: 12px;
    line-height: 1.45;
}
.shopify-deposit-coach__service {
    display: grid;
    grid-template-columns: minmax(220px, .68fr) minmax(0, 1.32fr);
    gap: clamp(36px, 8vw, 110px);
    margin-top: 92px;
    padding-top: 25px;
    border-top: 1px solid rgba(23, 32, 45, .16);
}
.shopify-deposit-coach__service-heading h3 {
    max-width: 330px;
    margin-top: 17px;
    color: var(--shopify-ink);
    font-size: clamp(30px, 3.2vw, 48px);
    letter-spacing: -.055em;
    line-height: .98;
}
.shopify-deposit-coach__service-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 34px;
    margin: 0;
    padding: 0;
    border-top: 1px solid rgba(23, 32, 45, .16);
    list-style: none;
}
.shopify-deposit-coach__service-list li {
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr);
    gap: 14px;
    min-width: 0;
    padding: 18px 0 20px;
    border-bottom: 1px solid rgba(23, 32, 45, .16);
}
.shopify-deposit-coach__service-list li > span {
    color: var(--shopify-accent-dark);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 1.35;
    text-transform: uppercase;
}
.shopify-deposit-coach__service-list strong {
    color: var(--shopify-ink);
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 1.2;
}
.shopify-deposit-coach__service-list p {
    margin-top: 7px;
    color: var(--shopify-muted);
    font-size: 12px;
    line-height: 1.5;
}
.shopify-deposit-coach__continuity {
    display: grid;
    grid-template-columns: minmax(250px, .8fr) minmax(0, 1.2fr);
    gap: clamp(30px, 8vw, 112px);
    margin-top: 78px;
    padding: 28px 0 30px;
    border-top: 1px solid rgba(23, 32, 45, .16);
    border-bottom: 1px solid rgba(23, 32, 45, .16);
}
.shopify-deposit-coach__continuity h3 {
    margin-top: 17px;
    color: var(--shopify-ink);
    font-size: clamp(30px, 3.5vw, 52px);
    letter-spacing: -.06em;
    line-height: .95;
}
.shopify-deposit-coach__continuity h3 em {
    color: var(--shopify-accent-dark);
    font-family: var(--font-serif);
    font-style: italic;
    font-weight: 400;
}
.shopify-deposit-coach__continuity > p {
    max-width: 610px;
    align-self: end;
    color: var(--shopify-muted);
    font-size: clamp(15px, 1.25vw, 17px);
    line-height: 1.58;
}
.shopify-deposit-coach__footer {
    padding: 24px 0 31px;
}
.shopify-deposit-coach__footer .shopify-deposit-coach__availability,
.shopify-deposit-coach__footer .shopify-deposit-coach__boundary {
    max-width: none;
    margin-top: 0;
}
.shopify-deposit-coach__footer .shopify-deposit-coach__boundary { margin-top: 9px; }
.shopify-deposit-coach-paths {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    margin-top: 29px;
    border-top: 1px solid rgba(23, 32, 45, .16);
}
.shopify-deposit-coach-paths article {
    padding: 18px 0 19px;
    border-bottom: 1px solid rgba(23, 32, 45, .16);
}
.shopify-deposit-coach-paths article + article {
    padding-left: 22px;
    border-left: 1px solid rgba(23, 32, 45, .16);
}
.shopify-deposit-coach-paths span {
    color: var(--shopify-accent-dark);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 1.35;
    text-transform: uppercase;
}
.shopify-deposit-coach-paths p {
    margin-top: 9px;
    color: var(--shopify-muted);
    font-size: 13px;
    line-height: 1.5;
}
.shopify-deposit-coach__capabilities {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 28px;
    padding-top: 18px;
    border-top: 1px solid rgba(23, 32, 45, .16);
}
.shopify-deposit-coach__capabilities article { min-width: 0; }
.shopify-deposit-coach__capabilities span {
    color: var(--shopify-ink);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 1.25;
}
.shopify-deposit-coach__capabilities p {
    margin-top: 7px;
    color: var(--shopify-muted);
    font-size: 11px;
    line-height: 1.45;
}
.shopify-deposit-coach__steps {
    display: grid;
    gap: 0;
    margin-top: 39px;
    padding: 0;
    border-top: 1px solid rgba(23, 32, 45, .16);
    list-style: none;
}
.shopify-deposit-coach__steps li {
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr);
    gap: 17px;
    padding: 19px 0 20px;
    border-bottom: 1px solid rgba(23, 32, 45, .16);
}
.shopify-deposit-coach__steps li > span {
    color: var(--shopify-accent-dark);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 1.35;
    text-transform: uppercase;
}
.shopify-deposit-coach__steps h3 {
    color: var(--shopify-ink);
    font-size: 19px;
    letter-spacing: -.025em;
    line-height: 1.15;
}
.shopify-deposit-coach__steps p {
    margin-top: 7px;
    color: var(--shopify-muted);
    font-size: 13px;
    line-height: 1.5;
}
.shopify-deposit-coach__steps .shopify-deposit-coach__microcopy {
    margin-top: 10px;
    color: var(--shopify-ink);
    font-size: 12px;
    font-weight: 600;
}
.shopify-deposit-coach__report-points {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin-top: 15px;
    padding-top: 12px;
    border-top: 1px solid rgba(23, 32, 45, .14);
}
.shopify-deposit-coach__report-points span {
    color: var(--shopify-accent-dark);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 1.35;
    text-transform: uppercase;
}
.shopify-deposit-coach__handoff {
    max-width: 520px;
    margin-top: 25px;
    color: var(--shopify-muted);
    font-size: 14px;
    line-height: 1.55;
}
.shopify-deposit-coach__handoff strong {
    color: var(--shopify-ink);
    font-weight: 600;
}
.shopify-deposit-coach__availability {
    margin-top: 21px;
    color: var(--shopify-ink);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
}
.shopify-deposit-coach__boundary {
    max-width: 500px;
    margin-top: 10px;
    color: var(--shopify-muted);
    font-size: 11px;
    line-height: 1.5;
}
.shopify-deposit-coach__screens {
    position: relative;
    min-width: 0;
    min-height: 760px;
}
.shopify-deposit-coach-screen {
    position: absolute;
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(23, 32, 45, .13);
    background: #fffdfa;
    box-shadow: 0 26px 55px rgba(48, 42, 34, .12);
}
.shopify-deposit-coach-screen img {
    display: block;
    width: 100%;
    height: auto;
}
.shopify-deposit-coach-screen--pattern {
    right: 0;
    bottom: 0;
    width: min(84%, 620px);
    border-radius: 14px;
}
.shopify-deposit-coach-screen__crop {
    height: 570px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scroll-behavior: smooth;
    scrollbar-color: rgba(74, 84, 137, .65) rgba(23, 32, 45, .08);
    scrollbar-width: thin;
    touch-action: pan-y;
    background: #f7f5f0;
}
.shopify-deposit-coach-screen__crop::-webkit-scrollbar { width: 8px; }
.shopify-deposit-coach-screen__crop::-webkit-scrollbar-track { background: rgba(23, 32, 45, .08); }
.shopify-deposit-coach-screen__crop::-webkit-scrollbar-thumb { background: rgba(74, 84, 137, .65); border-radius: 999px; }
.shopify-deposit-coach-screen--pattern img {
    width: 100%;
    max-width: none;
}
.shopify-deposit-coach-screen__scroll-hint {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 0;
    padding: 14px 16px 13px;
    color: var(--shopify-muted);
    font-size: 10px;
    letter-spacing: .1em;
    line-height: 1.35;
    text-transform: uppercase;
}
.shopify-deposit-coach-screen__scroll-hint b {
    flex: 0 0 auto;
    color: var(--shopify-accent-dark);
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1;
}
.shopify-deposit-coach-screen figcaption {
    display: grid;
    gap: 4px;
    padding: 14px 16px 16px;
    background: #fffdfa;
}
.shopify-deposit-coach-screen figcaption span {
    color: var(--shopify-accent-dark);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.shopify-deposit-coach-screen figcaption strong {
    color: var(--shopify-ink);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
}
.shopify-deposit-coach__rhythm {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(13px, 2vw, 28px);
    margin-top: 80px;
    padding: 25px 0 27px;
    border-top: 1px solid rgba(23, 32, 45, .16);
    color: var(--shopify-ink);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .01em;
    text-align: center;
}
.shopify-deposit-coach__rhythm i {
    color: var(--shopify-accent-dark);
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
}

@media (max-width: 560px) {
    .lw2-real-life-card figcaption small { max-width: 210px; font-size: 11px; }
    .lw2-radar-details { margin-top: 32px; }
    .shopify-deposit-finish-options { gap: 6px; }
    .shopify-deposit-finish-options button { padding-inline: 6px; font-size: 10px; }
    .shopify-deposit-hero-offer { gap: 6px 10px; }
    .shopify-deposit-hero-offer strong { font-size: 38px; }
    .shopify-deposit-hero-offer span { font-size: 12px; }
    .shopify-deposit-finish-showcase--section img { aspect-ratio: auto; height: auto; object-fit: contain; }
    .shopify-deposit-finish-showcase--section figcaption { align-items: flex-start; flex-direction: column; gap: 4px; }
    .shopify-deposit-finish-showcase--section figcaption span { text-align: left; }
    .shopify-deposit-coach { padding-top: 72px; }
    .shopify-deposit-coach__grid { grid-template-columns: 1fr; gap: 45px; }
    .shopify-deposit-coach h2 { font-size: 52px; }
    .shopify-deposit-coach__promise { font-size: 25px; }
    .shopify-deposit-coach__lede { font-size: 16px; }
    .shopify-deposit-coach__service { grid-template-columns: 1fr; gap: 28px; margin-top: 58px; }
    .shopify-deposit-coach__service-heading h3 { max-width: 330px; font-size: 34px; }
    .shopify-deposit-coach__service-list { grid-template-columns: 1fr; }
    .shopify-deposit-coach__service-list li { grid-template-columns: 80px minmax(0, 1fr); gap: 12px; }
    .shopify-deposit-coach__continuity { grid-template-columns: 1fr; gap: 22px; margin-top: 56px; padding-block: 24px 26px; }
    .shopify-deposit-coach__continuity h3 { font-size: 38px; }
    .shopify-deposit-coach__continuity > p { font-size: 15px; }
    .shopify-deposit-coach__footer { padding-bottom: 34px; }
    .shopify-deposit-coach-paths { grid-template-columns: 1fr; gap: 0; }
    .shopify-deposit-coach-paths article + article { padding-left: 0; border-left: 0; }
    .shopify-deposit-coach__capabilities { grid-template-columns: 1fr; gap: 0; }
    .shopify-deposit-coach__capabilities article { padding: 14px 0; border-bottom: 1px solid rgba(23, 32, 45, .14); }
    .shopify-deposit-coach__steps { margin-top: 32px; }
    .shopify-deposit-coach__steps li { grid-template-columns: 74px minmax(0, 1fr); gap: 12px; }
    .shopify-deposit-coach__screens { min-height: 0; display: flex; flex-direction: column; gap: 24px; }
    .shopify-deposit-coach-screen { position: relative; inset: auto; width: 100%; }
    .shopify-deposit-coach-screen--pattern { order: 1; max-width: 390px; align-self: center; }
    .shopify-deposit-coach-screen__crop { height: 390px; }
    .shopify-deposit-coach-screen__scroll-hint { align-items: flex-start; font-size: 9px; }
    .shopify-deposit-coach__rhythm { align-items: flex-start; flex-direction: column; gap: 7px; margin-top: 48px; padding: 22px 0 24px; }
    .shopify-deposit-coach__rhythm i { display: none; }
}

/* Deposit page typography audit: trust comes from consistency, not faux italics. */
.lw2-deposit-page {
    --shopify-type: "Helvetica Neue", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    --font-sans: var(--shopify-type);
    --font-serif: var(--shopify-type);
    font-family: var(--shopify-type);
    font-synthesis: none;
}

.lw2-deposit-page button,
.lw2-deposit-page input,
.lw2-deposit-page select,
.lw2-deposit-page textarea {
    font-family: var(--shopify-type);
}

.lw2-deposit-page .shopify-deposit-eyebrow {
    letter-spacing: .12em;
}

.lw2-deposit-page .shopify-deposit-hero h1,
.lw2-deposit-page .shopify-deposit-section-heading h2,
.lw2-deposit-page .shopify-deposit-final-cta h2,
.lw2-deposit-page .shopify-deposit-finish-section__heading h2,
.lw2-deposit-page .shopify-deposit-coach h2,
.lw2-deposit-page .shopify-deposit-buy-card h2 {
    font-family: var(--shopify-type);
    font-style: normal;
    font-weight: 500;
    letter-spacing: -.045em;
    line-height: .94;
}

.lw2-deposit-page .shopify-deposit-hero h1 {
    max-width: 680px;
    font-size: clamp(54px, 6.2vw, 88px);
}

.lw2-deposit-page .shopify-deposit-heading-accent {
    color: var(--shopify-accent-dark);
    font-family: inherit;
    font-style: normal;
    font-weight: 600;
    letter-spacing: inherit;
}

.lw2-deposit-page .shopify-deposit-final-cta .shopify-deposit-heading-accent {
    color: var(--shopify-accent);
}

.lw2-deposit-page .shopify-deposit-final-cta h2 strong {
    color: var(--shopify-accent);
    font-weight: 600;
}

/* Final FAQ alignment pass: keep the reservation page inside the same visual
   system as the primary site instead of layering a separate campaign UI. */
.lw2-deposit-page .shopify-deposit-hero h1,
.lw2-deposit-page .shopify-deposit-section-heading h2,
.lw2-deposit-page .shopify-deposit-finish-section__heading h2,
.lw2-deposit-page .shopify-deposit-final-cta h2 {
    font-family: var(--lw2-functional);
    font-weight: 300;
    letter-spacing: -.045em;
    line-height: .98;
}
.lw2-deposit-page .shopify-deposit-hero h1 {
    max-width: 760px;
    font-size: clamp(54px, 6.4vw, 94px);
}
.lw2-deposit-page .shopify-deposit-hero h1 em,
.lw2-deposit-page .shopify-deposit-section-heading h2 em,
.lw2-deposit-page .shopify-deposit-finish-section__heading h2 em {
    color: inherit;
    font-style: normal;
}
.lw2-deposit-page .shopify-deposit-button,
.lw2-deposit-page .shopify-deposit-header__cta,
.lw2-deposit-page .shopify-deposit-header__waitlist {
    border-radius: 3px;
}
.lw2-deposit-page .shopify-deposit-buy-card {
    border: 1px solid var(--lw2-line);
    border-radius: 0;
    box-shadow: none;
}
.lw2-deposit-page .shopify-deposit-pricing { background: var(--lw2-warm); }
.lw2-deposit-page .shopify-deposit-rules,
.lw2-deposit-page .shopify-deposit-faq { background: #edeae3; }
.lw2-deposit-page .shopify-deposit-steps { background: var(--lw2-cream); }
.lw2-deposit-page .shopify-deposit-finish-section { background: #f0ede7; }
.lw2-deposit-page .shopify-deposit-rule-list,
.lw2-deposit-page .shopify-deposit-faq-list { border-top-color: var(--lw2-line); }
.lw2-deposit-page .shopify-deposit-rule-list article,
.lw2-deposit-page .shopify-deposit-faq-list details { border-bottom-color: var(--lw2-line); }
.lw2-deposit-page .shopify-deposit-faq {
    padding: 128px 0;
}
.lw2-deposit-page .shopify-deposit-faq__grid {
    grid-template-columns: .75fr 1.25fr;
    gap: 100px;
    align-items: start;
}
.lw2-deposit-page .shopify-deposit-faq__grid > .shopify-deposit-section-heading { max-width: 380px; }
.lw2-deposit-page .shopify-deposit-faq .shopify-deposit-section-heading h2 {
    max-width: 380px;
    margin-top: 20px;
    font-size: clamp(44px, 5.2vw, 76px);
}
.lw2-deposit-page .shopify-deposit-faq-intro {
    max-width: 380px;
    margin-top: 24px;
    color: var(--lw2-muted);
    font-size: 14px;
    line-height: 1.7;
}
.lw2-deposit-page .shopify-deposit-support {
    margin-top: 34px;
    padding-top: 17px;
    border-top-color: var(--lw2-line);
}
.lw2-deposit-page .shopify-deposit-faq-list summary {
    padding: 21px 0;
    color: var(--lw2-ink);
    font-size: 14px;
    font-weight: 500;
}
.lw2-deposit-page .shopify-deposit-faq-list summary::after {
    color: var(--lw2-faint);
    font-size: 20px;
}
.lw2-deposit-page .shopify-deposit-faq-list details p {
    max-width: 600px;
    margin: -3px 35px 20px 0;
    padding: 0;
    color: var(--lw2-muted);
    font-size: 13px;
    line-height: 1.7;
}
@media (max-width: 900px) {
    .lw2-deposit-page .shopify-deposit-faq { padding: 92px 0; }
    .lw2-deposit-page .shopify-deposit-faq__grid { grid-template-columns: 1fr; gap: 50px; }
}
@media (max-width: 560px) {
    .lw2-deposit-page .shopify-deposit-faq { padding: 72px 0; }
    .lw2-deposit-page .shopify-deposit-faq .shopify-deposit-section-heading h2 { font-size: 48px; }
}

/* Typography consolidation — the final brand contract.
   Keep one functional grotesk across the product, with one editorial
   homepage-hero moment and Doto reserved for instrument-like readouts. */
.lw2-site {
    --lw2-functional: var(--font-primary);
    --lw2-title: var(--font-display);
    --lw2-hero-editorial: var(--font-editorial);
    --lw2-data: var(--font-data);
    font-family: var(--lw2-functional);
    font-synthesis: none;
}

.lw2-site,
.lw2-site button,
.lw2-site input,
.lw2-site select,
.lw2-site textarea {
    font-family: var(--lw2-functional);
}

.lw2-site h1,
.lw2-site h2,
.lw2-site h3,
.lw2-site h4,
.lw2-site h5,
.lw2-site h6,
.lw2-site .lw2-real-life-card figcaption strong,
.lw2-site .lw2-room-screen-header h3,
.lw2-site .lw2-room-copy-panel h3 {
    font-family: var(--lw2-title);
    font-weight: 300;
    letter-spacing: -.025em;
    font-optical-sizing: auto;
}

.lw2-site h1,
.lw2-site h2 { line-height: .98; }
.lw2-site h3,
.lw2-site h4 { line-height: 1.05; }

/* The homepage hero is the only editorial serif moment. */
.lw2-site .lw2-hero h1 {
    max-width: 980px;
    font-family: var(--lw2-hero-editorial);
    font-weight: 400;
    letter-spacing: -.012em;
    line-height: .9;
    font-size: clamp(54px, 6.2vw, 96px);
    text-wrap: balance;
}

/* Text over imagery needs a dependable weight at every platform. */
.lw2-site .lw2-hero-copy,
.lw2-site .lw2-section-head > p,
.lw2-site .lw2-real-life-head > p,
.lw2-site .lw2-app-story-head > p,
.lw2-site .lw2-sub-hero-copy > p:not(.lw2-eyebrow),
.lw2-site .lw2-legal-lead,
.lw2-site .lw2-legal-copy p,
.lw2-site .lw2-legal-copy li {
    font-weight: 400;
}

.lw2-site .lw2-nav-links,
.lw2-site .lw2-nav-cta,
.lw2-site .lw2-button,
.lw2-site .lw2-inline-link {
    letter-spacing: .005em;
}

/* Doto is an instrument voice, not a reading voice. */
.lw2-site .lw2-radar-loop-read b,
.lw2-site .lw2-room-signal-grid article > b,
.lw2-site .lw2-room-climate strong {
    font-family: var(--lw2-data);
    font-variant-numeric: tabular-nums;
    letter-spacing: -.02em;
}

/* The reservation page must feel like the same product at the moment of
   commitment: functional grotesk, no faux italics, stronger value hierarchy. */
.lw2-deposit-page {
    --shopify-type: var(--lw2-functional);
    --font-sans: var(--lw2-functional);
    --font-serif: var(--lw2-functional);
    font-family: var(--lw2-functional);
}

.lw2-deposit-page .shopify-deposit-hero h1,
.lw2-deposit-page .shopify-deposit-section-heading h2,
.lw2-deposit-page .shopify-deposit-final-cta h2,
.lw2-deposit-page .shopify-deposit-finish-section__heading h2,
.lw2-deposit-page .shopify-deposit-coach h2,
.lw2-deposit-page .shopify-deposit-buy-card h2 {
    font-family: var(--lw2-title);
    font-style: normal;
    font-weight: 300;
    letter-spacing: -.025em;
    line-height: .98;
}

.lw2-deposit-page .shopify-deposit-hero h1 {
    max-width: 760px;
    font-size: clamp(54px, 6.4vw, 94px);
}

.lw2-deposit-page .shopify-deposit-heading-accent,
.lw2-deposit-page .shopify-deposit-final-cta .shopify-deposit-heading-accent {
    font-family: inherit;
    font-style: normal;
    font-weight: 600;
    letter-spacing: inherit;
}

@media (max-width: 560px) {
    .lw2-site .lw2-hero h1 {
        max-width: 720px;
        font-size: clamp(46px, 13.5vw, 64px);
        letter-spacing: -.01em;
        line-height: .94;
    }

    .lw2-site .lw2-hero-copy {
        max-width: 390px;
        margin-top: 18px;
        font-size: 16px;
        line-height: 1.55;
    }

    .lw2-deposit-page .shopify-deposit-hero h1 {
        font-size: clamp(48px, 13.5vw, 64px);
    }
}

/* Deposit hero emphasis: use hierarchy and line breaks, not a loud color bar. */
.lw2-deposit-page .shopify-deposit-heading-accent {
    color: var(--shopify-ink);
    font-weight: 300;
}

/* Deposit typography reset: one sturdy grotesk, no faux-editorial contrast. */
.lw2-deposit-page .shopify-deposit-hero h1,
.lw2-deposit-page .shopify-deposit-section-heading h2,
.lw2-deposit-page .shopify-deposit-final-cta h2,
.lw2-deposit-page .shopify-deposit-finish-section__heading h2,
.lw2-deposit-page .shopify-deposit-coach h2,
.lw2-deposit-page .shopify-deposit-coach__continuity h3,
.lw2-deposit-page .shopify-deposit-coach__service-heading h3 {
    font-family: var(--lw2-functional);
    font-weight: 500;
    letter-spacing: -.03em;
    line-height: .98;
}

.lw2-deposit-page .shopify-deposit-hero h1 {
    font-size: clamp(50px, 5.4vw, 82px);
}

.lw2-deposit-page .shopify-deposit-section-heading h2,
.lw2-deposit-page .shopify-deposit-finish-section__heading h2 {
    font-size: clamp(42px, 5.2vw, 72px);
}

.lw2-deposit-page .shopify-deposit-coach h2 {
    font-size: clamp(46px, 5.5vw, 78px);
}

.lw2-deposit-page .shopify-deposit-final-cta h2 {
    font-size: clamp(46px, 5.6vw, 80px);
}

.lw2-deposit-page .shopify-deposit-hero h1 em,
.lw2-deposit-page .shopify-deposit-section-heading h2 em,
.lw2-deposit-page .shopify-deposit-finish-section__heading h2 em,
.lw2-deposit-page .shopify-deposit-coach h2 em,
.lw2-deposit-page .shopify-deposit-coach__continuity h3 em {
    color: inherit;
    font-family: inherit;
    font-style: normal;
    font-weight: inherit;
    letter-spacing: inherit;
}

.lw2-deposit-page .shopify-deposit-heading-accent {
    color: inherit;
    font-weight: 500;
}

.lw2-deposit-page .shopify-deposit-coach__promise {
    font-family: var(--lw2-functional);
    font-weight: 500;
    letter-spacing: -.025em;
    line-height: 1.08;
}

.lw2-deposit-page em {
    font-family: inherit;
    font-style: normal;
}

@media (max-width: 560px) {
    .lw2-deposit-page .shopify-deposit-hero h1 {
        font-size: clamp(46px, 12.5vw, 62px);
    }

    .lw2-deposit-page .shopify-deposit-coach h2 {
        font-size: clamp(42px, 12vw, 58px);
    }
}

/* Homepage copy hierarchy: make the sensing-to-room loop legible before the deeper product detail. */
.lw2-site .lw2-hero-offer {
    margin: 18px 0 0;
    color: rgba(255, 253, 248, .72);
    font-size: 11px;
    letter-spacing: .04em;
}

.lw2-site .lw2-replaces {
    padding: 116px 0 110px;
    background: #f0ede7;
}

.lw2-site .lw2-replaces-head {
    align-items: end;
}

.lw2-site .lw2-replaces-head h2 {
    max-width: 760px;
}

.lw2-site .lw2-replaces-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-top: 62px;
}

.lw2-site .lw2-replaces-grid article {
    min-height: 210px;
    padding: 20px 18px 22px;
    border-top: 1px solid var(--lw2-line);
}

.lw2-site .lw2-replaces-grid article > span {
    color: var(--lw2-blue);
    font-size: 10px;
    letter-spacing: .12em;
}

.lw2-site .lw2-replaces-grid h3 {
    margin: 43px 0 11px;
    font-size: 24px;
    font-weight: 400;
}

.lw2-site .lw2-replaces-grid p {
    max-width: 220px;
    color: var(--lw2-muted);
    font-size: 13px;
    line-height: 1.6;
}

.lw2-site .lw2-replaces-note {
    max-width: 620px;
    margin: 40px 0 0;
    color: var(--lw2-muted);
    font-size: 13px;
    line-height: 1.65;
}

.lw2-site .lw2-replaces-note strong {
    color: var(--lw2-ink);
    font-weight: 500;
}

.lw2-site .lw2-cbti {
    padding: 126px 0 132px;
    background: var(--lw2-warm);
}

.lw2-site .lw2-cbti-grid,
.lw2-site .lw2-no-score-grid {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 92px;
    align-items: start;
}

.lw2-site .lw2-cbti h2,
.lw2-site .lw2-no-score h2 {
    max-width: 700px;
    margin: 0;
    font-size: clamp(48px, 5.8vw, 82px);
    line-height: .94;
}

.lw2-site .lw2-cbti-copy {
    max-width: 510px;
    padding-top: 8px;
}

.lw2-site .lw2-cbti-copy p {
    margin: 0 0 22px;
    color: var(--lw2-muted);
    font-size: 16px;
    line-height: 1.7;
}

.lw2-site .lw2-cbti-copy p strong {
    color: var(--lw2-ink);
    font-weight: 500;
}

.lw2-site .lw2-cbti-copy small {
    display: block;
    margin-top: 36px;
    color: var(--lw2-faint);
    font-size: 11px;
    line-height: 1.65;
}

.lw2-site .lw2-no-score {
    padding: 126px 0 132px;
    background: #e5e0d8;
}

.lw2-site .lw2-no-score-copy {
    max-width: 510px;
    padding-top: 8px;
}

.lw2-site .lw2-no-score-copy p {
    margin: 0 0 22px;
    color: var(--lw2-muted);
    font-size: 16px;
    line-height: 1.7;
}

.lw2-site .lw2-no-score-copy strong {
    display: block;
    margin-top: 34px;
    color: var(--lw2-ink);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.lw2-site .lw2-lab-copy h2 {
    max-width: 540px;
}

.lw2-site .lw2-lab-credibility {
    color: rgba(255, 253, 248, .74) !important;
}

@media (max-width: 900px) {
    .lw2-site .lw2-replaces,
    .lw2-site .lw2-cbti,
    .lw2-site .lw2-no-score {
        padding: 92px 0;
    }

    .lw2-site .lw2-replaces-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 44px;
    }

    .lw2-site .lw2-cbti-grid,
    .lw2-site .lw2-no-score-grid {
        grid-template-columns: 1fr;
        gap: 42px;
    }
}

@media (max-width: 560px) {
    .lw2-site .lw2-hero h1 {
        width: 100%;
        max-width: 100%;
        font-size: clamp(44px, 11.5vw, 58px);
    }

    .lw2-site .lw2-replaces-grid {
        grid-template-columns: 1fr;
        gap: 0;
        margin-top: 34px;
    }

    .lw2-site .lw2-replaces-grid article {
        min-height: 0;
        padding: 18px 0 24px;
    }

    .lw2-site .lw2-replaces-grid h3 {
        margin-top: 26px;
    }

    .lw2-site .lw2-cbti h2,
    .lw2-site .lw2-no-score h2 {
        font-size: 48px;
    }

    .lw2-site .lw2-hero-offer {
        margin-top: 14px;
    }
}

/* Mobile rhythm (2026-08-05): one tighter <=560 spacing scale.
   The .lw2-site prefix matches the 2-class strata above so source order wins. */
@media (max-width: 560px) {
    .lw2-site .lw2-intro, .lw2-site .lw2-real-life, .lw2-site .lw2-process,
    .lw2-site .lw2-radar, .lw2-site .lw2-device, .lw2-site .lw2-finishes,
    .lw2-site .lw2-app, .lw2-site .lw2-app-story, .lw2-site .lw2-lab,
    .lw2-site .lw2-faq, .lw2-site .lw2-replaces, .lw2-site .lw2-cbti,
    .lw2-site .lw2-no-score, .lw2-site .lw2-cta { padding: 64px 0; }
    .lw2-site .lw2-section-head, .lw2-site .lw2-radar-head,
    .lw2-site .lw2-device-hero, .lw2-site .lw2-finish-grid,
    .lw2-site .lw2-lab-grid, .lw2-site .lw2-real-life-head { gap: 32px; }
    .lw2-site .lw2-faq-grid { gap: 34px; }
    .lw2-site .lw2-cbti-grid, .lw2-site .lw2-no-score-grid { gap: 32px; }
}