/* Scoped to the landing page;
   purchase and license screens remain independent. */
body.landing-page {
  --paper:#eeeae4;
  --line:#ffffff12;
  --accent:#f1c894;
  background:#111110;
  color:var(--paper)}

.landing-page header,.landing-page footer {
  max-width:1240px;
  padding:28px 40px}
.landing-page header {
  height:100px}
.landing-page .brand {
  font-size:25px;
  letter-spacing:-1.2px}
.landing-page .brandmark {
  background:var(--paper);
  width:27px;
  height:19px}
.landing-page .brandmark:after {
  background:#111110}
.landing-page header nav {
  align-items:center;
  gap:30px}
.landing-page header nav a {
  font-size:13px;
  color:#bbb7b1}
.landing-page header nav a:hover {
  color:#fff}
.landing-page header .nav-buy {
  border:1px solid #ffffff28;
  border-radius:9px;
  padding:8px 15px;
  color:var(--paper)}
.nav-buy span {
  margin-left:12px}
.landing-page main {
  max-width:1240px;
  padding:0 40px 100px}
.landing-page a:focus-visible,.landing-page button:focus-visible,.landing-page summary:focus-visible {
  outline-color:var(--accent)}
.landing-page .primary {
  background:var(--paper);
  color:#1e1b17;
  border:1px solid #fff7;
  border-radius:10px;
  box-shadow:0 1px 0 #fff8 inset,0 3px 8px #0003;
  padding:13px 22px;
  font-size:14px;
  font-weight:600}
.landing-page .primary:hover {
  background:#fff;
  transform:translateY(-2px)}
.landing-page #environment {
  background:#1b1915;
  border-color:#ffffff0d;
  color:#b8a58b;
  font-size:11px}
.intro {
  text-align:center;
  padding:66px 0 44px}
.intro-badge {
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#c2b6a3;
  font-size:12px;
  border:1px solid #ffffff13;
  border-radius:30px;
  padding:6px 12px;
  background:#ffffff03;
  margin-bottom:27px}
.tiny-notch {
  height:8px;
  width:17px;
  border-radius:1px 1px 5px 5px;
  background:#c6b18f}
.intro h1 {
  font-size:clamp(44px,6.6vw,86px);
  font-weight:550;
  line-height:1.06;
  letter-spacing:-.062em}
.intro h1>span {
  color:#9f9b94}
.intro-copy {
  color:#aaa69f;
  font-size:17px;
  line-height:1.75;
  margin-top:25px;
  letter-spacing:-.2px}
.hero-actions {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:26px;
  margin-top:29px}
.hero-actions .primary {
  gap:26px}
.text-link {
  font-size:13px;
  text-decoration:none;
  color:#d0ccc5}
.text-link span {
  margin-left:8px}
.purchase-note {
  color:#938f88;
  font-size:11px;
  margin-top:15px!important}
.product-stage {
  margin:20px 0 0}
.mac-scene {
  height:490px;
  border-radius:15px;
  border:6px solid #232323;
  box-shadow:0 0 0 1px #ffffff1c,0 30px 90px #0004;
  position:relative;
  overflow:hidden;
  background:radial-gradient(ellipse at 90% 20%,#bcaaa0 0,transparent 48%),radial-gradient(ellipse at 20% 110%,#3c414f 0,transparent 62%),#7b777e}
.wallpaper-ribbon {
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  transform:rotate(-28deg)}
.ribbon-one {
  width:130%;
  height:650px;
  left:-45%;
  top:-320px;
  background:linear-gradient(150deg,#d6c6b1 15%,#9d8c81 50%,#514f5d 76%);
  box-shadow:15px 35px 50px #30283c55}
.ribbon-two {
  width:100%;
  height:780px;
  right:-65%;
  top:40px;
  background:linear-gradient(130deg,#a9abb4,#464f62 55%);
  box-shadow:-30px -18px 70px #d9d0c04d}
.scene-menu {
  position:relative;
  display:flex;
  justify-content:space-between;
  padding:6px 18px;
  background:#ffffff1a;
  font-size:10px;
  color:#232123;
  height:28px}
.code-window {
  position:absolute;
  left:7%;
  top:156px;
  width:64%;
  height:330px;
  border-radius:11px;
  background:#191a20e8;
  border:1px solid #ffffff26;
  box-shadow:0 20px 50px #1d172b4d;
  transform:rotate(-2deg);
  color:#b9bbc4}
.window-chrome {
  height:36px;
  padding:0 13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:9px;
  border-bottom:1px solid #ffffff0c}
.traffic-lights {
  color:#b58270;
  letter-spacing:3px}
.terminal-copy {
  font:11px/1.9 ui-monospace,SFMono-Regular,Menlo,monospace;
  padding:22px}
.terminal-muted {
  color:#85858f}
.terminal-peach {
  color:#d9a885}
.terminal-green {
  color:#a8b7a1}
.terminal-cursor {
  display:inline-block;
  width:6px;
  height:12px;
  background:#c3b69e;
  margin-left:6px;
  vertical-align:middle}
.product-notch {
  position:relative;
  width:510px;
  max-width:calc(100% - 36px);
  margin:-28px auto 0;
  border-radius:0 0 27px 27px;
  background:linear-gradient(150deg,#090a0a,#131416);
  box-shadow:0 26px 48px #15101a65,0 1px 0 #fff2;
  color:#d8d9dc}
.product-status {
  display:flex;
  justify-content:space-between;
  height:40px;
  padding:0 22px;
  align-items:center;
  font-size:11px;
  font-weight:500;
  color:#b4bbc4}
.working-bars {
  font-style:normal;
  color:#9bafc8;
  margin-right:6px;
  letter-spacing:2px}
.amber {
  color:#e6b66f!important}
.product-inner {
  padding:14px 23px 0}
.product-tabs {
  display:flex;
  gap:2px;
  align-items:center;
  font-size:11px;
  color:#8b9099}
.product-tabs>span {
  padding:7px 11px}
.product-tabs .selected {
  background:#2a2c32;
  border-radius:8px;
  color:#e6e7ed}
.product-tabs .notch-chevron {
  margin-left:auto;
  font-size:16px}
.product-heading {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:24px}
.product-heading strong {
  font-size:22px;
  letter-spacing:-.7px;
  font-weight:600}
.product-heading>span {
  font-size:9px;
  color:#8a9b91;
  border:1px solid #ffffff0b;
  padding:3px 7px;
  border-radius:20px}
.product-subtitle {
  font-size:11px;
  color:#828995;
  margin-top:3px}
.session {
  display:flex;
  align-items:center;
  gap:12px;
  padding:21px 0}
.session+.session {
  border-top:1px solid #ffffff0a}
.provider {
  display:grid;
  place-items:center;
  flex-shrink:0;
  width:32px;
  height:32px;
  border:1px solid #ffffff12;
  border-radius:10px;
  font-size:22px;
  background:#ffffff04}
.provider.claude {
  color:#d7ac8a;
  background:#b7825510;
  border-color:#d9aa791c}
.provider.codex {
  color:#c7d5cf;
  font-size:20px}
.session strong {
  display:block;
  font-size:12px;
  font-weight:550}
.session small {
  display:block;
  font-size:10px;
  color:#828a97;
  margin-top:3px}
.session-state {
  font-size:9px;
  margin-left:auto;
  white-space:nowrap;
  color:#96acca}
.session-state b {
  padding-left:8px;
  color:#666f7b;
  font-size:15px;
  font-weight:400}
.product-bottom {
  border-top:1px solid #ffffff0c;
  display:flex;
  gap:22px;
  padding:14px 0;
  font-size:10px;
  color:#8e97a6}
.product-bottom span:last-child {
  margin-left:auto}
.scene-label {
  position:absolute;
  bottom:29px;
  right:32px;
  display:flex;
  align-items:center;
  gap:9px;
  font-size:11px;
  color:#fff;
  background:#28293466;
  border:1px solid #fff2;
  padding:8px 13px;
  border-radius:30px;
  backdrop-filter:blur(12px)}
.scene-dot {
  height:5px;
  width:5px;
  border-radius:50%;
  background:#e6c299}
.product-stage figcaption {
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:17px 2px;
  font-size:9px;
  color:#928e87;
  letter-spacing:1.6px}
.product-stage figcaption span:last-child {
  letter-spacing:0}
.compatibility {
  padding:34px 0 48px;
  border-bottom:1px solid var(--line);
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:center;
  color:#a09b94;
  font-size:12px}
.compatibility>div {
  display:flex;
  align-items:center;
  gap:29px;
  color:#c0bdb7}
.compatibility b {
  font-size:20px;
  vertical-align:middle;
  margin-right:7px;
  font-weight:400}
.claude-mark {
  color:#cfab90}
.mac-compat {
  color:#a09a90;
  font-size:11px}
.experience {
  padding-top:105px;
  scroll-margin-top:35px}
.section-label {
  font-size:10px;
  letter-spacing:1.7px;
  color:#c3b191;
  margin-bottom:21px}
.section-intro h2,.purchase-heading h2 {
  font-size:clamp(32px,4vw,49px);
  font-weight:500;
  line-height:1.13;
  letter-spacing:-.045em}
.section-intro h2 span {
  color:#8f8c85}
.section-intro>p:last-child {
  font-size:14px;
  color:#96928b;
  line-height:1.8;
  margin-top:23px}
.feature-layout {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-top:42px}
.feature {
  border:1px solid var(--line);
  border-radius:17px;
  background:#171716;
  overflow:hidden}
.feature-copy {
  padding:32px 35px}
.feature-number {
  font-size:9px;
  letter-spacing:1.5px;
  color:#a39989}
.feature h3 {
  font-size:24px;
  letter-spacing:-.8px;
  font-weight:500;
  line-height:1.25;
  margin-top:14px}
.feature p {
  font-size:13px;
  color:#a09b94;
  line-height:1.8;
  margin-top:13px;
  max-width:340px}
.feature-wide {
  grid-column:1/-1;
  display:grid;
  grid-template-columns:1fr 1fr;
  min-height:290px}
.feature-wide .feature-copy {
  padding:43px}
.feature-wide h3 {
  font-size:29px}
.attention-art {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:radial-gradient(ellipse at 50% 0,#55504533,transparent 70%);
  padding:28px 25px}
.compact-notch {
  width:340px;
  max-width:100%;
  border:1px solid #fff1;
  border-radius:0 0 14px 14px;
  background:#060707;
  box-shadow:0 15px 35px #0004;
  display:flex;
  justify-content:space-between;
  gap:18px;
  padding:13px 16px;
  font-size:10px;
  color:#a6b6cb}
.compact-notch span:last-child {
  color:#e6bd81}
.attention-card {
  display:flex;
  align-items:center;
  gap:12px;
  background:linear-gradient(125deg,#20201f,#151515);
  border:1px solid #e9c08728;
  padding:18px;
  border-radius:15px;
  margin-top:12px;
  width:310px;
  max-width:100%;
  box-shadow:0 10px 35px #0004}
.attention-card b {
  font-size:12px;
  font-weight:500}
.attention-card small {
  display:block;
  font-size:10px;
  color:#96918a;
  margin-top:3px}
.attention-card>span:last-child {
  margin-left:auto;
  color:#9b8d7a}
.art-caption {
  font-size:10px;
  color:#a59b8e;
  margin-top:18px}
.reply-art,.usage-art {
  height:216px;
  margin:25px 25px 0;
  padding:26px;
  border:1px solid #fff1;
  border-radius:12px;
  background:linear-gradient(135deg,#212323,#161918);
  box-shadow:0 10px 24px #0002}
.reply-art>div {
  display:flex;
  align-items:center;
  gap:10px;
  font-size:12px}
.reply-art small {
  display:block;
  color:#858b8b;
  font-size:10px}
.reply-art .reply-dot {
  margin-left:auto;
  font-size:9px;
  color:#acbcae}
.reply-art p {
  font-size:15px;
  color:#d1d5d2;
  line-height:1.7;
  margin-top:21px}
.visual-link {
  display:block;
  text-align:right;
  color:#b1b8b1;
  font-size:10px;
  margin-top:13px}
.usage-art {
  background:linear-gradient(125deg,#282622,#1c1b19)}
.usage-art>div:first-child {
  display:flex;
  justify-content:space-between;
  font-size:11px;
  color:#ccc3b5}
.usage-art .example-label {
  font-size:8px;
  letter-spacing:1px;
  color:#a99c87}
.usage-art>strong {
  font-size:42px;
  letter-spacing:-2px;
  font-weight:500;
  display:block;
  margin-top:16px;
  line-height:1.2}
.usage-art>strong>span {
  font-size:13px;
  letter-spacing:0;
  color:#aca391;
  margin-left:5px}
.usage-track {
  height:5px;
  background:#ffffff0a;
  border-radius:10px;
  margin-top:19px;
  overflow:hidden}
.usage-track>span {
  display:block;
  width:68%;
  height:100%;
  background:#c7b28c;
  border-radius:10px}
.usage-art p {
  max-width:none;
  display:flex;
  justify-content:space-between;
  font-size:9px;
  color:#b0a18a;
  margin-top:10px}
.principles {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:55px;
  padding:54px 12px 86px;
  border-bottom:1px solid var(--line)}
.principles>div>span {
  color:#b5a894;
  font-size:23px}
.principles h3 {
  font-size:14px;
  font-weight:550;
  margin-top:14px}
.principles p {
  font-size:12px;
  color:#a09a91;
  margin-top:9px;
  line-height:1.9}
.purchase-section {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  align-items:center;
  padding:105px 35px;
  scroll-margin-top:10px}
.purchase-heading>.brandmark {
  width:44px;
  height:29px;
  margin-bottom:31px}
.purchase-heading>.brandmark:after {
  width:16px;
  height:7px}
.purchase-heading .section-label {
  font-size:9px}
.purchase-heading>p:last-child {
  font-size:14px;
  color:#96928b;
  line-height:1.8;
  margin-top:22px}
.purchase-card {
  padding:32px;
  border:1px solid #cbb59135;
  border-radius:18px;
  background:radial-gradient(ellipse at 95% 0,#6a563526,transparent 70%),#191917;
  box-shadow:0 20px 60px #0002}
.purchase-card-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px}
.purchase-card-top h3 {
  font-size:15px;
  font-weight:550}
.purchase-card-top>span {
  color:#c8b18d;
  font-size:10px;
  padding:3px 8px;
  border:1px solid #c8b18d33;
  border-radius:6px}
.purchase-price {
  font-size:36px;
  letter-spacing:-1.6px;
  line-height:1.2;
  margin-top:24px}
.purchase-price>span {
  display:block;
  font-size:12px;
  letter-spacing:0;
  color:#a79c8d;
  margin-top:8px}
.purchase-card ul {
  list-style:none;
  padding:20px 0 0;
  margin:20px 0 25px;
  border-top:1px solid var(--line);
  font-size:12px;
  color:#b9b2a7;
  line-height:2.5}
.purchase-card li:before {
  content:'✓';
  color:#baaa8e;
  margin-right:12px}
.purchase-button {
  width:100%;
  justify-content:space-between!important}
.purchase-fine {
  font-size:10px;
  text-align:center;
  color:#a69b8b;
  margin-top:13px;
  line-height:1.8}
.purchase-card .message:empty {
  display:none}
.landing-faq {
  display:grid;
  grid-template-columns:1fr 1.35fr;
  gap:70px;
  padding:70px 35px 30px;
  border-top:1px solid var(--line)}
.landing-faq h2 {
  font-weight:500;
  font-size:32px;
  letter-spacing:-1px}
.landing-faq>div>p:last-child {
  font-size:13px;
  color:#a39b90;
  margin-top:22px;
  line-height:1.9}
.landing-faq a {
  text-decoration:none;
  color:#c5b9a5}
.landing-faq details {
  border-color:var(--line);
  padding:20px 0}
.landing-faq details:first-child {
  padding-top:0}
.landing-faq summary {
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  font-size:13px;
  color:#c7c2ba}
.landing-faq summary::-webkit-details-marker {
  display:none}
.landing-faq summary:after {
  content:'+';
  font-size:18px;
  font-weight:300;
  color:#948a7c}
.landing-faq details[open] summary:after {
  content:'−'}
.landing-faq details p {
  font-size:12px;
  color:#a39b90;
  line-height:1.9;
  padding-right:20px;
  margin-top:14px}
.landing-page footer {
  border-color:var(--line);
  color:#a0998f;
  font-size:11px}
.landing-page footer a {
  font-size:11px;
  color:#a29c92}
.landing-page .skip:focus {
  z-index:10}
.landing-page button,.landing-page a {
  touch-action:manipulation}

@media(min-width:1000px) {
  .intro {
  animation:intro-appear .7s ease-out both}
.product-stage {
  animation:intro-appear .9s ease-out both}
@keyframes intro-appear {
  from {
  opacity:0;
  transform:translateY(12px)}
to {
  opacity:1;
  transform:translateY(0)}
}
}

@media(max-width:900px) {
  .landing-page header,.landing-page footer {
  padding:24px}
.landing-page main {
  padding:0 24px 65px}
.compatibility {
  flex-direction:column;
  gap:17px}
.purchase-section {
  gap:35px;
  padding:75px 0}
.landing-faq {
  gap:35px;
  padding:60px 0 20px}
.feature-copy {
  padding:28px}
.feature-wide .feature-copy {
  padding:32px}
.attention-art {
  padding:24px 18px}
.principles {
  gap:25px}
.mac-scene {
  height:440px}
.scene-label {
  bottom:20px;
  right:20px}
}

@media(max-width:600px) {
  .landing-page header {
  height:80px;
  padding:20px}
.landing-page header nav {
  gap:17px}
.landing-page header nav a {
  font-size:11px}
.landing-page header nav a:first-child,.landing-page header nav a:nth-child(3) {
  display:none}
.landing-page header .nav-buy {
  padding:7px 11px}
.landing-page .brand {
  font-size:22px}
.landing-page main {
  padding:0 18px 45px}
.intro {
  padding:41px 0 28px}
.intro-badge {
  font-size:10px;
  margin-bottom:24px}
.intro h1 {
  font-size:clamp(36px,9vw,53px);
  letter-spacing:-.055em}
.intro-copy {
  font-size:14px;
  margin-top:21px;
  line-height:1.75}
.desktop-break {
  display:none}
.hero-actions {
  gap:20px;
  margin-top:24px}
.hero-actions .primary {
  padding:12px 17px;
  font-size:12px;
  gap:16px}
.text-link {
  font-size:11px}
.purchase-note {
  font-size:10px}
.product-stage {
  margin-top:12px}
.mac-scene {
  height:345px;
  border-width:4px;
  border-radius:12px}
.scene-menu {
  font-size:7px;
  padding:5px 8px;
  height:24px}
.scene-menu span:first-child {
  font-size:0}
.scene-menu span:first-child b {
  font-size:8px}
.scene-menu span:last-child {
  font-size:0}
.product-notch {
  max-width:calc(100% - 16px);
  margin-top:-24px;
  border-radius:0 0 19px 19px}
.product-status {
  font-size:9px;
  padding:0 13px;
  height:31px}
.product-inner {
  padding:10px 13px 0}
.product-tabs {
  font-size:9px}
.product-tabs>span {
  padding:5px 8px}
.product-heading {
  margin-top:15px}
.product-heading strong {
  font-size:18px}
.product-heading>span {
  font-size:8px}
.product-subtitle {
  font-size:9px}
.session {
  padding:15px 0;
  gap:8px}
.session .provider {
  width:27px;
  height:27px;
  font-size:19px;
  border-radius:8px}
.session strong {
  font-size:10px}
.session small {
  font-size:8px}
.session-state {
  font-size:8px}
.session-state b {
  padding-left:3px}
.product-bottom {
  padding:11px 0;
  font-size:9px}
.code-window {
  top:130px;
  left:5%;
  width:86%;
  height:260px}
.terminal-copy {
  font-size:8px}
.scene-label {
  bottom:12px;
  right:12px;
  font-size:8px;
  padding:5px 9px}
.product-stage figcaption {
  font-size:7px;
  letter-spacing:.8px;
  gap:12px;
  line-height:1.6}
.product-stage figcaption span:last-child {
  text-align:right;
  max-width:130px}
.compatibility {
  padding:25px 0 32px;
  font-size:11px}
.compatibility>div {
  gap:18px;
  flex-wrap:wrap;
  justify-content:center;
  font-size:12px}
.mac-compat {
  flex-basis:100%;
  text-align:center;
  font-size:10px}
.experience {
  padding-top:60px}
.section-label {
  font-size:9px;
  margin-bottom:16px}
.section-intro h2 {
  font-size:31px}
.section-intro>p:last-child {
  font-size:13px;
  margin-top:18px}
.feature-layout {
  grid-template-columns:1fr;
  margin-top:30px;
  gap:15px}
.feature-wide {
  grid-column:auto;
  grid-template-columns:1fr}
.feature-wide .feature-copy {
  padding:28px}
.feature-wide h3 {
  font-size:26px}
.attention-art {
  min-height:205px;
  padding-top:5px}
.feature-copy {
  padding:25px}
.feature h3 {
  font-size:23px}
.feature p {
  font-size:12px;
  max-width:none}
.reply-art,.usage-art {
  margin:18px 18px 0;
  height:208px;
  padding:25px}
.principles {
  grid-template-columns:1fr;
  gap:28px;
  padding:37px 10px 45px}
.principles>div {
  position:relative;
  padding-left:42px}
.principles>div>span {
  position:absolute;
  left:0;
  top:0}
.principles h3 {
  margin-top:0}
.principles p {
  margin-top:5px;
  max-width:300px}
.purchase-section {
  grid-template-columns:1fr;
  gap:29px;
  padding:58px 0}
.purchase-heading {
  padding:0 10px}
.purchase-heading h2 {
  font-size:40px}
.purchase-card {
  padding:27px}
.landing-faq {
  grid-template-columns:1fr;
  gap:30px;
  padding-top:45px}
.landing-faq>div>p:last-child {
  margin-top:14px}
.landing-page footer {
  gap:19px;
  padding:24px 20px}
.landing-page footer div {
  gap:22px}
}

@media(prefers-reduced-motion:reduce) {
  .landing-page * {
  animation:none!important;
  transition:none!important;
  scroll-behavior:auto!important}
}

/* Three core features, rendered by the native app's own UI code. */
.exact-features {grid-template-columns:1fr;gap:22px}
.exact-features .feature {display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;padding:22px;gap:25px}
.exact-features .feature-copy {padding:25px}
.exact-features .feature h3 {font-size:30px;line-height:1.18}
.native-feature {display:block;width:100%;aspect-ratio:640/704;border:1px solid #ffffff15;border-radius:12px;background:#25262a}
.attention-feature {aspect-ratio:640/350}
.exact-features .feature:nth-child(2) {min-height:320px}
@media(max-width:700px){.exact-features .feature{grid-template-columns:1fr;padding:14px;gap:8px}.exact-features .feature-copy{padding:16px 12px}.exact-features .feature h3{font-size:26px}.exact-features .feature p{max-width:none}.native-feature{aspect-ratio:640/740}.attention-feature{aspect-ratio:640/390}}
/* A compact two-line introduction; allow natural wrapping on narrow screens. */
.intro-copy{max-width:650px;margin-left:auto;margin-right:auto}
.purchase-card{padding:36px;background:radial-gradient(ellipse at 100% 0,#8a795024,transparent 65%),linear-gradient(155deg,#20211e,#171816);border-color:#cbd5bc29;box-shadow:0 22px 70px #0003,inset 0 1px 0 #ffffff07}
.purchase-card-top>span{display:inline-flex;align-items:center;gap:6px;background:#caedbe;color:#273c23;border-color:#d6f5cb;font-weight:600;padding:5px 11px;border-radius:20px;box-shadow:0 2px 12px #c4eeab0a}
.purchase-card-top>span:before{content:'';height:5px;width:5px;background:#487640;border-radius:50%}
.purchase-price{font-size:64px;font-weight:550;letter-spacing:-3px;margin-top:30px;line-height:1.06}
.purchase-price>span{margin-top:12px;font-size:13px;color:#aaa99d;letter-spacing:0;font-weight:400}
.purchase-card ul{padding-top:22px;margin-top:27px;margin-bottom:28px;line-height:2.7}
.purchase-card .purchase-button{padding:15px 18px}
.landing-faq details{overflow:hidden}
.landing-faq summary{transition:color .2s ease}
.landing-faq summary:hover{color:#f1ede6}
.landing-faq summary:after{content:'+';transition:transform .26s cubic-bezier(.22,.8,.24,1),color .2s}
.landing-faq details[open] summary:after{content:'+';transform:rotate(45deg);color:#e0c5a0}
@media(max-width:600px){.purchase-card{padding:27px}.purchase-price{font-size:58px}}
/* A quiet illuminated edge, with a little more warmth on hover. */
.landing-page header .nav-buy{
  position:relative;isolation:isolate;background:linear-gradient(145deg,#3b3328,#24221e 75%);
  border-color:#ddc39869;color:#f1e5d1;
  box-shadow:inset 0 1px 0 #fff1,0 0 14px #edc78912,0 3px 10px #0003;
  transition:background .24s ease,border-color .24s ease,box-shadow .24s ease,transform .24s ease;
}
.landing-page header .nav-buy:before{content:'';position:absolute;inset:-5px;z-index:-1;border-radius:14px;background:radial-gradient(ellipse,#efc88b12,transparent 75%);pointer-events:none}
.landing-page header .nav-buy:hover,.landing-page header .nav-buy:focus-visible{
  background:linear-gradient(145deg,#514332,#302b23 80%);border-color:#edd1a3a6;color:#fff2db;
  box-shadow:inset 0 1px 0 #fff2,0 0 22px #edc78925,0 4px 12px #0003;transform:translateY(-1px);
}
.landing-page header .nav-buy span{display:inline-block;transition:transform .24s ease}
.landing-page header .nav-buy:hover span{transform:translate(1px,-1px)}
/* Social proof design fixtures: clear sample labels, readable without motion. */
.people-preview{display:inline-flex;align-items:center;gap:15px;margin:27px auto 0;padding:10px 13px;text-decoration:none;border:1px solid transparent;border-radius:12px;text-align:left;transition:background .2s,border-color .2s}
.people-preview:hover{background:#ffffff03;border-color:#ffffff0c}
.people-portraits{display:flex;padding-left:7px;flex-shrink:0}
.people-portraits img{width:31px;height:31px;object-fit:cover;border-radius:50%;border:2px solid #111110;margin-left:-7px;filter:saturate(.65)}
.people-preview strong{display:block;font-size:11px;font-weight:500;color:#beb7ab}
.people-preview small{display:block;font-size:9px;margin-top:2px;color:#918a80}
.people-arrow{font-size:12px;color:#a39174;margin-left:3px}
.voices{padding:95px 0 80px;border-bottom:1px solid var(--line);scroll-margin-top:35px}
.voices-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:35px}
.voices h2{font-size:45px;font-weight:500;letter-spacing:-1.8px;line-height:1.12}
.voices h2 span{color:#999288}
.voices-intro{text-align:right;padding-bottom:3px}
.preview-label{display:inline-block;padding:4px 9px;border:1px solid #c9ad7f38;background:#c9ad7f08;border-radius:6px;font-size:10px;color:#cbb693}
.voices-intro p{font-size:12px;color:#9e9486;margin-top:12px;line-height:1.8}
.voice-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.voice-card{display:flex;flex-direction:column;margin:0;padding:29px;border:1px solid #ffffff10;border-radius:16px;background:linear-gradient(135deg,#1b1b19,#161716);transition:border-color .25s,transform .25s}
.voice-card:hover{border-color:#d1bb922d;transform:translateY(-2px)}
.voice-featured{background:radial-gradient(ellipse at 0 0,#8b75591c,transparent 85%),#1c1c19;border-color:#b6a38329}
.voice-card-top{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#a99c87;font-size:10px;letter-spacing:.4px}
.voice-quote-mark{font-family:Georgia,serif;font-size:40px;line-height:24px;color:#84745c}
.voice-card blockquote{font-size:18px;line-height:1.65;letter-spacing:-.35px;color:#d2cdc4;margin:23px 0 28px;flex:1;max-width:450px}
.voice-featured blockquote{color:#e3ded4}
.voice-card figcaption{display:flex;gap:12px;align-items:center;padding:0}
.voice-card figcaption img{width:38px;height:38px;object-fit:cover;border-radius:50%;filter:saturate(.65);border:1px solid #ffffff20}
.voice-card figcaption b{display:block;font-size:11px;font-weight:550;color:#c1b9ad}
.voice-card figcaption small{display:block;font-size:10px;color:#90877b;margin-top:3px}
.voice-origin{border-top:1px solid #ffffff08;padding-top:12px;margin-top:20px;font-size:9px;color:#a89b87}
.voices-footnote{font-size:10px;color:#978d7e;text-align:center;margin-top:20px;line-height:1.8}
.purchase-assurance{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding:0 35px 55px;margin-top:-25px}
.purchase-assurance>div>span{font-size:20px;color:#b4a78f;display:block;margin-bottom:10px}
.purchase-assurance h3{font-size:12px;color:#c2bbaf;font-weight:550}
.purchase-assurance p{font-size:11px;color:#968d80;line-height:1.85;margin-top:8px}
.purchase-assurance a{color:#bcb09b}
@media(max-width:700px){.voices{padding:60px 0 50px}.voices-heading{align-items:flex-start;flex-direction:column;gap:24px}.voices h2{font-size:36px}.voices-intro{text-align:left}.voice-grid{gap:12px}.voice-card{padding:22px}.voice-card blockquote{font-size:15px}.purchase-assurance{padding:0 0 38px;gap:25px;margin-top:-15px}}
@media(max-width:480px){.people-preview{gap:10px;padding:8px 0;max-width:100%}.people-preview strong{font-size:10px}.people-arrow{display:none}.people-portraits img{width:27px;height:27px}.voice-grid{grid-template-columns:1fr}.voice-card blockquote{font-size:17px;max-width:none}.purchase-assurance{grid-template-columns:1fr;gap:20px}.purchase-assurance>div{position:relative;padding-left:32px}.purchase-assurance>div>span{position:absolute;top:0;left:0}.purchase-assurance p{margin-top:4px}}
/* Review redesign: editorial spotlight, then people-first cards. */
.reviews-redesign{position:relative;padding:110px 0 85px}
.reviews-heading{text-align:center;margin:0 auto 42px;max-width:680px}
.reviews-heading .section-label{color:#b7ab94;font-size:9px;letter-spacing:2px;margin-bottom:22px}
.reviews-heading h2{font-size:clamp(38px,5.2vw,65px);letter-spacing:-2.8px;line-height:1.04;font-weight:500}
.reviews-heading h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-2.6px;color:#d4b990;line-height:1.15}
.reviews-subtitle{font-size:14px;color:#a49b8d;margin-top:20px}
.reviews-disclosure{display:inline-flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;font-size:10px;color:#a29889;margin-top:23px!important;line-height:1.7}
.reviews-disclosure>span{padding:2px 7px;border:1px solid #c3ab8130;border-radius:5px;color:#c2ae8e;background:#c3ab8107;font-size:9px}
.reviews-wall{position:relative}
.review-spotlight{position:relative;margin:0;padding:38px 60px 30px;overflow:hidden;border:1px solid #cbb78d29;border-radius:20px;background:radial-gradient(ellipse at 50% -30%,#baa67b1b,transparent 70%),linear-gradient(145deg,#23231e,#191b18);box-shadow:inset 0 1px 0 #ffffff07,0 18px 50px #0002}
.spotlight-quote-mark{color:#bca77f;text-align:center;opacity:.8;line-height:1}
.spotlight-quote-mark svg{width:29px;height:29px}
.review-spotlight blockquote{font-size:clamp(22px,2.45vw,30px);line-height:1.55;letter-spacing:-.7px;font-weight:400;color:#e3dfd5;text-align:center;max-width:850px;margin:19px auto 32px}
.review-spotlight figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:22px;border-top:1px solid #ffffff0b}
.review-person{display:flex;align-items:center;gap:11px;min-width:0;flex-wrap:wrap}
.review-person img{display:block;width:43px;height:43px;border-radius:50%;object-fit:cover;border:1px solid #d6c2a52b;box-shadow:0 2px 6px #0003;flex:none;color:transparent}
.review-person>span:not(.review-sample){min-width:0}
.review-person b{display:block;font-size:13px;color:#e0d9cb;font-weight:550;letter-spacing:-.1px}
.review-person small{display:block;font-size:10px;color:#a39887;margin-top:3px}
.review-sample{font-size:8px;line-height:1.2;color:#a99e8c;padding:4px 6px;border-radius:5px;background:#ffffff04;border:1px solid #ffffff09;margin-left:3px;white-space:nowrap}
.review-context{display:flex;align-items:center;gap:8px;color:#9c927f;font-size:10px;line-height:1.6}
.reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:16px}
.personal-review{margin:0;border:1px solid #ffffff12;border-radius:16px;padding:25px 23px 20px;background:linear-gradient(135deg,#1c1d1a,#171816);display:flex;flex-direction:column;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.personal-review:hover{transform:translateY(-3px);border-color:#c6ae7c30;box-shadow:0 12px 30px #0002}
.personal-review .review-person{gap:10px}
.personal-review .review-person img{width:37px;height:37px}
.personal-review .review-sample{margin-left:auto;font-size:7px;padding:4px}
.personal-review blockquote{margin:24px 0 25px;font-size:15px;line-height:1.85;letter-spacing:-.18px;color:#c8c4b9;flex:1}
.personal-review .review-context{border-top:1px solid #ffffff08;padding-top:15px;font-size:9px;color:#978d7d;align-items:flex-start}
.personal-review .review-context svg{width:14px;height:14px;flex:none;color:#a6926e;margin-top:1px}
.reviews-provenance{text-align:center;margin-top:21px;font-size:10px;color:#958a79;line-height:1.7}
@media(max-width:1050px){.personal-review .review-sample{margin-left:47px}.personal-review{padding:23px 20px}.review-spotlight{padding:33px 38px 26px}}
@media(max-width:700px){.reviews-redesign{padding:65px 0 55px}.reviews-heading{margin-bottom:28px}.reviews-heading h2{letter-spacing:-1.8px}.reviews-heading h2 em{letter-spacing:-1.5px}.review-spotlight{padding:27px 24px}.review-spotlight blockquote{font-size:22px;line-height:1.55;margin:17px 0 25px}.review-spotlight figcaption{flex-direction:column;align-items:flex-start;gap:13px}.reviews-grid{grid-template-columns:1fr;gap:12px;margin-top:12px}.personal-review{padding:23px}.personal-review .review-sample{margin-left:auto}.personal-review blockquote{font-size:16px;margin:20px 0}.review-sample{font-size:8px}.reviews-disclosure{max-width:300px}.reviews-provenance{font-size:9px;padding:0 15px}}
/* Equal review hierarchy, with the same type family as the rest of the site. */
.reviews-equal .reviews-heading h2{font-family:inherit;font-size:clamp(36px,4.6vw,55px);font-weight:500;letter-spacing:-.045em;line-height:1.12}
.reviews-equal .reviews-heading h2 span{color:#aaa296}
.reviews-equal .reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:0;align-items:stretch}
.reviews-equal .personal-review{padding:28px;min-height:280px}
.reviews-equal .personal-review .review-person img{width:43px;height:43px}
.reviews-equal .personal-review blockquote{font-size:16px;line-height:1.8;margin:24px 0 26px}
@media(max-width:600px){.reviews-equal .reviews-grid{grid-template-columns:1fr;gap:14px}.reviews-equal .personal-review{padding:24px;min-height:270px}.reviews-equal .personal-review blockquote{font-size:15px}}
.review-person .review-avatar{display:grid;place-items:center;width:43px;height:43px;flex:none;border-radius:50%;background:linear-gradient(145deg,#494336,#292923);border:1px solid #cdb99230;color:#ded0b6;font-size:13px;font-weight:550}
.personal-review:nth-child(2) .review-avatar{background:linear-gradient(145deg,#354443,#232c2a);color:#b8d1c5}
.personal-review:nth-child(3) .review-avatar{background:linear-gradient(145deg,#3d4150,#272933);color:#c3cbe4}
.personal-review:nth-child(4) .review-avatar{background:linear-gradient(145deg,#4b3d40,#2e2529);color:#dbc0c7}
/* Real purchase and confirmation pages share the landing page's visual language. */
body.purchase-page{background:#111110;color:#eeeae4}
.purchase-page .brandmark{background:#eeeae4}
.purchase-page .brandmark:after{background:#111110}
.purchase-page .primary{background:#eeeae4;border-color:#eeeae4;color:#25231f}
.purchase-page .primary:hover{background:#fff}
.purchase-page .panel{background:radial-gradient(ellipse at 90% 0,#8c79531a,transparent 65%),#1b1c19;border-color:#c9b48b2b}
.purchase-page .eyebrow{color:#beac8b;font-size:10px;letter-spacing:1.8px}
.checkout-intro{padding:15px 0 35px}
.checkout-back{font-size:12px;color:#9d9588;text-decoration:none;display:inline-block;margin-bottom:38px}
.checkout-intro h1{font-size:clamp(38px,5vw,62px);letter-spacing:-.055em}
.checkout-intro .lead{font-size:16px;margin-top:20px;color:#a99f8e}
.checkout-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}
.checkout-order{padding:30px}
.checkout-product{display:flex;align-items:center;gap:17px}
.checkout-product>.brandmark{width:43px;height:28px;flex:none}
.checkout-product h2{font-size:21px;letter-spacing:-.6px}
.checkout-product p{font-size:12px;color:#a8b79a;margin-top:4px}
.checkout-amount{font-size:43px;line-height:1.2;letter-spacing:-1.5px;margin-top:28px}
.checkout-amount small{display:block;font-size:11px;color:#a69b89;letter-spacing:0;margin-top:10px}
.checkout-order ul{padding:22px 0;margin:24px 0 6px;border-top:1px solid #ffffff0c;list-style:none;font-size:12px;color:#bdb5a7;line-height:2.5}
.checkout-order li:before{content:'✓';color:#b4c6a6;margin-right:10px}
.checkout-order>.primary{width:100%;font-size:13px;padding:14px}
.checkout-caption{font-size:10px;color:#958b7b;text-align:center;line-height:1.8;margin-top:16px}
.checkout-legal{font-size:10px;color:#9d9381;margin-top:15px;line-height:1.8;text-align:center}
.checkout-unavailable{border:1px solid #c6b68e22;background:#c6b68e06;border-radius:10px;padding:15px}
.checkout-unavailable b{font-size:13px;color:#d0c3aa;font-weight:500}
.checkout-unavailable p{font-size:12px;color:#a69a87;margin-top:5px;line-height:1.7}
.checkout-next{padding-top:20px}
.checkout-next h2{font-size:25px}
.checkout-next .step{margin:29px 0}
.checkout-next .step h3{font-size:14px}
.checkout-next .step p{font-size:12px;line-height:1.8;color:#a79e8e}
.checkout-help{border-top:1px solid #ffffff0d;padding-top:20px;font-size:11px;color:#a79e8e}
.checkout-order .message:empty{display:none}
.purchase-page .narrow .key{background:#111410;border-color:#aebf9533}
.purchase-page .narrow>.lead{font-size:15px;line-height:1.85}
@media(max-width:700px){.checkout-layout{grid-template-columns:1fr;gap:25px}.checkout-order{padding:25px}.checkout-intro{padding-top:0}.checkout-back{margin-bottom:28px}.checkout-next{padding:10px 4px}.checkout-amount{font-size:36px}}

/* Keep checkout feedback visible even when the purchase starts in the header. */
.landing-page .message:not(:empty) {
  position: fixed;
  z-index: 100;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  max-width: calc(100vw - 32px);
  padding: 14px 20px;
  border: 1px solid #44443e;
  border-radius: 14px;
  background: #242421;
  color: #eeeae4;
  box-shadow: 0 12px 40px #0006;
}

/* The actual narrated product demo; one unobtrusive play/pause control. */
.product-video{position:relative;overflow:hidden;border-radius:15px;border:1px solid #ffffff20;background:#111;box-shadow:0 30px 90px #0004;aspect-ratio:1920/1242}
.product-video video{display:block;width:100%;height:100%;object-fit:contain}
.product-video-toggle{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:100%;border:0;border-radius:inherit;background:#0002;color:#fff;cursor:pointer;transition:none}
.product-video-play{display:grid;place-items:center;width:68px;height:68px;padding-left:3px;border-radius:50%;background:#1b1c1ce6;border:1px solid #ffffff50;box-shadow:0 8px 32px #0005;font-size:24px}
.product-video-label{font-size:13px;font-weight:550;padding:7px 13px;border-radius:20px;background:#191a1ae6}
.product-video-toggle:focus-visible{outline:3px solid #caedbe;outline-offset:-5px}
.product-video.is-playing .product-video-toggle{background:transparent}
.product-video.is-playing .product-video-play,.product-video.is-playing .product-video-label{visibility:hidden}
.product-video-error{position:absolute;bottom:12px;left:12px;right:12px;margin:0;padding:10px;background:#191a1a;color:#fff;text-align:center;font-size:13px;pointer-events:none}
@media(prefers-reduced-motion:reduce){.product-video-toggle{transition:none}}

/* Compact glass volume control with a neutral, native-looking slider. */
.product-video-volume{position:absolute;right:16px;bottom:16px;z-index:2;display:flex;align-items:center;gap:10px;height:36px;padding:0 13px;border:1px solid #ffffff18;border-radius:12px;background:#181a1bc9;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 3px 12px #0002,inset 0 1px 0 #ffffff06;color:#e5e5e5}
.product-video-volume svg{flex:none;width:15px;height:15px;opacity:.8}
.product-video-volume input{appearance:none;-webkit-appearance:none;display:block;width:76px;height:28px;margin:0;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer;box-shadow:none}
.product-video-volume input::-webkit-slider-runnable-track{height:3px;background:#ffffff45;border:0;border-radius:3px}
.product-video-volume input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:10px;height:10px;margin-top:-3.5px;border:0;border-radius:50%;background:#f0f0ee;box-shadow:0 1px 3px #0005}
.product-video-volume input::-moz-range-track{height:3px;background:#ffffff45;border:0;border-radius:3px}
.product-video-volume input::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:#f0f0ee;box-shadow:0 1px 3px #0005}
.product-video-volume input:focus-visible{outline:2px solid #ffffffa0;outline-offset:3px;border-radius:4px}