*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.resize{resize:both}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--color-page-base:var(--color-canvas);--font-product:Inter, system-ui, sans-serif;--font-editorial:Spectral, Georgia, serif;--font-accent:Fraunces, Spectral, Georgia, serif;--font-utility:"JetBrains Mono", monospace;--radius-focus:6px;--radius-control:14px;--radius-card:20px;--radius-panel:24px;--radius-stage:28px;--radius-pill:9999px;--page-gutter:clamp(24px, 5vw, 80px);--mobile-gutter:20px;--container-max:1320px;--container-reading-max:760px;--ritual-media-aspect:15 / 8;--section-padding:clamp(88px, 12vh, 128px);--section-padding-tight:clamp(70px, 9vh, 96px);--ease-kaivoo:cubic-bezier(.16, 1, .3, 1);--hero-nav-offset:112px;--hero-shell-height:920svh;--hero-runway-height:160svh;--direction-label-top:clamp(40%, 44vh, 48%);--hero-product-bottom:auto;--feeling-copy-top:24%;--hero-copy-reserve:0px;--container-inset:max(var(--page-gutter), calc((100vw - var(--container-max)) / 2));--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}/* ===========================================================================
   THEME LAYER  --  GENERATED, DO NOT EDIT
   Built from styles/site.css by scripts/build-theme.py. Edit that script.

   Token values come from the Kaivoo design system (https://design.kaivoo.com/,
   tokens.v2.1.json), which is light-first: light at color.*, dark at
   color.dark.*. Each declaration carries its provenance -- "DS" is a literal
   design-system token, "INFER" is ours because the system defines no
   counterpart.

   Light is the base declaration so that any future token added without a dark
   counterpart degrades to a legible light value rather than to nothing.
   =========================================================================== */

:root {
    color-scheme: light dark;

    /* surfaces */
    --color-canvas: #f0eee9; /* DS color.dark.canvas / warmSand -4% (card.sand precedent) */
    --color-surface-1: #faf8f5; /* DS color.dark.layer1Card / brand.warmSand */
    --color-surface-2: #fdfcfa; /* DS color.dark.layer2Elev / INFER warmSand->white midpoint */
    --color-surface-3: #ffffff; /* DS color.dark.layer3Overlay / neutral.white */

    /* text */
    --color-text-primary: #1a1f2e; /* DS color.dark.textPrimary / brand.deepNavy - 15.8:1 AAA */
    --color-text-secondary: #2d3142; /* production drift / DS neutral.charcoal - 11.9:1 AAA */
    --color-text-tertiary: #525868; /* production drift / DS neutral.slate - 5.7:1 AA */
    --color-text-muted: #6e7686; /* production drift / INFER - ~4.6:1 AA */

    /* chrome */
    --color-border: #e5e7eb; /* DS color.dark.border / neutral.mist (= material.fallback.light.border) */
    --color-border-strong: #a8adb8; /* INFER / DS neutral.silver - inputs and dividers needing 3:1 */
    --color-accent: #3b8c8c; /* DS color.dark.resonanceTeal / brand.resonanceTeal */
    --color-accent-text: #6b8f7a; /* DS / brand.sageDeep 4.52:1 AA - accent at body size in light */
    --color-link: #5b7fbf; /* INFER dark (production off-system) / DS brand.clarityBlue 5.10:1 AA */
    --color-brand-sage: #8fa89a; /* DS color.dark.sageMist / brand.sageMist - decorative only, fails AA for text */
    --color-focus-halo: #ffffffe6; /* INFER - canvas-coloured halo at 90% */

    /* depth ramp */
    --color-depth-foam: #d4ede4; /* DS - shared anchor, 0m */
    --color-depth-shallow: #7ec8c8; /* DS color.ocean.shallow, 2-10m */
    --color-depth-surface: #3b8c8c; /* DS ...surface, 200m */
    --color-depth-mid: #2b6e8a; /* DS ...mid, 600m */
    --color-depth-deep: #1e4d7a; /* DS ...deep, 1500m */
    --color-depth-twilight: #1e3364; /* DS ...twilight, 3000m */
    --color-depth-abyss: #2a1b4e; /* DS ...abyss, 6000m */
    --color-depth-trench: #1a1232; /* DS - shared anchor, 11000m */

    /* elevation, texture, bespoke */
    --color-shadow-0: #1a1f2e0d; /* 20% black / DS shadow.* navy 5% */
    --color-shadow-1: #1a1f2e0f; /* 22% black / DS shadow.* navy 6% */
    --color-shadow-2: #1a1f2e12; /* 24% black / navy 7% */
    --color-shadow-3: #1a1f2e14; /* 28% black / navy 8% */
    --color-shadow-4: #1a1f2e1a; /* 32% black / navy 10% */
    --color-shadow-5: #1a1f2e1c; /* 34% black / navy 11% */
    --color-shadow-6: #1a1f2e21; /* 38% black / navy 13% */
    --color-shadow-7: #1a1f2e29; /* 42% black / navy 16% */
    --color-specular-1: #ffffff6b; /* 4% white / DS material.specular.light 42% */
    --color-specular-2: #ffffff8f; /* 7% white / 56% */
    --color-specular-3: #ffffff99; /* 10% white / DS 60% */
    --color-specular-4: #ffffffa8; /* 12% white / 66% */
    --color-chip-bg: #1a1f2e; /* off-token / DS brand.deepNavy - stays dark over video */
    --color-media-well: #e5e7ebf5; /* off-token / DS neutral.mist - video letterbox well */
    --color-card-portrait-base: #faf8f5e0; /* off-token / warmSand - mobile preset card base */
    --color-section-base: #f0eee9; /* off-token / matches light canvas */
    --color-glow-base: #faf8f5; /* off-token / warmSand - body glow substrate */
    --color-cue: #2f7373; /* off-system / INFER darkened teal - 4.9:1 on warmSand */
    --color-cue-strong: #2f7373f0; /* off-system / as above */
    --color-glow-clarity: #5b7fbf1a; /* DS brand.clarityBlue 10% - unchanged in both */
    --color-texture-dot-soft: #1a1f2e0d; /* warmSand 7% / navy 5% */
    --color-texture-dot: #1a1f2e14; /* warmSand 12% / navy 8% */

    /* dividers (declared in production's :root, not in a rule) */
    --divider-soft: #e5e7ebe0; /* off-token / DS neutral.mist */
    --divider-strong: #a8adb8f0; /* off-token / DS neutral.silver */
}

/* Dark: applied when the OS asks for it, unless the visitor has explicitly
   chosen light. Duplicated below for the explicit toggle -- a media query and
   an attribute selector cannot share one selector list. */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        color-scheme: dark;

    /* surfaces */
    --color-canvas: #12101e; /* DS color.dark.canvas / warmSand -4% (card.sand precedent) */
    --color-surface-1: #1a1832; /* DS color.dark.layer1Card / brand.warmSand */
    --color-surface-2: #232040; /* DS color.dark.layer2Elev / INFER warmSand->white midpoint */
    --color-surface-3: #2d294e; /* DS color.dark.layer3Overlay / neutral.white */

    /* text */
    --color-text-primary: #f0ede8; /* DS color.dark.textPrimary / brand.deepNavy - 15.8:1 AAA */
    --color-text-secondary: #d8d3db; /* production drift / DS neutral.charcoal - 11.9:1 AAA */
    --color-text-tertiary: #b5b0bc; /* production drift / DS neutral.slate - 5.7:1 AA */
    --color-text-muted: #9f9aa6; /* production drift / INFER - ~4.6:1 AA */

    /* chrome */
    --color-border: #3a3760; /* DS color.dark.border / neutral.mist (= material.fallback.light.border) */
    --color-border-strong: #524e7c; /* INFER / DS neutral.silver - inputs and dividers needing 3:1 */
    --color-accent: #4db8b8; /* DS color.dark.resonanceTeal / brand.resonanceTeal */
    --color-accent-text: #4db8b8; /* DS / brand.sageDeep 4.52:1 AA - accent at body size in light */
    --color-link: #8fc0ff; /* INFER dark (production off-system) / DS brand.clarityBlue 5.10:1 AA */
    --color-brand-sage: #a3c4b2; /* DS color.dark.sageMist / brand.sageMist - decorative only, fails AA for text */
    --color-focus-halo: #12101ee6; /* INFER - canvas-coloured halo at 90% */

    /* depth ramp */
    --color-depth-foam: #d4ede4; /* DS - shared anchor, 0m */
    --color-depth-shallow: #7ec8c8; /* DS color.ocean.shallow, 2-10m */
    --color-depth-surface: #3b8c8c; /* DS ...surface, 200m */
    --color-depth-mid: #2b6e8a; /* DS ...mid, 600m */
    --color-depth-deep: #1e4d7a; /* DS ...deep, 1500m */
    --color-depth-twilight: #1e3364; /* DS ...twilight, 3000m */
    --color-depth-abyss: #2a1b4e; /* DS ...abyss, 6000m */
    --color-depth-trench: #1a1232; /* DS - shared anchor, 11000m */

    /* elevation, texture, bespoke */
    --color-shadow-0: #0003; /* 20% black / DS shadow.* navy 5% */
    --color-shadow-1: #00000038; /* 22% black / DS shadow.* navy 6% */
    --color-shadow-2: #0000003d; /* 24% black / navy 7% */
    --color-shadow-3: #00000047; /* 28% black / navy 8% */
    --color-shadow-4: #00000052; /* 32% black / navy 10% */
    --color-shadow-5: #00000057; /* 34% black / navy 11% */
    --color-shadow-6: #00000061; /* 38% black / navy 13% */
    --color-shadow-7: #0000006b; /* 42% black / navy 16% */
    --color-specular-1: #ffffff0a; /* 4% white / DS material.specular.light 42% */
    --color-specular-2: #ffffff12; /* 7% white / 56% */
    --color-specular-3: #ffffff1a; /* 10% white / DS 60% */
    --color-specular-4: #ffffff1f; /* 12% white / 66% */
    --color-chip-bg: #080910; /* off-token / DS brand.deepNavy - stays dark over video */
    --color-media-well: #0c0d18f5; /* off-token / DS neutral.mist - video letterbox well */
    --color-card-portrait-base: #0c1e36b8; /* off-token / warmSand - mobile preset card base */
    --color-section-base: #141127; /* off-token / matches light canvas */
    --color-glow-base: #151329; /* off-token / warmSand - body glow substrate */
    --color-cue: #7ee8e1; /* off-system / INFER darkened teal - 4.9:1 on warmSand */
    --color-cue-strong: #7ee8e1f0; /* off-system / as above */
    --color-glow-clarity: #5b7fbf1a; /* DS brand.clarityBlue 10% - unchanged in both */
    --color-texture-dot-soft: #faf8f512; /* warmSand 7% / navy 5% */
    --color-texture-dot: #faf8f51f; /* warmSand 12% / navy 8% */

    /* dividers (declared in production's :root, not in a rule) */
    --divider-soft: #524e7cc7; /* off-token / DS neutral.mist */
    --divider-strong: #5c588af0; /* off-token / DS neutral.silver */
    }
}

:root[data-theme="dark"] {
    color-scheme: dark;

    /* surfaces */
    --color-canvas: #12101e; /* DS color.dark.canvas / warmSand -4% (card.sand precedent) */
    --color-surface-1: #1a1832; /* DS color.dark.layer1Card / brand.warmSand */
    --color-surface-2: #232040; /* DS color.dark.layer2Elev / INFER warmSand->white midpoint */
    --color-surface-3: #2d294e; /* DS color.dark.layer3Overlay / neutral.white */

    /* text */
    --color-text-primary: #f0ede8; /* DS color.dark.textPrimary / brand.deepNavy - 15.8:1 AAA */
    --color-text-secondary: #d8d3db; /* production drift / DS neutral.charcoal - 11.9:1 AAA */
    --color-text-tertiary: #b5b0bc; /* production drift / DS neutral.slate - 5.7:1 AA */
    --color-text-muted: #9f9aa6; /* production drift / INFER - ~4.6:1 AA */

    /* chrome */
    --color-border: #3a3760; /* DS color.dark.border / neutral.mist (= material.fallback.light.border) */
    --color-border-strong: #524e7c; /* INFER / DS neutral.silver - inputs and dividers needing 3:1 */
    --color-accent: #4db8b8; /* DS color.dark.resonanceTeal / brand.resonanceTeal */
    --color-accent-text: #4db8b8; /* DS / brand.sageDeep 4.52:1 AA - accent at body size in light */
    --color-link: #8fc0ff; /* INFER dark (production off-system) / DS brand.clarityBlue 5.10:1 AA */
    --color-brand-sage: #a3c4b2; /* DS color.dark.sageMist / brand.sageMist - decorative only, fails AA for text */
    --color-focus-halo: #12101ee6; /* INFER - canvas-coloured halo at 90% */

    /* depth ramp */
    --color-depth-foam: #d4ede4; /* DS - shared anchor, 0m */
    --color-depth-shallow: #7ec8c8; /* DS color.ocean.shallow, 2-10m */
    --color-depth-surface: #3b8c8c; /* DS ...surface, 200m */
    --color-depth-mid: #2b6e8a; /* DS ...mid, 600m */
    --color-depth-deep: #1e4d7a; /* DS ...deep, 1500m */
    --color-depth-twilight: #1e3364; /* DS ...twilight, 3000m */
    --color-depth-abyss: #2a1b4e; /* DS ...abyss, 6000m */
    --color-depth-trench: #1a1232; /* DS - shared anchor, 11000m */

    /* elevation, texture, bespoke */
    --color-shadow-0: #0003; /* 20% black / DS shadow.* navy 5% */
    --color-shadow-1: #00000038; /* 22% black / DS shadow.* navy 6% */
    --color-shadow-2: #0000003d; /* 24% black / navy 7% */
    --color-shadow-3: #00000047; /* 28% black / navy 8% */
    --color-shadow-4: #00000052; /* 32% black / navy 10% */
    --color-shadow-5: #00000057; /* 34% black / navy 11% */
    --color-shadow-6: #00000061; /* 38% black / navy 13% */
    --color-shadow-7: #0000006b; /* 42% black / navy 16% */
    --color-specular-1: #ffffff0a; /* 4% white / DS material.specular.light 42% */
    --color-specular-2: #ffffff12; /* 7% white / 56% */
    --color-specular-3: #ffffff1a; /* 10% white / DS 60% */
    --color-specular-4: #ffffff1f; /* 12% white / 66% */
    --color-chip-bg: #080910; /* off-token / DS brand.deepNavy - stays dark over video */
    --color-media-well: #0c0d18f5; /* off-token / DS neutral.mist - video letterbox well */
    --color-card-portrait-base: #0c1e36b8; /* off-token / warmSand - mobile preset card base */
    --color-section-base: #141127; /* off-token / matches light canvas */
    --color-glow-base: #151329; /* off-token / warmSand - body glow substrate */
    --color-cue: #7ee8e1; /* off-system / INFER darkened teal - 4.9:1 on warmSand */
    --color-cue-strong: #7ee8e1f0; /* off-system / as above */
    --color-glow-clarity: #5b7fbf1a; /* DS brand.clarityBlue 10% - unchanged in both */
    --color-texture-dot-soft: #faf8f512; /* warmSand 7% / navy 5% */
    --color-texture-dot: #faf8f51f; /* warmSand 12% / navy 8% */

    /* dividers (declared in production's :root, not in a rule) */
    --divider-soft: #524e7cc7; /* off-token / DS neutral.mist */
    --divider-strong: #5c588af0; /* off-token / DS neutral.silver */
}

/* The product renders are RGBA with a real alpha channel, so they composite
   over either theme. But the render's key light dims across the sequence and
   the open case interior is a near-black void, which reads as a hole rather
   than as depth once the page behind it is warmSand. A small lift restores the
   separation without touching the assets. */
:root[data-theme="light"] .sequence-canvas,
:root[data-theme="light"] .sequence-static-image,
:root[data-theme="light"] .static-hero-image {
    filter: drop-shadow(0 28px 42px var(--color-shadow-6))
            drop-shadow(0 0 36px color-mix(in srgb, var(--color-accent) 13%, #0000))
            brightness(1.04) saturate(1.06);
}

@media (prefers-color-scheme: light) {
    :root:not([data-theme="dark"]) .sequence-canvas,
    :root:not([data-theme="dark"]) .sequence-static-image,
    :root:not([data-theme="dark"]) .static-hero-image {
        filter: drop-shadow(0 28px 42px var(--color-shadow-6))
                drop-shadow(0 0 36px color-mix(in srgb, var(--color-accent) 13%, #0000))
                brightness(1.04) saturate(1.06);
    }
}

/* DS: prefers-contrast: more raises border opacity and drops blur. */
@media (prefers-contrast: more) {
    :root {
        --color-border: var(--color-border-strong);
    }
}

/* DS: prefers-reduced-transparency falls back to opaque material surfaces. */
@media (prefers-reduced-transparency: reduce) {
    .nav-pill,
    .nav-menu-panel,
    .intent-card,
    .callout {
        backdrop-filter: none;
        background: var(--color-surface-1);
    }
}

/* The DS defines no focus-ring token. This is ours -- a coloured ring plus a
   contrasting halo, so the indicator survives on any surface in either theme
   AND over the product canvas and the ritual videos, where the backdrop is
   whatever frame happens to be playing and no single ring colour is safe.
   Worth upstreaming. */
:where(a, button, input, summary, [tabindex]):focus-visible {
    outline: 2px solid var(--color-link);
    outline-offset: 2px;
    box-shadow: 0 0 0 4px var(--color-focus-halo);
    border-radius: var(--radius-focus);
}

@media (forced-colors: active) {
    :where(a, button, input, summary, [tabindex]):focus-visible {
        outline: 3px solid Highlight;
        box-shadow: none;
    }
}

/* ---------------------------------------------------------------------------
   BRAND MARK  --  interim fix, needs a real one
   assets/kaivoo-line-icon-white.png is white artwork (measured mean RGB
   254.8). On a warm-sand canvas it is invisible. Inverting a monochrome line
   icon is a legitimate stopgap, but the correct fix is to ship the mark as
   inline SVG with fill="currentColor": it would be under 2 KB instead of 45 KB,
   theme itself for free, and drop a preload. Tracked in EDITS.md.
   --------------------------------------------------------------------------- */
:root[data-theme="light"] :is(.brand-mark, .footer-mark) {
    filter: invert(1) brightness(0.16);
}

@media (prefers-color-scheme: light) {
    :root:not([data-theme="dark"]) :is(.brand-mark, .footer-mark) {
        filter: invert(1) brightness(0.16);
    }
}

/* ---------------------------------------------------------------------------
   THEME TOGGLE  (tri-state segmented control, footer)
   --------------------------------------------------------------------------- */
.theme-toggle {
    border: 0;
    margin: 0 0 28px;
    padding: 0;
}

.theme-toggle-group {
    display: inline-flex;
    gap: 2px;
    padding: 3px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-pill);
    background: color-mix(in srgb, var(--color-surface-1) 60%, #0000);
}

.theme-option {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 36px;
    padding: 0 14px;
    border: 0;
    border-radius: var(--radius-pill);
    background: #0000;
    color: var(--color-text-tertiary);
    font-family: var(--font-utility);
    font-size: 12px;
    letter-spacing: .04em;
    cursor: pointer;
    transition: color 140ms var(--ease-kaivoo),
                background-color 140ms var(--ease-kaivoo);
}

.theme-option:hover { color: var(--color-text-primary); }

/* The selected segment is carried by fill + elevation + aria-checked, never by
   colour alone. */
.theme-option[aria-checked="true"] {
    background: var(--color-surface-3);
    color: var(--color-text-primary);
    box-shadow: 0 1px 2px var(--color-shadow-0);
}

.theme-option svg { flex: none; }

@media (max-width: 600px) {
    .theme-option { padding: 0 12px; }
    .theme-option span {
        position: absolute;
        width: 1px; height: 1px;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
    }
}

@media (forced-colors: active) {
    .theme-option[aria-checked="true"] {
        background: Highlight;
        color: HighlightText;
    }
}

/* DS dark depth ramp not enabled. To preview it:
     python scripts/build-theme.py --ds-dark-ramp
   See DS_DARK_RAMP in scripts/build-theme.py for what changes. */
/* ===== END GENERATED THEME LAYER ===== */
*{box-sizing:border-box}html{background:var(--color-page-base);overscroll-behavior:none;scrollbar-color:color-mix(in srgb,var(--color-accent) 58%,#0000) transparent;scrollbar-gutter:stable;scrollbar-width:auto;min-height:100%}@media (pointer:coarse){html{scrollbar-gutter:auto;scrollbar-width:none}::-webkit-scrollbar{width:0;height:0}}::-webkit-scrollbar{width:26px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-accent) 65.9%,#0000) padding-box padding-box;border:7px solid #0000;border-radius:999px}body{overscroll-behavior:none;background:var(--color-page-base);min-height:100%;color:var(--color-text-primary);font-family:var(--font-product);text-rendering:optimizelegibility;margin:0;position:relative;overflow-x:hidden}body:before,body:after{content:"";pointer-events:none;position:fixed;inset:-1px}body:before{z-index:0;background:radial-gradient(circle at 64% 48%, color-mix(in srgb,var(--color-accent) 12.2%,#0000), transparent 27%), radial-gradient(circle at 24% 58%, color-mix(in srgb,var(--color-depth-abyss) 50.2%,#0000), transparent 34%), linear-gradient(120deg, var(--color-depth-trench) 0%, var(--color-canvas) 48%, var(--color-glow-base) 100%)}body:after{z-index:0;opacity:.32;background-image:radial-gradient(circle,var(--color-texture-dot) 1px,#0000 1.4px),linear-gradient(color-mix(in srgb,var(--color-depth-shallow) 2.4%,#0000) 1px,#0000 1px),linear-gradient(90deg,color-mix(in srgb,var(--color-depth-shallow) 2.4%,#0000) 1px,#0000 1px);background-position:2px 0,50%,50%;background-size:28px 28px,160px 160px,160px 160px;-webkit-mask-image:linear-gradient(#0000 4%,#000 18% 100%);mask-image:linear-gradient(#0000 4%,#000 18% 100%)}main{z-index:1;background:0 0;width:100%;margin-inline:auto;position:relative}[id]{scroll-margin-top:var(--hero-nav-offset)}.sequence-runway{min-height:var(--hero-runway-height);pointer-events:none;background:0 0;margin-top:-2px;position:relative}.post-hero-sections{z-index:2;background:radial-gradient(at 14% 8%,color-mix(in srgb,var(--color-accent) 16.1%,#0000),#0000 34%),radial-gradient(at 96% 94%,color-mix(in srgb,var(--color-accent) 16.1%,#0000),#0000 34%),radial-gradient(at 88% 78%,color-mix(in srgb,var(--color-depth-abyss) 52.2%,#0000),#0000 40%),linear-gradient(var(--color-canvas) 0% 18%,var(--color-section-base) 58%,var(--color-depth-trench) 100%);margin-top:0;position:relative;overflow:visible}.post-hero-sections:after{content:"";opacity:.08;pointer-events:none;background-image:radial-gradient(circle,var(--color-texture-dot-soft) 1px,#0000 1.4px);background-position:2px 0;background-size:28px 28px;position:absolute;inset:0}.how-it-works-section{z-index:1;min-height:auto;padding:var(--section-padding) var(--page-gutter) var(--section-padding-tight);background:0 0;position:relative;overflow:hidden}.section-inner{z-index:1;width:100%;max-width:var(--container-max);margin-inline:auto;position:relative}.section-heading-row{grid-template-columns:minmax(360px,.92fr) minmax(420px,.88fr);align-items:start;gap:clamp(56px,10vw,180px);display:grid}.section-heading-row h2{max-width:10ch;color:var(--color-text-primary);letter-spacing:0;margin:0;font-size:clamp(48px,4.2vw,64px);font-weight:300;line-height:1.04}.section-heading-row h2 em{color:var(--color-depth-shallow);font-family:var(--font-accent);font-style:italic;font-weight:300}.section-heading-row>p{max-width:620px;color:var(--color-text-primary);margin:0;font-size:clamp(18px,1.45vw,21px);line-height:1.52}.mechanism-grid{border-top:1px solid var(--divider-strong);grid-template-columns:minmax(320px,.82fr) minmax(420px,1.08fr);gap:clamp(56px,9vw,150px);margin-top:clamp(54px,8vh,82px);padding-top:clamp(54px,8vh,72px);display:grid}.mechanism-grid article{background:0 0;min-height:0;padding:0}.mechanism-grid p{max-width:46ch;color:var(--color-text-primary);margin:0;font-size:clamp(17px,1.28vw,20px);line-height:1.58}.mechanism-grid small{max-width:54ch;color:var(--color-text-secondary);margin-top:28px;font-size:16px;line-height:1.45;display:block}.ritual-section{z-index:1;padding:var(--section-padding) var(--page-gutter) var(--section-padding-tight);position:relative}.ritual-section-static{min-height:auto;padding-top:var(--section-padding);padding-bottom:var(--section-padding-tight)}.ritual-sticky{width:100%;max-width:var(--container-max);margin-inline:auto;position:relative}.ritual-intro{border-bottom:1px solid var(--divider-strong);grid-template-columns:minmax(340px,.86fr) minmax(360px,.64fr);align-items:end;gap:clamp(42px,8vw,136px);width:100%;margin-inline:auto;padding-bottom:clamp(30px,5vh,52px);display:grid}.ritual-intro h2{max-width:11ch;color:var(--color-text-primary);letter-spacing:0;margin:0;font-size:clamp(48px,4.2vw,64px);font-weight:300;line-height:1.04}.ritual-intro p{max-width:26ch;color:var(--color-text-primary);margin:0;font-size:clamp(18px,1.45vw,21px);line-height:1.52}.ritual-stack-area{grid-template-columns:28px minmax(0,1fr);align-items:start;gap:clamp(18px,3vw,42px);width:100%;margin:clamp(54px,7vh,82px) auto 0;display:grid;position:relative}.ritual-stage{gap:0;width:100%;margin:0;padding:0;list-style:none;display:grid}.ritual-card-shell{min-height:100svh;padding-top:calc((var(--card-index) - 1) * 18px)}.ritual-card{top:calc(clamp(86px, 12vh, 126px) + ((var(--card-index) - 1) * 18px));width:100%;height:auto;aspect-ratio:var(--ritual-media-aspect);border-radius:var(--radius-panel);transform-origin:50%;transition:border-color .26s var(--ease-kaivoo), box-shadow .36s var(--ease-kaivoo);will-change:transform;background:linear-gradient(color-mix(in srgb,var(--color-text-primary) 9%,#0000),color-mix(in srgb,var(--color-text-primary) 2.4%,#0000)),var(--color-section-base);border:1px solid color-mix(in srgb,var(--color-text-primary) 16.1%,#0000);position:sticky;overflow:hidden;box-shadow:0 22px 62px var(--color-shadow-5),inset 0 1px var(--color-specular-2)}.ritual-card[data-active=true]{border-color:color-mix(in srgb,var(--color-depth-shallow) 42%,#0000);box-shadow:0 28px 78px var(--color-shadow-7),0 0 0 1px color-mix(in srgb,var(--color-depth-shallow) 14.1%,#0000),inset 0 1px var(--color-specular-4)}.ritual-card-image,.ritual-card-image-inner{position:absolute;inset:0}.ritual-card-image{background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--color-accent) 10.2%,#0000),#0000 31%),linear-gradient(145deg,color-mix(in srgb,var(--color-surface-2) 98%,#0000),var(--color-media-well));overflow:hidden}.ritual-card-image-inner{will-change:transform}.ritual-card-image img,.ritual-card-image video{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%}.ritual-card[data-media=video] .ritual-card-image video{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.ritual-card-scrim{pointer-events:none;background:linear-gradient(color-mix(in srgb,var(--color-depth-trench) 10.2%,#0000) 0%,#0000 42%),linear-gradient(#0000 26%,color-mix(in srgb,var(--color-canvas) 12.2%,#0000) 44%,color-mix(in srgb,var(--color-depth-trench) 72.2%,#0000) 100%);position:absolute;inset:0}.ritual-card-label{z-index:2;border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4);max-width:calc(100% - 28px);color:var(--color-text-primary);font-family:var(--font-utility);background:var(--color-chip-bg);border:1px solid color-mix(in srgb,var(--color-text-primary) 14.1%,#0000);align-items:center;gap:8px;padding:7px 10px;font-size:.68rem;font-weight:500;line-height:1;display:inline-flex;position:absolute;top:14px;left:14px}.ritual-card-label span+span:before{color:var(--color-text-tertiary);content:".";margin-right:8px}.ritual-card-copy{z-index:2;will-change:opacity;width:auto;max-width:420px;margin:0;position:absolute;bottom:18px;left:18px;right:18px}.ritual-card-copy h3{color:var(--color-text-primary);letter-spacing:0;margin:0;font-size:clamp(42px,4vw,58px);font-weight:300;line-height:1}.ritual-card-copy p{color:color-mix(in srgb,var(--color-text-primary) 92.2%,#0000);max-width:30ch;margin:18px 0 0;font-size:1.06rem;line-height:1.45}.ritual-card-copy small{color:var(--color-text-tertiary);font-family:var(--font-utility);letter-spacing:.08em;text-transform:uppercase;margin-top:24px;font-size:.68rem;line-height:1;display:block}.ritual-progress{z-index:8;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;min-height:216px;margin:0;display:flex;position:sticky;top:calc(clamp(86px,12vh,126px) + 34px)}.ritual-progress span{border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-text-primary) 22%,#0000) padding-box padding-box;border:2px solid #0000;width:10px;height:64px;position:relative;overflow:hidden}.ritual-progress span:before{border-radius:inherit;background:var(--color-accent);content:"";opacity:0;transform-origin:top;transition:opacity .32s var(--ease-kaivoo), transform .42s var(--ease-kaivoo);position:absolute;inset:0;transform:scaleY(.28)}.ritual-progress span[data-active=true]:before{opacity:1;transform:scaleY(1)}.ritual-static-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%;margin:54px auto 0;display:grid}.ritual-static-card{width:100%;height:auto;aspect-ratio:var(--ritual-media-aspect);border-radius:var(--radius-panel);background:color-mix(in srgb,var(--color-canvas) 87.8%,#0000);border:1px solid color-mix(in srgb,var(--color-text-primary) 16.1%,#0000);position:relative;overflow:hidden}.portable-rhythm-section{z-index:1;min-height:auto;padding:var(--section-padding-tight) var(--page-gutter) var(--section-padding);background:0 0;place-items:center;display:grid;position:relative;overflow:hidden}.portable-rhythm-inner{z-index:1;width:100%;max-width:var(--container-max);text-align:center;margin-inline:auto;position:relative}.portable-rhythm-mark{background:var(--color-accent);width:48px;height:1px;margin:0 auto 56px;display:block}.portable-rhythm-section h2{width:min(760px,100%);color:var(--color-text-primary);font-family:var(--font-accent);letter-spacing:0;margin:0 auto;font-size:clamp(44px,4.6vw,66px);font-style:italic;font-weight:300;line-height:1.26}.portable-rhythm-section p{color:var(--color-text-secondary);font-family:var(--font-utility);letter-spacing:.12em;text-transform:uppercase;margin:54px 0 0;font-size:12px;font-weight:500;line-height:1}.disappear-section{z-index:1;padding:var(--section-padding) var(--page-gutter) var(--section-padding);position:relative}.disappear-inner{width:100%;max-width:var(--container-max);border-top:1px solid var(--divider-strong);border-bottom:1px solid var(--divider-strong);margin-inline:auto;position:relative}.disappear-inner:before{content:"";opacity:.7;background:linear-gradient(90deg,#0000,color-mix(in srgb,var(--color-depth-shallow) 34.1%,#0000),#0000);height:1px;position:absolute;inset:1px 0 auto}.disappear-top{grid-template-columns:minmax(360px,.95fr) minmax(420px,1.05fr);gap:clamp(52px,9vw,150px);min-height:clamp(260px,32vh,380px);padding:clamp(56px,8vh,84px) 0 clamp(64px,9vh,96px);display:grid}.disappear-copy h2{max-width:13ch;color:var(--color-text-primary);font-family:var(--font-accent);letter-spacing:0;margin:0;font-size:clamp(38px,3.4vw,54px);font-style:italic;font-weight:300;line-height:1.12}.disappear-copy p{max-width:56ch;color:var(--color-text-primary);margin:24px 0 0;font-size:clamp(18px,1.45vw,21px);line-height:1.46}.spec-panel{align-self:start}.spec-kicker,.faq-heading p,.waitlist-kicker{color:var(--color-accent);font-family:var(--font-utility);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:12px;margin:0 0 28px;font-size:.72rem;font-weight:500;line-height:1;display:flex}.spec-kicker:before,.faq-heading p:before,.waitlist-kicker:before{content:"";opacity:.72;background:currentColor;flex:none;width:30px;height:1px}.spec-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px clamp(42px,8vw,120px);margin:0;display:grid}.spec-grid div{min-width:0;color:var(--color-text-secondary);font-family:var(--font-utility);letter-spacing:.08em;gap:7px;font-size:.82rem;line-height:1.4;display:flex}.spec-grid dt,.spec-grid dd{margin:0}.spec-grid dt{color:var(--color-text-secondary)}.spec-grid dd{color:var(--color-text-primary)}.disappear-facts{border-top:1px solid var(--divider-strong);grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(26px,5vw,72px);padding:clamp(58px,8vh,82px) 0 clamp(54px,8vh,78px);display:grid}.disappear-facts article{min-width:0}.disappear-facts p{color:var(--color-accent);font-family:var(--font-utility);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:.68rem;line-height:1}.disappear-facts h3{color:var(--color-text-primary);letter-spacing:0;margin:0;font-size:clamp(16px,1.25vw,18px);font-weight:400;line-height:1.42}.faq-section{z-index:1;padding:var(--section-padding-tight) var(--page-gutter) var(--section-padding);position:relative}.faq-inner{width:100%;max-width:var(--container-max);border-top:1px solid var(--divider-strong);grid-template-columns:minmax(280px,.52fr) minmax(520px,1fr);gap:clamp(48px,9vw,140px);margin-inline:auto;padding-top:clamp(42px,7vh,70px);display:grid}.faq-heading{align-self:start;position:sticky;top:118px}.faq-heading h2{max-width:9ch;color:var(--color-text-primary);letter-spacing:0;margin:0;font-size:clamp(42px,4vw,62px);font-weight:300;line-height:1.03}.faq-list{border-top:1px solid var(--divider-strong)}.faq-item{border-bottom:1px solid var(--divider-soft)}.faq-trigger{width:100%;color:var(--color-text-primary);cursor:pointer;letter-spacing:0;text-align:left;transition:color .22s var(--ease-kaivoo);background:0 0;border:0;justify-content:space-between;align-items:center;gap:24px;padding:23px 42px 23px 0;font-size:clamp(18px,1.25vw,21px);font-weight:400;line-height:1.25;display:flex;position:relative}.faq-toggle{min-width:22px;height:28px;color:var(--color-accent);font-family:var(--font-product);text-align:center;transform-origin:50%;transition:color .22s var(--ease-kaivoo), opacity .22s var(--ease-kaivoo);flex:none;font-size:26px;font-weight:300;line-height:1;display:block;position:relative}.faq-toggle-plus,.faq-toggle-minus{transition:opacity .18s var(--ease-kaivoo), transform .22s var(--ease-kaivoo);place-items:center;display:grid;position:absolute;inset:0}.faq-toggle-minus,.faq-item[data-open=true] .faq-toggle-plus{opacity:0;transform:scale(.82)}.faq-item[data-open=true] .faq-toggle-minus{opacity:1;transform:scale(1)}.faq-trigger:focus-visible .faq-toggle{opacity:.82}.faq-answer-wrap{overflow:hidden}.faq-answer-wrap p{max-width:62ch;color:var(--color-text-secondary);margin:-4px 0 0;padding:0 56px 30px 0;font-size:clamp(17px,1.18vw,18px);line-height:1.58}.faq-trigger:focus-visible{color:var(--color-depth-shallow)}.site-footer{z-index:1;padding:clamp(48px, 7vh, 78px) var(--page-gutter) clamp(30px, 4vh, 48px);position:relative}.footer-inner{width:100%;max-width:var(--container-max);border-top:1px solid var(--divider-strong);border-bottom:1px solid var(--divider-soft);margin-inline:auto;position:relative}.footer-content{grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);align-items:start;gap:clamp(32px,6vw,96px);padding:clamp(32px,5vh,52px) 0;display:grid}.footer-brand{min-width:0}.footer-mark{-o-object-fit:contain;object-fit:contain;width:32px;height:auto;margin-bottom:14px;display:block}.footer-brand h2{color:var(--color-text-primary);letter-spacing:0;margin:0;font-size:1rem;font-weight:500;line-height:1.35}.footer-brand p{color:var(--color-text-secondary);font-family:var(--font-editorial);margin:12px 0 0;font-size:1.18rem;font-style:italic;line-height:1.35}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(24px,4vw,56px);display:grid}.footer-columns>div,.footer-social-links{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}.footer-columns p{color:var(--color-text-secondary);font-family:var(--font-utility);letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px;font-size:.72rem;line-height:1}.footer-columns a{min-width:44px;min-height:44px;color:var(--color-text-primary);overflow-wrap:anywhere;transition:color .22s var(--ease-kaivoo);align-items:center;font-size:1rem;line-height:1.25;display:inline-flex}.footer-columns a:focus-visible{color:var(--color-depth-shallow)}.footer-social-link{justify-content:flex-start;align-items:center;gap:10px;display:inline-flex}.footer-social-icon{background:currentColor;flex:none;width:16px;height:16px;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.footer-social-icon-instagram{-webkit-mask-image:url(../assets/icon-instagram.svg);mask-image:url(../assets/icon-instagram.svg)}.footer-social-icon-youtube{-webkit-mask-image:url(../assets/icon-youtube.svg);mask-image:url(../assets/icon-youtube.svg)}.footer-social-icon-x{-webkit-mask-image:url(../assets/icon-x.svg);mask-image:url(../assets/icon-x.svg)}.footer-legal{max-width:min(96ch,100%);color:var(--color-text-secondary);text-wrap:pretty;margin:0;padding:18px 0;font-size:.88rem;line-height:1.55}@media (hover:hover) and (pointer:fine){.footer-columns a{min-height:34px}}.waitlist-section{z-index:1;padding:var(--section-padding-tight) var(--page-gutter) var(--section-padding);position:relative}.waitlist-inner{width:100%;max-width:var(--container-max);border-top:1px solid var(--divider-strong);border-bottom:1px solid var(--divider-soft);grid-template-columns:minmax(320px,.9fr) minmax(420px,.72fr);align-items:center;gap:clamp(42px,8vw,120px);margin-inline:auto;padding:clamp(34px,6vh,58px) 0;display:grid}.waitlist-copy h2{max-width:12ch;color:var(--color-text-primary);letter-spacing:0;margin:0;font-size:clamp(42px,4vw,62px);font-weight:300;line-height:1.05}.waitlist-copy>p:not(.waitlist-kicker){max-width:38ch;color:var(--color-text-primary);margin:22px 0 0;font-size:clamp(17px,1.2vw,19px);line-height:1.56}.waitlist-form{border-radius:var(--radius-panel);background:var(--color-surface-1);border:1px solid color-mix(in srgb,var(--color-text-primary) 16.1%,#0000);padding:24px;box-shadow:inset 0 1px var(--color-specular-3),0 18px 48px var(--color-shadow-3)}.waitlist-form label{color:var(--color-text-secondary);font-family:var(--font-utility);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:.72rem;font-weight:500;display:block}.waitlist-field{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.waitlist-field input{border-radius:var(--radius-pill);min-width:0;height:48px;color:var(--color-text-primary);font:inherit;background:var(--color-canvas);border:1px solid color-mix(in srgb,var(--color-text-primary) 18%,#0000);padding:0 16px;font-size:17px;font-weight:400}.waitlist-field input::placeholder{color:var(--color-text-muted);font-weight:400}.waitlist-field button{border-radius:var(--radius-pill);background:var(--color-accent);min-height:48px;color:var(--color-canvas);cursor:pointer;transition:transform .18s var(--ease-kaivoo), background .18s var(--ease-kaivoo);border:0;padding:0 18px;font-size:13px;font-weight:600;line-height:1}.waitlist-field button:focus-visible{background:var(--color-depth-shallow);transform:translateY(-1px)}.waitlist-form>p{color:var(--color-text-secondary);margin:14px 0 0;font-size:.9rem;line-height:1.5}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}:focus{outline:none}:focus-visible{border-radius:var(--radius-focus,6px);outline:2px solid var(--color-accent);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hero-shell{min-height:var(--hero-shell-height);isolation:isolate;padding-inline:var(--page-gutter);background:0 0;position:relative;overflow:visible}.hero-shell:after{content:"";pointer-events:none;z-index:0;opacity:.88;background:radial-gradient(at 66% 73%,color-mix(in srgb,var(--color-accent) 22%,#0000),#0000 20%),linear-gradient(90deg,color-mix(in srgb,var(--color-accent) 7.1%,#0000),#0000 14% 84%,color-mix(in srgb,var(--color-accent) 5.1%,#0000));position:fixed;inset:0}.hero-header{top:calc(40px + var(--safe-top));left:var(--safe-left);right:var(--safe-right);z-index:80;width:auto;padding-inline:var(--page-gutter);pointer-events:none;justify-content:center;display:flex;position:fixed}.nav-shell{pointer-events:auto;flex-direction:column;align-items:center;max-width:100%;display:inline-flex;position:relative}.nav-desktop-links{align-items:center;gap:8px;display:inline-flex}.nav-menu-toggle{min-width:44px;min-height:44px;color:var(--color-text-secondary);cursor:pointer;transition:color .2s var(--ease-kaivoo), background .2s var(--ease-kaivoo);background:0 0;border:0;border-radius:9999px;justify-content:center;align-items:center;padding:0;display:none}.nav-menu-toggle:focus-visible{color:#fff;background:color-mix(in srgb,var(--color-text-primary) 7.8%,#0000)}.nav-menu-panel{z-index:90;border-radius:var(--radius-control);-webkit-backdrop-filter:blur(20px)saturate(1.5);backdrop-filter:blur(20px)saturate(1.5);background:color-mix(in srgb,var(--color-surface-1) 94.1%,#0000);border:1px solid color-mix(in srgb,var(--color-text-primary) 12.2%,#0000);flex-direction:column;gap:4px;width:min(280px,100%);padding:8px;display:flex;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 18px 48px var(--color-shadow-7)}.nav-menu-panel a{min-height:44px;color:var(--color-text-primary);transition:color .2s var(--ease-kaivoo), background .2s var(--ease-kaivoo);border-radius:10px;align-items:center;padding:0 14px;font-size:15px;font-weight:500;line-height:1;display:flex}.nav-menu-panel a:focus-visible{color:#fff;background:color-mix(in srgb,var(--color-depth-shallow) 12.2%,#0000)}@media (min-width:721px){.nav-menu-panel{display:none}}.nav-pill{-webkit-backdrop-filter:blur(20px)saturate(1.5);backdrop-filter:blur(20px)saturate(1.5);max-width:100%;animation:nav-reveal .9s var(--ease-kaivoo) .12s both;background:color-mix(in srgb,var(--color-surface-1) 56.1%,#0000);border:1px solid color-mix(in srgb,var(--color-text-primary) 9%,#0000);border-radius:9999px;align-items:center;gap:8px;padding:8px 10px 8px 16px;display:inline-flex;box-shadow:0 10px 30px var(--color-shadow-7),0 2px 8px var(--color-shadow-1)}.brand-pill{flex:none;justify-content:center;align-items:center;gap:10px;min-width:44px;min-height:44px;display:inline-flex}.brand-mark{-o-object-fit:contain;object-fit:contain;width:auto;height:22px}.brand-name{color:var(--color-text-primary);white-space:nowrap;font-size:15px;font-weight:700;line-height:1}.brand-by{border:1px solid var(--color-border);min-height:31px;color:var(--color-text-tertiary);font-family:var(--font-utility);border-radius:9999px;align-items:center;margin-left:8px;padding:2px 6px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.nav-divider{background:var(--color-border);flex:none;width:1px;height:34px}.nav-pill a{color:var(--color-text-secondary);white-space:nowrap;transition:color .2s var(--ease-kaivoo), background .2s var(--ease-kaivoo);border-radius:9999px;justify-content:center;align-items:center;font-size:13px;font-weight:500;line-height:1;display:inline-flex}.nav-pill a:not(.brand-pill,.nav-cta){min-height:44px;padding:10px 14px}.nav-pill a:focus-visible{color:#fff}.nav-pill .nav-cta{background:var(--color-accent);min-height:44px;color:var(--color-canvas);padding:12px 18px;font-weight:700}.hero-body{z-index:5;width:100%;max-width:var(--container-max);grid-template-columns:minmax(382px,.86fr) minmax(520px,1.14fr);align-items:center;gap:clamp(48px,6vw,104px);min-height:max(760px,100svh);margin-inline:auto;padding:clamp(118px,14vh,154px) 0 clamp(72px,8vh,104px);display:grid;position:sticky;top:0;overflow:visible}.hero-copy{z-index:12;width:min(560px,100%);position:relative}.hero-kicker{color:var(--color-depth-shallow);font-family:var(--font-utility);letter-spacing:.12em;text-transform:uppercase;animation:content-reveal .76s var(--ease-kaivoo) .34s both;align-items:center;gap:12px;margin:0 0 32px;font-size:12px;font-weight:500;line-height:1;display:flex}.hero-kicker:before{content:"";opacity:.72;background:currentColor;flex:none;width:30px;height:1px}.hero-copy h1,.feeling-heading{color:var(--color-text-primary);letter-spacing:0;margin:0;font-size:clamp(54px,5.2vw,78px);font-weight:300;line-height:1.04}.hero-copy h1{max-width:12ch;animation:content-reveal .86s var(--ease-kaivoo) .44s both}.hero-copy h1 br{display:none}@media (min-width:1121px){.hero-copy h1{white-space:nowrap;max-width:none}}.hero-copy h1 em,.feeling-heading em{color:var(--color-depth-shallow);font-family:var(--font-accent);font-style:italic;font-weight:300}.hero-lede{max-width:560px;color:var(--color-text-secondary);font-family:var(--font-editorial);animation:content-reveal .82s var(--ease-kaivoo) .58s both;margin:20px 0 0;font-size:22px;font-weight:400;line-height:1.35}.hero-lede span{color:var(--color-accent)}.hero-lede .blue-word{color:var(--color-link)}.hero-scroll-cue{right:0;bottom:calc(30px + var(--safe-bottom));z-index:24;color:var(--color-cue);pointer-events:auto;will-change:opacity, transform;justify-content:center;align-items:center;width:max-content;min-width:44px;min-height:44px;margin-inline:auto;display:flex;position:fixed;left:0}.hero-scroll-cue-mouse{color:var(--color-cue-strong);filter:drop-shadow(0 0 16px color-mix(in srgb,var(--color-accent) 38%,#0000));place-items:center;width:44px;height:52px;display:grid;position:relative}.hero-scroll-cue-mouse svg{animation:scroll-cue-breathe 1.8s var(--ease-kaivoo) infinite}.intent-card{-webkit-backdrop-filter:blur(24px)saturate(1.8);backdrop-filter:blur(24px)saturate(1.8);width:306px;min-height:280px;animation:card-reveal .92s var(--ease-kaivoo) .72s both;background:linear-gradient(color-mix(in srgb,var(--color-accent) 22%,#0000),color-mix(in srgb,var(--color-depth-deep) 32.2%,#0000)),color-mix(in srgb,var(--color-surface-1) 54.1%,#0000);border:1px solid color-mix(in srgb,var(--color-accent) 40%,#0000);border-radius:20px;flex-direction:column;margin:32px 0 0;padding:22px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px color-mix(in srgb,var(--color-text-primary) 20%,#0000),0 12px 40px color-mix(in srgb,var(--color-accent) 14.9%,#0000),0 26px 70px var(--color-shadow-3)}.intent-card:before{border-radius:inherit;content:"";pointer-events:none;background:linear-gradient(145deg,color-mix(in srgb,var(--color-depth-foam) 14.9%,#0000),#0000 34%),linear-gradient(color-mix(in srgb,var(--color-text-primary) 5.9%,#0000),#0000 44%);position:absolute;inset:0}.panel-icon,.callout-icon{width:43px;height:43px;color:var(--color-depth-shallow);background:color-mix(in srgb,var(--color-surface-1) 50.2%,#0000);border:1px solid color-mix(in srgb,var(--color-depth-shallow) 32.2%,#0000);border-radius:50%;flex:none;place-items:center;display:grid;position:relative;box-shadow:inset 0 0 18px color-mix(in srgb,var(--color-depth-shallow) 5.1%,#0000),0 0 24px var(--color-glow-clarity)}.panel-icon{margin-bottom:28px}.panel-text,.panel-kicker,.panel-copy{position:relative}.panel-text{margin-top:auto}.panel-kicker{color:var(--color-depth-shallow);font-family:var(--font-utility);text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:500;line-height:1.45}.panel-copy{width:220px;color:var(--color-text-primary);margin:0;font-size:17px;line-height:1.55}.arrow-button{background:color-mix(in srgb,var(--color-surface-1) 38%,#0000);border:1px solid color-mix(in srgb,var(--color-depth-foam) 34.1%,#0000);border-radius:50%;flex:none;width:38px;height:38px;display:block;position:relative}.arrow-button:before,.arrow-button:after{content:"";position:absolute}.arrow-button:before{background:var(--color-depth-shallow);border-radius:2px;width:13px;height:2px;top:18px;left:12px}.arrow-button:after{border-top:2px solid var(--color-depth-shallow);border-right:2px solid var(--color-depth-shallow);width:8px;height:8px;top:14px;left:19px;transform:rotate(45deg)}.hero-stage{z-index:1;pointer-events:none;min-height:100%;animation:1.2s ease-out .18s both stage-reveal;position:absolute;inset:0}.sequence-scene{z-index:6;pointer-events:none;position:fixed;inset:0}.sequence-scene:before{aspect-ratio:1;content:"";filter:blur(28px);opacity:.42;background:radial-gradient(circle,color-mix(in srgb,var(--color-accent) 14.1%,#0000),#0000 58%);border-radius:50%;width:min(58vw,760px);position:absolute}.sequence-hero-offset{transform-origin:50% 58%;will-change:transform}.sequence-product-shell{--sequence-align-y:-16px;z-index:1;aspect-ratio:15/8;width:max(100%,187.5svh);max-width:none;transform:translate3d(-50%, calc(-50% + var(--sequence-align-y)), 0) scale(.95);transform-origin:50% 58%;will-change:transform;position:absolute;top:50svh;left:50%}.sequence-canvas,.sequence-static-picture,.sequence-static-image{width:100%;height:100%;display:block}.sequence-canvas{z-index:2;position:relative}.sequence-canvas,.sequence-static-image{filter:drop-shadow(0 28px 42px var(--color-shadow-6))drop-shadow(0 0 36px color-mix(in srgb,var(--color-accent) 12.9%,#0000))}.bud-rhythm-layer{z-index:1;opacity:0;pointer-events:none;will-change:opacity;position:absolute;inset:0}.bud-rhythm-ring{top:var(--bud-y);left:var(--bud-x);width:var(--bud-size);aspect-ratio:1;filter:drop-shadow(0 0 16px color-mix(in srgb,var(--color-depth-shallow) 42%,#0000));border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.bud-rhythm-ring:before{content:"";filter:blur(13px);opacity:.72;background:radial-gradient(circle,color-mix(in srgb,var(--color-accent) 22%,#0000),color-mix(in srgb,var(--color-accent) 7.8%,#0000) 48%,#0000 70%);border-radius:50%;animation:4.8s ease-in-out infinite platform-breathe;position:absolute;inset:10%}.bud-rhythm-ring span,.bud-scan-arc{border-radius:50%;position:absolute}.bud-rhythm-ring span{inset:var(--bud-ring-inset);border:1px dotted color-mix(in srgb,var(--color-depth-shallow) 62%,#0000);animation:4.8s ease-in-out infinite bud-ring-breathe;box-shadow:inset 0 0 28px color-mix(in srgb,var(--color-accent) 5.1%,#0000),0 0 22px color-mix(in srgb,var(--color-accent) 16.1%,#0000)}.bud-rhythm-ring span:first-child{--bud-ring-inset:0%;border-style:solid;border-color:color-mix(in srgb,var(--color-depth-foam) 72.2%,#0000)}.bud-rhythm-ring span:nth-child(2){--bud-ring-inset:18%;border-color:color-mix(in srgb,var(--color-depth-shallow) 67.8%,#0000);animation-delay:-1.1s}.bud-rhythm-ring span:nth-child(3){--bud-ring-inset:31%;border-style:dashed;border-color:color-mix(in srgb,var(--color-text-primary) 56.1%,#0000);animation-delay:-2.2s}.bud-scan-arc{opacity:.7;border:4px solid #0000;animation:18s linear infinite platform-rotate}.bud-scan-arc-a{border-bottom-color:color-mix(in srgb,var(--color-accent) 25.9%,#0000);border-right-color:color-mix(in srgb,var(--color-accent) 65.9%,#0000);inset:1%}.bud-scan-arc-b{border-top-color:color-mix(in srgb,var(--color-text-primary) 43.9%,#0000);border-left-color:color-mix(in srgb,var(--color-depth-shallow) 23.9%,#0000);animation-duration:24s;animation-direction:reverse;inset:19%}.bud-rhythm-ring-left{--bud-x:30.6%;--bud-y:36.6%;--bud-size:min(20vw, 390px)}.bud-rhythm-ring-right{--bud-x:69.4%;--bud-y:36.6%;--bud-size:min(20vw, 390px)}.sequence-scroll-copy{z-index:7;pointer-events:none;position:absolute;inset:0}.sequence-mobile-caption{display:none}.sequence-direction-labels{z-index:7;pointer-events:none;position:fixed;inset:0}.sequence-direction-label{top:var(--direction-label-top);color:var(--color-text-primary);font-family:var(--font-product);letter-spacing:0;text-shadow:0 0 28px color-mix(in srgb,var(--color-accent) 23.9%,#0000),0 12px 38px var(--color-shadow-4);will-change:opacity, transform;font-size:clamp(36px,4.2vw,72px);font-weight:300;line-height:1;position:absolute}.sequence-direction-label-left{left:var(--page-gutter);right:auto}.sequence-direction-label-right{right:var(--page-gutter);left:auto}.sequence-direction-copy{width:min(560px,34vw);color:var(--color-text-secondary);font-family:var(--font-editorial);letter-spacing:0;text-align:center;text-shadow:0 0 24px color-mix(in srgb,var(--color-accent) 18%,#0000),0 10px 30px var(--color-shadow-6);will-change:opacity, transform;margin:0 auto;font-size:clamp(18px,1.55vw,23px);font-weight:400;line-height:1.28;position:absolute;top:64%;left:0;right:0}.sequence-final-copy{width:min(760px,48vw);color:var(--color-text-secondary);font-family:var(--font-editorial);letter-spacing:0;text-align:center;text-shadow:0 0 24px color-mix(in srgb,var(--color-accent) 16.1%,#0000),0 12px 34px var(--color-shadow-7);will-change:opacity, transform;margin:0 auto;font-size:clamp(18px,1.55vw,23px);font-weight:400;line-height:1.28;position:absolute;top:58%;left:0;right:0}.sequence-final-copy p{margin:0}.sequence-final-copy p+p{margin-top:18px}.sequence-static-picture{overflow:hidden}.sequence-static-image{-o-object-fit:contain;object-fit:contain}.sequence-scene.is-landed .sequence-product-shell{animation:6.4s ease-in-out infinite product-gentle-float}.sequence-loader{z-index:8;color:var(--color-depth-shallow);-webkit-backdrop-filter:blur(18px)saturate(1.45);backdrop-filter:blur(18px)saturate(1.45);background:color-mix(in srgb,var(--color-surface-1) 58%,#0000);border:1px solid color-mix(in srgb,var(--color-depth-shallow) 27.8%,#0000);border-radius:999px;grid-template-columns:auto auto;align-items:center;gap:4px 12px;padding:12px 14px;display:grid;position:absolute;bottom:clamp(88px,13vh,140px);right:clamp(34px,7vw,108px);box-shadow:0 18px 48px var(--color-shadow-2)}.sequence-loader-ring{border:1px solid color-mix(in srgb,var(--color-depth-shallow) 34.1%,#0000);border-radius:50%;grid-row:span 2;width:32px;height:32px;position:relative}.sequence-loader-ring:before{border:2px solid #0000;border-top-color:var(--color-depth-shallow);content:"";border-right-color:color-mix(in srgb,var(--color-depth-shallow) 42%,#0000);border-radius:50%;animation:.9s linear infinite loader-spin;position:absolute;inset:6px}.sequence-loader-label{color:var(--color-text-primary);font-size:13px;font-weight:700;line-height:1}.sequence-loader-progress{color:var(--color-text-secondary);font-family:var(--font-utility);font-size:11px;line-height:1}.hero-map{z-index:5;pointer-events:none;will-change:opacity, transform;position:fixed;inset:0}.feeling-copy{top:var(--feeling-copy-top);z-index:5;text-align:center;pointer-events:none;will-change:opacity, transform;width:min(920px,100% - 48px);margin-inline:auto;position:fixed;left:0;right:0}.feeling-heading{text-align:center;will-change:opacity, transform}.feeling-body{will-change:opacity, transform;width:min(620px,100% - 40px);margin:clamp(218px,28vh,300px) auto 0}.feeling-para,.feeling-subpara{max-width:none;color:var(--color-text-secondary);font-family:var(--font-editorial);margin:0 auto;font-size:clamp(18px,1.55vw,23px);font-weight:400;line-height:1.28}.feeling-subpara{color:var(--color-text-secondary);font-family:var(--font-product);margin-top:14px;font-size:clamp(14px,.92vw,16px);font-weight:400;line-height:1.55}.map-plane{aspect-ratio:1;width:min(1222px,84vw);transform-style:preserve-3d;position:absolute;top:calc(73% + 45px);left:72%;transform:translate(-50%,-50%)rotateX(66deg)rotate(-5deg)}.map-plane-scale{transform-origin:50%;will-change:transform;position:absolute;inset:0}.map-plane-spin{transform-origin:50%;will-change:transform;border-radius:50%;animation:28s linear infinite platform-rotate;position:absolute;inset:0}.map-plane-spin:before,.map-plane-spin:after{content:"";border-radius:50%;position:absolute;inset:0}.map-plane-spin:before{filter:blur(15px);opacity:.72;background:radial-gradient(circle,color-mix(in srgb,var(--color-accent) 23.9%,#0000) 0%,color-mix(in srgb,var(--color-accent) 11%,#0000) 40%,#0000 72%);animation:4.6s ease-in-out infinite platform-breathe;inset:33%}.map-plane-spin:after{opacity:.42;background-image:linear-gradient(color-mix(in srgb,var(--color-depth-shallow) 18%,#0000) 1px,#0000 1px),linear-gradient(90deg,color-mix(in srgb,var(--color-depth-shallow) 18%,#0000) 1px,#0000 1px),radial-gradient(circle,#0000 0 15%,color-mix(in srgb,var(--color-accent) 18%,#0000) 15.2% 15.5%,#0000 15.7%),radial-gradient(circle,#0000 0 29%,color-mix(in srgb,var(--color-accent) 16.9%,#0000) 29.2% 29.5%,#0000 29.7%);background-position:50%;background-size:36px 36px,36px 36px,100% 100%,100% 100%;-webkit-mask-image:radial-gradient(circle,#000 0 57%,#0000 72%);mask-image:radial-gradient(circle,#000 0 57%,#0000 72%)}.map-plane span{inset:calc(var(--ring-inset) * 1%);border:1px dotted color-mix(in srgb,var(--color-depth-shallow) 42%,#0000);border-radius:50%;position:absolute;box-shadow:inset 0 0 42px color-mix(in srgb,var(--color-accent) 3.5%,#0000),0 0 22px color-mix(in srgb,var(--color-accent) 5.5%,#0000)}.map-plane span:first-child{--ring-inset:1}.map-plane span:nth-child(2){--ring-inset:12;opacity:.84}.map-plane span:nth-child(3){--ring-inset:24;opacity:.72;border-style:dashed}.map-plane span:nth-child(4){--ring-inset:36;opacity:.82;border-style:solid;border-color:color-mix(in srgb,var(--color-depth-foam) 52.2%,#0000)}.map-plane span:nth-child(5){--ring-inset:47;opacity:.72;border-color:color-mix(in srgb,var(--color-text-primary) 43.9%,#0000)}.scan-arc{pointer-events:none;border:8px solid #0000;border-radius:50%;position:absolute}.scan-arc-a{border-right-color:color-mix(in srgb,var(--color-accent) 58%,#0000);inset:6%;transform:rotate(12deg)}.scan-arc-b{border-top-color:color-mix(in srgb,var(--color-accent) 25.9%,#0000);inset:19%;transform:rotate(128deg)}.scan-arc-c{border-left-color:color-mix(in srgb,var(--color-text-primary) 16.1%,#0000);inset:29%;transform:rotate(-35deg)}.callout{z-index:9;color:var(--color-depth-shallow);opacity:0;filter:drop-shadow(0 14px 22px var(--color-shadow-0));transition:opacity .62s var(--ease-kaivoo), transform .76s var(--ease-kaivoo);transition-delay:var(--callout-delay,0s);will-change:opacity, transform;align-items:center;gap:11px;display:flex;position:relative;transform:translateY(14px)}.callout-frame{z-index:9;will-change:opacity, transform;position:absolute}.hero-stage.is-landed .callout{opacity:1;transform:translate(0,0)}.callout-layer{z-index:9;pointer-events:none;will-change:opacity, transform;position:fixed;inset:0}.callout:before,.callout:after{content:"";pointer-events:none;position:absolute}.callout:after{top:var(--connector-top,50%);left:var(--connector-left,100%);width:var(--connector-width,96px);opacity:0;height:1px;transform:rotate(var(--connector-rotate,0deg)) scaleX(0);transform-origin:var(--connector-origin,left center);transition:opacity .42s ease, transform .76s var(--ease-kaivoo);transition-delay:calc(var(--callout-delay,0s) + .22s);border-top:1px dotted color-mix(in srgb,var(--color-depth-shallow) 78%,#0000)}.callout:before{top:var(--dot-top,50%);left:var(--dot-left,100%);background:var(--color-depth-shallow);opacity:0;width:5px;height:5px;transition:opacity .36s ease, transform .56s var(--ease-kaivoo);transition-delay:calc(var(--callout-delay,0s) + .56s);border-radius:50%;transform:scale(.45);box-shadow:0 0 16px color-mix(in srgb,var(--color-depth-shallow) 78%,#0000)}.hero-stage.is-landed .callout:after{opacity:.82;transform:rotate(var(--connector-rotate,0deg)) scaleX(1)}.hero-stage.is-landed .callout:before{opacity:1;transform:scale(1)}.callout strong{color:var(--color-depth-shallow);text-transform:uppercase;font-size:15px;font-weight:500;line-height:1.28;display:block}.callout small{color:var(--color-text-secondary);margin-top:8px;font-size:14px;line-height:1;display:block}.callout-haptic-frame{--callout-delay:.12s;--connector-left:136px;--connector-rotate:42deg;--connector-top:59px;--connector-width:124px;--dot-left:229px;--dot-top:142px;top:clamp(224px,30vh,284px);left:clamp(51%,54vw,57%)}.callout-adaptive-frame{--callout-delay:.42s;--connector-left:166px;--connector-rotate:-22deg;--connector-top:45px;--connector-width:108px;--dot-left:265px;--dot-top:3px;top:clamp(640px,72vh,696px);left:clamp(48%,50vw,53%)}.callout-ai-frame{--callout-delay:.27s;top:clamp(322px,40vh,386px);right:clamp(122px,10vw,178px)}.callout-ai:after{transform-origin:100%;width:112px;top:calc(50% + 4px);left:auto;right:calc(100% + 10px);transform:rotate(-13deg)scaleX(0)}.callout-ai:before{top:calc(50% + 29px);left:auto;right:calc(100% + 114px)}.hero-stage.is-landed .callout-ai:after{transform:rotate(-13deg)scaleX(1)}.rhythm-flow{z-index:14;pointer-events:none;will-change:opacity;position:fixed;inset:0}.rhythm-card{border-radius:var(--radius-card);-webkit-backdrop-filter:blur(20px)saturate(1.65);backdrop-filter:blur(20px)saturate(1.65);will-change:opacity, transform;background:linear-gradient(color-mix(in srgb,var(--color-accent) 18%,#0000),color-mix(in srgb,var(--color-depth-deep) 27.8%,#0000)),color-mix(in srgb,var(--color-surface-1) 50.2%,#0000);border:1px solid color-mix(in srgb,var(--color-accent) 34.1%,#0000);position:fixed;top:58%;overflow:hidden;box-shadow:inset 0 1px color-mix(in srgb,var(--color-text-primary) 16.1%,#0000),0 8px 28px color-mix(in srgb,var(--color-accent) 12.2%,#0000),0 18px 48px var(--color-shadow-1)}.rhythm-card:before{border-radius:inherit;content:"";pointer-events:none;background:linear-gradient(145deg,color-mix(in srgb,var(--color-depth-foam) 14.9%,#0000),#0000 34%),linear-gradient(color-mix(in srgb,var(--color-text-primary) 5.9%,#0000),#0000 44%);position:absolute;inset:0}.rhythm-card>*{position:relative}.rhythm-card-intro{z-index:6;width:min(370px,36vw - 24px);padding:26px 28px}.rhythm-index,.rhythm-label{font-family:var(--font-utility);letter-spacing:.08em;text-transform:uppercase;color:var(--color-depth-shallow);font-size:11px;font-weight:500;line-height:1}.rhythm-card-intro h2{max-width:9ch;color:var(--color-text-primary);letter-spacing:0;margin:0;font-size:clamp(36px,3.1vw,50px);font-weight:400;line-height:1.06}.rhythm-card-intro p{max-width:29ch;color:var(--color-text-secondary);margin:18px 0 0;font-size:17px;line-height:1.5}.rhythm-preset{z-index:5;flex-direction:column;align-items:flex-start;gap:14px;width:min(350px,34vw - 24px);min-height:140px;padding:21px 24px;display:flex}.rhythm-preset p:last-child{color:var(--color-text-primary);margin:0;font-size:17px;line-height:1.45}@media (hover:hover) and (pointer:fine){::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-depth-shallow) 92.2%,#0000) padding-box padding-box}.faq-trigger:hover .faq-toggle{opacity:.82}.faq-trigger:hover,.footer-columns a:hover{color:var(--color-depth-shallow)}.waitlist-field button:hover{background:var(--color-depth-shallow);transform:translateY(-1px)}.nav-menu-toggle:hover{color:#fff;background:color-mix(in srgb,var(--color-text-primary) 7.8%,#0000)}.nav-menu-panel a:hover{color:#fff;background:color-mix(in srgb,var(--color-depth-shallow) 12.2%,#0000)}.nav-pill a:hover{color:#fff}}@keyframes platform-breathe{0%,to{opacity:.78;transform:scale(.96)}50%{opacity:1;transform:scale(1.05)}}@keyframes bud-ring-breathe{0%,to{opacity:.72;transform:scale(.96)}50%{opacity:1;transform:scale(1.05)}}@keyframes platform-rotate{0%{transform:rotate(0)}to{transform:rotate(359.99deg)}}@keyframes loader-spin{0%{transform:rotate(0)}to{transform:rotate(359.99deg)}}@keyframes nav-reveal{0%{opacity:0;transform:translateY(-14px)scale(.98)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes content-reveal{0%{opacity:0;filter:blur(6px);transform:translateY(18px)}to{opacity:1;filter:blur();transform:translate(0,0)}}@keyframes card-reveal{0%{opacity:0;transform:translateY(22px)scale(.985)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes stage-reveal{0%{opacity:0}to{opacity:1}}@keyframes scroll-cue-breathe{0%,to{opacity:.68;transform:translateY(-2px)}45%{opacity:1;transform:translateY(2px)}}@keyframes product-gentle-float{0%,to{transform:translate3d(-50%, calc(-50% + var(--sequence-align-y)), 0) scale(.95)}50%{transform:translate3d(-50%, calc(-50% + var(--sequence-align-y) - 12px), 0) scale(.95)}}@media (max-width:1320px){:root{--container-inset:var(--page-gutter)}.map-plane{width:min(1160px,88vw);left:clamp(74%,77vw,78%)}.callout-ai-frame{top:clamp(286px,35vh,330px)}}@media (max-width:1440px) and (min-width:901px){.callout:after,.callout:before{display:none}}@media (max-width:1120px){.map-plane{width:min(980px,92vw);top:calc(72% + 38px);left:77%}.hero-body{grid-template-columns:minmax(260px,.95fr) minmax(280px,1.05fr);gap:28px}.hero-copy h1{max-width:11ch;font-size:clamp(46px,5.8vw,64px);line-height:1.06}.hero-copy h1 br{display:block}.sequence-direction-label{font-size:clamp(28px,4.5vw,52px)}.hero-lede{font-size:clamp(18px,2.2vw,22px)}.intent-card{width:min(306px,100%)}.panel-copy{width:min(220px,100%)}.ritual-card,.ritual-static-card{width:min(100%,187.5svh - 300px);margin-inline:auto}.section-heading-row{gap:clamp(40px,7vw,96px)}.waitlist-inner,.faq-inner{gap:clamp(36px,6vw,80px)}.disappear-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-content{grid-template-columns:1fr;gap:clamp(20px,3vw,32px)}.footer-columns{border-top:1px solid var(--divider-soft);grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,4vw,36px);padding-top:clamp(18px,3vw,24px)}}@media (min-width:901px) and (max-width:1024px){.section-heading-row,.mechanism-grid,.disappear-top,.faq-inner{grid-template-columns:1fr}.section-heading-row,.mechanism-grid,.waitlist-inner,.faq-inner{gap:clamp(32px,5vw,56px)}.disappear-top{gap:48px;min-height:auto}.faq-heading{position:relative;top:auto}}@media (max-width:900px),(max-width:1120px) and (orientation:portrait){:root{--section-padding:clamp(72px, 10vh, 96px);--section-padding-tight:clamp(56px, 8vh, 80px);--hero-nav-offset:96px;--hero-shell-height:1120svh;--hero-runway-height:0px;--feeling-copy-top:22%;--direction-label-top:clamp(42%, 46vh, 50%);--portrait-product-bottom:var(--safe-bottom);--portrait-platform-bottom:calc(-52px + var(--safe-bottom));--container-inset:var(--mobile-gutter)}.sequence-runway{min-height:0;display:none}.hero-shell.cinematic-portrait{padding-inline:var(--mobile-gutter)}.cinematic-portrait .hero-body{min-height:100svh;padding:calc(104px + var(--safe-top)) 0 calc(24px + var(--safe-bottom));display:block;position:sticky;top:0}.cinematic-portrait .hero-copy{z-index:12;width:min(560px,100%);position:relative}.cinematic-portrait .hero-kicker{margin-top:4px}.cinematic-portrait .intent-card{width:min(380px,100%);min-height:0;margin-top:24px;padding:18px;animation:none}.cinematic-portrait .intent-card .panel-icon{margin-bottom:18px}.cinematic-portrait .intent-card .panel-copy{width:100%}.cinematic-portrait .hero-stage{z-index:6;position:fixed;inset:0}.cinematic-portrait .sequence-scene{z-index:7;pointer-events:none;height:100svh;position:fixed;inset:auto 0 0;overflow:visible}.cinematic-portrait .sequence-hero-offset{transform-origin:50% 100%;pointer-events:none;position:absolute;inset:0}.cinematic-portrait .hero-map{pointer-events:none;height:min(58svh,480px);position:fixed;inset:auto 0 0;overflow:visible}.cinematic-portrait .sequence-product-shell{--sequence-align-y:0px;top:auto;right:auto;bottom:var(--portrait-product-bottom);aspect-ratio:15/8;transform-origin:50% 100%;width:min(118vw,710px);max-width:none;height:auto;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)scale(1.92)}.cinematic-portrait .sequence-canvas{width:100%;height:100%;display:block}.cinematic-portrait .sequence-scene.is-landed .sequence-product-shell{animation:none}.cinematic-portrait .map-plane{top:auto;right:auto;bottom:var(--portrait-platform-bottom);transform-origin:50% 100%;width:min(162vw,860px);margin:0;left:50%;transform:translate(-50%)rotateX(66deg)}.cinematic-portrait .feeling-copy{top:var(--feeling-copy-top);width:min(520px,100% - 40px)}.cinematic-portrait .feeling-heading{font-size:clamp(34px,9vw,52px)}.cinematic-portrait .feeling-body{width:min(480px,100% - 32px);margin-top:clamp(188px,28vh,286px)}.cinematic-portrait .feeling-para,.cinematic-portrait .feeling-subpara{font-size:clamp(16px,4.2vw,20px)}.cinematic-portrait .feeling-subpara{font-size:clamp(14px,3.6vw,16px)}.cinematic-portrait .callout-frame{width:auto;position:absolute;transform:none}.cinematic-portrait .callout-haptic-frame{top:auto;right:max(14px, var(--mobile-gutter));bottom:calc(96px + var(--safe-bottom));left:auto}.cinematic-portrait .callout-ai-frame{top:auto;right:auto;bottom:calc(36px + var(--safe-bottom));width:min(168px,46vw);left:50%;transform:translate(-50%)}.cinematic-portrait .callout-ai-frame .callout{text-align:center;justify-content:center;max-width:none}.cinematic-portrait .callout-adaptive-frame{top:auto;right:auto;bottom:calc(96px + var(--safe-bottom));left:max(14px, var(--mobile-gutter))}.cinematic-portrait .callout:after,.cinematic-portrait .callout:before{display:none}.cinematic-portrait .callout{text-align:left;align-items:center;gap:10px;width:auto;max-width:min(148px,38vw)}.cinematic-portrait .callout-icon{width:40px;height:40px}.cinematic-portrait .callout strong{font-size:11px;line-height:1.22}.cinematic-portrait .callout small{margin-top:5px;font-size:12px}.cinematic-portrait .sequence-direction-label{font-size:clamp(28px,8.5vw,48px)}.cinematic-portrait .sequence-direction-copy{width:min(420px,100% - 40px);font-size:clamp(16px,4.2vw,19px);top:62%}.cinematic-portrait .sequence-final-copy{width:min(480px,100% - 40px);font-size:clamp(16px,4.1vw,19px);top:54%}.cinematic-portrait .rhythm-flow{display:none}.portrait-rhythm-flow{z-index:14;pointer-events:none;will-change:opacity, transform;position:fixed;inset:0;overflow:hidden}.portrait-rhythm-track{right:var(--mobile-gutter);left:var(--mobile-gutter);will-change:transform;gap:10px;display:grid;position:absolute}.portrait-rhythm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.portrait-rhythm-card{-webkit-backdrop-filter:blur(18px)saturate(1.45);backdrop-filter:blur(18px)saturate(1.45);background:linear-gradient(color-mix(in srgb,var(--color-accent) 18%,#0000),color-mix(in srgb,var(--color-depth-deep) 27.8%,#0000)),var(--color-card-portrait-base);border:1px solid color-mix(in srgb,var(--color-accent) 34.1%,#0000);border-radius:14px;min-width:0;position:relative;overflow:hidden;box-shadow:inset 0 1px color-mix(in srgb,var(--color-text-primary) 14.1%,#0000),0 12px 30px var(--color-shadow-1)}.portrait-rhythm-card:before{border-radius:inherit;content:"";pointer-events:none;background:linear-gradient(145deg,color-mix(in srgb,var(--color-depth-foam) 12.9%,#0000),#0000 34%),linear-gradient(color-mix(in srgb,var(--color-text-primary) 5.1%,#0000),#0000 44%);position:absolute;inset:0}.portrait-rhythm-card>*{position:relative}.portrait-rhythm-intro{padding:14px 16px}.portrait-rhythm-intro h2{max-width:11ch;color:var(--color-text-primary);letter-spacing:0;margin:0;font-size:clamp(28px,7vw,40px);font-weight:400;line-height:1.04}.portrait-rhythm-intro p{max-width:42ch;color:var(--color-text-secondary);margin:10px 0 0;font-size:clamp(13px,3.45vw,15px);line-height:1.34}.portrait-rhythm-preset{flex-direction:column;align-items:flex-start;gap:7px;min-height:108px;padding:13px 14px;display:flex}.portrait-rhythm-preset .rhythm-label{letter-spacing:.08em;font-size:10px}.portrait-rhythm-preset p:last-child{color:var(--color-text-primary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:clamp(12px,3.25vw,14px);line-height:1.32;display:-webkit-box;overflow:hidden}.cinematic-portrait .sequence-loader{right:var(--mobile-gutter);bottom:calc(18px + var(--safe-bottom))}.hero-shell.static-hero{min-height:auto;padding:calc(104px + var(--safe-top)) var(--mobile-gutter) clamp(56px, 10vw, 96px)}.static-hero-body{grid-template-columns:1fr;align-items:stretch;gap:clamp(24px,7vw,56px);width:100%;max-width:none;min-height:auto;margin-inline:auto;padding:0;display:grid;position:relative}.static-hero-copy{width:min(560px,100%)}.static-hero-product{width:min(100%,520px);margin:clamp(28px,8vw,48px) auto 0;position:relative}.static-hero-product:before{content:"";pointer-events:none;background:radial-gradient(color-mix(in srgb,var(--color-accent) 20%,#0000),#0000 68%);border-radius:50%;height:34%;position:absolute;inset:auto 8% 4%}.static-hero-picture{aspect-ratio:15/8;width:100%;display:block;overflow:hidden}.static-hero-image{-o-object-fit:contain;object-fit:contain;transform-origin:50% 58%;filter:drop-shadow(0 28px 42px var(--color-shadow-6))drop-shadow(0 0 36px color-mix(in srgb,var(--color-accent) 12.9%,#0000));width:100%;height:100%;display:block;transform:scale(1.92)}.static-hero-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.static-hero-chip{background:color-mix(in srgb,var(--color-surface-1) 43.9%,#0000);border:1px solid color-mix(in srgb,var(--color-depth-shallow) 22%,#0000);border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:flex}.static-hero-chip-icon{width:36px;height:36px;color:var(--color-depth-shallow);background:color-mix(in srgb,var(--color-surface-1) 50.2%,#0000);border:1px solid color-mix(in srgb,var(--color-depth-shallow) 27.8%,#0000);border-radius:50%;flex:none;place-items:center;display:grid}.static-hero-chip-copy{gap:4px;display:grid}.static-hero-chip-copy strong{color:var(--color-depth-shallow);text-transform:uppercase;font-size:12px;font-weight:500;line-height:1.2}.static-hero-chip-copy small{color:var(--color-text-secondary);font-size:13px;line-height:1}.static-hero-intent{width:100%;min-height:0;margin:0;padding:20px;animation:none}.static-hero-feeling{gap:18px;display:grid}.static-hero-feeling-heading{color:var(--color-text-primary);margin:0;font-size:clamp(32px,8.5vw,48px);font-weight:400;line-height:1.08}.static-hero-feeling-heading em{color:var(--color-depth-shallow);font-style:italic}.static-hero-feeling-body{gap:14px;display:grid}.static-hero-feeling-body p{color:var(--color-text-secondary);margin:0;font-size:clamp(16px,4.2vw,18px);line-height:1.5}.static-hero-rhythm{gap:12px;display:grid}.static-rhythm-card{border-radius:var(--radius-card);-webkit-backdrop-filter:blur(20px)saturate(1.65);backdrop-filter:blur(20px)saturate(1.65);background:linear-gradient(color-mix(in srgb,var(--color-accent) 18%,#0000),color-mix(in srgb,var(--color-depth-deep) 27.8%,#0000)),color-mix(in srgb,var(--color-surface-1) 50.2%,#0000);border:1px solid color-mix(in srgb,var(--color-accent) 34.1%,#0000);position:relative;overflow:hidden;box-shadow:inset 0 1px color-mix(in srgb,var(--color-text-primary) 16.1%,#0000),0 8px 28px color-mix(in srgb,var(--color-accent) 12.2%,#0000),0 18px 48px var(--color-shadow-1)}.static-rhythm-card:before{border-radius:inherit;content:"";pointer-events:none;background:linear-gradient(145deg,color-mix(in srgb,var(--color-depth-foam) 14.9%,#0000),#0000 34%),linear-gradient(color-mix(in srgb,var(--color-text-primary) 5.9%,#0000),#0000 44%);position:absolute;inset:0}.static-rhythm-card>*{position:relative}.static-rhythm-card-intro{padding:20px 22px}.static-rhythm-preset{flex-direction:column;align-items:flex-start;gap:10px;padding:16px 18px;display:flex}@media (min-width:700px){.static-hero-copy{max-width:min(560px,100%)}.static-hero-product{width:min(78vw,680px)}.static-hero-chips{grid-template-columns:repeat(3,minmax(0,1fr))}.static-hero-intent{width:min(420px,100%)}}.ritual-section{min-height:auto;padding:var(--section-padding) var(--mobile-gutter) var(--section-padding-tight)}.ritual-section-static{padding-top:var(--section-padding)}.ritual-sticky{min-height:auto;padding:0;display:block;position:relative}.ritual-intro{grid-template-columns:1fr;gap:22px;padding-bottom:34px}.ritual-intro h2{max-width:10ch;font-size:clamp(36px,10vw,48px);line-height:1.05}.ritual-intro p{max-width:30ch;font-size:clamp(16px,4.5vw,18px);line-height:1.48}.ritual-stack-area,.ritual-static-grid{grid-template-columns:1fr;gap:22px;height:auto;margin-top:34px;display:grid}.ritual-stage{grid-template-columns:1fr;gap:22px;height:auto;margin-top:0;display:grid}.ritual-card-shell{min-height:auto;padding-top:0;position:relative;top:auto}.ritual-card,.ritual-static-card{max-width:none;height:auto;aspect-ratio:var(--ritual-media-aspect);border-radius:var(--radius-card);contain:paint;isolation:isolate;top:auto;bottom:auto;left:auto;opacity:1!important;width:100%!important;position:relative!important;transform:none!important}.ritual-card-image{border-radius:inherit;clip-path:inset(0 round var(--radius-card));position:absolute;inset:0;overflow:hidden}.ritual-card-image-inner{border-radius:inherit;overflow:hidden}.ritual-card-image img,.ritual-card-image video{border-radius:inherit;width:100%;height:100%;display:block}.ritual-card-copy{max-width:420px;bottom:16px;left:16px;right:16px;opacity:1!important}.ritual-card-copy h3{font-size:clamp(36px,10vw,46px)}.ritual-card-copy p{font-size:clamp(16px,4.2vw,18px)}.ritual-progress{display:none}.disappear-section{padding:var(--section-padding) var(--mobile-gutter)}.disappear-top{grid-template-columns:1fr;gap:42px;min-height:auto;padding:46px 0 54px}.disappear-copy h2{font-size:clamp(38px,11vw,52px)}.disappear-copy p{font-size:18px}.spec-grid{grid-template-columns:1fr;gap:16px}.disappear-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px;padding:42px 0 46px}.disappear-facts article{align-content:start;gap:10px;display:grid}.disappear-facts p{letter-spacing:.14em;margin:0;font-size:10px;line-height:1.15}.disappear-facts h3{font-size:15px;line-height:1.42}.faq-section{padding:var(--section-padding-tight) var(--mobile-gutter) var(--section-padding)}.faq-inner{grid-template-columns:1fr;gap:34px;padding-top:42px}.faq-heading{position:relative;top:auto}.faq-heading h2{max-width:10ch;font-size:clamp(40px,11vw,56px)}.faq-trigger{min-height:64px;padding:20px 34px 20px 0;font-size:18px}.faq-answer-wrap p{padding:0 16px 26px 0;font-size:17px}.site-footer{padding:48px var(--mobile-gutter) 28px}.footer-content{grid-template-columns:1fr;gap:clamp(20px,5vw,28px);padding:28px 0}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,4vw,24px);padding-top:clamp(16px,4vw,22px)}.footer-columns>div,.footer-social-links{gap:8px}.footer-legal{padding:18px 0;font-size:.86rem;line-height:1.6}.how-it-works-section{padding:var(--section-padding) var(--mobile-gutter) var(--section-padding-tight)}.section-heading-row,.mechanism-grid{grid-template-columns:1fr}.section-heading-row h2{max-width:10ch;font-size:clamp(34px,9.5vw,44px)}.section-heading-row>p{max-width:480px;margin:0;font-size:clamp(17px,4.4vw,18px);line-height:1.56}.mechanism-grid{gap:28px;padding-top:36px}.mechanism-grid p{font-size:clamp(16.5px,4.25vw,18px);line-height:1.58}.portable-rhythm-section{min-height:auto;padding:var(--section-padding-tight) var(--mobile-gutter) var(--section-padding)}.portable-rhythm-mark{margin-bottom:38px}.portable-rhythm-section h2{font-size:clamp(38px,10.5vw,58px);line-height:1.16}.portable-rhythm-section p{margin-top:38px}.waitlist-section{padding:var(--section-padding-tight) var(--mobile-gutter) var(--section-padding)}.waitlist-inner{grid-template-columns:1fr;gap:34px;padding:42px 0}.waitlist-copy h2{max-width:14ch;font-size:clamp(38px,10.5vw,54px)}.waitlist-field{grid-template-columns:1fr}.waitlist-field button{white-space:normal;width:100%;min-width:0}@media (min-width:480px){.waitlist-field{grid-template-columns:minmax(0,1fr) auto}.waitlist-field button{white-space:nowrap;width:auto}}.hero-copy h1{letter-spacing:-.01em;max-width:none;font-size:clamp(38px,10.5vw,54px);line-height:1.05}.hero-copy h1 br{display:block}.hero-lede{max-width:36ch;font-size:clamp(18px,4.8vw,20px)}}@media (min-width:901px) and (max-height:680px){.ritual-card-shell{min-height:104svh;padding-top:calc((var(--card-index) - 1) * 12px)}.ritual-card{top:calc(72px + ((var(--card-index) - 1) * 12px));width:min(100%,187.5svh - 236.25px);margin-inline:auto}.ritual-progress{top:102px}}@media (max-width:720px){.brand-by,.nav-divider,.nav-desktop-links{display:none}.nav-menu-toggle{display:inline-flex}}@media (max-width:600px){.hero-header{top:calc(24px + var(--safe-top))}.nav-pill{gap:4px;padding:6px 6px 6px 12px}.brand-mark{height:22px}.brand-name{font-size:13px}.nav-cta{min-height:44px;padding:0 14px;font-size:11px}.static-hero-intent{width:100%}.footer-brand{-moz-column-gap:14px;grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:14px;display:grid}.footer-mark{grid-row:1/span 2;margin-bottom:0}.footer-brand p{margin-top:6px;font-size:clamp(1.05rem,4.8vw,1.2rem)}.footer-columns{grid-template-columns:1fr;gap:20px}.footer-social-links{flex-flow:wrap;gap:8px 12px}.footer-social-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.footer-column-social .footer-social-link{border-radius:var(--radius-pill);background:var(--color-specular-1);justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0}.footer-column-social .footer-social-icon{width:18px;height:18px}}@media (max-width:520px){.site-footer{padding-top:40px}.footer-content{padding:24px 0}.footer-columns{gap:18px}.footer-legal{padding-top:14px;font-size:.82rem}.hero-copy h1{font-size:clamp(34px,9.8vw,46px);line-height:1.04}.sequence-direction-label{font-size:clamp(20px,6.5vw,30px);top:clamp(26%,30vh,34%)}.static-hero-intent{min-height:0;padding:20px}.panel-copy{width:100%}.static-rhythm-card-intro h2{font-size:clamp(28px,9vw,36px)}}@media (max-width:380px){.hero-copy h1{font-size:clamp(30px,9vw,40px)}.section-heading-row h2{font-size:clamp(32px,9vw,38px)}.section-heading-row>p,.mechanism-grid p{font-size:16.5px;line-height:1.56}.ritual-intro h2{max-width:9ch;font-size:clamp(32px,9.6vw,40px)}.ritual-intro p{max-width:28ch;font-size:16px}.disappear-facts{gap:28px 16px}.disappear-facts h3{font-size:14px;line-height:1.4}.sequence-direction-label{font-size:clamp(18px,6vw,26px)}.brand-name{text-overflow:ellipsis;max-width:78px;overflow:hidden}.nav-cta{padding-inline:12px}}@media (max-width:360px){:root{--mobile-gutter:16px;--portrait-product-bottom:calc(8px + var(--safe-bottom));--portrait-platform-bottom:calc(-38px + var(--safe-bottom))}.hero-header{padding-inline:10px}.nav-pill{gap:2px;padding:6px}.brand-pill{min-width:44px;min-height:44px}.brand-mark{height:18px}.brand-name{display:none}.nav-menu-toggle{min-width:44px;min-height:44px}.nav-cta{min-height:44px;padding-inline:8px;font-size:10.5px}.cinematic-portrait .hero-body{padding-top:calc(104px + var(--safe-top))}.cinematic-portrait .hero-copy{width:min(100%,30ch)}.hero-kicker{letter-spacing:.19em;font-size:10px}.hero-copy h1{font-size:clamp(30px,9.5vw,38px)}.hero-lede{max-width:29ch;font-size:clamp(17px,5.1vw,19px);line-height:1.34}.cinematic-portrait .sequence-product-shell{width:min(112vw,640px);transform:translate(-50%)scale(1.72)}.cinematic-portrait .map-plane{width:min(150vw,760px)}.cinematic-portrait .callout-haptic-frame{right:10px;bottom:calc(86px + var(--safe-bottom))}.cinematic-portrait .callout-adaptive-frame{bottom:calc(86px + var(--safe-bottom));left:10px}.cinematic-portrait .callout-ai-frame{bottom:calc(28px + var(--safe-bottom));width:min(132px,42vw)}.cinematic-portrait .callout{gap:7px;max-width:34vw}.cinematic-portrait .callout-haptic-frame .callout{text-align:right}.cinematic-portrait .callout-icon{width:34px;height:34px}.cinematic-portrait .callout-text{min-width:0;max-width:58px}.cinematic-portrait .callout strong{overflow-wrap:anywhere;font-size:10px;line-height:1.12}.cinematic-portrait .callout small{overflow-wrap:anywhere;margin-top:4px;font-size:11px;line-height:1.12}.portrait-rhythm-track{gap:8px;left:14px;right:14px}.portrait-rhythm-grid{gap:7px}.portrait-rhythm-intro{padding:12px 14px}.portrait-rhythm-intro h2{font-size:clamp(26px,7.8vw,34px)}.portrait-rhythm-intro p{font-size:12px;line-height:1.3}.portrait-rhythm-preset{min-height:96px;padding:10px}.portrait-rhythm-preset p:last-child{font-size:12px;line-height:1.3}}@media (max-height:760px) and (min-width:901px){.callout-adaptive-frame{top:clamp(520px,68vh,620px)}}@media (max-height:680px) and (min-width:901px){.callout-frame{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (min-width:1121px){:root{--hero-shell-height:180svh;--hero-runway-height:48svh}.hero-shell{min-height:var(--hero-shell-height)}.sequence-runway{min-height:var(--hero-runway-height)}.rhythm-flow,.hero-map,.callout-layer{display:none}.hero-body{min-height:100svh;position:relative}.sequence-scene,.feeling-copy{position:absolute}}}