@font-face {
  font-family: "Golos Text";
  src: url("/fonts/golos-text-cyrillic.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Golos Text";
  src: url("/fonts/golos-text-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --ink: #2b2733;
  --paper: #f4f2ee;
  --paper-top: #f8f8f6;
  --paper-bottom: #e6e2dc;
  --brand: #7c7196;
  --dark: #22212f;
  --light-x: 58%;
  --light-y: 32%;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--paper); }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: "Golos Text", -apple-system, BlinkMacSystemFont, system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
a:focus-visible,button:focus-visible,summary:focus-visible { outline:2px solid currentColor; outline-offset:4px; }
main { overflow: clip; }
h1,h2,h3,p { margin-top: 0; }

.nav { position: absolute; z-index: 20; inset: 0 0 auto; height: 92px; padding: 0 clamp(22px, 5vw, 78px); display: flex; align-items: center; justify-content: space-between; }
.brand,.brand-lockup { display: inline-flex; align-items: center; }
.brand-lockup img { width: 54px; height: 54px; display: block; }
.brand-lockup span { margin-left: -10px; font-size: 19px; line-height: 1; font-weight: 550; letter-spacing: 0; }
.nav-menu { display:flex; align-items:center; gap:clamp(18px,2.5vw,38px); font-size:13px; color:rgba(43,39,51,.69); }
.nav-menu a { transition:color .2s ease; }
.nav-menu a:hover { color:var(--ink); }
.nav-menu .nav-download { color:#fff; background:var(--brand); min-height:38px; padding:0 17px; border-radius:100px; display:inline-flex; align-items:center; }
.nav--page { position:relative; background:#f8f8f6; border-bottom:1px solid rgba(43,39,51,.08); }

.hero { min-height: 100svh; position: relative; display: grid; place-items: center; padding: 130px 24px 84px; background: linear-gradient(180deg,var(--paper-top),#f0eeea 60%,var(--paper-bottom)); isolation: isolate; }
.hero-spectrum { position: absolute; inset: -18%; z-index: -3; background: linear-gradient(110deg,#a99fc0,#98aac3,#a4bdd0,#bac2c8,#b4c49e,#e0c273,#e59c68,#a99fc0); background-size: 650% 100%; filter: blur(95px); opacity: .31; animation: spectrumShift 42s linear infinite; }
.ambient-light { position: absolute; inset: -30%; z-index: -1; background: radial-gradient(circle at var(--light-x) var(--light-y),rgba(255,255,255,.9) 0,rgba(255,255,255,.22) 19%,transparent 43%); }
.water { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; opacity: 0; transition: opacity 1.4s ease; }
.water[data-active="true"] { opacity: .88; }
.hero-mark { position: absolute; left: 50%; top: 35%; transform: translate(-50%,-50%); opacity: .96; }
.official-sign { display: block; width: clamp(320px,38vw,500px); height: auto; }
.hero-copy { position: relative; z-index: 2; text-align: center; max-width: 850px; margin-top: 29vh; }
.eyebrow { letter-spacing: .035em; font-size: 12px; font-weight: 550; opacity: .72; margin: 0 0 23px; }
h1 { font-weight: 450; letter-spacing: -.045em; line-height: .98; font-size: clamp(45px,6vw,86px); margin-bottom: 28px; text-wrap: balance; }
.intro { max-width: 520px; margin: 0 auto 34px; font-size: clamp(16px,1.35vw,19px); line-height: 1.58; color: rgba(43,39,51,.64); }
.button { min-height: 52px; padding: 0 23px; border-radius: 100px; display: inline-flex; align-items: center; gap: 25px; font-size: 13px; font-weight: 600; transition: transform .25s ease,background .25s ease; }
.button:hover { transform: translateY(-2px); }
.button--brand { background: var(--brand); color: white; }
.button--brand:hover { background: #695f80; }
.scroll-note { position: absolute; bottom: 28px; left: 50%; transform: translateX(-50%); margin: 0; font-size: 10px; letter-spacing: .06em; opacity: .42; }
@keyframes spectrumShift { from{background-position:0% 50%} to{background-position:100% 50%} }

.product { min-height:100vh; padding:clamp(110px,14vw,190px) clamp(24px,8vw,130px); display:grid; grid-template-columns:minmax(320px,560px) 1fr; gap:9vw; align-items:center; background:#f4f2ee; }
.product h2,.spectrum h2,.journey h2,.practice h2,.present-moment h2,.outcomes h2,.toolkit h2,.principles h2,.privacy-teaser h2,.faq h2,.final h2 { font-weight:440; letter-spacing:-.045em; line-height:1.02; font-size:clamp(42px,5.7vw,78px); margin-bottom:0; }
.product-copy > p:not(.eyebrow) { color:rgba(43,39,51,.58); max-width:520px; line-height:1.67; margin:28px 0; }
.text-link { display:inline-flex; align-items:center; gap:18px; font-size:13px; font-weight:600; color:var(--brand); border-bottom:1px solid rgba(124,113,150,.32); padding-bottom:5px; }
.phone-stage { display:grid; place-items:center; position:relative; }
.phone-stage::before { content:""; position:absolute; width:min(48vw,620px); aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,rgba(124,113,150,.14),transparent 65%); }
.phone-shell { width:min(28vw,318px); aspect-ratio:.49; border:7px solid #1c1b20; border-radius:46px; background:linear-gradient(180deg,#f8f8f6,#eeeae4); padding:18px 17px 20px; box-shadow:0 35px 80px rgba(43,39,51,.22); position:relative; display:flex; flex-direction:column; z-index:1; }
.phone-top { display:flex; justify-content:space-between; font-size:9px; font-weight:600; }
.phone-question { text-align:center; font-size:13px; font-weight:600; margin:34px 0 0; }
.phone-water { flex:1; display:grid; place-items:center; min-height:210px; }
.phone-water .ripple-field { width:220px; color:var(--ink); }
.phone-water .ripple-field span { border-color:rgba(124,113,150,.28); }
.phone-state { display:flex; justify-content:space-between; align-items:end; border-bottom:1px solid rgba(43,39,51,.12); padding-bottom:10px; }
.phone-state span { font-size:13px; font-weight:600; }.phone-state small { font-size:7px; opacity:.45; }
.phone-scale { display:grid; grid-template-columns:repeat(7,1fr); gap:5px; margin:16px 0 18px; }
.phone-scale i { display:block; aspect-ratio:1; border-radius:50%; background:var(--state-color); }
.phone-shell button { border:0; background:var(--brand); color:#fff; min-height:39px; border-radius:100px; font:600 10px/1 "Golos Text"; }

[data-reveal] { opacity: 0; transform: translateY(38px); transition: opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1); }
[data-reveal].is-visible { opacity: 1; transform: none; }
.spectrum { min-height: 94vh; padding: clamp(100px,14vw,190px) clamp(24px,7vw,110px); display: grid; grid-template-columns:minmax(300px,520px) 1fr; align-items:center; gap:10vw; background:#f8f8f6; }
.spectrum-copy > p:last-child { color:rgba(43,39,51,.58); max-width:460px; line-height:1.65; margin-top:28px; }
.spectrum-scale { display:grid; grid-template-columns:repeat(7,1fr); align-items:center; gap:clamp(6px,1vw,14px); min-height:220px; }
.spectrum-scale div { display:grid; gap:13px; justify-items:center; }
.spectrum-scale span { display:block; width:min(100%,74px); aspect-ratio:1; background:var(--state-color); border-radius:50%; opacity:.9; }
.spectrum-scale small { font-size:10px; color:rgba(43,39,51,.4); }

.journey { background: linear-gradient(135deg,#2a2932,#1c1b20); color:#f8f8f6; padding: clamp(110px,15vw,210px) clamp(24px,7vw,110px); }
.journey-intro { min-height: 68vh; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; }
.journey-intro > p:last-child { max-width:590px; color:rgba(248,248,246,.56); line-height:1.65; margin-top:28px; }
.state-list { max-width:1120px; margin:60px auto 0; }
.state { min-height:76vh; display:grid; grid-template-columns:65px minmax(340px,1fr) minmax(250px,380px); align-items:center; gap:5vw; border-top:1px solid rgba(255,255,255,.12); position:relative; }
.state-number { align-self:start; padding-top:35px; font-size:11px; opacity:.4; letter-spacing:.08em; }
.state-copy h3 { font-size:clamp(32px,4vw,52px); font-weight:450; letter-spacing:-.035em; margin-bottom:18px; }
.state-copy p { color:rgba(248,248,246,.56); line-height:1.67; font-size:15px; max-width:360px; }
.ripple-field { width:min(40vw,470px); aspect-ratio:1; position:relative; justify-self:center; display:grid; place-items:center; }
.ripple-field span { --size:calc(14% + var(--ring)*13%); position:absolute; width:var(--size); aspect-ratio:1; border:1px solid rgba(185,166,224,.48); border-radius:50%; opacity:calc(.88 - var(--ring)*.11); animation:rippleBreathe 3.1s ease-in-out infinite; animation-delay:calc(var(--ring)*-.42s); }
.ripple-field i { width:18px; aspect-ratio:1; border-radius:50%; background:#b9a6e0; box-shadow:0 0 42px rgba(185,166,224,.38); }
.ripple-field--active span { border-color:rgba(185,166,224,.56); animation-name:rippleAgitated; animation-duration:1.2s; }
.ripple-field--active span:nth-child(even) { border-radius:47% 53% 46% 54%; }
.ripple-field--contact span { border-color:rgba(154,200,212,.5); animation-duration:3.8s; }
.ripple-field--contact i { background:#9ac8d4; box-shadow:0 0 44px rgba(154,200,212,.34); }
.ripple-field--settled span { border-color:rgba(180,196,158,.44); animation-duration:6.2s; }
.ripple-field--settled span:nth-child(-n+2) { opacity:.16; }
.ripple-field--settled i { background:#b4c49e; box-shadow:0 0 50px rgba(180,196,158,.3); }
@keyframes rippleAgitated { 0%,100%{transform:scale(.96) translate(2px,-2px)} 35%{transform:scaleX(1.035) scaleY(.975) translate(-3px,1px)} 70%{transform:scaleX(.975) scaleY(1.04) translate(2px,3px)} }
@keyframes rippleBreathe { 0%,100%{transform:scale(.98);opacity:.3} 50%{transform:scale(1.035);opacity:.75} }

.practice { padding:clamp(110px,15vw,200px) clamp(24px,7vw,110px); background:#f4f2ee; display:grid; grid-template-columns:minmax(280px,500px) 1fr; gap:10vw; align-items:start; }
.practice-steps { list-style:none; padding:0; margin:0; }
.practice-steps li { padding:34px 0 40px; border-top:1px solid rgba(43,39,51,.13); display:grid; grid-template-columns:48px 150px 1fr; gap:24px; align-items:start; }
.practice-steps li > span { font-size:11px; color:var(--brand); padding-top:7px; }
.practice-steps h3 { font-size:18px; font-weight:550; margin:0; }
.practice-steps p { color:rgba(43,39,51,.58); line-height:1.6; font-size:14px; margin:0; }

.present-moment { padding:clamp(110px,14vw,190px) clamp(24px,7vw,110px); background:linear-gradient(145deg,#292833,#1b1a20); color:#f8f8f6; display:grid; grid-template-columns:minmax(300px,520px) 1fr; gap:9vw; align-items:center; }
.present-moment-heading > p:not(.eyebrow) { color:rgba(248,248,246,.6); line-height:1.7; max-width:520px; margin:30px 0 32px; }
.present-moment .text-link { color:#c3b6df; border-color:rgba(195,182,223,.32); }
.moment-practices { border-top:1px solid rgba(255,255,255,.14); }
.moment-card { min-height:230px; padding:32px 0; border-bottom:1px solid rgba(255,255,255,.12); display:grid; grid-template-columns:130px minmax(130px,190px) 1fr; grid-template-rows:auto 1fr; column-gap:24px; align-items:center; }
.moment-card > span { grid-column:2 / -1; align-self:start; font-size:10px; letter-spacing:.03em; color:rgba(255,255,255,.38); }
.moment-card h3 { grid-column:2; margin:0; font-size:clamp(19px,2vw,27px); line-height:1.14; font-weight:500; letter-spacing:-.025em; }
.moment-card p { grid-column:3; margin:0; color:rgba(248,248,246,.55); font-size:13px; line-height:1.65; max-width:330px; }
.practice-motion { grid-row:1 / 3; width:105px; aspect-ratio:1; position:relative; display:grid; place-items:center; }
.practice-motion i { position:absolute; display:block; border-radius:50%; }
.practice-motion--breath i { width:46%; aspect-ratio:1; border:1px solid rgba(169,159,192,.58); animation:practiceBreath 5.2s ease-in-out infinite; }
.practice-motion--breath i:nth-child(2) { width:70%; animation-delay:-1.7s; opacity:.55; }
.practice-motion--breath i:nth-child(3) { width:94%; animation-delay:-3.4s; opacity:.28; }
.practice-motion--body i { width:18px; aspect-ratio:1; background:#b4c49e; animation:practiceWeight 4.8s ease-in-out infinite; }
.practice-motion--body i:nth-child(1) { transform:translate(-24px,-20px); opacity:.62; }
.practice-motion--body i:nth-child(2) { transform:translate(22px,-5px); animation-delay:-1.6s; opacity:.82; }
.practice-motion--body i:nth-child(3) { width:34px; transform:translate(0,28px); animation-delay:-3.2s; }
.practice-motion--space i { width:11px; aspect-ratio:1; background:#9ac8d4; animation:practiceSpace 6s ease-in-out infinite; }
.practice-motion--space i:nth-child(1) { transform:translate(-35px,-25px); }
.practice-motion--space i:nth-child(2) { width:18px; transform:translate(34px,-4px); animation-delay:-2s; }
.practice-motion--space i:nth-child(3) { width:26px; transform:translate(-2px,34px); animation-delay:-4s; }
@keyframes practiceBreath { 0%,100%{transform:scale(.88);opacity:.26} 50%{transform:scale(1.08);opacity:.75} }
@keyframes practiceWeight { 0%,100%{margin-top:-5px} 50%{margin-top:7px} }
@keyframes practiceSpace { 0%,100%{filter:blur(0);opacity:.42} 50%{filter:blur(1px);opacity:1} }

.hybrid-practices { min-height:auto; padding:clamp(105px,11vw,158px) clamp(24px,7vw,110px) clamp(88px,9vw,132px); display:block; position:relative; isolation:isolate; overflow:hidden; background:linear-gradient(142deg,#302e39 0%,#25232e 58%,#1d1c24 100%); }
.hybrid-practice-waves { position:absolute; z-index:-3; inset:-8%; pointer-events:none; }
.hybrid-practice-waves img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:74% 76%; opacity:0; transform:scale(1.07); filter:saturate(.82) brightness(.64) contrast(.95); -webkit-mask-image:radial-gradient(ellipse 82% 104% at 78% 76%,#000 0 35%,rgba(0,0,0,.76) 57%,rgba(0,0,0,.2) 76%,transparent 94%); mask-image:radial-gradient(ellipse 82% 104% at 78% 76%,#000 0 35%,rgba(0,0,0,.76) 57%,rgba(0,0,0,.2) 76%,transparent 94%); transition:opacity 1.1s ease,transform 1.5s cubic-bezier(.2,.7,.2,1); }
.hybrid-practice-waves img.is-active { opacity:.62; transform:scale(1.01); }
.hybrid-practice-light { position:absolute; z-index:-2; inset:-35%; background:radial-gradient(circle at var(--light-x) var(--light-y),rgba(255,255,255,.1),transparent 32%),radial-gradient(circle at 76% 68%,var(--practice-atmosphere),transparent 37%),linear-gradient(180deg,rgba(43,42,53,.02),#1d1c24 96%); pointer-events:none; transition:background 1s ease; }
.hybrid-practices--breathing { --practice-atmosphere:rgba(154,200,212,.12); }
.hybrid-practices--awareness { --practice-atmosphere:rgba(229,156,104,.11); }
.hybrid-practice-head { display:grid; grid-template-columns:minmax(470px,1fr) minmax(390px,.76fr); gap:clamp(55px,9vw,140px); align-items:end; position:relative; z-index:1; }
.hybrid-practice-head h2 { max-width:760px; }
.hybrid-practice-intro > p { max-width:570px; margin:0; color:rgba(248,248,246,.7); font-size:15px; line-height:1.72; }
.hybrid-practice-facts { margin-top:30px; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(255,255,255,.14); }
.hybrid-practice-facts span { min-width:0; padding:15px 14px 0 0; color:rgba(248,248,246,.55); font-size:11px; line-height:1.42; }
.hybrid-practice-facts strong { display:block; margin-bottom:5px; color:#f8f8f6; font-size:18px; line-height:1; font-weight:500; }
.hybrid-practice-stage { margin-top:clamp(58px,6vw,84px); display:grid; grid-template-columns:minmax(280px,.64fr) minmax(250px,.58fr) minmax(320px,.78fr); gap:clamp(34px,5vw,78px); align-items:center; position:relative; z-index:1; }
.hybrid-practice-switch { align-self:center; border-top:1px solid rgba(255,255,255,.15); }
.hybrid-practice-switch button { appearance:none; width:100%; min-height:114px; padding:23px 0; border:0; border-bottom:1px solid rgba(255,255,255,.12); background:transparent; color:inherit; display:grid; grid-template-columns:38px 1fr 22px; gap:16px; align-items:center; text-align:left; font:inherit; cursor:pointer; opacity:.5; transition:opacity .32s ease,padding .32s ease,background .32s ease; }
.hybrid-practice-switch button:hover,.hybrid-practice-switch button[aria-selected="true"] { opacity:1; padding-left:10px; }
.hybrid-practice-switch button[aria-selected="true"] { box-shadow:inset 2px 0 0 #c3b6df; background:linear-gradient(90deg,rgba(195,182,223,.085),transparent 78%); }
.hybrid-practice-switch button:focus-visible { outline:none; box-shadow:inset 3px 0 0 #d8ccef; background:linear-gradient(90deg,rgba(195,182,223,.12),transparent 78%); }
.hybrid-practice-switch button > span:first-child { color:#c3b6df; font-size:10px; letter-spacing:.07em; }
.hybrid-practice-switch button > span:nth-child(2) { display:flex; flex-direction:column; gap:7px; }
.hybrid-practice-switch small { color:rgba(248,248,246,.5); font-size:11px; letter-spacing:.035em; }
.hybrid-practice-switch strong { font-size:clamp(20px,1.7vw,25px); font-weight:500; letter-spacing:-.025em; }
.hybrid-practice-switch button > i { color:#c3b6df; font-style:normal; opacity:0; transform:translateX(-8px); transition:opacity .3s ease,transform .3s ease; }
.hybrid-practice-switch button[aria-selected="true"] > i { opacity:1; transform:none; }
.hybrid-practice-device { min-height:590px; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; position:relative; }
.hybrid-practice-device > .practice-motion { position:absolute; z-index:-1; left:50%; top:46%; width:min(39vw,460px); transform:translate(-50%,-50%); opacity:.55; }
.hybrid-practice-device > .practice-motion--breath i { border-color:rgba(195,182,223,.32); }
.practice-motion--awareness i { width:38%; aspect-ratio:1.45; border:1px solid rgba(154,200,212,.34); border-radius:48% 52% 44% 56%; animation:awarenessFlow 7s ease-in-out infinite; }
.practice-motion--awareness i:nth-child(2) { width:64%; transform:rotate(18deg); animation-delay:-2.3s; opacity:.62; }
.practice-motion--awareness i:nth-child(3) { width:92%; transform:rotate(-12deg); animation-delay:-4.6s; opacity:.3; }
@keyframes awarenessFlow { 0%,100%{border-radius:48% 52% 44% 56%;filter:blur(0);opacity:.28} 50%{border-radius:54% 46% 57% 43%;filter:blur(.2px);opacity:.68} }
.hybrid-phone { width:min(22vw,276px); aspect-ratio:1470 / 3000; position:relative; filter:drop-shadow(0 34px 48px rgba(0,0,0,.3)); }
.hybrid-phone-screen { position:absolute; z-index:1; left:5.102%; top:2.2%; width:89.796%; height:95.6%; object-fit:cover; border-radius:11.25% / 5.5%; opacity:0; transform:translateY(22px) scale(.985); transition:opacity .55s ease,transform .75s cubic-bezier(.2,.7,.2,1); }
.hybrid-phone-screen.is-active { opacity:1; transform:none; }
.hybrid-phone-frame { position:absolute; z-index:2; inset:0; width:100%; height:100%; object-fit:contain; pointer-events:none; }
.hybrid-practice-device > span { margin-top:15px; color:rgba(248,248,246,.57); font-size:11px; letter-spacing:.025em; }
.hybrid-practice-detail { max-width:480px; }
.hybrid-practice-detail > span { color:#c3b6df; font-size:11px; letter-spacing:.055em; }
.hybrid-practice-detail h3 { margin:17px 0 20px; max-width:470px; color:#f8f8f6; font-size:clamp(33px,3.2vw,49px); line-height:1.02; letter-spacing:-.045em; font-weight:460; }
.hybrid-practice-detail > p { margin:0; color:rgba(248,248,246,.68); font-size:14px; line-height:1.72; }
.hybrid-practice-detail .text-link { margin-top:29px; color:#c3b6df; border-color:rgba(195,182,223,.32); }
.hybrid-practice-after { margin-top:clamp(58px,6vw,86px); padding:31px 0; display:grid; grid-template-columns:minmax(120px,.28fr) minmax(360px,.88fr) minmax(280px,.7fr); gap:clamp(34px,5vw,80px); align-items:center; border-top:1px solid rgba(255,255,255,.15); border-bottom:1px solid rgba(255,255,255,.1); position:relative; z-index:1; }
.hybrid-practice-after > span { color:#c3b6df; font-size:10px; letter-spacing:.055em; }
.hybrid-practice-after h3 { margin:0; color:#f8f8f6; font-size:clamp(24px,2.1vw,33px); line-height:1.08; letter-spacing:-.035em; font-weight:470; }
.hybrid-practice-after p { margin:0; color:rgba(248,248,246,.64); font-size:13px; line-height:1.62; }

.outcomes { min-height:100vh; padding:clamp(110px,14vw,190px) clamp(24px,8vw,130px); display:grid; grid-template-columns:1fr minmax(320px,550px); align-items:center; gap:9vw; background:#f8f8f6; }
.outcomes-copy > p:last-child { color:rgba(43,39,51,.58); line-height:1.67; max-width:500px; margin-top:28px; }
.journal-preview { background:#fff; border:1px solid rgba(43,39,51,.09); border-radius:28px; padding:clamp(24px,3vw,40px); box-shadow:0 30px 80px rgba(43,39,51,.09); }
.journal-head { display:flex; justify-content:space-between; border-bottom:1px solid rgba(43,39,51,.1); padding-bottom:24px; }
.journal-head span { font-size:24px; font-weight:550; }.journal-head small { font-size:10px; opacity:.42; align-self:end; }
.journal-row { display:grid; grid-template-columns:112px 18px 1fr; align-items:start; gap:18px; padding:24px 0; border-bottom:1px solid rgba(43,39,51,.08); }
.journal-row:last-child { border-bottom:0; padding-bottom:0; }
.journal-row time { font-size:10px; color:rgba(43,39,51,.42); padding-top:2px; }
.journal-row i { width:14px; aspect-ratio:1; border-radius:50%; background:var(--entry-color); }
.journal-row p { font-size:13px; line-height:1.55; margin:0; color:rgba(43,39,51,.7); }

.toolkit { padding:clamp(110px,14vw,190px) clamp(24px,8vw,130px); background:#f8f8f6; }
.toolkit-heading { max-width:760px; margin-bottom:90px; }
.toolkit-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(43,39,51,.12); }
.toolkit-grid article { min-height:330px; padding:34px clamp(0px,2vw,34px) 45px; border-right:1px solid rgba(43,39,51,.1); display:flex; flex-direction:column; }
.toolkit-grid article:first-child { padding-left:0; }.toolkit-grid article:last-child { padding-right:0; border-right:0; }
.toolkit-grid span { color:var(--brand); font-size:10px; }
.toolkit-grid h3 { font-size:clamp(24px,2.4vw,34px); font-weight:500; letter-spacing:-.03em; margin:75px 0 20px; }
.toolkit-grid p { color:rgba(43,39,51,.57); line-height:1.68; font-size:14px; max-width:340px; }

.principles { padding:clamp(110px,14vw,190px) clamp(24px,8vw,130px); background:#f4f2ee; }
.principles-heading { max-width:700px; margin-bottom:90px; }
.principles-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(43,39,51,.12); }
.principles-grid article { padding:34px clamp(0px,2vw,32px) 46px; border-right:1px solid rgba(43,39,51,.1); }
.principles-grid article:first-child { padding-left:0; }.principles-grid article:last-child { border-right:0; padding-right:0; }
.principles-grid span { font-size:10px; color:var(--brand); }
.principles-grid h3 { font-size:23px; font-weight:500; letter-spacing:-.025em; margin:36px 0 17px; }
.principles-grid p { color:rgba(43,39,51,.56); font-size:14px; line-height:1.63; max-width:330px; }
.principles-link { margin-top:34px; }

.pause { min-height:96vh; background:linear-gradient(180deg,#f8f8f6,#f0eeea 60%,#e6e2dc); display:grid; place-items:center; position:relative; text-align:center; padding:70px 24px; overflow:hidden; }
.pause p { font-size:clamp(38px,5.7vw,78px); font-weight:440; line-height:1.04; letter-spacing:-.045em; z-index:1; }
.pause-ripple { position:absolute; width:min(35vw,390px); aspect-ratio:1; border-radius:50%; border:1px solid rgba(124,113,150,.18); animation:pauseRipple 6s ease-out infinite; }
.pause-ripple--two { animation-delay:-2s; }.pause-ripple--three { animation-delay:-4s; }
@keyframes pauseRipple { 0%{transform:scale(.55);opacity:0} 22%{opacity:.65} 100%{transform:scale(2.1);opacity:0} }

.privacy-teaser { padding:clamp(110px,14vw,190px) clamp(24px,8vw,130px); background:var(--brand); color:#fff; display:grid; grid-template-columns:1.25fr .75fr; gap:10vw; align-items:end; }
.privacy-copy p { color:#fff; line-height:1.7; margin-bottom:32px; max-width:480px; }
.faq { padding:clamp(110px,14vw,190px) clamp(24px,8vw,130px); background:#f8f8f6; display:grid; grid-template-columns:minmax(300px,500px) 1fr; gap:10vw; align-items:start; }
.faq-list { border-top:1px solid rgba(43,39,51,.14); }
.faq-list details { border-bottom:1px solid rgba(43,39,51,.12); padding:25px 0; }
.faq-list summary { cursor:pointer; list-style:none; font-size:17px; font-weight:500; padding-right:40px; position:relative; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary::after { content:"+"; position:absolute; right:4px; top:-2px; color:var(--brand); font-size:24px; font-weight:400; }
.faq-list details[open] summary::after { content:"−"; }
.faq-list details p { color:rgba(43,39,51,.58); font-size:14px; line-height:1.65; max-width:600px; margin:18px 40px 0 0; }

.final { min-height:100svh; background:linear-gradient(135deg,#33324a,#22212f); color:#fff; display:grid; grid-template-columns:1fr 1fr; align-items:center; position:relative; overflow:hidden; padding:100px clamp(24px,7vw,110px); }
.final-light { position:absolute; inset:-20%; background:radial-gradient(circle at var(--light-x) var(--light-y),rgba(185,166,224,.18),transparent 38%); }
.final-mark { position:relative; display:grid; place-items:center; }
.final-copy { position:relative; max-width:640px; }
.final-copy > p:not(.eyebrow) { margin:28px 0 34px; color:rgba(255,255,255,.64); font-size:16px; }
.button--light { background:#fff; color:#2b2733; }
.button--pending { cursor:default; }
.final-support { display:block; width:max-content; margin-top:20px; color:rgba(255,255,255,.56); font-size:12px; border-bottom:1px solid rgba(255,255,255,.2); padding-bottom:4px; }
.site-footer { min-height:270px; background:#17151a; color:#eeeaf0; padding:55px clamp(24px,5vw,78px) 35px; display:grid; grid-template-columns:1fr 1fr; align-items:start; position:relative; }
.brand--footer .brand-lockup img { width:52px; height:52px; }
.footer-brand > p { margin:18px 0 0; opacity:.65; font-size:11px; }
.footer-links { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.footer-links div { display:flex; flex-direction:column; gap:10px; font-size:12px; color:rgba(255,255,255,.62); }
.footer-links span { font-size:10px; color:rgba(255,255,255,.62); margin-bottom:6px; }
.footer-links a:hover { color:#fff; }
.footer-copy { position:absolute; left:clamp(24px,5vw,78px); bottom:30px; margin:0; opacity:.62; font-size:10px; }

.info-page { background:#f4f2ee; min-height:100vh; color:#2b2733; }
.info-hero { min-height:72vh; padding:clamp(100px,12vw,165px) clamp(24px,12vw,180px); display:flex; flex-direction:column; justify-content:center; position:relative; isolation:isolate; overflow:hidden; background:linear-gradient(180deg,#f8f8f6,#f0eeea 62%,#e6e2dc); }
.info-hero-copy { position:relative; z-index:1; }
.info-hero h1 { max-width:980px; margin:18px 0 28px; font-size:clamp(52px,8vw,112px); }
.info-hero-copy > p:last-child { max-width:680px; font-size:17px; line-height:1.7; color:rgba(43,39,51,.68); margin:0; }
.info-hero-wave { position:absolute; z-index:-1; inset:-10% -4% -20% 34%; pointer-events:none; opacity:.56; -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.16) 22%,#000 58%),linear-gradient(180deg,#000 0 72%,transparent 100%); -webkit-mask-composite:source-in; mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.16) 22%,#000 58%),linear-gradient(180deg,#000 0 72%,transparent 100%); mask-composite:intersect; }
.info-hero-wave img { width:100%; height:100%; object-fit:cover; object-position:72% 74%; filter:saturate(.84) brightness(1.08); }
.info-page--terms .info-hero-wave { opacity:.5; }
.info-page--support .info-hero-wave { opacity:.46; }
.info-content { padding:clamp(90px,12vw,170px) clamp(24px,12vw,180px); }
.info-section { display:grid; grid-template-columns:70px 1fr; gap:5vw; border-top:1px solid rgba(43,39,51,.12); padding:45px 0 90px; }
.info-section > span,.privacy-grid article > span,.terms-list div > span { font-size:10px; color:#685d82; }
.info-section h2,.info-note h2,.privacy-grid h2,.terms-list h2 { font-size:clamp(31px,4vw,55px); font-weight:450; letter-spacing:-.035em; margin-bottom:20px; }
.info-section p,.info-note p { color:rgba(43,39,51,.72); line-height:1.75; max-width:700px; }
.approach-principles,.privacy-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(43,39,51,.1); margin:20px 0 110px; }
.approach-principles article,.privacy-grid article { background:#f8f8f6; padding:38px; min-height:270px; }
.approach-principles small { color:#685d82; }.approach-principles h3 { font-size:24px; font-weight:500; margin:45px 0 17px; }.approach-principles p,.privacy-grid p,.terms-list p { color:rgba(43,39,51,.72); line-height:1.65; font-size:14px; }
.info-note { background:#2a2932; color:#f8f8f6; padding:clamp(36px,6vw,75px); margin-top:70px; }
.info-note p { color:rgba(248,248,246,.62); }
.status-note { border-left:3px solid var(--brand); padding:20px 24px; background:#f8f8f6; margin-bottom:80px; }.status-note span { font-size:11px; color:var(--brand); }.status-note p { margin:10px 0 0; color:rgba(43,39,51,.58); line-height:1.6; }.status-note a { color:var(--brand); border-bottom:1px solid rgba(124,113,150,.3); }
.document-meta { margin:0 0 80px; padding:24px 0; display:grid; grid-template-columns:minmax(160px,.7fr) minmax(190px,.72fr) minmax(260px,1fr); gap:28px; align-items:center; border-top:1px solid rgba(43,39,51,.14); border-bottom:1px solid rgba(43,39,51,.14); font-size:12px; }
.document-meta span { color:rgba(43,39,51,.72); }
.document-meta strong { font-weight:520; }
.document-meta a,.info-inline-link { width:max-content; max-width:100%; color:#685d82; border-bottom:1px solid rgba(104,93,130,.32); }
.document-links { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.document-links > span { display:flex; align-items:center; gap:10px; }
.document-links > span a { min-width:28px; padding:5px 0; text-align:center; border-bottom:0; color:rgba(43,39,51,.64); }
.document-links > span a[aria-current="page"] { color:#2b2733; box-shadow:inset 0 -2px 0 #685d82; }
.privacy-grid { grid-template-columns:repeat(2,1fr); }
.privacy-grid article { min-height:340px; display:flex; flex-direction:column; }.privacy-grid h2 { margin:50px 0 18px; }.privacy-grid .info-inline-link { margin-top:auto; padding-top:18px; font-size:12px; }
.support-contact { margin-bottom:95px; padding:32px 0; display:grid; grid-template-columns:minmax(80px,.32fr) minmax(330px,1fr) auto; gap:clamp(24px,5vw,76px); align-items:center; border-top:1px solid rgba(43,39,51,.14); border-bottom:1px solid rgba(43,39,51,.14); }
.support-contact > span { color:#685d82; font-size:10px; letter-spacing:.06em; text-transform:uppercase; }
.support-contact h2 { margin:0 0 13px; font-size:clamp(25px,3vw,42px); font-weight:480; letter-spacing:-.035em; overflow-wrap:anywhere; }
.support-contact p { max-width:690px; margin:0; color:rgba(43,39,51,.72); font-size:13px; line-height:1.7; }
.support-list { max-width:850px; margin:0 auto; border-top:1px solid rgba(43,39,51,.14); }.support-list details { padding:28px 0; border-bottom:1px solid rgba(43,39,51,.12); }.support-list summary { font-size:20px; font-weight:500; cursor:pointer; }.support-list p { color:rgba(43,39,51,.72); line-height:1.7; max-width:680px; }.support-list a { color:#685d82; }
.terms-list { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:rgba(43,39,51,.1); }.terms-list div { background:#f8f8f6; padding:40px; min-height:310px; }.terms-list h2 { font-size:34px; margin:55px 0 18px; }
.info-note a { color:#d4c7ef; border-bottom:1px solid rgba(212,199,239,.3); }
.data-actions { border-top:1px solid rgba(43,39,51,.14); }
.data-actions article { min-height:200px; padding:34px 0; display:grid; grid-template-columns:42px minmax(300px,1fr) minmax(190px,.42fr); gap:clamp(24px,5vw,72px); align-items:start; border-bottom:1px solid rgba(43,39,51,.12); }
.data-actions article > span { padding-top:7px; color:#685d82; font-size:10px; }
.data-actions h2 { margin:0 0 16px; font-size:clamp(27px,3vw,42px); font-weight:470; letter-spacing:-.035em; }
.data-actions p { max-width:700px; margin:0; color:rgba(43,39,51,.72); font-size:14px; line-height:1.7; }
.data-actions article > strong,.data-actions article > a { align-self:center; color:#685d82; font-size:12px; font-weight:500; line-height:1.55; }
.data-actions article > a { width:max-content; max-width:100%; border-bottom:1px solid rgba(104,93,130,.32); }
.data-detail { margin-top:95px; padding:clamp(40px,6vw,76px); position:relative; isolation:isolate; overflow:hidden; background:#e8edf1; }
.data-detail::after { content:""; position:absolute; z-index:-1; inset:-20% -10% -20% 46%; background:url('/v6/waves-blue.webp') center/cover no-repeat; opacity:.35; -webkit-mask-image:linear-gradient(90deg,transparent,#000); mask-image:linear-gradient(90deg,transparent,#000); }
.data-detail > span { color:#685d82; font-size:10px; text-transform:uppercase; letter-spacing:.06em; }
.data-detail h2 { max-width:760px; margin:20px 0 24px; font-size:clamp(34px,5vw,66px); line-height:1.02; letter-spacing:-.045em; font-weight:460; }
.data-detail p { max-width:720px; color:rgba(43,39,51,.66); line-height:1.7; }
.data-detail a { color:#685d82; border-bottom:1px solid rgba(104,93,130,.32); }

.practice-directions { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:rgba(43,39,51,.1); margin-bottom:130px; }
.practice-directions article { min-height:360px; background:#f8f8f6; padding:clamp(30px,4vw,55px); display:flex; flex-direction:column; }
.practice-directions article > span { color:var(--brand); font-size:10px; }
.practice-directions h2 { font-size:clamp(40px,5vw,70px); line-height:1; font-weight:450; letter-spacing:-.04em; margin:65px 0 22px; }
.practice-directions p { max-width:470px; color:rgba(43,39,51,.58); line-height:1.7; }
.practice-directions small { margin-top:auto; color:var(--brand); }
.practice-directory { margin:0 0 150px; display:grid; grid-template-columns:minmax(280px,430px) 1fr; gap:9vw; align-items:start; }
.practice-directory > header { position:sticky; top:45px; }
.practice-directory > header h2 { font-size:clamp(48px,6vw,84px); font-weight:450; line-height:1; letter-spacing:-.045em; margin-bottom:28px; }
.practice-directory > header > p:last-child { color:rgba(43,39,51,.58); line-height:1.7; max-width:420px; }
.practice-directory-list { border-top:1px solid rgba(43,39,51,.14); }
.practice-directory-list > article { min-height:170px; padding:28px 0 32px; border-bottom:1px solid rgba(43,39,51,.12); display:grid; grid-template-columns:40px 1fr minmax(105px,150px); gap:18px; align-items:start; }
.practice-directory-list > article > span { color:var(--brand); font-size:10px; padding-top:7px; }
.practice-directory-list h3 { font-size:22px; font-weight:520; letter-spacing:-.02em; margin:0 0 12px; }
.practice-directory-list p { color:rgba(43,39,51,.57); font-size:13px; line-height:1.65; max-width:480px; margin:0; }
.practice-directory-list small { color:rgba(43,39,51,.42); font-size:10px; line-height:1.5; }
.practice-directory-list div > small { display:block; color:var(--brand); margin-bottom:10px; }

.practice-catalog { margin:20px 0 110px; border-top:1px solid rgba(43,39,51,.12); }
.practice-guide { min-height:500px; border-bottom:1px solid rgba(43,39,51,.12); display:grid; grid-template-columns:minmax(300px,1fr) minmax(310px,1fr); gap:9vw; align-items:center; padding:70px 0; }
.practice-guide-visual { width:min(32vw,390px); aspect-ratio:1; position:relative; display:grid; place-items:center; justify-self:center; }
.practice-guide-visual::before { content:""; position:absolute; inset:0; border-radius:50%; background:radial-gradient(circle,rgba(124,113,150,.12),transparent 68%); }
.practice-guide-visual i { position:absolute; display:block; border-radius:50%; }
.practice-guide-visual--breath i { width:30%; aspect-ratio:1; border:1px solid rgba(124,113,150,.48); animation:practiceBreath 5.2s ease-in-out infinite; }
.practice-guide-visual--breath i:nth-child(2) { width:54%; animation-delay:-1.7s; }
.practice-guide-visual--breath i:nth-child(3) { width:78%; animation-delay:-3.4s; }
.practice-guide-visual--body i { width:11%; aspect-ratio:1; background:#b4c49e; box-shadow:0 12px 38px rgba(180,196,158,.32); animation:practiceWeight 4.8s ease-in-out infinite; }
.practice-guide-visual--body i:nth-child(1) { transform:translate(-90%,-115%); opacity:.56; }
.practice-guide-visual--body i:nth-child(2) { width:17%; transform:translate(105%,-15%); animation-delay:-1.6s; opacity:.78; }
.practice-guide-visual--body i:nth-child(3) { width:23%; transform:translate(-10%,105%); animation-delay:-3.2s; }
.practice-guide-visual--space i { width:5%; aspect-ratio:1; background:#98aac3; box-shadow:0 0 30px rgba(152,170,195,.32); animation:practiceSpace 6s ease-in-out infinite; }
.practice-guide-visual--space i:nth-child(1) { transform:translate(-290%,-220%); }
.practice-guide-visual--space i:nth-child(2) { width:9%; transform:translate(240%,-30%); animation-delay:-2s; }
.practice-guide-visual--space i:nth-child(3) { width:14%; transform:translate(-20%,210%); animation-delay:-4s; }
.practice-guide-copy > span { font-size:10px; color:var(--brand); }
.practice-guide-copy h2 { font-size:clamp(36px,4vw,58px); font-weight:450; letter-spacing:-.04em; line-height:1.02; margin:30px 0 24px; }
.practice-guide-copy p { max-width:600px; color:rgba(43,39,51,.6); line-height:1.75; }
.practice-flow { padding:clamp(55px,8vw,95px); background:#f8f8f6; text-align:center; }
.practice-flow > div { display:flex; align-items:center; justify-content:center; gap:clamp(14px,3vw,44px); margin:35px 0; font-size:clamp(24px,4vw,52px); letter-spacing:-.035em; }
.practice-flow > div i { color:var(--brand); font-style:normal; font-weight:300; opacity:.55; }
.practice-flow > p:last-child { max-width:610px; margin:0 auto; color:rgba(43,39,51,.56); line-height:1.7; }

@media (max-width: 1120px) {
  .hybrid-practice-head { grid-template-columns:1fr; gap:31px; }
  .hybrid-practice-intro > p { max-width:720px; }
  .hybrid-practice-facts { max-width:720px; }
  .hybrid-practice-stage { grid-template-columns:minmax(300px,.8fr) minmax(240px,.55fr); }
  .hybrid-practice-detail { grid-column:1 / -1; max-width:760px; }
  .hybrid-practice-after { grid-template-columns:120px 1fr; }
  .hybrid-practice-after p { grid-column:2; }
}

@media (max-width: 800px) {
  .nav { height:72px; }
  .nav-menu { gap:14px; }
  .nav-menu a:nth-child(2),.nav-menu a:nth-child(3),.nav-menu a:nth-child(4) { display:none; }
  .nav-menu .nav-download { min-height:34px; padding:0 14px; }
  .brand-lockup img { width:48px; height:48px; }
  .brand-lockup span { margin-left:-9px; font-size:18px; }
  .hero { min-height:930px; padding-top:110px; }
  .hero-mark { top:31%; }
  .official-sign { width:min(112vw,440px); }
  .hero-copy { margin-top:300px; }
  h1 { font-size:clamp(42px,10.7vw,58px); }
  .product,.spectrum,.practice,.present-moment,.outcomes,.privacy-teaser,.faq { grid-template-columns:1fr; gap:80px; }
  .phone-shell { width:min(78vw,310px); }
  .spectrum-scale { min-height:230px; gap:6px; }
  .state { grid-template-columns:38px 1fr; min-height:760px; padding:70px 0; gap:10px; }
  .ripple-field { grid-column:2; width:min(78vw,380px); }
  .state-copy { grid-column:2; }
  .practice-steps li { grid-template-columns:38px 1fr; }
  .practice-steps p { grid-column:2; }
  .moment-card { grid-template-columns:100px 1fr; grid-template-rows:auto auto auto; min-height:250px; column-gap:15px; }
  .practice-motion { width:84px; grid-row:1 / 4; }
  .moment-card > span,.moment-card h3,.moment-card p { grid-column:2; }
  .moment-card h3 { margin:15px 0 12px; }
  .outcomes .journal-preview { order:2; }.outcomes-copy { order:1; }
  .toolkit-grid { grid-template-columns:1fr; }.toolkit-grid article { min-height:260px; border-right:0; border-bottom:1px solid rgba(43,39,51,.1); padding:30px 0; }.toolkit-grid h3 { margin-top:55px; }
  .principles-grid { grid-template-columns:1fr; }.principles-grid article { border-right:0; border-bottom:1px solid rgba(43,39,51,.1); padding:30px 0; }
  .privacy-teaser { align-items:start; }
  .final { grid-template-columns:1fr; text-align:center; gap:50px; }
  .final .official-sign { width:min(100vw,410px); }
  .final-copy { justify-self:center; }
  .final-support { margin-left:auto; margin-right:auto; }
  .site-footer { grid-template-columns:1fr; gap:50px; padding-bottom:70px; }.footer-links { gap:15px; }
  .info-hero,.info-content { padding-left:24px; padding-right:24px; }
  .info-hero { min-height:650px; padding-top:120px; padding-bottom:90px; }
  .info-hero-wave { inset:20% -62% -12% 2%; opacity:.36; -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 36%,rgba(0,0,0,.75) 72%,transparent 100%); mask-image:linear-gradient(180deg,transparent 0,#000 36%,rgba(0,0,0,.75) 72%,transparent 100%); }
  .info-hero h1 { font-size:clamp(48px,14vw,68px); }
  .document-meta { grid-template-columns:1fr; gap:13px; margin-bottom:55px; }
  .document-links { margin-top:8px; }
  .support-contact { grid-template-columns:1fr; gap:18px; margin-bottom:65px; }
  .support-contact .button { width:100%; justify-content:center; }
  .data-actions article { grid-template-columns:34px 1fr; gap:18px; }
  .data-actions article > strong,.data-actions article > a { grid-column:2; align-self:start; margin-top:2px; }
  .data-detail { margin-top:70px; }
  .info-section { grid-template-columns:36px 1fr; }
  .approach-principles,.privacy-grid,.terms-list { grid-template-columns:1fr; }
  .practice-directions { grid-template-columns:1fr; }
  .practice-directory { grid-template-columns:1fr; gap:55px; margin-bottom:110px; }
  .practice-directory > header { position:static; }
  .practice-directory-list > article { grid-template-columns:30px 1fr; }
  .practice-directory-list > article > small { grid-column:2; }
  .practice-guide { grid-template-columns:1fr; gap:30px; min-height:0; padding:60px 0 72px; }
  .practice-guide-visual { width:min(82vw,350px); }
  .practice-flow > div { flex-wrap:wrap; }
  .hybrid-practices { padding:88px 22px 76px; }
  .hybrid-practice-waves { inset:-2% -48% 0 -18%; }
  .hybrid-practice-waves img { object-position:68% 76%; -webkit-mask-image:radial-gradient(ellipse 88% 70% at 72% 76%,#000 0 36%,rgba(0,0,0,.68) 58%,rgba(0,0,0,.15) 79%,transparent 96%); mask-image:radial-gradient(ellipse 88% 70% at 72% 76%,#000 0 36%,rgba(0,0,0,.68) 58%,rgba(0,0,0,.15) 79%,transparent 96%); }
  .hybrid-practice-head h2 { font-size:42px; }
  .hybrid-practice-intro > p { font-size:14px; }
  .hybrid-practice-facts { grid-template-columns:1fr; }
  .hybrid-practice-facts span { padding:11px 0; display:grid; grid-template-columns:92px 1fr; align-items:baseline; border-bottom:1px solid rgba(255,255,255,.09); }
  .hybrid-practice-facts strong { margin:0; }
  .hybrid-practice-stage { margin-top:46px; display:flex; flex-direction:column; gap:0; align-items:stretch; }
  .hybrid-practice-switch { order:1; }
  .hybrid-practice-switch button { min-height:88px; padding:17px 0; grid-template-columns:34px 1fr 18px; }
  .hybrid-practice-switch strong { font-size:20px; }
  .hybrid-practice-device { order:2; min-height:510px; margin-top:30px; }
  .hybrid-practice-device > .practice-motion { width:min(112vw,430px); }
  .hybrid-phone { width:232px; }
  .hybrid-practice-detail { order:3; margin-top:36px; max-width:none; }
  .hybrid-practice-detail h3 { max-width:360px; font-size:35px; }
  .hybrid-practice-after { margin-top:54px; padding:25px 0; display:block; }
  .hybrid-practice-after h3 { margin:14px 0; max-width:360px; font-size:28px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none!important; transition-duration:.01ms!important; }
  [data-reveal] { opacity:1; transform:none; }
  .water { display:none; }
  .hero-spectrum { background-position:20% 50%; }
}

.v6 {
  --ink: #2b2733;
  --muted: rgba(41, 39, 52, .70);
  --paper: #f8f8f6;
  --brand: #7c7196;
  --brand-text: #675d7c;
  --pointer-x: 0;
  --pointer-y: 0;
  --light-x: 50%;
  --light-y: 45%;
  color: var(--ink);
  background: var(--paper);
  overflow: clip;
  font-family: "Golos Text", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
}
.v6 *, .v6 *::before, .v6 *::after { box-sizing: border-box; }
.v6 h1, .v6 h2, .v6 h3, .v6 p { margin: 0; }
.v6 a { color: inherit; text-decoration: none; }
.v6-nav { position: fixed; z-index: 20; inset: 0 0 auto; height: 76px; padding: 0 clamp(22px, 5vw, 76px); display: flex; align-items: center; justify-content: space-between; background:rgba(248,248,246,.78); border-bottom:1px solid rgba(41,39,52,.07); backdrop-filter:blur(18px) saturate(1.15); }
.v6-brand { display: inline-flex; align-items: center; color: inherit; }
.v6-brand img { width: 54px; height: 54px; display: block; }
.v6-brand > span { margin-left: -10px; font-size: 19px; font-weight: 550; letter-spacing:0; }
.v6-nav nav { display: flex; gap: clamp(17px, 2.5vw, 38px); align-items: center; color: rgba(41,39,52,.72); font-size: 13px; }
.v6-nav nav a { transition: color .25s ease, transform .25s ease; }
.v6-nav nav a:hover { color: var(--ink); transform: translateY(-1px); }
.v6-nav .v6-nav-cta { padding: 11px 17px; border-radius: 99px; color: #fff; background: var(--brand); }
.v6 :is(a,button):focus-visible { outline:3px solid rgba(124,113,150,.34); outline-offset:4px; }
.v6 :is(#mood,#tools,#practices,#privacy,#launch) { scroll-margin-top:76px; }
.v6-kicker { font-size: 11px; line-height: 1.2; letter-spacing: .055em; font-weight: 580; opacity: .72; }
.v6-hero { min-height: 100svh; position: relative; overflow:hidden; display: grid; grid-template-columns: minmax(570px, 1.08fr) minmax(360px, .62fr); align-items: center; gap: 1vw; padding: 128px clamp(28px, 7.3vw, 118px) 74px; isolation: isolate; background: radial-gradient(circle at 86% 78%,rgba(223,234,214,.58),transparent 28%),radial-gradient(circle at 73% 23%,rgba(244,224,208,.46),transparent 27%),linear-gradient(160deg,#f8f8f6 0%,#f2f1ed 55%,#e9e7e1 100%); }
.v6-hero-light { position: absolute; z-index: -1; inset: -25%; background: radial-gradient(circle at var(--light-x) var(--light-y),rgba(255,255,255,.98),rgba(255,255,255,.18) 24%,transparent 48%); pointer-events: none; }
.v6-hero-wave { position: absolute; z-index: -3; object-fit: cover; user-select: none; pointer-events: none; will-change: transform; }
.v6-hero-wave--front { width: clamp(720px, 64vw, 1050px); height: 118%; right: -9%; bottom: -12%; opacity: .9; object-position: center bottom; transform: translate(calc(var(--pointer-x) * -16px),calc(var(--pointer-y) * -10px)) rotate(-3deg); filter: saturate(.92) contrast(1.02); }
.v6-hero-wave--back { width: 64vw; height: 110%; right: 25%; bottom: -25%; opacity: .24; object-position: bottom; transform: translate(calc(var(--pointer-x) * 11px),calc(var(--pointer-y) * 8px)) rotate(19deg) scale(1.05); filter: blur(15px) saturate(.8); }
.v6-hero::after { content:""; position:absolute; z-index:-2; inset:0; background:linear-gradient(90deg,rgba(248,248,246,.99) 0%,rgba(248,248,246,.93) 36%,rgba(248,248,246,.24) 63%,rgba(248,248,246,.06)); }
.v6-hero-copy { position: relative; z-index: 3; max-width: 720px; align-self: center; }
.v6-hero h1 { margin: 22px 0 27px; font-size: clamp(58px, 6.8vw, 105px); line-height: .91; letter-spacing: -.057em; font-weight: 490; text-wrap: balance; }
.v6-lead { max-width: 590px; color: var(--muted); font-size: clamp(16px,1.3vw,19px); line-height: 1.63; }
.v6-actions { display: flex; gap: 12px; align-items: center; margin-top: 35px; flex-wrap: wrap; }
.v6-hero-trust { display:flex; flex-wrap:wrap; gap:8px 20px; margin-top:25px; color:rgba(41,39,52,.72); font-size:11px; }
.v6-hero-trust span { display:flex; align-items:center; gap:8px; }
.v6-hero-trust span::before { content:""; width:5px; height:5px; border-radius:50%; background:var(--brand); opacity:.7; }
.v6-button { min-height: 52px; padding: 0 22px; border-radius: 99px; display: inline-flex; align-items: center; justify-content: center; gap: 31px; font-size: 13px; font-weight: 610; transition: transform .25s ease, box-shadow .25s ease, background .25s ease; }
.v6-button:hover { transform: translateY(-2px); }
.v6 .v6-button--primary { color: #fff; background: var(--brand); box-shadow: 0 16px 32px rgba(91,80,119,.18); }
.v6 .v6-button--primary:hover { color:#fff; background: #6c6185; box-shadow: 0 19px 40px rgba(91,80,119,.24); }
.v6-button--quiet { border: 1px solid rgba(41,39,52,.14); background: rgba(255,255,255,.43); }
.v6-hero-device { justify-self: center; position: relative; width: min(30vw, 354px); z-index: 2; transform: translate(calc(var(--pointer-x) * 10px),calc(var(--pointer-y) * 7px)) rotate(1.8deg); filter: drop-shadow(0 38px 46px rgba(56,48,72,.22)); }
.v6-device-halo { position: absolute; inset: 13% -38% 0; border-radius: 50%; background: radial-gradient(circle,rgba(255,255,255,.82),rgba(180,171,203,.19) 43%,transparent 69%); filter: blur(14px); }
.v6-phone { width: 100%; aspect-ratio: 1470 / 3000; position: relative; }
.v6-phone-screen { position: absolute; z-index: 1; left: 5.102%; top: 2.2%; width: 89.796%; height: 95.6%; object-fit: cover; border-radius: 11.25% / 5.5%; }
.v6-phone-bezel { position: absolute; z-index: 2; inset: 0; width: 100%; height: 100%; object-fit: contain; pointer-events: none; }
.v6-prototype-wrap { width:100%; position:relative; }
.v6-phone--prototype { color:#292734; container-type:inline-size; }
.v6-prototype-screen { overflow:hidden; padding:5.8% 7.5% 5%; display:flex; flex-direction:column; background:linear-gradient(180deg,#f8f8f6 0 24%,#eef1ea 62%,#e4e9df 100%); }
.v6-prototype-status { display:flex; justify-content:space-between; font-size:2.3cqw; font-weight:650; padding:0 2%; }
.v6-prototype-copy { margin-top:15%; text-align:center; display:flex; flex-direction:column; align-items:center; gap:3cqw; }
.v6-prototype-copy small { color:rgba(41,39,52,.45); font-size:2.5cqw; letter-spacing:.04em; }
.v6-prototype-copy strong { max-width:88%; font-size:4.8cqw; line-height:1.22; letter-spacing:-.025em; font-weight:620; }
.v6-prototype-water { position:absolute; left:-7%; right:-7%; top:28%; height:43%; overflow:hidden; background-color:#e6ebe4; background-image:url('/v6/waves-home.webp'); background-size:118% auto; background-position:center 78%; filter:saturate(.82) contrast(1.03); animation:v6PrototypeWater 11s ease-in-out infinite alternate; }
.v6-prototype-water::before { content:""; position:absolute; inset:-18%; background:linear-gradient(118deg,transparent 25%,rgba(255,255,255,.62) 43%,rgba(255,255,255,.08) 59%,transparent 72%); transform:translateX(-22%); animation:v6WaterLight 8s ease-in-out infinite alternate; }
.v6-prototype-water::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 55%,rgba(92,104,94,.06)); }
@keyframes v6PrototypeWater { from{background-position:47% 75%} to{background-position:53% 82%} }
@keyframes v6WaterLight { to{transform:translateX(22%)} }
.v6-prototype-state { margin-top:auto; padding-bottom:4%; display:flex; justify-content:space-between; align-items:end; border-bottom:1px solid rgba(41,39,52,.12); }
.v6-prototype-state strong { font-size:4.2cqw; font-weight:610; }.v6-prototype-state span { font-size:2.1cqw; color:rgba(41,39,52,.42); }
.v6-prototype-scale { display:grid; grid-template-columns:repeat(7,1fr); gap:2.1%; padding:7% 0; align-items:center; }
.v6-prototype-scale i { display:block; aspect-ratio:1; border-radius:50%; background:var(--dot); opacity:.58; position:relative; }
.v6-prototype-scale i.is-current { opacity:1; transform:scale(1.22); box-shadow:0 0 0 1.2cqw rgba(255,255,255,.75); }
.v6-prototype-button { min-height:8%; border-radius:99px; display:grid; place-items:center; color:#fff; background:#7c7196; font-size:3cqw; font-weight:620; }
.v6-prototype--1 .v6-prototype-water { background-image:url('/v6/waves-blue.webp'); filter:saturate(.9); }
.v6-prototype--2 .v6-prototype-water { background-image:url('/v6/waves-green.webp'); filter:saturate(.84); }
.v6-prototype--3 .v6-prototype-water { background-image:url('/v6/waves-coral.webp'); filter:saturate(.9); }
.v6-placeholder-note { position:absolute; z-index:4; right:0; bottom:-28px; padding:6px 9px; border:1px solid rgba(255,255,255,.46); border-radius:99px; color:rgba(255,255,255,.58); background:rgba(34,32,45,.38); backdrop-filter:blur(12px); font-size:8px; letter-spacing:.04em; white-space:nowrap; }
.v6-hero-device .v6-placeholder-note { color:rgba(41,39,52,.52); background:rgba(255,255,255,.66); border-color:rgba(255,255,255,.78); }
.v6-state-chip { position: absolute; z-index: 4; padding: 10px 13px; border: 1px solid rgba(255,255,255,.75); border-radius: 99px; background: rgba(255,255,255,.63); backdrop-filter: blur(13px); box-shadow: 0 10px 32px rgba(57,49,73,.12); font-size: 11px; display: flex; gap: 8px; align-items: center; white-space: nowrap; }
.v6-state-chip i { width: 8px; height: 8px; border-radius: 50%; display: block; }
.v6-state-chip--one { left: -31%; top: 28%; }
.v6-state-chip--one i { background: #bac2c8; }
.v6-state-chip--two { right: -29%; top: 59%; }
.v6-state-chip--two i { background: #b4c49e; }
.v6-manifesto { min-height: 48vh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 86px 24px; text-align: center; background: #f8f8f6; }
.v6-manifesto-line { margin-top: 25px !important; font-size: clamp(43px,5.6vw,84px); line-height: 1.02; letter-spacing: -.05em; font-weight: 460; }
.v6-manifesto-line span { color: rgba(41,39,52,.3); }
.v6-spectrum { display: flex; align-items: center; justify-content: center; margin-top: 38px; }
.v6-spectrum i { width: clamp(36px,4.1vw,64px); aspect-ratio:1; border-radius: 50%; background: var(--dot); margin-left: clamp(-5px,-.5vw,-9px); transform: translateY(calc((3 - var(--dot-index)) * (3 - var(--dot-index)) * .55px)); box-shadow: inset 0 1px 1px rgba(255,255,255,.32); }

.v6-mood { min-height:clamp(780px,92svh,980px); padding:clamp(92px,8vw,126px) clamp(28px,7vw,110px); display:grid; grid-template-columns:minmax(340px,.78fr) minmax(520px,1.22fr); gap:8vw; align-items:center; position:relative; overflow:hidden; isolation:isolate; color:var(--ink); background:#f8f8f6; }
.v6-mood::after { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(108deg,rgba(248,248,246,.06) 0 35%,rgba(248,248,246,.58) 58%,#f8f8f6 88%); pointer-events:none; }
.v6-section-waves { position:absolute; z-index:-2; inset:0; overflow:hidden; }
.v6-section-wave { position:absolute; inset:-7%; width:114%; height:114%; object-fit:cover; object-position:center 72%; opacity:0; filter:saturate(1.08) contrast(1.02); transition:opacity .9s ease,transform 1.25s cubic-bezier(.2,.7,.2,1); transform:scale(1.08) translateY(calc(var(--pointer-y) * -5px)); }
.v6-section-wave.is-active { opacity:1; transform:scale(1.02) translateY(calc(var(--pointer-y) * -5px)); }
.v6-mood-visual { display:grid; place-items:center; min-height:620px; }
.v6-mood-phone-wrap { width:min(23vw,285px); position:relative; transition:transform .8s cubic-bezier(.2,.7,.2,1); transform:translateY(calc(var(--pointer-y) * 5px)); filter:drop-shadow(0 30px 44px rgba(56,48,72,.2)); }
.v6-mood-story { max-width:680px; }
.v6-mood-intro { max-width:620px; }
.v6-mood h2, .v6-journal h2, .v6-tools h2, .v6-practices h2, .v6-privacy h2, .v6-final h2 { font-size:clamp(46px,5.8vw,83px); letter-spacing:-.052em; line-height:.98; font-weight:460; }
.v6-tools h2, .v6-practices h2, .v6-privacy h2 { font-size:clamp(44px,5vw,72px); }
.v6-mood-intro h2 { font-size:clamp(42px,4.3vw,64px); margin:20px 0 22px; }
.v6-mood-intro > p:last-child { color:var(--muted); line-height:1.65; max-width:520px; }
.v6-mood-steps { margin-top:36px; border-top:1px solid rgba(43,39,51,.15); }
.v6-mood-steps button { appearance:none; width:100%; border:0; border-bottom:1px solid rgba(43,39,51,.12); padding:17px 0; display:grid; grid-template-columns:46px 1fr; gap:16px; align-items:start; color:inherit; background:transparent; text-align:left; font:inherit; cursor:pointer; opacity:.55; transition:opacity .28s ease,padding .28s ease; }
.v6-mood-steps button:hover,.v6-mood-steps button.is-active { opacity:1; padding-left:8px; }
.v6-mood-steps button > span { padding-top:4px; font-size:9px; letter-spacing:.07em; color:var(--brand); }
.v6-mood-steps h3 { font-size:clamp(19px,1.7vw,25px); font-weight:500; letter-spacing:-.025em; }
.v6-mood-steps p { max-height:0; overflow:hidden; color:var(--muted); font-size:13px; line-height:1.55; opacity:0; transition:max-height .35s ease,opacity .3s ease,margin .3s ease; }
.v6-mood-steps button.is-active p { max-height:72px; margin-top:8px; opacity:1; }

.v6-journal { min-height: 96vh; padding: clamp(92px,10vw,148px) clamp(28px,8vw,126px); display:grid; grid-template-columns:minmax(340px,.9fr) minmax(300px,.6fr); align-items:center; gap:8vw; position:relative; overflow:hidden; isolation:isolate; background:#eef2f6; }
.v6-journal-wave { position:absolute; z-index:-2; inset:-6%; width:112%; height:112%; object-fit:cover; object-position:center bottom; filter:saturate(1.18); transform:scale(1.03) translate(calc(var(--pointer-x) * -8px),calc(var(--pointer-y) * -5px)); }
.v6-journal::after { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,rgba(247,248,249,.9),rgba(238,242,246,.54) 55%,rgba(221,229,239,.12)); }
.v6-journal-copy { max-width:650px; }
.v6-journal-copy h2 { margin:24px 0 29px; }
.v6-journal-copy > p:not(.v6-kicker) { max-width:530px; color:var(--muted); line-height:1.7; }
.v6-journal-copy ul { list-style:none; padding:0; margin:39px 0 0; max-width:500px; border-top:1px solid rgba(41,39,52,.13); }
.v6-journal-copy li { padding:15px 0; border-bottom:1px solid rgba(41,39,52,.11); font-size:13px; display:flex; gap:14px; }
.v6-journal-copy li::before { content:""; width:6px; height:6px; margin-top:5px; border-radius:50%; background:#98aac3; }
.v6-journal-device { justify-self:center; width:min(26vw,310px); transform:rotate(2.4deg); filter:drop-shadow(0 42px 50px rgba(46,58,76,.24)); }
.v6-journal-note { position:absolute; right:clamp(28px,5vw,76px); bottom:34px; font-size:10px; letter-spacing:.04em; color:rgba(41,39,52,.42); }

.v6-tools { background:#f7f6f3; padding:clamp(92px,10vw,148px) clamp(28px,7vw,110px); position:relative; overflow:hidden; isolation:isolate; }
.v6-tools::after { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(180deg,transparent 0 82%,rgba(247,246,243,.22) 89%,rgba(247,246,243,.82) 97%,#f7f6f3 100%),radial-gradient(ellipse 92% 112% at 100% 92%,rgba(247,246,243,.02) 0 36%,rgba(247,246,243,.18) 50%,rgba(247,246,243,.62) 70%,#f7f6f3 94%); pointer-events:none; }
.v6-tools-waves { position:absolute; z-index:-2; inset:-3%; }
.v6-tools-wave { position:absolute; inset:-6%; width:112%; height:112%; object-fit:cover; object-position:72% bottom; opacity:0; transform:scale(1.08); filter:saturate(1.1) contrast(1.02); -webkit-mask-image:radial-gradient(ellipse 90% 108% at 94% 88%,#000 0 38%,rgba(0,0,0,.94) 49%,rgba(0,0,0,.55) 66%,rgba(0,0,0,.16) 79%,transparent 93%); mask-image:radial-gradient(ellipse 90% 108% at 94% 88%,#000 0 38%,rgba(0,0,0,.94) 49%,rgba(0,0,0,.55) 66%,rgba(0,0,0,.16) 79%,transparent 93%); -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; transition:opacity .8s ease,transform 1.25s cubic-bezier(.2,.7,.2,1); }
.v6-tools-wave.is-active { opacity:.96; transform:scale(1.01); }
.v6-tools-heading { max-width:890px; position:relative; z-index:1; }
.v6-tools-heading h2 { margin:24px 0 28px; }
.v6-tools-heading > p:last-child { max-width:650px; color:var(--muted); line-height:1.7; }
.v6-tools-stage { margin-top:66px; display:grid; grid-template-columns:minmax(370px,.82fr) minmax(520px,1.18fr); gap:7vw; align-items:stretch; position:relative; z-index:1; }
.v6-feature-copy { align-self:center; }
.v6-feature-list { border-top:1px solid rgba(41,39,52,.13); }
.v6-feature-list button { appearance:none; width:100%; border:0; border-bottom:1px solid rgba(41,39,52,.11); background:transparent; color:inherit; padding:24px 0; display:grid; grid-template-columns:46px 1fr 24px; gap:16px; align-items:center; text-align:left; cursor:pointer; font:inherit; opacity:.68; transition:opacity .3s ease,padding .3s ease; }
.v6-feature-list button:hover, .v6-feature-list button[aria-selected="true"] { opacity:1; padding-left:8px; }
.v6-feature-list button span { font-size:9px; letter-spacing:.07em; }
.v6-feature-list button strong { font-size:clamp(18px,1.8vw,25px); font-weight:490; letter-spacing:-.025em; }
.v6-feature-list button i { font-style:normal; font-size:16px; color:var(--brand); transform:translateX(-8px); opacity:0; transition:.3s ease; }
.v6-feature-list button[aria-selected="true"] i { transform:none; opacity:1; }
.v6-feature-description { margin-top:28px !important; max-width:480px; color:var(--muted); font-size:13px; line-height:1.6; }
.v6-feature-visual { min-height:620px; position:relative; overflow:visible; display:grid; place-items:end center; }
.v6-feature-phone { position:relative; width:min(27vw,300px); height:590px; align-self:end; }
.v6-feature-phone .v6-phone { position:absolute; inset:auto 0 -16%; opacity:0; transform:translateY(40px) rotate(-1deg); filter:drop-shadow(0 35px 50px rgba(41,35,50,.2)); transition:opacity .55s ease,transform .75s cubic-bezier(.2,.7,.2,1); }
.v6-feature-phone .v6-phone.is-active { opacity:1; transform:translateY(0) rotate(1deg); }
.v6-practices { min-height:94svh; padding:clamp(86px,8vw,122px) clamp(28px,8vw,126px) clamp(76px,7vw,106px); background:#f3f1ed; position:relative; overflow:hidden; isolation:isolate; }
.v6-practices::after { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(180deg,transparent 0 84%,rgba(243,241,237,.78) 97%,#f3f1ed 100%),radial-gradient(ellipse 94% 110% at 100% 88%,rgba(243,241,237,.04) 0 36%,rgba(243,241,237,.26) 54%,rgba(243,241,237,.72) 75%,#f3f1ed 96%); pointer-events:none; }
.v6-practices-waves { position:absolute; z-index:-2; inset:-4%; }
.v6-practices-wave { position:absolute; inset:-5%; width:110%; height:110%; object-fit:cover; object-position:72% 76%; opacity:0; transform:scale(1.08); filter:saturate(.9) contrast(1.02) brightness(1.02); -webkit-mask-image:radial-gradient(ellipse 94% 108% at 92% 86%,#000 0 40%,rgba(0,0,0,.9) 54%,rgba(0,0,0,.46) 70%,rgba(0,0,0,.12) 82%,transparent 95%); mask-image:radial-gradient(ellipse 94% 108% at 92% 86%,#000 0 40%,rgba(0,0,0,.9) 54%,rgba(0,0,0,.46) 70%,rgba(0,0,0,.12) 82%,transparent 95%); -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; transition:opacity .75s ease,transform 1.15s cubic-bezier(.2,.7,.2,1); }
.v6-practices-wave.is-active { opacity:.82; transform:scale(1.01); }
.v6-practices-head { display:grid; grid-template-columns:minmax(520px,.95fr) minmax(360px,.65fr); gap:9vw; align-items:end; position:relative; z-index:1; }
.v6-practices-head h2 { margin:22px 0 0; max-width:760px; font-size:clamp(48px,4.8vw,72px); }
.v6-practices-intro { max-width:560px; padding-bottom:5px; }
.v6-practices-intro > p { color:var(--muted); font-size:15px; line-height:1.72; }
.v6-practices-intro > a { margin-top:25px; padding-bottom:6px; display:inline-flex; align-items:center; gap:27px; border-bottom:1px solid rgba(43,39,51,.24); color:rgba(43,39,51,.82); font-size:12px; }
.v6-practice-experience { margin-top:clamp(54px,5vw,74px); display:grid; grid-template-columns:minmax(320px,.78fr) minmax(220px,.48fr) minmax(310px,.74fr); gap:clamp(30px,4vw,62px); align-items:center; position:relative; z-index:1; }
.v6-practice-flow { align-self:center; border-top:1px solid rgba(43,39,51,.15); }
.v6-practice-flow button { appearance:none; width:100%; min-height:98px; padding:20px 0; border:0; border-bottom:1px solid rgba(43,39,51,.12); background:transparent; color:inherit; display:grid; grid-template-columns:40px 1fr 20px; gap:14px; align-items:center; text-align:left; font:inherit; cursor:pointer; opacity:.58; transition:opacity .3s ease,padding .3s ease,background .3s ease; }
.v6-practice-flow button:hover,.v6-practice-flow button[aria-selected="true"] { opacity:1; padding-left:8px; }
.v6-practice-flow button[aria-selected="true"] { box-shadow:inset 2px 0 0 var(--brand); background:linear-gradient(90deg,rgba(124,113,150,.075),transparent 72%); }
.v6-practice-flow button:focus-visible { outline:none; box-shadow:inset 3px 0 0 var(--brand-text); background:linear-gradient(90deg,rgba(124,113,150,.12),transparent 78%); }
.v6-practice-flow button > span:first-child { font-size:9px; letter-spacing:.07em; color:var(--brand-text); }
.v6-practice-flow button > span:nth-child(2) { display:flex; flex-direction:column; gap:7px; }
.v6-practice-flow small { color:var(--muted); font-size:9px; letter-spacing:.035em; }
.v6-practice-flow strong { font-size:clamp(18px,1.55vw,23px); font-weight:500; letter-spacing:-.025em; }
.v6-practice-flow i { color:var(--brand-text); font-style:normal; opacity:0; transform:translateX(-8px); transition:opacity .3s ease,transform .3s ease; }
.v6-practice-flow button[aria-selected="true"] i { opacity:1; transform:none; }
.v6-practice-visual { min-height:510px; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; position:relative; }
.v6-practice-phone { width:min(19vw,232px); height:480px; position:relative; filter:drop-shadow(0 31px 42px rgba(55,48,65,.2)); }
.v6-practice-phone .v6-phone { position:absolute; inset:auto 0 0; opacity:0; transform:translateY(30px) rotate(-1.5deg); transition:opacity .5s ease,transform .7s cubic-bezier(.2,.7,.2,1); }
.v6-practice-phone .v6-phone.is-active { opacity:1; transform:none; }
.v6-practice-screen-label { margin-top:14px; color:rgba(43,39,51,.68); font-size:10px; letter-spacing:.025em; }
.v6-practice-detail { max-width:430px; align-self:center; }
.v6-practice-detail > span { color:var(--brand-text); font-size:10px; letter-spacing:.055em; }
.v6-practice-detail h3 { margin:16px 0 17px; font-size:clamp(30px,3vw,45px); line-height:1.02; letter-spacing:-.045em; font-weight:470; }
.v6-practice-detail > p { min-height:72px; color:var(--muted); font-size:14px; line-height:1.66; }
.v6-practice-progress { height:2px; margin:27px 0 29px; display:flex; gap:6px; }
.v6-practice-progress i { flex:1; background:rgba(43,39,51,.14); transform-origin:left; transition:flex .45s ease,background .35s ease; }
.v6-practice-progress i.is-active { flex:2.3; background:var(--brand); }
.v6-practice-proof { border-top:1px solid rgba(43,39,51,.14); color:var(--muted); font-size:10px; }
.v6-practice-proof span { min-height:43px; padding:10px 0; display:flex; align-items:baseline; gap:8px; border-bottom:1px solid rgba(43,39,51,.1); }
.v6-practice-proof strong { color:var(--ink); font-size:18px; font-weight:500; }

.v6-privacy { min-height:94vh; padding:clamp(92px,10vw,148px) clamp(28px,8vw,126px); color:#f8f8f6; background:radial-gradient(circle at 18% 22%,#3b394d 0,#292733 36%,#1e1d25 74%); display:grid; grid-template-columns:.7fr 1fr; gap:9vw; align-items:center; position:relative; overflow:hidden; }
.v6-privacy::after { content:""; position:absolute; inset:-30%; background:radial-gradient(circle at var(--light-x) var(--light-y),rgba(169,159,192,.19),transparent 36%); pointer-events:none; }
.v6-privacy-mark { position:relative; z-index:1; opacity:.88; display:grid; place-items:center; }
.v6-privacy-mark .v6-brand > span { display:none; }
.v6-privacy-mark .v6-brand img { width:min(38vw,520px); height:auto; }
.v6-privacy-copy { position:relative; z-index:1; max-width:760px; }
.v6-privacy-copy h2 { margin:24px 0 29px; }
.v6-privacy-copy > p:not(.v6-kicker) { color:rgba(248,248,246,.6); max-width:560px; line-height:1.73; }
.v6-privacy-points { display:flex; flex-wrap:wrap; gap:9px; margin:35px 0; }
.v6-privacy-points span { padding:10px 13px; border:1px solid rgba(255,255,255,.16); border-radius:99px; color:rgba(255,255,255,.72); font-size:11px; }
.v6-privacy-copy > a { display:inline-flex; gap:26px; align-items:center; padding-bottom:5px; border-bottom:1px solid rgba(255,255,255,.26); font-size:12px; color:#d5cde5; }

.v6-final { min-height:92svh; padding:100px clamp(28px,8vw,126px) 72px; color:#fff; background:linear-gradient(142deg,#4a435f,#292638 62%,#1d1b29); position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:center; }
.v6-final-light { position:absolute; inset:-25%; background:radial-gradient(circle at var(--light-x) var(--light-y),rgba(226,194,115,.16),rgba(169,159,192,.13) 20%,transparent 46%); }
.v6-final-wave { position:absolute; width:min(61vw,780px); height:115%; right:-9%; top:-7%; object-fit:cover; object-position:center; opacity:.24; filter:brightness(.64) saturate(.9); mask-image:linear-gradient(90deg,transparent 0,#000 34%); }
.v6-final-copy { position:relative; z-index:1; max-width:850px; }
.v6-final-copy h2 { font-size:clamp(58px,7.4vw,108px); margin:23px 0 29px; }
.v6-final-copy > p:not(.v6-kicker) { color:rgba(255,255,255,.62); font-size:16px; line-height:1.7; max-width:540px; margin-bottom:34px; }
.v6 .v6-button--light { color:#2b2934; background:#fff; }
.v6-footer { position:absolute; z-index:2; left:clamp(28px,8vw,126px); right:clamp(28px,8vw,126px); bottom:24px; padding-top:19px; border-top:1px solid rgba(255,255,255,.12); display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:7vw; color:rgba(255,255,255,.52); font-size:10px; }
.v6-footer .v6-brand img { width:38px; height:38px; }.v6-footer .v6-brand > span { font-size:15px; }
.v6-footer div { display:flex; gap:25px; }.v6-footer a:hover { color:#fff; }

.v6 [data-reveal] { opacity:0; transform:translateY(34px); transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1); }
.v6 [data-reveal].is-visible { opacity:1; transform:none; }

@media (max-width: 980px) {
  .v6-nav nav a:not(.v6-nav-cta) { display:none; }
  .v6-hero { grid-template-columns:1fr .74fr; padding-inline:32px; }
  .v6-hero-copy { max-width:590px; }
  .v6-hero-device { width:min(36vw,330px); }
  .v6-mood { grid-template-columns:42% 58%; gap:4vw; }
  .v6-mood-phone-wrap { width:min(29vw,270px); }
  .v6-tools-stage { grid-template-columns:.75fr 1.25fr; gap:35px; }
  .v6-feature-phone { width:300px; }
  .v6-practices-head { grid-template-columns:1fr; gap:28px; }
  .v6-practices-intro { max-width:680px; }
  .v6-practice-experience { grid-template-columns:minmax(330px,1fr) minmax(230px,.7fr); }
  .v6-practice-detail { grid-column:1 / -1; max-width:720px; }
}

@media (max-width: 720px) {
  .v6-nav { height:74px; padding-inline:18px; }.v6-brand img { width:46px; height:46px; }.v6-brand > span { font-size:17px; }
  .v6-nav .v6-nav-cta { padding:9px 14px; font-size:11px; }
  .v6-hero { min-height:1020px; display:block; padding:126px 22px 65px; }
  .v6-hero::after { background:linear-gradient(180deg,rgba(248,248,246,.98),rgba(248,248,246,.82) 48%,rgba(248,248,246,.08) 76%); }
  .v6-hero h1 { font-size:46px; line-height:.94; }
  .v6-lead { font-size:15px; max-width:520px; }
  .v6-actions { gap:8px; }.v6-button { min-height:48px; padding-inline:17px; gap:17px; font-size:11px; }
  .v6-hero-wave--front { width:120%; height:68%; right:-12%; bottom:-5%; opacity:.88; transform:rotate(-5deg); }
  .v6-hero-wave--back { display:none; }
  .v6-hero-device { position:absolute; width:224px; right:calc(50% - 112px); bottom:0; transform:rotate(1.5deg); }
  .v6-state-chip { font-size:9px; padding:8px 10px; }.v6-state-chip--one { left:-32%; }.v6-state-chip--two { right:-25%; }
  .v6-manifesto { min-height:52vh; padding:78px 20px; }.v6-manifesto-line { font-size:40px; }
  .v6-mood { min-height:auto; display:flex; flex-direction:column; gap:0; padding:76px 22px 84px; }
  .v6-mood::after { background:linear-gradient(180deg,rgba(248,248,246,.18) 0 37%,rgba(248,248,246,.75) 56%,#f8f8f6 82%); }
  .v6-section-wave { inset:-4%; width:108%; height:108%; object-position:center top; }
  .v6-mood-visual { min-height:500px; order:2; }
  .v6-mood-phone-wrap { width:205px; }
  .v6-mood-story { order:1; max-width:none; }
  .v6-mood-intro { padding:0 0 40px; }.v6-mood-intro h2 { font-size:42px; }
  .v6-mood-steps { margin-top:0; }
  .v6-mood-steps button { grid-template-columns:38px 1fr; padding:15px 0; }
  .v6-mood-steps h3 { font-size:20px; }
  .v6-journal { min-height:950px; display:block; padding:95px 22px 0; }
  .v6-journal h2,.v6-tools h2,.v6-practices h2,.v6-privacy h2 { font-size:43px; }
  .v6-journal-device { width:220px; margin:65px auto 0; }.v6-journal-note { display:none; }
  .v6-tools { padding:95px 22px 48px; }
  .v6-tools::after { background:linear-gradient(180deg,transparent 0 88%,rgba(247,246,243,.82) 97%,#f7f6f3 100%),linear-gradient(180deg,#f7f6f3 0 39%,rgba(247,246,243,.86) 54%,rgba(247,246,243,.34) 72%,rgba(247,246,243,.04)); }
  .v6-tools-waves { inset:-2%; }
  .v6-tools-wave { inset:auto -48% -5% auto; width:154%; height:74%; object-position:64% bottom; -webkit-mask-image:radial-gradient(ellipse 82% 74% at 72% 88%,#000 0 42%,rgba(0,0,0,.82) 58%,rgba(0,0,0,.22) 77%,transparent 96%); mask-image:radial-gradient(ellipse 82% 74% at 72% 88%,#000 0 42%,rgba(0,0,0,.82) 58%,rgba(0,0,0,.22) 77%,transparent 96%); }
  .v6-tools-stage { display:flex; flex-direction:column; margin-top:55px; }
  .v6-feature-list button { grid-template-columns:36px 1fr 20px; padding:18px 0; }
  .v6-feature-list button strong { font-size:17px; }
  .v6-feature-description { margin-top:24px !important; }
  .v6-feature-visual { min-height:570px; }.v6-feature-phone { width:250px; height:560px; }
  .v6-practices { min-height:auto; padding:82px 22px 76px; }
  .v6-practices::after { background:linear-gradient(180deg,#f3f1ed 0 35%,rgba(243,241,237,.88) 49%,rgba(243,241,237,.28) 78%,#f3f1ed 100%); }
  .v6-practices-waves { inset:-2%; }
  .v6-practices-wave { inset:auto -46% -4% auto; width:152%; height:72%; object-position:62% bottom; -webkit-mask-image:radial-gradient(ellipse 84% 77% at 72% 85%,#000 0 42%,rgba(0,0,0,.82) 58%,rgba(0,0,0,.2) 78%,transparent 96%); mask-image:radial-gradient(ellipse 84% 77% at 72% 85%,#000 0 42%,rgba(0,0,0,.82) 58%,rgba(0,0,0,.2) 78%,transparent 96%); }
  .v6-practices-head { display:block; }
  .v6-practices-head h2 { font-size:41px; }
  .v6-practices-intro { margin-top:30px; padding:0; }
  .v6-practices-intro > p { font-size:14px; }
  .v6-practices-intro > a { line-height:1.4; }
  .v6-practice-experience { margin-top:48px; display:flex; flex-direction:column; gap:0; align-items:stretch; }
  .v6-practice-flow { order:1; }
  .v6-practice-flow button { min-height:84px; grid-template-columns:34px 1fr 18px; padding:16px 0; }
  .v6-practice-flow strong { font-size:19px; }
  .v6-practice-detail { order:2; margin-top:34px; max-width:none; }
  .v6-practice-detail h3 { font-size:34px; max-width:330px; }
  .v6-practice-detail > p { min-height:0; }
  .v6-practice-visual { order:3; min-height:480px; margin-top:34px; }
  .v6-practice-phone { width:210px; height:440px; }
  .v6-practice-proof span { min-height:40px; }
  .v6-privacy { min-height:950px; display:block; padding:95px 22px; }
  .v6-privacy-mark { position:absolute; width:420px; left:calc(50% - 210px); bottom:-65px; opacity:.16; }.v6-privacy-mark .v6-brand img { width:420px; }
  .v6-privacy-copy { position:relative; z-index:3; }
  .v6-final { min-height:780px; padding:100px 22px; }.v6-final-copy h2 { font-size:57px; }.v6-final-wave { width:150%; height:74%; right:-74%; top:auto; bottom:-8%; opacity:.18; }
  .v6-footer { left:22px; right:22px; grid-template-columns:1fr auto; }.v6-footer div { display:none; }
}

@media (prefers-reduced-motion: reduce) {
  .v6 { scroll-behavior:auto; }
  .v6 *, .v6 *::before, .v6 *::after { animation:none !important; transition-duration:.01ms !important; }
  .v6-hero-wave, .v6-hero-device, .v6-journal-wave, .v6-mood-phone-wrap { transform:none !important; }
  .v6 [data-reveal] { opacity:1; transform:none; }
}

.v6.v8 .v8-practices {
  min-height: 100svh;
  padding: clamp(86px, 8vw, 122px) clamp(28px, 8vw, 126px) clamp(72px, 7vw, 104px);
  background: #f3f1ed;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.v6.v8 .v8-practices::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background:
    linear-gradient(180deg, #f3f1ed 0, rgba(243, 241, 237, .97) 18%, rgba(243, 241, 237, .58) 53%, rgba(243, 241, 237, .5) 78%, #f3f1ed 100%),
    radial-gradient(ellipse 95% 115% at 100% 82%, rgba(243, 241, 237, 0) 0 36%, rgba(243, 241, 237, .36) 62%, #f3f1ed 96%);
  pointer-events: none;
}

.v8-practices-waves {
  position: absolute;
  z-index: -2;
  inset: -5%;
}

.v8-practices-wave {
  position: absolute;
  inset: -5%;
  width: 110%;
  height: 110%;
  object-fit: cover;
  object-position: 78% 72%;
  opacity: 0;
  transform: scale(1.07);
  filter: saturate(.9) contrast(1.01) brightness(1.06);
  -webkit-mask-image: radial-gradient(ellipse 90% 102% at 88% 78%, #000 0 42%, rgba(0, 0, 0, .84) 57%, rgba(0, 0, 0, .34) 73%, transparent 94%);
  mask-image: radial-gradient(ellipse 90% 102% at 88% 78%, #000 0 42%, rgba(0, 0, 0, .84) 57%, rgba(0, 0, 0, .34) 73%, transparent 94%);
  transition: opacity .72s ease, transform 1.1s cubic-bezier(.2, .7, .2, 1);
}

.v8-practices-wave.is-active { opacity: .75; transform: scale(1.01); }

.v8-practices-head {
  display: grid;
  grid-template-columns: minmax(520px, 1fr) minmax(390px, .78fr);
  gap: clamp(56px, 8vw, 126px);
  align-items: end;
  position: relative;
  z-index: 1;
}

.v6.v8 .v8-practices-head h2 {
  max-width: 790px;
  margin: 21px 0 0;
  font-size: clamp(47px, 4.5vw, 68px);
  line-height: .99;
}

.v8-practices-intro > p {
  max-width: 570px;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.68;
}

.v8-practice-facts {
  margin-top: 27px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid rgba(43, 39, 51, .14);
  color: var(--muted);
}

.v8-practice-facts span {
  min-width: 0;
  padding: 13px 12px 0 0;
  font-size: 11px;
  line-height: 1.35;
}

.v8-practice-facts strong {
  display: block;
  margin-bottom: 4px;
  color: var(--ink);
  font-size: 17px;
  font-weight: 520;
}

.v8-practice-experience {
  margin-top: clamp(48px, 5vw, 70px);
  display: grid;
  grid-template-columns: minmax(290px, .68fr) minmax(270px, .56fr) minmax(350px, .8fr);
  gap: clamp(34px, 4.4vw, 74px);
  align-items: center;
  position: relative;
  z-index: 1;
}

.v8-practice-switch { border-top: 1px solid rgba(43, 39, 51, .16); }

.v8-practice-switch button {
  appearance: none;
  width: 100%;
  min-height: 112px;
  padding: 21px 0;
  border: 0;
  border-bottom: 1px solid rgba(43, 39, 51, .13);
  background: transparent;
  color: inherit;
  display: grid;
  grid-template-columns: 38px 1fr 22px;
  gap: 15px;
  align-items: center;
  text-align: left;
  font: inherit;
  cursor: pointer;
  opacity: .58;
  transition: opacity .3s ease, padding .3s ease, background .3s ease;
}

.v8-practice-switch button:hover,
.v8-practice-switch button[aria-pressed="true"] { opacity: 1; padding-left: 9px; }

.v8-practice-switch button[aria-pressed="true"] {
  box-shadow: inset 2px 0 0 var(--brand);
  background: linear-gradient(90deg, rgba(124, 113, 150, .085), transparent 78%);
}

.v8-practice-switch button:focus-visible {
  outline: 2px solid var(--brand-text);
  outline-offset: 4px;
}

.v8-practice-switch button > span:first-child {
  color: var(--brand-text);
  font-size: 11px;
  letter-spacing: .07em;
}

.v8-practice-switch button > span:nth-child(2) { display: flex; flex-direction: column; gap: 7px; }
.v8-practice-switch small { color: var(--muted); font-size: 11px; letter-spacing: .03em; }
.v8-practice-switch strong { font-size: clamp(21px, 1.7vw, 26px); font-weight: 510; letter-spacing: -.028em; }
.v8-practice-switch i { color: var(--brand-text); font-style: normal; opacity: 0; transform: translateX(-8px); transition: opacity .3s ease, transform .3s ease; }
.v8-practice-switch button[aria-pressed="true"] i { opacity: 1; transform: none; }

.v8-practice-visual {
  min-height: 570px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  position: relative;
}

.v8-practice-phone {
  width: min(22vw, 278px);
  height: 570px;
  position: relative;
  filter: drop-shadow(0 32px 44px rgba(55, 48, 65, .2));
}

.v8-practice-phone .v6-phone {
  position: absolute;
  inset: auto 0 0;
  opacity: 0;
  transform: translateY(28px) rotate(-1.3deg);
  transition: opacity .5s ease, transform .68s cubic-bezier(.2, .7, .2, 1);
}

.v8-practice-phone .v6-phone.is-active { opacity: 1; transform: none; }

.v8-practice-visual > span {
  margin-top: 13px;
  color: rgba(43, 39, 51, .68);
  font-size: 11px;
  letter-spacing: .025em;
}

.v8-practice-detail { max-width: 470px; }
.v8-practice-detail > span { color: var(--brand-text); font-size: 11px; letter-spacing: .055em; }

.v8-practice-detail h3 {
  margin: 16px 0 19px;
  max-width: 455px;
  font-size: clamp(34px, 3.25vw, 50px);
  line-height: 1.01;
  letter-spacing: -.046em;
  font-weight: 470;
}

.v8-practice-detail > p {
  color: var(--muted);
  font-size: 15px;
  line-height: 1.66;
}

.v8-practice-detail > a {
  margin-top: 27px;
  padding-bottom: 7px;
  display: inline-flex;
  align-items: center;
  gap: 24px;
  border-bottom: 1px solid rgba(43, 39, 51, .27);
  color: rgba(43, 39, 51, .9);
  font-size: 12px;
}

.v8-practice-after {
  margin-top: clamp(50px, 5vw, 72px);
  padding: 29px 0;
  display: grid;
  grid-template-columns: minmax(120px, .3fr) minmax(390px, .9fr) minmax(300px, .7fr);
  gap: clamp(34px, 5vw, 80px);
  align-items: center;
  border-top: 1px solid rgba(43, 39, 51, .17);
  border-bottom: 1px solid rgba(43, 39, 51, .13);
  position: relative;
  z-index: 1;
}

.v8-practice-after > span { color: var(--brand-text); font-size: 11px; letter-spacing: .055em; }
.v8-practice-after h3 { font-size: clamp(24px, 2.15vw, 33px); line-height: 1.08; letter-spacing: -.035em; font-weight: 490; }
.v8-practice-after p { color: var(--muted); font-size: 14px; line-height: 1.6; }

@media (max-width: 1120px) {
  .v8-practices-head { grid-template-columns: 1fr; gap: 28px; }
  .v8-practices-intro > p { max-width: 700px; }
  .v8-practice-facts { max-width: 700px; }
  .v8-practice-experience { grid-template-columns: minmax(300px, .75fr) minmax(250px, .58fr); }
  .v8-practice-detail { grid-column: 1 / -1; max-width: 760px; }
  .v8-practice-after { grid-template-columns: 120px 1fr; }
  .v8-practice-after p { grid-column: 2; }
}

@media (max-width: 720px) {
  .v6.v8 .v8-practices { min-height: auto; padding: 82px 22px 74px; }
  .v6.v8 .v8-practices::after { background: linear-gradient(180deg, #f3f1ed 0 28%, rgba(243, 241, 237, .9) 45%, rgba(243, 241, 237, .4) 74%, #f3f1ed 100%); }
  .v8-practices-wave { inset: auto -48% 7% auto; width: 158%; height: 62%; object-position: 65% bottom; -webkit-mask-image: radial-gradient(ellipse 86% 78% at 70% 80%, #000 0 42%, rgba(0, 0, 0, .76) 59%, rgba(0, 0, 0, .18) 79%, transparent 96%); mask-image: radial-gradient(ellipse 86% 78% at 70% 80%, #000 0 42%, rgba(0, 0, 0, .76) 59%, rgba(0, 0, 0, .18) 79%, transparent 96%); }
  .v6.v8 .v8-practices-head h2 { font-size: 40px; }
  .v8-practices-intro { margin-top: 29px; }
  .v8-practices-intro > p { font-size: 14px; }
  .v8-practice-facts { grid-template-columns: 1fr; margin-top: 23px; }
  .v8-practice-facts span { padding: 10px 0; display: grid; grid-template-columns: 92px 1fr; align-items: baseline; border-bottom: 1px solid rgba(43, 39, 51, .1); }
  .v8-practice-facts strong { margin: 0; }
  .v8-practice-experience { margin-top: 42px; display: flex; flex-direction: column; gap: 0; align-items: stretch; }
  .v8-practice-switch { order: 1; }
  .v8-practice-switch button { min-height: 86px; padding: 16px 0; grid-template-columns: 34px 1fr 18px; }
  .v8-practice-switch strong { font-size: 20px; }
  .v8-practice-visual { order: 2; min-height: 490px; margin-top: 28px; }
  .v8-practice-phone { width: 226px; height: 462px; }
  .v8-practice-detail { order: 3; margin-top: 33px; max-width: none; }
  .v8-practice-detail h3 { max-width: 340px; font-size: 34px; }
  .v8-practice-detail > p { font-size: 14px; }
  .v8-practice-detail > a { line-height: 1.4; }
  .v8-practice-after { margin-top: 49px; padding: 24px 0; display: block; }
  .v8-practice-after h3 { margin: 13px 0; max-width: 340px; font-size: 27px; }
  .v8-practice-after p { font-size: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .v8-practices-wave,
  .v8-practice-phone .v6-phone,
  .v8-practice-switch button,
  .v8-practice-switch i { transition: none; }
}

.hybrid-v1 {
  --pointer-x: 0;
  --pointer-y: 0;
  --light-x: 50%;
  --light-y: 42%;
  background: #f4f2ee;
}

.hybrid-v1 > .living-surface,
.hybrid-v1 > .v6 {
  overflow: visible;
}

.hybrid-v1 :is(#hybrid-block-1,#hybrid-block-2,#hybrid-block-3,#hybrid-block-4,#hybrid-block-5,#hybrid-block-6,#hybrid-block-7,#hybrid-block-8) {
  scroll-margin-top: 24px;
}

.hybrid-block-tag {
  position: absolute;
  z-index: 16;
  top: 22px;
  left: clamp(18px, 2vw, 32px);
  display: inline-flex;
  align-items: center;
  gap: 9px;
  max-width: calc(100% - 36px);
  padding: 7px 11px 7px 7px;
  border: 1px solid rgba(60, 53, 70, .14);
  border-radius: 999px;
  color: rgba(43, 39, 51, .72);
  background: rgba(255, 255, 255, .84);
  box-shadow: 0 10px 30px rgba(43, 37, 54, .09);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  font: 500 10px/1.2 "Golos Text", sans-serif;
  pointer-events: none;
}

.hybrid-block-tag strong {
  padding: 5px 8px;
  border-radius: 999px;
  color: #fff;
  background: #7c7196;
  font-size: 9px;
  letter-spacing: .07em;
}

.hybrid-v1-hero > .hybrid-block-tag {
  top: 100px;
}

.hybrid-mood-water {
  min-height: 100svh;
  padding: clamp(112px, 9vw, 142px) clamp(28px, 7.5vw, 120px) clamp(58px, 6vw, 90px);
  display: grid;
  grid-template-columns: minmax(520px, 1fr) minmax(290px, .52fr);
  grid-template-areas: "copy device" "flow flow";
  column-gap: clamp(70px, 10vw, 160px);
  row-gap: clamp(48px, 5vw, 74px);
  align-items: center;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background-color: color-mix(in srgb, var(--mood-color) 9%, #f8f8f6);
  transition: background-color .65s ease;
}

.hybrid-mood-water::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(94deg, rgba(248,248,246,.94) 0 33%, rgba(248,248,246,.64) 53%, rgba(248,248,246,.12) 84%);
  pointer-events: none;
}

.hybrid-mood-backdrop {
  position: absolute;
  z-index: -2;
  inset: -8%;
  overflow: hidden;
}

.hybrid-mood-backdrop img {
  width: 116%;
  height: 116%;
  object-fit: cover;
  object-position: 68% 72%;
  opacity: .72;
  filter: grayscale(1) brightness(1.08) contrast(1.03);
  transform: translate(calc(var(--pointer-x) * -10px), calc(var(--pointer-y) * -7px)) scale(1.04);
  animation: hybridMoodDrift 18s ease-in-out infinite alternate;
}

.hybrid-mood-backdrop span {
  position: absolute;
  inset: 0;
  background-color: var(--mood-color);
  opacity: .38;
  mix-blend-mode: color;
  transition: background-color .65s ease;
}

@keyframes hybridMoodDrift {
  from { transform: translate(-.7%, -.5%) scale(1.04); }
  to { transform: translate(.7%, .6%) scale(1.075); }
}

.hybrid-mood-copy {
  grid-area: copy;
  position: relative;
  z-index: 2;
  max-width: 720px;
}

.hybrid-mood-copy h2 {
  margin: 22px 0 26px;
  max-width: 760px;
  font-size: clamp(50px, 5.4vw, 82px);
  line-height: .96;
  letter-spacing: -.052em;
  font-weight: 470;
}

.hybrid-mood-copy > p:not(.v6-kicker, .hybrid-mood-principle) {
  max-width: 590px;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.68;
}

.hybrid-mood-selection {
  margin-top: clamp(38px, 4vw, 58px);
  padding-bottom: 17px;
  display: grid;
  grid-template-columns: 72px 1fr auto;
  gap: 17px;
  align-items: end;
  border-bottom: 1px solid rgba(43,39,51,.18);
}

.hybrid-mood-selection span,
.hybrid-mood-selection small {
  color: rgba(43,39,51,.5);
  font-size: 10px;
  letter-spacing: .035em;
}

.hybrid-mood-selection strong {
  font-size: clamp(24px, 2.3vw, 34px);
  line-height: 1;
  letter-spacing: -.035em;
  font-weight: 520;
}

.hybrid-mood-control {
  margin-top: 18px;
}

.hybrid-mood-slider {
  height: 46px;
  position: relative;
}

.hybrid-mood-track {
  position: absolute;
  left: 13px;
  right: 13px;
  top: 50%;
  height: 2px;
  translate: 0 -50%;
  background: linear-gradient(90deg, #a99fc0, #98aac3, #a4bdd0, #bac2c8, #b4c49e, #e0c273, #e59c68);
  opacity: .58;
}

.hybrid-mood-dots {
  position: absolute;
  inset: 0 2px;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  align-items: center;
  pointer-events: none;
}

.hybrid-mood-dots i {
  justify-self: center;
  width: 10px;
  aspect-ratio: 1;
  border: 2px solid rgba(255,255,255,.82);
  border-radius: 50%;
  background: var(--dot);
  box-shadow: 0 1px 7px rgba(43,39,51,.13);
  transition: transform .35s ease, opacity .35s ease;
}

.hybrid-mood-dots i.is-active {
  transform: scale(1.45);
}

.hybrid-mood-slider input {
  -webkit-appearance: none;
  appearance: none;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 46px;
  margin: 0;
  border: 0;
  background: transparent;
  cursor: grab;
}

.hybrid-mood-slider input:active { cursor: grabbing; }
.hybrid-mood-slider input:focus-visible { outline: none; }
.hybrid-mood-slider input::-webkit-slider-runnable-track { height: 46px; background: transparent; }
.hybrid-mood-slider input::-moz-range-track { height: 46px; background: transparent; }
.hybrid-mood-slider input::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 29px;
  height: 29px;
  margin-top: 8px;
  border: 5px solid #fff;
  border-radius: 50%;
  background: var(--mood-color);
  box-shadow: 0 8px 24px rgba(43,39,51,.23), 0 0 0 1px rgba(43,39,51,.1);
  transition: background-color .5s ease, transform .2s ease;
}
.hybrid-mood-slider input::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border: 5px solid #fff;
  border-radius: 50%;
  background: var(--mood-color);
  box-shadow: 0 8px 24px rgba(43,39,51,.23), 0 0 0 1px rgba(43,39,51,.1);
}
.hybrid-mood-slider input:focus-visible::-webkit-slider-thumb { box-shadow: 0 0 0 5px rgba(124,113,150,.2), 0 8px 24px rgba(43,39,51,.23); }

.hybrid-mood-extremes {
  display: flex;
  justify-content: space-between;
  color: rgba(43,39,51,.44);
  font-size: 9px;
}

.hybrid-mood-principle {
  margin: 28px 0 0 !important;
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgba(43,39,51,.68);
  font-size: 12px;
}

.hybrid-mood-principle i {
  width: 7px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--mood-color);
  transition: background-color .5s ease;
}

.hybrid-mood-device {
  grid-area: device;
  justify-self: center;
  width: min(27vw, 315px);
  position: relative;
  z-index: 2;
  transform: translate(calc(var(--pointer-x) * 9px), calc(var(--pointer-y) * 6px)) rotate(1.5deg);
  filter: drop-shadow(0 38px 52px rgba(54,48,65,.22));
}

.hybrid-mood-device::before {
  content: "";
  position: absolute;
  inset: 8% -45% -2%;
  z-index: -1;
  border-radius: 50%;
  background: radial-gradient(circle, color-mix(in srgb, var(--mood-color) 36%, white), transparent 68%);
  filter: blur(16px);
  transition: background .6s ease;
}

.hybrid-mood-phone-wrap .v6-placeholder-note {
  color: rgba(43,39,51,.56);
  background: rgba(255,255,255,.68);
  border-color: rgba(255,255,255,.82);
}

.hybrid-prototype-water {
  background-color: color-mix(in srgb, var(--mood-color) 24%, #edf0eb) !important;
  filter: grayscale(.76) saturate(1.2) contrast(1.02) !important;
  transition: background-color .55s ease;
}

.hybrid-mood-flow {
  grid-area: flow;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  list-style: none;
  border-top: 1px solid rgba(43,39,51,.14);
  position: relative;
  z-index: 2;
}

.hybrid-mood-flow li {
  min-height: 74px;
  padding: 20px 20px 0 0;
  display: flex;
  gap: 16px;
  border-right: 1px solid rgba(43,39,51,.1);
  color: rgba(43,39,51,.48);
}

.hybrid-mood-flow li:last-child { border-right: 0; }
.hybrid-mood-flow li.is-current { color: var(--ink); }
.hybrid-mood-flow span { font-size: 9px; color: var(--brand-text); }
.hybrid-mood-flow strong { font-size: 13px; font-weight: 560; }

.hybrid-v1 .v6-journal,
.hybrid-v1 .v6-tools,
.hybrid-v1 .v8-practices,
.hybrid-v1 .hybrid-toolkit,
.hybrid-v1 .privacy-teaser,
.hybrid-v1 .final {
  position: relative;
}

.hybrid-toolkit {
  padding-top: clamp(110px, 11vw, 164px);
}

.hybrid-toolkit-intro {
  max-width: 640px;
  margin: 28px 0 0;
  color: rgba(43, 39, 51, .58);
  font-size: 16px;
  line-height: 1.65;
}

.hybrid-toolkit-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.hybrid-toolkit-grid article {
  min-height: 285px;
}

.hybrid-toolkit-grid article:nth-child(n + 5) {
  border-top: 1px solid rgba(43, 39, 51, .13);
}

@media (max-width: 1050px) {
  .hybrid-mood-water {
    grid-template-columns: minmax(420px, 1fr) minmax(240px, .52fr);
    column-gap: 55px;
  }

  .hybrid-toolkit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hybrid-toolkit-grid article:nth-child(n + 3) {
    border-top: 1px solid rgba(43, 39, 51, .13);
  }
}

@media (max-width: 720px) {
  .hybrid-block-tag {
    top: 12px;
    left: 12px;
    font-size: 9px;
  }

  .hybrid-v1-hero > .hybrid-block-tag {
    top: 82px;
  }

  .hybrid-mood-water {
    min-height: auto;
    padding: 104px 24px 62px;
    grid-template-columns: 1fr;
    grid-template-areas: "copy" "device" "flow";
    row-gap: 58px;
  }

  .hybrid-mood-water::after {
    background: linear-gradient(180deg, rgba(248,248,246,.88) 0 42%, rgba(248,248,246,.48) 68%, rgba(248,248,246,.76) 100%);
  }

  .hybrid-mood-backdrop img { object-position: 66% 70%; }

  .hybrid-mood-copy h2 {
    font-size: clamp(43px, 12vw, 58px);
  }

  .hybrid-mood-selection {
    grid-template-columns: 55px 1fr auto;
  }

  .hybrid-mood-selection strong { font-size: 23px; }

  .hybrid-mood-device {
    width: min(63vw, 265px);
  }

  .hybrid-mood-flow {
    grid-template-columns: 1fr 1fr;
  }

  .hybrid-mood-flow li:nth-child(2) { border-right: 0; }
  .hybrid-mood-flow li:nth-child(n + 3) { border-top: 1px solid rgba(43,39,51,.1); }

  .hybrid-toolkit-grid {
    grid-template-columns: 1fr;
  }

  .hybrid-toolkit-grid article:nth-child(n + 2) {
    border-top: 1px solid rgba(43, 39, 51, .13);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hybrid-v1 *,
  .hybrid-v1 *::before,
  .hybrid-v1 *::after {
    scroll-behavior: auto !important;
  }

  .hybrid-mood-backdrop img {
    animation: none;
  }
}

.hybrid-v3-mood {
  display: block;
  min-height: auto;
  padding: 0;
  overflow: hidden;
  background: #f8f8f6;
}

.hybrid-v3-mood::after {
  display: none;
}

.hybrid-v3-mood-body {
  min-height: auto;
  padding: clamp(78px, 6.5vw, 102px) clamp(28px, 7vw, 110px);
  display: grid;
  grid-template-columns: minmax(340px, .78fr) minmax(520px, 1.22fr);
  gap: 8vw;
  align-items: center;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

/* Rhythm audit: only the hero behaves as a full-screen scene. */
.hybrid-v3 .v6-tools {
  padding: clamp(82px, 7vw, 108px) clamp(28px, 7vw, 110px);
}

.hybrid-v3 .v6-tools-stage {
  margin-top: clamp(42px, 4vw, 54px);
}

.hybrid-v3 .v6-feature-visual {
  min-height: 530px;
}

.hybrid-v3 .v6-feature-phone {
  width: min(25vw, 280px);
  height: 520px;
}

.hybrid-v3 .v6-journal {
  min-height: auto;
  padding: clamp(82px, 7vw, 108px) clamp(28px, 8vw, 126px);
}

.hybrid-v3 .v6-journal-device {
  width: min(24vw, 286px);
}

.hybrid-v3 .v6.v8 .v8-practices {
  min-height: auto;
  padding: clamp(82px, 7vw, 106px) clamp(28px, 8vw, 126px) clamp(74px, 6vw, 94px);
}

.hybrid-v3 .v8-practice-experience {
  margin-top: clamp(42px, 4vw, 56px);
}

.hybrid-v3 .v8-practice-visual {
  min-height: 520px;
}

.hybrid-v3 .v8-practice-phone {
  height: 520px;
  width: min(20vw, 254px);
}

.hybrid-v3 .v8-practice-after {
  margin-top: clamp(38px, 3.5vw, 52px);
}

.hybrid-v3 .hybrid-toolkit {
  padding: clamp(86px, 7.5vw, 116px) clamp(24px, 8vw, 130px);
}

.hybrid-v3 .toolkit-heading {
  margin-bottom: clamp(48px, 5vw, 66px);
}

.hybrid-v3 .hybrid-toolkit-grid article {
  min-height: 230px;
  padding-top: 28px;
  padding-bottom: 34px;
}

.hybrid-v3 .hybrid-toolkit-grid h3 {
  margin: 46px 0 16px;
}

.hybrid-v3 .privacy-teaser {
  padding: clamp(86px, 7.5vw, 112px) clamp(24px, 8vw, 130px);
}

.hybrid-v3 .final {
  min-height: clamp(520px, 68svh, 680px);
  padding: clamp(96px, 8vw, 122px) clamp(24px, 7vw, 110px) clamp(82px, 7vw, 108px);
  display: flex;
  align-items: center;
}

.hybrid-v3 .final > div {
  position: relative;
  max-width: 760px;
}

.hybrid-v3-mood-body::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(108deg, rgba(248,248,246,.06) 0 35%, rgba(248,248,246,.58) 58%, #f8f8f6 88%);
  pointer-events: none;
}

.hybrid-v3 .v6-section-wave {
  transition: opacity .72s ease, transform .9s cubic-bezier(.2,.7,.2,1);
  transform: scale(1.045);
}

.hybrid-v3 .v6-section-wave.is-active {
  transform: scale(1.01);
}

.hybrid-practice-download {
  width: fit-content;
  margin: clamp(28px, 3.5vw, 54px) auto 0;
  position: relative;
  z-index: 3;
}

.hybrid-v3 .v8-practice-detail {
  padding-bottom: clamp(26px, 3vw, 42px);
}

@media (max-width: 760px) {
  .hybrid-v3 .hybrid-v1-hero {
    min-height: max(760px, 100svh);
  }

  .hybrid-v3-mood-body {
    min-height: auto;
    padding: 76px 24px 64px;
    grid-template-columns: 1fr;
    gap: 62px;
  }

  .hybrid-v3-mood-body::after {
    background: linear-gradient(180deg, rgba(248,248,246,.28), rgba(248,248,246,.76) 48%, #f8f8f6 100%);
  }

  .hybrid-v3-mood-body .v6-mood-visual {
    min-height: 450px;
  }

  .hybrid-v3-mood-body .v6-mood-phone-wrap {
    width: min(58vw, 245px);
  }

  .hybrid-v3 .v6-journal {
    min-height: auto;
    padding: 80px 22px 0;
  }

  .hybrid-v3 .v6-journal-device {
    width: 208px;
    margin-top: 48px;
  }

  .hybrid-v3 .v6-tools {
    padding: 80px 22px 36px;
  }

  .hybrid-v3 .v6-tools-stage {
    margin-top: 44px;
  }

  .hybrid-v3 .v6-feature-visual {
    min-height: 500px;
  }

  .hybrid-v3 .v6-feature-phone {
    width: 224px;
    height: 500px;
  }

  .hybrid-v3 .v6.v8 .v8-practices {
    min-height: auto;
    padding: 76px 22px 68px;
  }

  .hybrid-v3 .v8-practice-visual {
    min-height: 450px;
  }

  .hybrid-v3 .v8-practice-phone {
    width: 218px;
    height: 445px;
  }

  .hybrid-v3 .hybrid-toolkit {
    padding: 78px 22px 72px;
  }

  .hybrid-v3 .toolkit-heading {
    margin-bottom: 42px;
  }

  .hybrid-v3 .hybrid-toolkit-grid article {
    min-height: 0;
    padding: 26px 0 28px;
  }

  .hybrid-v3 .hybrid-toolkit-grid h3 {
    margin: 22px 0 12px;
  }

  .hybrid-v3 .privacy-teaser {
    padding: 78px 22px 72px;
  }

  .hybrid-v3 .final {
    min-height: 520px;
    padding: 94px 22px 76px;
  }

  .hybrid-practice-download {
    width: 100%;
    justify-content: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hybrid-v3 .v6-section-wave {
    transition: none;
  }
}

.hybrid-v4 .hybrid-v1-hero {
  min-height: max(760px, 100svh);
}

.hybrid-v4-hero-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.hybrid-v4-secondary {
  min-height: 52px;
  color: #514a60;
  border: 1px solid rgba(81, 74, 96, .24);
  background: rgba(255, 255, 255, .48);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.hybrid-v4-secondary:hover {
  color: #2b2733;
  background: rgba(255, 255, 255, .72);
}

.hybrid-v4 .hybrid-v3-mood-body .v6-placeholder-note,
.hybrid-v4 .v8-practice-detail .text-link {
  display: none;
}

.hybrid-use-cases {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(92px, 8vw, 128px) clamp(24px, 8vw, 130px) clamp(82px, 7vw, 112px);
  background: #f8f8f6;
}

.hybrid-use-cases::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -28% -16% 12% 34%;
  background:
    radial-gradient(ellipse at 32% 38%, rgba(169, 159, 192, .18), transparent 42%),
    radial-gradient(ellipse at 68% 56%, rgba(164, 189, 208, .18), transparent 43%),
    radial-gradient(ellipse at 62% 86%, rgba(180, 196, 158, .16), transparent 39%);
  filter: blur(28px);
  pointer-events: none;
}

.hybrid-use-cases-heading {
  max-width: 790px;
  margin-bottom: clamp(50px, 5vw, 72px);
}

.hybrid-use-cases-heading h2 {
  margin: 0;
  font-size: clamp(46px, 5.7vw, 78px);
  line-height: 1.02;
  letter-spacing: -.045em;
  font-weight: 440;
}

.hybrid-use-cases-heading > p:last-child {
  max-width: 570px;
  margin: 28px 0 0;
  color: rgba(43, 39, 51, .6);
  font-size: 16px;
  line-height: 1.67;
}

.hybrid-use-cases-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid rgba(43, 39, 51, .14);
}

.hybrid-use-case {
  --case-color: #a99fc0;
  min-height: 390px;
  padding: 30px clamp(24px, 2.8vw, 44px) 34px;
  border-right: 1px solid rgba(43, 39, 51, .11);
  display: flex;
  flex-direction: column;
  position: relative;
}

.hybrid-use-case:first-child { padding-left: 0; }
.hybrid-use-case:last-child { padding-right: 0; border-right: 0; }
.hybrid-use-case--blue { --case-color: #a4bdd0; }
.hybrid-use-case--green { --case-color: #b4c49e; }

.hybrid-use-case::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 58px;
  height: 2px;
  background: var(--case-color);
}

.hybrid-use-case > span {
  color: var(--case-color);
  font-size: 10px;
  font-weight: 600;
}

.hybrid-use-case > small {
  margin-top: 46px;
  color: rgba(43, 39, 51, .52);
  font-size: 11px;
  line-height: 1.4;
}

.hybrid-use-case h3 {
  max-width: 340px;
  margin: 16px 0 20px;
  font-size: clamp(27px, 2.5vw, 37px);
  line-height: 1.06;
  letter-spacing: -.035em;
  font-weight: 480;
}

.hybrid-use-case p {
  max-width: 360px;
  margin: 0;
  color: rgba(43, 39, 51, .61);
  font-size: 14px;
  line-height: 1.65;
}

.hybrid-use-case > strong {
  margin-top: auto;
  padding-top: 34px;
  color: rgba(43, 39, 51, .75);
  font-size: 11px;
  font-weight: 550;
}

.hybrid-use-cases-cta {
  margin-top: clamp(40px, 4vw, 58px);
}

.hybrid-v4 .privacy-teaser {
  padding-top: clamp(88px, 7.5vw, 112px);
  padding-bottom: clamp(88px, 7.5vw, 112px);
}

.hybrid-v4 .final {
  min-height: clamp(620px, 78svh, 780px);
  padding: clamp(90px, 8vw, 122px) clamp(24px, 7vw, 110px);
  display: grid;
  grid-template-columns: minmax(300px, .82fr) minmax(430px, 1.18fr);
  gap: clamp(42px, 7vw, 110px);
}

.hybrid-v4 .final::before {
  content: "";
  position: absolute;
  inset: -30%;
  background:
    radial-gradient(circle at var(--light-x) var(--light-y), rgba(255, 255, 255, .13), transparent 31%),
    radial-gradient(ellipse at 25% 72%, rgba(164, 189, 208, .14), transparent 27%),
    radial-gradient(ellipse at 77% 28%, rgba(229, 156, 104, .1), transparent 28%);
  pointer-events: none;
}

.hybrid-v4-final-mark,
.hybrid-v4-final-copy {
  position: relative;
  z-index: 1;
}

.hybrid-v4-final-mark {
  display: grid;
  place-items: center;
  opacity: .95;
}

.hybrid-v4-final-mark .official-sign {
  width: min(34vw, 430px);
}

.hybrid-v4-final-copy {
  max-width: 690px;
}

.hybrid-v4-final-copy > p:not(.eyebrow) {
  max-width: 470px;
  margin: 28px 0 34px;
  color: rgba(255, 255, 255, .69);
  font-size: 16px;
  line-height: 1.65;
}

.hybrid-v4-store-button {
  color: #282531;
  background: #fff;
}

.hybrid-v4-store-button:hover {
  color: #282531;
  background: #f3f0f7;
}

.hybrid-v4-store-meta {
  display: block;
  width: max-content;
  margin-top: 14px;
  color: rgba(255, 255, 255, .48);
  font-size: 10px;
  letter-spacing: .025em;
}

@media (max-width: 900px) {
  .hybrid-use-cases-grid {
    grid-template-columns: 1fr;
  }

  .hybrid-use-case,
  .hybrid-use-case:first-child,
  .hybrid-use-case:last-child {
    min-height: 0;
    padding: 27px 0 30px;
    border-right: 0;
    border-bottom: 1px solid rgba(43, 39, 51, .11);
  }

  .hybrid-use-case:last-child { border-bottom: 0; }
  .hybrid-use-case > small { margin-top: 28px; }
  .hybrid-use-case > strong { margin-top: 28px; padding-top: 0; }

  .hybrid-v4 .final {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .hybrid-v4-final-mark .official-sign {
    width: min(56vw, 360px);
  }

  .hybrid-v4-final-copy {
    justify-self: center;
  }

  .hybrid-v4-final-copy > p:not(.eyebrow) {
    margin-left: auto;
    margin-right: auto;
  }

  .hybrid-v4-store-meta {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 760px) {
  .hybrid-v4 .hybrid-v1-hero {
    min-height: max(820px, 100svh);
  }

  .hybrid-v4 .hero-copy {
    margin-top: 285px;
  }

  .hybrid-v4-hero-actions {
    flex-direction: column;
  }

  .hybrid-v4-hero-actions .button {
    width: min(100%, 260px);
    justify-content: center;
  }

  .hybrid-use-cases {
    padding: 78px 22px 72px;
  }

  .hybrid-use-cases-heading {
    margin-bottom: 42px;
  }

  .hybrid-use-cases-heading h2 {
    font-size: clamp(43px, 12vw, 58px);
  }

  .hybrid-use-cases-cta {
    width: 100%;
    justify-content: center;
  }

  .hybrid-v4 .final {
    min-height: 670px;
    padding: 82px 22px 70px;
    gap: 42px;
  }

  .hybrid-v4-final-mark .official-sign {
    width: min(72vw, 310px);
  }

  .hybrid-v4-final-copy h2 {
    font-size: clamp(42px, 12vw, 58px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hybrid-use-cases::before,
  .hybrid-v4 .final::before {
    transform: none;
  }
}

.hybrid-v5 .hero-mark {
  top: 31.8%;
}

.hybrid-journal-switch {
  max-width: 540px;
  margin-top: 34px;
  border-top: 1px solid rgba(41, 39, 52, .14);
}

.hybrid-journal-switch button {
  appearance: none;
  width: 100%;
  min-height: 66px;
  padding: 14px 0;
  border: 0;
  border-bottom: 1px solid rgba(41, 39, 52, .12);
  background: transparent;
  color: inherit;
  display: grid;
  grid-template-columns: 42px 1fr 22px;
  gap: 14px;
  align-items: center;
  text-align: left;
  font: inherit;
  cursor: pointer;
  opacity: .55;
  transition: opacity .25s ease, padding .25s ease, background .25s ease;
}

.hybrid-journal-switch button:hover,
.hybrid-journal-switch button[aria-selected="true"] {
  padding-left: 9px;
  opacity: 1;
}

.hybrid-journal-switch button[aria-selected="true"] {
  box-shadow: inset 2px 0 0 #7c7196;
  background: linear-gradient(90deg, rgba(124, 113, 150, .08), transparent 78%);
}

.hybrid-journal-switch button:focus-visible {
  outline: 2px solid #7c7196;
  outline-offset: 3px;
}

.hybrid-journal-switch span {
  color: rgba(41, 39, 52, .48);
  font-size: 9px;
  letter-spacing: .06em;
}

.hybrid-journal-switch strong {
  font-size: clamp(15px, 1.35vw, 19px);
  font-weight: 500;
}

.hybrid-journal-switch i {
  color: #7c7196;
  font-style: normal;
}

.hybrid-journal-placeholder-screen {
  padding: 28% 11% 14%;
  color: #2b2733;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .86), rgba(245, 243, 239, .96)),
    radial-gradient(circle at 70% 32%, rgba(164, 189, 208, .34), transparent 42%);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.hybrid-journal-placeholder-screen small {
  color: rgba(43, 39, 51, .52);
  font-size: 8px;
  letter-spacing: .035em;
}

.hybrid-journal-placeholder-screen strong {
  margin-top: 18px;
  font-size: clamp(16px, 1.8vw, 24px);
  line-height: 1.12;
  font-weight: 530;
}

.hybrid-journal-placeholder-screen span {
  max-width: 170px;
  margin-top: auto;
  padding: 11px 12px;
  border: 1px solid rgba(43, 39, 51, .12);
  border-radius: 12px;
  color: rgba(43, 39, 51, .55);
  background: rgba(255, 255, 255, .58);
  font-size: 8px;
  line-height: 1.45;
}

.hybrid-v5 .v8-practices-intro > p {
  max-width: 590px;
  color: rgba(43, 39, 51, .68);
  font-size: clamp(15px, 1.3vw, 18px);
  line-height: 1.7;
}

@media (max-width: 760px) {
  .hybrid-v5 .hero-mark {
    top: 27.5%;
  }

  .hybrid-v5 .hero-copy {
    margin-top: 305px;
  }

  .hybrid-journal-switch {
    margin-top: 30px;
  }

  .hybrid-journal-switch button {
    min-height: 62px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hybrid-journal-switch button {
    transition: none;
  }
}

.hybrid-v6 .hero-mark {
  top: 28.8%;
}

.hybrid-v6 .hero-copy {
  margin-top: 44vh;
}

/* Keep the released composition stable when all route styles are bundled. */
.hybrid-v6 .v6-mood.hybrid-v3-mood,
.hybrid-v6 .v6-practices.v8-practices {
  display: block;
  min-height: auto;
}

.hybrid-v6 .v6-mood.hybrid-v3-mood {
  padding: 0;
}

.hybrid-v6 .hybrid-v3-mood-body {
  min-height: 760px;
  padding-top: clamp(76px, 6vw, 94px);
  padding-bottom: clamp(76px, 6vw, 94px);
}

.hybrid-v6 .hybrid-v3-mood-body .v6-mood-visual {
  position: relative;
  top: auto;
  height: auto;
  min-height: 620px;
}

.hybrid-real-phone-stack {
  aspect-ratio: 1470 / 3000;
}

.hybrid-real-phone-stack > .v6-phone {
  position: absolute;
  inset: 0;
  opacity: 0;
  transform: translateY(24px) scale(.985);
  transition: opacity .45s ease, transform .68s cubic-bezier(.2, .7, .2, 1);
}

.hybrid-real-phone-stack > .v6-phone.is-active {
  opacity: 1;
  transform: none;
}

.hybrid-v6 .v6-journal {
  background: #f2f4f5;
}

.hybrid-v6 .v6-journal::after {
  background: linear-gradient(96deg, rgba(248, 248, 247, .95) 0 39%, rgba(242, 245, 247, .72) 59%, rgba(231, 237, 242, .18) 100%);
}

.hybrid-v6 .v6-journal-wave {
  opacity: .68;
  filter: saturate(.86) brightness(1.09);
  will-change: transform;
}

.hybrid-v6 .v6-journal-device {
  position: relative;
  aspect-ratio: 1470 / 3000;
  transform: rotate(1.2deg);
}

.hybrid-v6 .v6-journal-device > .v6-phone {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transform: translateY(22px) scale(.988);
  transition: opacity .46s ease, transform .68s cubic-bezier(.2, .7, .2, 1);
}

.hybrid-v6 .v6-journal-device > .v6-phone.is-active {
  z-index: 1;
  opacity: 1;
  transform: none;
}

.hybrid-journal-description {
  animation: hybridJournalCopyIn .42s cubic-bezier(.2, .7, .2, 1) both;
}

@keyframes hybridJournalCopyIn {
  from { opacity: 0; transform: translateY(7px); }
  to { opacity: 1; transform: none; }
}

.hybrid-coping {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(84px, 7vw, 110px) clamp(28px, 7vw, 110px) clamp(78px, 6vw, 98px);
  background: #f7f5f1;
}

.hybrid-coping::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(108deg, #f7f5f1 0 38%, rgba(247, 245, 241, .8) 56%, rgba(247, 245, 241, .2) 100%);
  pointer-events: none;
}

.hybrid-coping-wave {
  position: absolute;
  z-index: -2;
  inset: -10% -7% -12% 22%;
  pointer-events: none;
}

.hybrid-coping-wave img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 72% 76%;
  opacity: .66;
  filter: saturate(.88) brightness(1.06);
  -webkit-mask-image: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, .28) 23%, #000 54%);
  mask-image: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, .28) 23%, #000 54%);
}

.hybrid-coping-heading {
  max-width: 850px;
  position: relative;
  z-index: 1;
}

.hybrid-coping-heading h2,
.hybrid-v6-overview h2 {
  margin: 22px 0 26px;
  font-size: clamp(46px, 5.4vw, 76px);
  line-height: .99;
  letter-spacing: -.05em;
  font-weight: 460;
}

.hybrid-coping-heading > p:last-child {
  max-width: 630px;
  color: rgba(43, 39, 51, .66);
  font-size: 16px;
  line-height: 1.68;
}

.hybrid-coping-stage {
  margin-top: clamp(48px, 4.5vw, 66px);
  display: grid;
  grid-template-columns: minmax(300px, .66fr) minmax(260px, .52fr) minmax(320px, .72fr);
  gap: clamp(34px, 4.5vw, 72px);
  align-items: center;
  position: relative;
  z-index: 1;
}

.hybrid-coping-switch {
  border-top: 1px solid rgba(43, 39, 51, .16);
}

.hybrid-coping-switch button {
  appearance: none;
  width: 100%;
  min-height: 64px;
  padding: 13px 0;
  border: 0;
  border-bottom: 1px solid rgba(43, 39, 51, .13);
  color: inherit;
  background: transparent;
  display: grid;
  grid-template-columns: 36px 1fr 20px;
  gap: 13px;
  align-items: center;
  text-align: left;
  font: inherit;
  cursor: pointer;
  opacity: .55;
  transition: opacity .25s ease, padding .25s ease, background .25s ease;
}

.hybrid-coping-switch button:hover,
.hybrid-coping-switch button[aria-selected="true"] {
  padding-left: 8px;
  opacity: 1;
}

.hybrid-coping-switch button[aria-selected="true"] {
  box-shadow: inset 2px 0 0 #7c7196;
  background: linear-gradient(90deg, rgba(124, 113, 150, .08), transparent 80%);
}

.hybrid-coping-switch button:focus-visible {
  outline: 2px solid #695f80;
  outline-offset: 3px;
}

.hybrid-coping-switch button span {
  color: #6b6182;
  font-size: 10px;
  letter-spacing: .06em;
}

.hybrid-coping-switch button strong {
  font-size: clamp(17px, 1.4vw, 21px);
  font-weight: 510;
}

.hybrid-coping-switch button i {
  color: #695f80;
  font-style: normal;
  opacity: 0;
  transform: translateX(-6px);
  transition: opacity .25s ease, transform .25s ease;
}

.hybrid-coping-switch button[aria-selected="true"] i {
  opacity: 1;
  transform: none;
}

.hybrid-coping-switch > p {
  margin: 22px 0 0;
  color: rgba(43, 39, 51, .62);
  font-size: 13px;
  line-height: 1.65;
}

.hybrid-coping-visual {
  min-height: 570px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.hybrid-coping-phone {
  width: min(22vw, 278px);
  height: 570px;
  position: relative;
  filter: drop-shadow(0 34px 46px rgba(55, 48, 65, .22));
}

.hybrid-coping-phone .v6-phone {
  position: absolute;
  inset: auto 0 0;
  opacity: 0;
  transform: translateY(26px) rotate(-1deg);
  transition: opacity .45s ease, transform .68s cubic-bezier(.2, .7, .2, 1);
}

.hybrid-coping-phone .v6-phone.is-active {
  opacity: 1;
  transform: none;
}

.hybrid-coping-detail > span {
  color: #695f80;
  font-size: 11px;
  letter-spacing: .05em;
}

.hybrid-coping-detail h3 {
  max-width: 460px;
  margin: 16px 0 19px;
  font-size: clamp(33px, 3vw, 48px);
  line-height: 1.02;
  letter-spacing: -.045em;
  font-weight: 470;
}

.hybrid-coping-detail p {
  max-width: 450px;
  margin: 0;
  color: rgba(43, 39, 51, .66);
  font-size: 15px;
  line-height: 1.67;
}

.hybrid-v6-overview {
  padding: clamp(88px, 7.5vw, 118px) clamp(24px, 8vw, 130px) clamp(80px, 7vw, 108px);
  display: grid;
  grid-template-columns: minmax(410px, .9fr) minmax(260px, .48fr);
  gap: clamp(52px, 8vw, 120px);
  align-items: center;
  background:
    radial-gradient(ellipse at 70% 32%, rgba(180, 196, 158, .2), transparent 33%),
    radial-gradient(ellipse at 28% 68%, rgba(164, 189, 208, .17), transparent 34%),
    #f8f8f6;
}

.hybrid-v6-overview-heading > p:not(.eyebrow) {
  max-width: 580px;
  margin: 0 0 32px;
  color: rgba(43, 39, 51, .64);
  font-size: 16px;
  line-height: 1.68;
}

.hybrid-v6-overview-device {
  width: min(25vw, 300px);
  justify-self: center;
  filter: drop-shadow(0 35px 50px rgba(54, 48, 65, .2));
}

.hybrid-v6-overview-cases {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid rgba(43, 39, 51, .14);
}

.hybrid-v6-overview-cases article {
  min-height: 310px;
  padding: 28px clamp(22px, 2.5vw, 38px) 30px;
  border-right: 1px solid rgba(43, 39, 51, .11);
  display: flex;
  flex-direction: column;
}

.hybrid-v6-overview-cases article:first-child { padding-left: 0; }
.hybrid-v6-overview-cases article:last-child { padding-right: 0; border-right: 0; }
.hybrid-v6-overview-cases span { color: #695f80; font-size: 10px; }
.hybrid-v6-overview-cases small { margin-top: 30px; color: rgba(43, 39, 51, .5); font-size: 11px; }
.hybrid-v6-overview-cases h3 { margin: 14px 0 16px; font-size: clamp(25px, 2.2vw, 34px); line-height: 1.05; letter-spacing: -.035em; font-weight: 480; }
.hybrid-v6-overview-cases p { margin: 0; color: rgba(43, 39, 51, .61); font-size: 14px; line-height: 1.64; }
.hybrid-v6-overview-cases strong { margin-top: auto; padding-top: 25px; color: rgba(43, 39, 51, .7); font-size: 11px; font-weight: 550; }

/* Publication contrast pass: keep the airy hierarchy without sacrificing legibility. */
.hybrid-v6 .intro,
.hybrid-v6 .hybrid-v6-overview-heading > p:not(.eyebrow) { color:rgba(43,39,51,.72); }
.hybrid-v6 .hybrid-coping-switch > p,
.hybrid-v6 .hybrid-v6-overview-cases p { color:rgba(43,39,51,.72); }
.hybrid-v6 .hybrid-v6-overview-cases small,
.hybrid-v6 .hybrid-mood-selection span,
.hybrid-v6 .hybrid-mood-selection small,
.hybrid-v6 .v6-journal-note { color:rgba(43,39,51,.72); }
.hybrid-v6 .hybrid-v6-overview-cases span { color:#685d82; }
.hybrid-v6 .v6-mood-steps button,
.hybrid-v6 .hybrid-journal-switch button,
.hybrid-v6 .hybrid-coping-switch button { opacity:1; }
.hybrid-v6 .v6-mood-steps button > span,
.hybrid-v6 .hybrid-journal-switch span { color:#685d82; }
.hybrid-v6 .hybrid-practice-switch button { opacity:1; color:rgba(248,248,246,.82); }
.hybrid-v6 .hybrid-practice-switch small { color:rgba(248,248,246,.72); }
.hybrid-v6 .hybrid-v4-final-copy > p:not(.eyebrow) { color:rgba(255,255,255,.82); }
.hybrid-v6 .hybrid-v4-store-meta,
.hybrid-v6 .final-support { color:rgba(255,255,255,.78); }

@media (max-width: 1050px) {
  .hybrid-coping-stage {
    grid-template-columns: minmax(300px, .8fr) minmax(260px, .55fr);
  }

  .hybrid-coping-detail {
    grid-column: 1 / -1;
    max-width: 760px;
  }
}

@media (max-width: 760px) {
  .hybrid-v6 .hero-mark { top: 24.5%; }
  .hybrid-v6 .hero-copy { margin-top: 280px; }

  .hybrid-v6 .hybrid-v3-mood-body {
    min-height: auto;
    padding: 68px 22px 60px;
  }

  .hybrid-v6 .hybrid-v3-mood-body .v6-mood-visual {
    min-height: 465px;
  }

  .hybrid-v6 .hybrid-v3-mood-body .v6-mood-phone-wrap {
    width: min(58vw, 230px);
  }

  .hybrid-coping {
    padding: 78px 22px 68px;
  }

  .hybrid-coping::after {
    background: linear-gradient(180deg, #f7f5f1 0 37%, rgba(247, 245, 241, .76) 59%, rgba(247, 245, 241, .45) 100%);
  }

  .hybrid-coping-wave {
    inset: 34% -70% -8% -25%;
  }

  .hybrid-coping-wave img {
    -webkit-mask-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .75) 28%, #000 100%);
    mask-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .75) 28%, #000 100%);
  }

  .hybrid-coping-heading h2,
  .hybrid-v6-overview h2 {
    font-size: 42px;
  }

  .hybrid-coping-stage {
    margin-top: 42px;
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: stretch;
  }

  .hybrid-coping-switch > p { display: none; }
  .hybrid-coping-switch button { min-height: 58px; }
  .hybrid-coping-visual { min-height: 465px; margin-top: 28px; }
  .hybrid-coping-phone { width: 214px; height: 450px; margin: 0 auto; }
  .hybrid-coping-detail { margin-top: 28px; }
  .hybrid-coping-detail h3 { font-size: 34px; }

  .hybrid-v6 .v8-practices {
    padding: 72px 22px 64px;
  }

  .hybrid-v6 .v8-practices-head h2 { font-size: 38px; }
  .hybrid-v6 .v8-practices-intro { margin-top: 22px; }
  .hybrid-v6 .v8-practice-experience { margin-top: 34px; }
  .hybrid-v6 .v8-practice-switch button { min-height: 78px; }
  .hybrid-v6 .v8-practice-visual { min-height: 438px; margin-top: 22px; }
  .hybrid-v6 .v8-practice-phone { width: 202px; height: 414px; }
  .hybrid-v6 .v8-practice-detail { margin-top: 27px; }
  .hybrid-v6 .v8-practice-after { margin-top: 40px; }

  .hybrid-v6-overview {
    padding: 72px 22px 62px;
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .hybrid-v6-overview-device {
    width: 208px;
  }

  .hybrid-v6-overview-cases {
    grid-column: auto;
    grid-template-columns: 1fr;
  }

  .hybrid-v6-overview-cases article,
  .hybrid-v6-overview-cases article:first-child,
  .hybrid-v6-overview-cases article:last-child {
    min-height: 0;
    padding: 22px 0 25px;
    border-right: 0;
    border-bottom: 1px solid rgba(43, 39, 51, .11);
  }

  .hybrid-v6-overview-cases article:last-child { border-bottom: 0; }
  .hybrid-v6-overview-cases small { margin-top: 18px; }
  .hybrid-v6-overview-cases strong { margin-top: 17px; padding-top: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .hybrid-real-phone-stack > .v6-phone,
  .hybrid-v6 .v6-journal-device > .v6-phone,
  .hybrid-journal-description,
  .hybrid-coping-switch button,
  .hybrid-coping-switch button i,
  .hybrid-coping-phone .v6-phone {
    transition: none;
    animation: none;
  }
}

/* Production-only safeguards and language navigation. */
html { color-scheme: light; }
body { min-width: 320px; }
img { max-width: 100%; }

.intro {
  color: rgba(43, 39, 51, .68);
}

.button--brand:focus-visible,
.nav-download:focus-visible {
  outline-color: #2b2733;
}

.nav-menu a[lang] {
  min-width: 34px;
  text-align: center;
  font-weight: 650;
  color: var(--brand);
}

.button--pending {
  cursor: default;
  user-select: none;
}

.v6-phone[aria-hidden="true"] {
  pointer-events: none;
}

/* Keep the complete promise and both actions inside a normal laptop viewport. */
@media (min-width: 761px) {
  .hybrid-v6 .hero-mark {
    top: 26.5%;
  }

  .hybrid-v6 .hero-copy {
    margin-top: 32vh;
  }
}

.v6-mood-steps button:focus-visible,
.hybrid-journal-switch button:focus-visible,
.hybrid-coping-switch button:focus-visible,
.v8-practice-switch button:focus-visible {
  position: relative;
  z-index: 3;
}

@media (max-width: 760px) {
  .hybrid-v6 .nav:not(.nav--page) .nav-menu a:first-child {
    display: none;
  }

  .nav-menu a[lang] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    min-height: 42px;
  }
}

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