:root{--paper:#f7f3ea;--ink:#2b3029;--green:#2e624b;--muted:#62685e;--line:#d4d6c9;--soft:#eeeee4;--serif:'Hiragino Mincho ProN','Yu Mincho','YuMincho',serif;color-scheme:light;scrollbar-color:#909b8b var(--paper)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.9 -apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN',sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;text-wrap:balance}h1{font-size:clamp(36px,4.25vw,62px);line-height:1.55;letter-spacing:-.025em}h2{font-size:clamp(28px,2.6vw,39px);line-height:1.65;letter-spacing:-.02em}h3{font-size:23px;line-height:1.6}a{color:inherit;text-underline-offset:6px}button{font:inherit;color:inherit;cursor:pointer}img{display:block;width:100%;height:auto}p{overflow-wrap:anywhere}p+p{margin-top:20px}::selection{background:#d5dfce}a,button,summary{-webkit-tap-highlight-color:#d5dfce}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a56830;outline-offset:5px}button:disabled{opacity:.5;cursor:wait}.wrap{max-width:1280px;padding-left:56px;padding-right:56px;margin-inline:auto}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.skip{position:absolute;top:-100px;left:16px;background:white;padding:12px;z-index:10}.skip:focus{top:12px}.small{font-size:12px;line-height:1.85;color:var(--muted)}[hidden]{display:none!important}section[id]{scroll-margin-top:28px}
.masthead{height:108px;display:flex;justify-content:space-between;align-items:center}.brand{font:36px/1.2 var(--serif);text-decoration:none;display:inline-flex;align-items:center;gap:16px}.brand span{font:11px/1.6 sans-serif;letter-spacing:.12em}.masthead nav{display:flex;align-items:center;gap:30px;font-size:13px}.masthead nav a{min-height:44px;display:inline-flex;align-items:center;gap:14px;text-decoration:none}.masthead .release-link{border-bottom:1px solid var(--line)}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;padding-top:30px;padding-bottom:80px}.lead{font-size:20px;line-height:1.8;margin-top:26px}.hero-description{font-size:14px;color:var(--muted);margin-top:18px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 22px;min-height:52px;margin-top:30px;background:var(--green);color:white;border-radius:8px;text-decoration:none;font-size:14px}.availability{font-size:11px;color:var(--muted);margin-top:14px}.hero-photo img{border-radius:16px}.hero-photo figcaption{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:14px}.belief{background:var(--green);color:var(--paper)}.belief-inner{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;padding-top:54px;padding-bottom:54px}.belief h2{font-size:28px}.belief p{font-size:14px;color:#ecede1;line-height:2.05}.mobile-break{display:none}
.experience{padding-top:110px;padding-bottom:110px}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:48px}.section-intro>p{font-size:14px;color:var(--muted);padding-bottom:5px}.demo{display:grid;grid-template-columns:1.1fr 1fr;gap:76px;align-items:center}.demo-visual{min-width:0}.image-stack{position:relative;aspect-ratio:1;overflow:hidden;border-radius:16px;background:var(--soft)}.image-stack img{width:100%;height:100%;object-fit:contain}.image-stack img+img{position:absolute;inset:0;opacity:0}.demo-visual figcaption{font-size:13px;margin-top:14px;color:var(--muted)}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-size:14px;margin-bottom:14px}.kind-options>div{display:flex;border-bottom:1px solid var(--line)}.kind-options button{border:0;border-bottom:2px solid transparent;background:none;flex:1;padding:10px 6px;min-height:48px;font-size:15px}.kind-options button[aria-pressed=true]{border-bottom-color:var(--green);color:var(--green);font-weight:600}.mood-options{margin-top:34px}.mood-options>div{display:grid;gap:8px}.mood-options button{background:transparent;border:1px solid var(--line);border-radius:10px;min-height:52px;padding:12px 16px;display:flex;gap:14px;align-items:center;text-align:left;font-size:15px}.mood-options button[aria-pressed=true]{background:#e4eadd;border-color:var(--green);color:var(--green)}.mood-mark{width:16px;height:16px;border:1px solid #7a8473;border-radius:50%;flex-shrink:0}.mood-options button[aria-pressed=true] .mood-mark{background:var(--green);border:4px solid #e4eadd;outline:1px solid var(--green)}.demo-result{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.demo-result>span{font-size:12px;color:var(--muted)}.demo-result p{font:22px/1.7 var(--serif);color:var(--green);margin-top:5px}.demo-controls>.small{margin-top:18px;max-width:40em}
.how{background:var(--soft)}.how-inner{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;padding-top:80px;padding-bottom:80px}.how-title p{font-size:14px;margin-top:24px;color:var(--muted)}.ritual-list{list-style:none;counter-reset:ritual;padding:0;margin:0}.ritual-list li{counter-increment:ritual;display:flex;gap:24px;padding-bottom:26px}.ritual-list li+li{border-top:1px solid var(--line);padding-top:26px}.ritual-list li:last-child{padding-bottom:0}.ritual-list li:before{content:counter(ritual);font:18px/1.8 var(--serif);color:var(--green);width:18px;flex-shrink:0}.ritual-list p{font-size:14px;margin-top:10px;color:var(--muted)}.watch{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;padding-top:100px;padding-bottom:100px}.watch-heading{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.watch-heading h3{font-size:21px}.status-label{border:1px solid #a4ae9b;padding:2px 9px;border-radius:4px;font-size:11px;color:var(--green)}.watch-copy>p{font-size:14px}.technical-note{margin-top:24px}.technical-note summary{font-size:13px}.technical-note p{font-size:13px}
.privacy{background:#e4e9df}.privacy-inner{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;padding-top:72px;padding-bottom:72px;align-items:center}.widget-composition{display:flex;flex-direction:column;align-items:center}.widget-preview{background:#f8f4eb;width:224px;overflow:hidden;border-radius:24px;box-shadow:0 16px 34px #233b2520}.widget-preview img{aspect-ratio:1.2;object-fit:cover}.widget-preview>div{padding:4px 18px 18px;display:flex;flex-direction:column}.widget-preview strong{font-size:14px;font-weight:500}.widget-preview span{font-size:11px;color:var(--muted)}.widget-composition>p{text-align:center;font-size:12px;margin-top:24px;color:#4d5f48}.widget-composition>p>span{font-size:10px}.privacy-copy>p{font-size:14px;margin-top:22px}.privacy-copy>.small{font-size:12px;margin-top:16px}.questions{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;padding-top:100px;padding-bottom:100px}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 0;min-height:64px;font-size:15px}summary::-webkit-details-marker{display:none}details[open] summary .icon{transform:rotate(45deg)}details p{font-size:14px;color:var(--muted);padding:0 30px 22px 0;line-height:1.95}.questions details:first-child{border-top:1px solid var(--line)}.release{border-top:1px solid var(--line)}.release-inner{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center;padding-top:70px;padding-bottom:80px}.release h2{font-size:36px}.release-inner>div>p{font-size:14px;margin-top:20px}.release-status{border-left:1px solid var(--line);padding-left:38px}.status-dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:8px}.release-status strong{font-size:14px;font-weight:500}.release-inner .release-status p{font-size:12px;color:var(--muted);margin-top:10px}.release-status a{display:inline-flex;align-items:center;gap:22px;min-height:44px;font-size:13px;color:var(--green);margin-top:16px}footer{display:flex;align-items:center;gap:32px;border-top:1px solid var(--line);padding-block:32px}footer .brand{font-size:30px}footer p{font-size:12px;color:var(--muted)}footer>a:last-child{margin-left:auto;display:flex;align-items:center;gap:14px;min-height:44px;text-decoration:none;font-size:12px}.up{transform:rotate(-90deg)}
@media(hover:hover){.button:hover{background:#234e3b}.masthead a:hover,footer a:hover{color:var(--green)}.kind-options button:hover{background:#eaece1}.mood-options button:hover{border-color:var(--green)}summary:hover{color:var(--green)}.release-status a:hover{text-decoration-thickness:2px}}a:active,button:active{opacity:.8}
@media(max-width:1000px){.wrap{padding-inline:36px}.demo{gap:40px}.how-inner,.watch,.privacy-inner{gap:46px}.section-intro{align-items:start;flex-direction:column;gap:18px}.lead{font-size:18px}.hero{gap:28px}.hero-description{font-size:13px}.questions{gap:40px}}
@media(max-width:700px){.wrap{padding-inline:24px}.masthead{height:84px}.brand{font-size:30px;gap:10px}.brand span{font-size:10px}.masthead nav{gap:20px;font-size:12px}.masthead nav>a:nth-child(2){display:none}.masthead nav .icon{display:none}.masthead .release-link{border:0}.hero{grid-template-columns:1fr;gap:32px;padding-top:22px;padding-bottom:44px}h1{font-size:clamp(32px,8.7vw,44px);line-height:1.5}.lead{font-size:16px;margin-top:20px}.hero-description{font-size:13px;margin-top:14px}.button{margin-top:24px;padding:14px 19px}.availability{margin-top:10px}.hero-photo img{max-height:440px;object-fit:cover}.hero-photo figcaption{font-size:10px}.belief-inner{grid-template-columns:1fr;gap:20px;padding-block:36px}.belief h2{font-size:27px}.belief p{font-size:13px}.mobile-break{display:block}.experience{padding-block:64px}h2{font-size:28px}.section-intro{margin-bottom:28px}.section-intro>p{font-size:13px}.demo{grid-template-columns:1fr;gap:28px}.demo-controls{display:contents}.kind-options{grid-row:1}.demo-visual{grid-row:2}.mood-options{margin-top:0}.mood-options>div{grid-template-columns:repeat(3,1fr);gap:6px}.mood-options button{font-size:12px;padding:12px 5px;justify-content:center;min-height:50px;gap:0}.mood-mark{display:none}.demo-result{margin-top:0;padding-top:20px}.demo-result p{font-size:21px}.demo-controls>.small{margin-top:-12px}.demo-visual figcaption{font-size:12px;margin-top:10px}.how-inner,.watch,.privacy-inner,.questions,.release-inner{grid-template-columns:1fr;gap:32px;padding-block:56px}.how-title p{margin-top:18px}.ritual-list h3{font-size:21px}.ritual-list li{gap:16px}.ritual-list p{font-size:13px}.watch h2{font-size:27px}.watch-heading h3{font-size:20px}.privacy-copy{grid-row:1}.widget-composition{grid-row:2;padding-top:6px}.widget-preview{width:210px}.privacy-copy p{font-size:13px}.questions{gap:24px}.questions summary{font-size:14px;padding-block:20px}.questions details p{font-size:13px}.release h2{font-size:30px}.release-inner{gap:28px}.release-inner>div>p{font-size:13px}.release-status{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}footer{flex-wrap:wrap;gap:16px}footer .brand{font-size:26px}footer p{font-size:11px}footer>a:last-child{margin-left:0;width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* A clearly labelled recording-screen example anchors the product category. */
.hero-photo{width:100%;max-width:450px;justify-self:end}.app-example{background:#eeeee4;padding:18px;border-radius:16px}.app-example-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:12px;color:var(--muted)}.app-example-header span:first-child{font:22px/1.4 var(--serif);color:var(--ink)}.app-example-record{padding:20px 0 2px}.app-example-record p{font-size:13px;margin-bottom:12px}.example-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.example-choices span{font-size:11px;text-align:center;padding:10px 4px;background:var(--paper);border-radius:8px}.example-choices .selected{background:#dce5d5;color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.hero-photo .app-example img{border-radius:12px}.hero .availability{max-width:36em;line-height:1.8}@media(max-width:700px){.hero-photo{justify-self:center}.app-example{padding:16px}.hero-photo figcaption{gap:10px}.hero .lead{font-size:15px}.hero .hero-description{font-size:13px}}

/* Reading pages: keep sections distinct from their body copy. */
.legal-page h1 { margin: 24px 0 20px; font-size: clamp(28px, 5vw, 44px); line-height: 1.45; }
.legal-page h2 { margin: 36px 0 12px; font-size: 23px; line-height: 1.5; }
.legal-page p { margin: 0 0 16px; }
.legal-page li { margin-bottom: 12px; }

/* Shared support and privacy reading layout. */
.legal-page{max-width:800px;padding-top:36px;padding-bottom:72px}
.reading-masthead{border-bottom:1px solid var(--line)}
.reading-masthead nav a{font-size:13px}
.reading-intro h1{margin:0 0 24px;color:var(--green)}
.reading-intro>p{font-size:18px;line-height:1.9}
.reading-contents{display:flex;flex-wrap:wrap;gap:8px 24px;margin:32px 0 48px;padding:20px 0;border-block:1px solid var(--line)}
.reading-contents a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:var(--green)}
.reading-body section+section{margin-top:36px;padding-top:32px;border-top:1px solid var(--line)}
.reading-body h2{margin-top:0}
.reading-body p{line-height:1.95}
.reading-body #contact{background:var(--soft);padding:24px;border:0;border-radius:12px}
.reading-body #contact p:last-child{margin-bottom:0}
.reading-footer{flex-wrap:wrap;font-size:14px}
.reading-footer a{display:inline-flex;align-items:center;min-height:44px}
#image-loading{min-height:1.85em}
.image-stack[aria-busy=true]{opacity:.65}
@media(max-width:700px){
 .legal-page{padding-top:28px;padding-bottom:48px}
 .reading-intro>p{font-size:16px}
 .reading-contents{gap:4px 20px;margin:24px 0 36px;padding-block:16px}
 .reading-body h2{font-size:22px}
 .reading-body #contact{padding:20px}
 .reading-masthead nav{gap:0}
}

/* Closing section: separate release status from the return action. */
.release-inner{grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);gap:64px;padding-block:64px}
.release-status{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding-left:32px}
.release-inner .release-status .release-state{display:flex;align-items:center;gap:10px;margin:0;font-size:14px;color:var(--muted)}
.release-state .status-dot{margin:0;flex-shrink:0}
.release-status a{margin:0;gap:24px;text-decoration:none;border-bottom:1px solid var(--green);font-size:14px}
.site-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px 48px;align-items:center;padding-block:36px 24px}
.footer-identity{display:flex;align-items:center;gap:24px;min-width:0}
.footer-identity .brand{font-size:30px;min-height:44px;flex-shrink:0}
.footer-identity p{font-size:13px}
.footer-links{display:flex;flex-wrap:wrap;gap:8px 28px}
.footer-links a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;text-decoration:none}
.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:16px;gap:24px}
.footer-bottom p{font-size:12px;color:var(--muted)}
.footer-bottom a{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:12px;text-decoration:none}
.footer-bottom .icon{width:18px;height:18px}
@media(hover:hover){.footer-links a:hover{text-decoration:underline}.footer-bottom a:hover{text-decoration:underline}}
@media(max-width:900px){.site-footer{grid-template-columns:1fr;gap:20px}.footer-links{gap:8px 24px}.footer-bottom{grid-column:1}}
@media(max-width:700px){.release-inner{grid-template-columns:1fr;gap:28px;padding-block:44px}.release-status{padding:24px 0 0;gap:12px}.site-footer{padding-block:28px 16px}.footer-identity{align-items:flex-start;flex-direction:column;gap:8px}.footer-identity p{font-size:12px}.footer-bottom{padding-top:12px}}

/* Language links remain visible at narrow widths. English uses native serif fonts. */
html[lang=en]{--serif:Georgia,'Times New Roman',serif}
html[lang=en] h1{line-height:1.15}html[lang=en] h2{line-height:1.3}
.masthead .language-link{font-size:12px;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.collection{padding-block:0 90px}.collection>p{max-width:720px;margin-top:20px}.collection-photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-block:32px}.collection-photos img{aspect-ratio:1;object-fit:cover;border-radius:14px}.collection-photos figcaption{font-size:14px;margin-top:10px}.collection-offer{border-top:1px solid var(--line);padding-top:24px;max-width:780px}.collection-offer p{margin-top:12px}
@media(max-width:700px){.masthead{height:auto;min-height:100px;flex-wrap:wrap;gap:10px;padding-block:18px}.masthead nav{flex-wrap:wrap;gap:8px 18px}.masthead nav .language-link{display:inline-flex}.collection{padding-bottom:54px}.collection-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hero-photo figcaption{flex-wrap:wrap;gap:4px}html[lang=en] .example-choices{gap:4px}html[lang=en] .example-choices span{font-size:11px}}

/* Motion: choose, inspect, and place a vessel. No recurring animations. */
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.hero-photo{transform-origin:50% 80%}.image-stack #vessel-image{transition:transform 480ms cubic-bezier(.16,1,.3,1)}.button .icon,.release-status .icon,summary .icon{transition:transform 220ms ease-out}.kind-options>div:after{transition:transform 350ms cubic-bezier(.16,1,.3,1)}.kind-options button{transition:color 180ms,background-color 180ms}.masthead nav a{transition:color 180ms}.vessel-zoom{transition:background-color 180ms,color 180ms}}
.image-stack{touch-action:pan-y;isolation:isolate}
.image-stack[aria-busy=true]{opacity:1}
.image-stack .departing-photo{position:absolute;inset:0;opacity:1;pointer-events:none}
.image-stack.is-close #vessel-image{transform:scale(1.48);transform-origin:50% 58%}
.vessel-zoom{display:block;margin-top:12px;border:1px solid var(--green);background:transparent;color:var(--green);padding:8px 16px;min-height:44px;border-radius:6px;font-size:13px}
.vessel-zoom[aria-pressed=true]{background:var(--green);color:var(--paper)}
.vessel-hint{font-size:12px;color:var(--muted);margin-top:18px;max-width:38em}
.kind-options>div{position:relative;--choice:0}
.kind-options>div:after{content:'';position:absolute;bottom:-1px;left:0;width:25%;height:2px;background:var(--green);transform:translateX(calc(var(--choice)*100%));pointer-events:none}
.kind-options button[aria-pressed=true]{border-bottom-color:transparent}
@media(hover:hover){.vessel-zoom:hover{background:var(--green);color:var(--paper)}.button:hover .icon,.release-status a:hover .icon{transform:translateX(5px)}}
@media(min-width:701px){.how-title{position:sticky;top:48px;align-self:start}}
@media(prefers-reduced-motion:reduce){.hero-photo{transform:none!important}.image-stack img{transition:none!important}.kind-options>div:after{transition:none}}