/* Scoped to the landing pages. Legal pages retain their existing styles. */
.landing{--paper:#f4efe6;--ink:#22271f;--green:#1f4034;--muted:#65695e;--red:#b3402f;--line:#d8d5c9;color:var(--ink);background:var(--paper);font:15px/1.55 'Golos Text',sans-serif}
.landing *,.landing *::before,.landing *::after{box-sizing:border-box}
.landing [hidden]{display:none!important}
.landing :where(h1,h2,h3,p,figure){margin:0}
.landing a{color:inherit;text-decoration:none}
.landing button,.landing textarea{font:inherit}
.landing button{cursor:pointer}
.landing button:disabled{cursor:default;opacity:.65;transform:none}
.landing textarea:disabled{opacity:1;-webkit-text-fill-color:currentColor}
.landing :where(a,button,summary,textarea):focus-visible{outline:2px solid var(--red);outline-offset:5px}
.landing :where(section,main)[id]{scroll-margin-top:28px}
.landing .wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}
.landing .section-space{margin-top:116px}
.landing .icon{flex:none;vertical-align:middle}
.landing .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.landing .skip-link{position:fixed;top:-80px;left:20px;z-index:100;padding:12px 20px;background:var(--green);color:var(--paper);border-radius:8px}
.landing .skip-link:focus{top:10px}
.landing .site-header{height:106px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.landing .brand{display:inline-flex;align-items:center;gap:8px;flex:none}
.landing .brand>span{font:italic 500 32px/1 'Lora',serif;letter-spacing:-1.6px}
.landing .brand img{object-fit:contain}
.landing .brand-dot{color:var(--red);padding-left:4px}
.landing .desktop-nav{display:flex;gap:30px;font-size:13px;color:var(--muted)}
.landing .desktop-nav a{padding-block:12px;transition:color .2s}
.landing .desktop-nav a:hover{color:var(--red)}
.landing .header-actions{display:flex;align-items:center;gap:24px}
.landing .language-link{font-size:12px;color:var(--muted);padding:10px 3px}
.landing .language-link:hover{color:var(--red)}
.landing .header-download{display:flex;align-items:center;gap:14px;padding:10px 19px;border:1px solid #b9bfb2;border-radius:50px;font-size:13px;font-weight:500;transition:background .2s}
.landing .header-download .icon{width:17px;height:17px}
.landing .header-download:hover{background:#e6e6da}
.landing .hero{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;padding-block:28px 38px}
.landing .eyebrow{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:10px;line-height:1.6;font-weight:600;text-transform:uppercase;letter-spacing:1.8px}
.landing .red-dot{width:6px;height:6px;background:var(--red);border-radius:50%;flex:none}
.landing h1{margin-top:27px;font-size:clamp(52px,5.35vw,76px);line-height:1.035;letter-spacing:-.055em;font-weight:600}
.landing h1 em{display:block;margin-top:8px;max-width:520px;font-size:.87em;line-height:1.12}
.landing :where(h1,h2) em{color:var(--green);font-family:'Lora',serif;font-weight:400;letter-spacing:-.045em}
.landing .hero-intro{max-width:414px;margin-top:25px;color:var(--muted);font-size:15px;line-height:1.75}
.landing .hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:20px 22px;margin-top:30px}
.landing .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 22px;border:1px solid transparent;border-radius:9px;font-size:13px;font-weight:500;line-height:1.4;transition:background .2s,transform .2s,box-shadow .2s}
.landing .button:hover{transform:translateY(-2px)}
.landing .button-primary{color:var(--paper);background:var(--green)}
.landing .button-primary:hover{background:#18372b;box-shadow:0 5px 15px #1f403418}
.landing .button-primary .icon,.landing .button-outline .icon{width:21px;height:23px}
.landing .button-outline{border-color:#b8bcb0;color:var(--green)}
.landing .button-outline:hover{background:#e8e9de}
.landing .button-light{color:var(--green);background:var(--paper)}
.landing .button-light:hover{background:#fff9ef}
.landing .demo-link{display:inline-flex;align-items:center;gap:9px;font-size:12px;min-height:44px}
.landing .demo-link:hover{color:var(--red)}
.landing .play-circle{display:grid;place-items:center;width:29px;height:29px;border:1px solid #b9bdb1;border-radius:50%}
.landing .play-circle .icon{width:14px;height:14px}
.landing .hero-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;color:var(--muted);margin-top:17px;font-size:10px}
.landing .hero-meta>span{display:inline-flex;align-items:center;gap:5px}
.landing .hero-meta>span+span::before{content:'';background:#b7b9af;border-radius:50%;width:3px;height:3px;margin-right:8px}
.landing .hero-meta .icon{width:13px;height:13px}
.landing .hero-visual{position:relative;height:655px;border-radius:180px 180px 20px 20px;isolation:isolate;background:radial-gradient(ellipse at 70% 34%,#e3e5d8,#e9e6d9 70%)}
.landing .visual-orbits{position:absolute;inset:0;overflow:hidden;border-radius:inherit;z-index:-1;pointer-events:none}
.landing .orbit{position:absolute;border:1px solid #d1d6c6;border-radius:50%;pointer-events:none}
.landing .orbit-one{width:85%;height:72%;top:17%;left:7%;transform:rotate(-22deg)}
.landing .orbit-two{width:93%;height:57%;top:22%;left:3%;transform:rotate(22deg)}
.landing .visual-note{position:absolute;top:47px;left:32px;font:italic 14px/1.5 'Lora',serif;color:#67725e;transform:rotate(-8deg);width:90px}

.landing .voice-card{position:absolute;top:349px;left:-22px;width:230px;padding:19px;background:#fffcf5;border:1px solid #e5e3d9;border-radius:13px;box-shadow:0 10px 35px #31392a12;transform:rotate(-5deg)}
.landing .tiny-label{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1.3px}
.landing .voice-card .tiny-label{color:var(--muted);font-size:8px}
.landing .voice-card .tiny-label .icon{color:var(--red);width:16px;height:16px}
.landing .voice-card p{font:italic 16px/1.6 'Lora',serif;margin-top:10px}
.landing .voice-wave{display:flex;align-items:center;gap:3px;height:32px;margin-top:12px;color:var(--green)}
.landing .voice-wave i{width:3px;height:calc(var(--bar)*.7);background:currentColor;border-radius:3px;opacity:.65}
.landing .voice-wave span{margin-left:auto;font-size:9px;color:var(--muted)}

.landing .hero-visual figcaption{position:absolute;bottom:17px;width:100%;text-align:center;font:italic 13px/1.5 'Lora',serif;color:#596452}
.landing .benefit-rail{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);padding-block:25px;gap:35px}
.landing .rail-item{display:flex;align-items:flex-start;gap:15px}
.landing .rail-number{color:var(--red);font:italic 15px/1.5 'Lora',serif}
.landing .rail-item strong{display:block;font-size:13px;font-weight:500}
.landing .rail-item div>span{display:block;margin-top:3px;color:var(--muted);font-size:11px}
.landing h2{margin-top:20px;font-size:clamp(34px,3.6vw,48px);font-weight:500;letter-spacing:-.04em;line-height:1.16}
.landing h2 em{line-height:1.3}
.landing .section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:36px}
.landing .section-intro{color:var(--muted);font-size:13px;line-height:1.8;max-width:307px;padding-bottom:5px}
.landing .demo-board{display:grid;grid-template-columns:1.05fr 1fr;border-radius:18px;background:#1e362b;overflow:hidden}
.landing .demo-input-side{padding:35px;color:#f2f0e6}

.landing .demo-input-side .tiny-label{color:#b7c6b6;letter-spacing:1.5px}
.landing .demo-input-side .tiny-label .icon{color:#d59279;width:19px;height:19px}

.landing .demo-note{color:#bac8b8;font-size:10px;margin-top:24px}

.landing .demo-output-side{display:flex;align-items:center;justify-content:center;background:#e1e4d7;padding:37px}

.landing .features-section{background:#eaeade;padding-block:74px 44px}

.landing h3{margin-top:15px;font-weight:500;font-size:20px;letter-spacing:-.03em;line-height:1.3}

.landing .screen-note{color:var(--muted);font-size:10px;text-align:center;margin-top:20px}
.landing .philosophy{text-align:center;padding-block:7px}
.landing .philosophy>img{width:40px;height:40px;opacity:.8}
.landing .philosophy h2{margin-top:25px;font-size:clamp(36px,4.3vw,56px)}
.landing .philosophy p{max-width:375px;margin:23px auto 0;color:var(--muted);font-size:13px;line-height:1.8}
.landing .day-thread{display:flex;justify-content:center;align-items:center;gap:13px;margin-top:34px}
.landing .day-thread i{width:7px;height:7px;border:1px solid #9fa393;border-radius:50%}
.landing .day-thread i:nth-child(-n+2){background:var(--green);border-color:var(--green)}
.landing .day-thread .current{width:9px;height:9px;background:var(--red);border-color:var(--red);box-shadow:0 0 0 5px #b3402f16}
.landing .pricing-section{display:grid;grid-template-columns:1fr 1.75fr;gap:0 50px}
.landing .pricing-heading{padding-top:16px}
.landing .pricing-heading h2{font-size:36px}
.landing .pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.landing .price-card{border:1px solid #d2d5c7;border-radius:12px;padding:25px;display:flex;flex-direction:column}
.landing .price-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:58px}
.landing .price-top h3{font-size:25px;margin:0}
.landing .price-top>span{color:var(--muted);font-size:9px}
.landing .price-amount{font-size:28px;line-height:1.3;font-weight:500;margin-top:25px;letter-spacing:-1px}
.landing .price-amount>span{font-size:12px;letter-spacing:0;font-weight:400}
.landing .price-description{color:var(--muted);font-size:9px;margin-top:7px;min-height:30px}
.landing .price-card ul{padding:22px 0 26px;margin:17px 0 0;list-style:none;border-top:1px solid #ced2c4;flex:1}
.landing .price-card li{display:flex;gap:8px;font-size:11px;line-height:1.6}
.landing .price-card li+li{margin-top:12px}
.landing .price-card li .icon{width:14px;height:14px;margin-top:2px;color:var(--green)}
.landing .price-card .button{width:100%;padding-inline:10px;font-size:11px}
.landing .price-card .button .icon{width:17px;height:19px}
.landing .price-pro{background:#e3e8da;border-color:#b5c3ac}
.landing .price-pro h3>span{color:var(--red)}
.landing .price-top .trial-tag{color:#365339;font-size:8px;background:#d0dcc3;border-radius:40px;padding:5px 8px}
.landing .price-note{grid-column:2;font-size:9px;color:var(--muted);margin-top:17px;max-width:600px;line-height:1.8}
.landing .faq-section{display:grid;grid-template-columns:1fr 1.75fr;gap:50px}
.landing .faq-section h2{font-size:36px}
.landing .text-link{display:inline-flex;align-items:center;gap:9px;margin-top:22px;font-size:12px;color:var(--green);border-bottom:1px solid #a2ae98;padding-block:5px}
.landing .text-link .icon{width:16px;height:16px}
.landing .faq-list{border-top:1px solid var(--line)}
.landing .faq-list details{border-bottom:1px solid var(--line)}
.landing .faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:22px;font-size:13px;font-weight:500;cursor:pointer;list-style:none}
.landing .faq-list summary:hover{color:var(--green)}
.landing .faq-plus{font-size:23px;font-weight:400;color:#747d69;line-height:1;transition:transform .2s}
.landing .faq-list details[open] .faq-plus{transform:rotate(45deg)}
.landing .faq-list details>p{font-size:12px;line-height:1.85;color:var(--muted);padding:0 30px 24px 0}
.landing .faq-list p a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.landing .closing{margin-bottom:54px}
.landing .closing-inner{background:#203c30;border-radius:18px;color:#f4f1e7;padding:52px 24px;text-align:center;position:relative;overflow:hidden}
.landing .closing-inner>img{border-radius:18px;width:62px;height:62px;box-shadow:0 5px 15px #10221940}
.landing .closing h2{font-size:48px;margin-top:25px}
.landing .closing h2 em{color:#d3dfc4}
.landing .closing p{color:#c4cfbb;font-size:13px;margin:20px auto 27px}
.landing .closing .button-primary{background:#f4efe6;color:var(--green)}
.landing .closing .button-primary:hover{background:#dce7cf}
.landing .closing-note{display:block;margin-top:15px;color:#c4cfbb;font-size:10px}
.landing .site-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;padding-block:0 40px}
.landing .footer-brand .brand>span{font-size:25px}
.landing .footer-brand .brand img{width:25px;height:25px}
.landing .footer-brand p{margin-top:9px;color:var(--muted);font-size:10px}
.landing .footer-brand>span{display:block;margin-top:17px;color:var(--muted);font-size:9px}
.landing .footer-links{display:grid;grid-template-columns:auto auto;gap:12px 32px;font-size:10px;color:var(--muted);padding-top:6px}
.landing .footer-links a:hover{color:var(--red)}
@media(min-width:1500px){.landing .hero-visual{height:680px}}
@media(max-width:1100px){
  .landing .wrap{width:calc(100% - 64px)}.landing .hero{gap:28px}.landing h1{font-size:62px}
  .landing .hero-visual{height:640px}
  .landing .voice-card{width:194px;left:-12px;top:359px;padding:15px}.landing .voice-card p{font-size:14px}.landing .voice-wave{gap:2px}
  .landing .visual-note{left:16px;font-size:12px;width:80px}
  .landing .hero-cta{gap:12px}.landing .demo-link{font-size:11px}
  .landing .demo-input-side,.landing .demo-output-side{padding:26px}

  .landing .pricing-section{grid-template-columns:1fr 2fr;gap:30px}.landing .pricing-heading h2{font-size:30px}.landing .price-card{padding:22px 18px}
}
@media(max-width:820px){
  .landing .wrap{width:calc(100% - 48px)}.landing .section-space{margin-top:80px}.landing .site-header{height:88px}.landing .desktop-nav{display:none}
  .landing .hero{padding-top:24px;gap:20px}.landing h1{font-size:50px}.landing .eyebrow{font-size:9px;letter-spacing:1.2px}.landing .hero-intro{font-size:13px}
  .landing .hero-visual{height:600px}.landing .visual-note{display:none}
  .landing .voice-card{width:174px;top:368px;padding:13px}.landing .voice-card p{font-size:12px}.landing .voice-wave i:nth-of-type(n+17){display:none}
  .landing .hero-visual figcaption{font-size:11px}
  .landing .hero-cta{margin-top:22px}.landing .hero-meta{flex-direction:column;align-items:flex-start;gap:5px}.landing .hero-meta>span+span::before{display:none}
  .landing .benefit-rail{gap:15px}.landing .rail-item{gap:8px}.landing .rail-item strong{font-size:11px}.landing .rail-item div>span{font-size:10px}
  .landing .section-heading{display:block}.landing .section-intro{max-width:450px;margin-top:20px}
  .landing .demo-board{grid-template-columns:1fr}.landing .demo-input-side{padding:32px}
  .landing .demo-output-side{padding:36px 48px}

  .landing .pricing-section{display:block}.landing .pricing-heading h2{font-size:36px}.landing .pricing-grid{margin-top:30px}
  .landing .price-top{min-height:45px}.landing .price-card{padding:26px}.landing .price-note{margin-top:16px}
  .landing .faq-section{grid-template-columns:1fr;gap:28px}
}
@media(max-width:600px){
  .landing .wrap{width:calc(100% - 40px)}.landing .section-space{margin-top:68px}.landing .site-header{height:80px;gap:12px}
  .landing .brand>span{font-size:28px}.landing .brand img{width:28px;height:28px}.landing .header-actions{gap:17px}.landing .header-download{font-size:12px;padding:8px 15px;gap:8px}
  .landing .hero{grid-template-columns:1fr;gap:35px;padding-top:30px;padding-bottom:30px}.landing .hero-copy{text-align:center}
  .landing .hero-copy .eyebrow{justify-content:center;font-size:9px}.landing h1{font-size:clamp(50px,11.8vw,68px);margin-top:23px;line-height:1.025}
  .landing h1 em{max-width:410px;margin:7px auto 0;font-size:.84em}.landing .hero-intro{max-width:330px;margin:22px auto 0;font-size:13px;line-height:1.75}
  .landing .hero-cta{flex-direction:column;justify-content:center;gap:13px;margin-top:25px}.landing .hero-cta>.button{min-width:212px}.landing .demo-link{font-size:12px}
  .landing .hero-meta{flex-direction:row;justify-content:center;gap:8px 12px;margin-top:12px;font-size:9px}.landing .hero-meta>span+span::before{display:inline;margin-right:5px}
  .landing .hero-visual{height:614px;width:min(100%,410px);margin-inline:auto;border-radius:160px 160px 16px 16px}
  .landing .voice-card{left:-6px;top:350px;width:185px;padding:15px}.landing .voice-card p{font-size:13px}
  .landing .hero-visual figcaption{bottom:17px;font-size:12px}
  .landing .benefit-rail{grid-template-columns:1fr;gap:18px;padding-block:24px}.landing .rail-item{align-items:center;gap:16px}.landing .rail-item strong{font-size:13px}.landing .rail-item div>span{font-size:11px;margin-top:2px}.landing .rail-number{font-size:17px}
  .landing h2{font-size:34px;margin-top:15px}.landing .section-heading{margin-bottom:26px}.landing .section-intro{font-size:12px;margin-top:17px}
  .landing .demo-board{border-radius:12px}.landing .demo-input-side{padding:24px 21px}
  
  .landing .demo-note{line-height:1.7;margin-top:20px}.landing .demo-output-side{padding:27px 19px}
  
  .landing .features-section{padding-block:45px 27px}

  .landing .philosophy h2{font-size:36px}.landing .philosophy p{font-size:12px;max-width:290px}
  .landing .pricing-heading h2{font-size:34px}.landing .pricing-grid{grid-template-columns:1fr;gap:17px}.landing .price-card{padding:27px}.landing .price-top{justify-content:space-between;min-height:30px}
  .landing .price-top>span{font-size:11px}.landing .price-amount{font-size:33px;margin-top:20px}.landing .price-description{min-height:0;font-size:11px}.landing .price-card li{font-size:12px}.landing .price-card .button{font-size:12px}.landing .price-top .trial-tag{font-size:10px}.landing .price-note{font-size:10px}
  .landing .faq-section h2{font-size:34px}.landing .faq-list summary{font-size:13px;line-height:1.55}.landing .faq-list details>p{padding-right:10px;font-size:12px}
  .landing .closing{width:calc(100% - 24px);margin-bottom:38px}.landing .closing-inner{padding:40px 21px;border-radius:12px}.landing .closing h2{font-size:35px}.landing .closing p{font-size:12px;max-width:235px;line-height:1.8}
  .landing .site-footer{flex-wrap:wrap;gap:28px 18px}.landing .footer-brand{width:100%}.landing .footer-links{gap:14px 25px;font-size:10px}.landing .site-footer>.language-link{margin-left:auto;font-size:10px}
}
@media(max-width:360px){
  .landing .wrap{width:calc(100% - 32px)}.landing .hero-meta{font-size:8px}.landing .hero-visual{height:579px}
  .landing .voice-card{width:165px;top:335px}.landing .demo-input-side{padding-inline:18px}
}
/* Supplied screenshots include their own device frame. */
.landing .framed-shot {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1470 / 3000;
  border-radius: 22% / 11%;
}
.landing .hero-device {
  position: absolute;
  top: 24px;
  left: 53%;
  width: 281px;
  transform: translateX(-50%);
}
.landing .hero-device-motion {
  transform: translate3d(var(--device-x, 0px), var(--device-y, 0px), 0) rotate(calc(2deg + var(--device-rotate, 0deg)));
  transition: transform 350ms cubic-bezier(.2,.7,.3,1);
  filter: drop-shadow(0 20px 18px #26372124);
}
.landing .voice-card {
  transform: translate3d(var(--card-x, 0px), var(--card-y, 0px), 0) rotate(-5deg);
  transition: transform 400ms cubic-bezier(.2,.7,.3,1);
}

.landing .product-tour {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 64px;
}
.landing .tour-menu { min-width: 0; }
.landing .tour-hint { color: var(--muted); margin: 0 0 18px 18px; font-size: 9px; }
.landing .tour-tabs { display: grid; gap: 5px; }
.landing .tour-tab {
  display: grid;
  grid-template-columns: 23px 1fr 18px;
  gap: 13px;
  align-items: start;
  padding: 16px 18px;
  border-radius: 10px;
  border: 1px solid transparent;
  transition: background 220ms, border-color 220ms;
}
.landing .tour-tab:hover { background: #f5f3e880; }
.landing .tour-tab[aria-selected="true"] { background: #f8f5ed; border-color: #d6d9cb; }
.landing .tour-number { font: italic 14px/1.6 'Lora',serif; color: #767d6c; }
.landing .tour-tab[aria-selected="true"] .tour-number { color: var(--red); }
.landing .tour-tab-copy { display: grid; gap: 6px; }
.landing .tour-tab-copy strong { font-size: 16px; font-weight: 500; line-height: 1.4; letter-spacing: -.02em; }
.landing .tour-tab-copy > span { font-size: 12px; line-height: 1.7; color: var(--muted); }
.landing .tour-tab > .icon { width: 17px; height: 17px; margin-top: 3px; color: #78816c; transition: transform 220ms; }
.landing .tour-tab[aria-selected="true"] > .icon { color: var(--green); transform: translateX(3px); }
.landing .tour-stage {
  min-width: 0;
  border-radius: 160px 160px 15px 15px;
  background: radial-gradient(ellipse at 60% 35%, #d6dfcb, #e1e5d7 72%);
}
/* Without JS all six frames can be scrolled, and menu links target them. */
.landing .tour-panels { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; border-radius: inherit; }
.landing .tour-panel {
  min-width: 0;
  flex: 0 0 100%;
  padding: 27px 22px 24px;
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 19px;
}
.landing .tour-shot { display: block; width: min(278px, 100%); filter: drop-shadow(0 15px 15px #27352320); cursor: zoom-in; }
.landing .tour-zoom { font-size: 10px; line-height: 1.5; color: var(--muted); text-decoration: underline; text-underline-offset: 3px; padding: 10px; margin-top: -14px; }
.landing .tour-zoom:hover { color: var(--red); }
.landing .tour-panel figcaption { display: flex; align-items: baseline; gap: 12px; color: var(--green); font-size: 11px; text-align: center; }
.landing .tour-panel figcaption > span { font-size: 9px; color: var(--muted); flex: none; }
.landing .tour-enhanced .tour-panels { display: grid; overflow: hidden; }
.landing .tour-enhanced .tour-panel { grid-area: 1 / 1; }
@media(min-width:1500px) { .landing .hero-device { width: 293px; } }
@media(max-width:1100px) {
  .landing .hero-device { width: 271px; }
  .landing .product-tour { gap: 32px; }
  .landing .tour-tab { padding: 14px 12px; gap: 10px; }
  .landing .tour-tab-copy strong { font-size: 14px; }
  .landing .tour-tab-copy > span { font-size: 11px; }
}
@media(max-width:820px) {
  .landing .hero-device { width: 252px; top: 25px; }
  .landing .product-tour { gap: 24px; }
  .landing .tour-tab { grid-template-columns: 18px 1fr; padding: 12px 10px; }
  .landing .tour-tab > .icon { display: none; }
  .landing .tour-shot { width: min(262px, 100%); }
  .landing .tour-panel { padding: 27px 17px 22px; }
  .landing .tour-panel figcaption { flex-direction: column; align-items: center; gap: 4px; }
}
@media(max-width:600px) {
  .landing .hero-device { width: 263px; top: 22px; left: 54%; }
  .landing .product-tour { grid-template-columns: 1fr; gap: 24px; }
  .landing .tour-hint { margin-left: 0; }
  .landing .tour-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
  .landing .tour-tab { display: flex; flex-direction: column; gap: 7px; padding: 13px 10px; border-color: #d9ddcf; background: #f5f3e860; }
  .landing .tour-number { font-size: 11px; }
  .landing .tour-tab-copy strong { font-size: 11px; line-height: 1.5; }
  .landing .tour-tab-copy > span { display: none; }
  .landing .tour-tab[aria-selected="true"] { border-color: #8e9f80; }
  .landing .tour-shot { width: min(264px, 100%); }
  .landing .tour-stage { border-radius: 130px 130px 12px 12px; }
  .landing .tour-panel figcaption { font-size: 12px; }
}
@media(max-width:360px) {
  .landing .hero-device { width: 248px; left: 51%; top: 18px; }
  .landing .tour-tab { padding-inline: 8px; }
  .landing .tour-tab-copy strong { font-size: 10px; }
  .landing .tour-shot { width: min(246px, 100%); }
}
/* A single capture example with the actual receipt from the supplied PNG.
   Viewport: x=118, y=1572, width=1234, height=470 in the 1470x3000 source.
   The image file is unchanged; only its receipt area is visible here. */
.landing .demo-input-side { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 44px 36px; }
.landing .demo-phrase { margin-top: 26px; font: italic 32px/1.5 'Lora',serif; letter-spacing: -.02em; }
.landing .demo-wave { display: flex; align-items: center; gap: 4px; height: 38px; margin: 20px 0 30px; color: #bfceb5; }
.landing .demo-wave i { display: block; width: 3px; height: var(--bar); background: currentColor; border-radius: 3px; }
.landing #demo-replay { font-size: 12px; }
.landing #demo-replay .icon { width: 17px; height: 17px; }
.landing .demo-note { margin-top: 18px; line-height: 1.7; }
.landing .demo-output-side { flex-direction: column; align-items: stretch; gap: 25px; padding: 37px; }
.landing .demo-output-side > .tiny-label { color: var(--muted); }
.landing .receipt-link { display: block; width: 100%; }
.landing .receipt-crop { display: block; width: 100%; aspect-ratio: 1234 / 470; position: relative; overflow: hidden; background: var(--paper); border-radius: 18px; }
.landing .receipt-crop img { position: absolute; display: block; width: 119.124797%; max-width: none; height: auto; left: -9.562399%; top: -334.468085%; }
.landing .receipt-link-label { display: flex; align-items: center; justify-content: center; gap: 8px; color: var(--green); font-size: 11px; margin-top: 16px; padding-block: 8px; }
.landing .receipt-link-label .icon { width: 17px; height: 17px; transition: transform 200ms; }
.landing .receipt-link:hover .receipt-link-label .icon { transform: translateX(4px); }
@media(max-width:1100px) { .landing .demo-input-side { padding: 35px 28px; } .landing .demo-output-side { padding: 28px; } }
@media(max-width:820px) { .landing .demo-output-side { padding: 32px; } }
@media(max-width:600px) {
  .landing .demo-input-side { padding: 30px 23px; }
  .landing .demo-phrase { font-size: 28px; margin-top: 20px; }
  .landing .demo-wave { margin-block: 18px 24px; }
  .landing .demo-output-side { padding: 27px 20px; gap: 20px; }
  .landing .receipt-crop { border-radius: 12px; }
  .landing .receipt-link-label { font-size: 10px; }
}
@media(prefers-reduced-motion:reduce){.landing *,.landing *::before,.landing *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}