.v3 .variation-nav,.v3 .demo-story{display:none!important}
.v3 .mobile-welcome{display:flex;flex-direction:column;min-height:100svh;background:#4a2c2a;color:#fff9f0;padding:0 48px 50px;gap:0}
.welcome-header{display:flex;align-items:center;justify-content:space-between;gap:30px;width:100%;max-width:1280px;margin:0 auto;min-height:100px;flex-shrink:0}
.welcome-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 28px/1 var(--display);letter-spacing:-.045em;color:#fff9f0}
.welcome-brand img{width:42px;height:42px;border-radius:12px}
.welcome-header-actions{display:flex;align-items:center;gap:32px}.welcome-header nav{display:flex;gap:28px;align-items:center}.welcome-header nav a{color:#e8d6cb;text-decoration:none;font-size:14px;font-weight:800}.welcome-header nav a:hover{color:#f5c95f}
.welcome-header .language-switcher{display:flex;flex-shrink:0}.welcome-header .lang-option{min-width:36px;min-height:36px;font-size:11px}
.v3 .welcome-content{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:70px;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:45px 0 55px;text-align:left}
.welcome-illustration{width:100%;height:440px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin:0}
.welcome-illustration img{width:520px;height:520px;max-width:none;object-fit:contain;transform:translateY(-20px)}
.welcome-copy{width:100%;max-width:640px}
.welcome-copy h1{font:800 clamp(54px,5.5vw,84px)/1.02 var(--display);letter-spacing:-.05em;margin:0;color:#fff9f0}.welcome-copy h1 em{font-style:normal;color:var(--yellow)}
.welcome-copy>p{font-size:19px;line-height:1.65;color:#e3cfc5;font-weight:600;max-width:540px;margin-top:27px;text-wrap:pretty}
.welcome-actions{display:grid;gap:13px;width:100%;max-width:370px;margin-top:32px}
.welcome-actions a,.welcome-actions button{min-height:54px;display:flex;align-items:center;justify-content:center;border-radius:14px;font:900 15px/1.2 var(--body);letter-spacing:.01em;text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s}
.welcome-download{gap:21px;color:#4a2c2a;background:var(--yellow);border:1px solid #f8d579;box-shadow:0 4px 0 #b58136}.welcome-platforms{display:flex;align-items:center;gap:8px}.welcome-platforms svg{width:23px;height:23px}.platform-divider{height:17px;width:1px;background:#4a2c2a40}
.welcome-try{color:#fff4e5;border:1.5px solid #a27a67;background:#ffffff04;box-shadow:0 3px 0 #301c1a}.welcome-actions a:active,.welcome-actions button:active{transform:translateY(3px);box-shadow:none}.welcome-actions a:focus-visible,.welcome-actions button:focus-visible,.welcome-header a:focus-visible{outline:3px solid #f5c95f;outline-offset:5px}
.welcome-scroll-cue{display:flex;align-items:center;justify-content:center;gap:8px;color:#c6a899;font-size:10px;margin-top:4px;font-weight:700}.welcome-scroll-cue>span[aria-hidden]{font-size:17px;animation:landing-cue 2.4s ease-in-out infinite}
.v3 .content-anchor{height:0}
@media(min-width:821px){
  body.v3.demo-locked{overflow:auto}
  .v3 .demo-shell{display:flex;position:relative;flex-direction:column;height:100svh;min-height:740px;padding:54px 0 30px;background:radial-gradient(ellipse at 50% 72%,#f4d69b70,transparent 68%),#f5ecdc;color:#4a2c2a;border-radius:50% 50% 0 0 / calc(92px - var(--demo-reveal,1)*46px) calc(92px - var(--demo-reveal,1)*46px) 0 0;box-shadow:0 -7px 0 #dcb879,0 -15px 0 #704337;scroll-margin-top:0;overflow:hidden}
  .v3 .demo-shell::before{content:'';position:absolute;top:24px;left:calc(50% - 24px);width:48px;height:3px;background:#b88b53;border-radius:3px;opacity:.4}
  .v3 .demo-grain,.v3 .demo-shell::after,.v3 .demo-nav{display:none}
  .v3 .demo-layout{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;height:auto;padding:0;gap:0}
  .v3 .phone-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;flex:1;min-height:0;padding:0;border:0;gap:24px}
  .v3 .try-head{display:block;flex-shrink:0;text-align:center;border:0;padding:0;width:100%;max-width:550px}
  .v3 .try-head h3{font:800 34px/1.1 var(--display);letter-spacing:-.04em;color:#4a2c2a;margin:0 0 12px}.v3 .try-head h3 br{display:none}
  .v3 .try-head p{font-size:14px;color:#896d5e}.v3 .try-head small{display:none}
  .v3 .phone{flex:1;width:350px;height:100%;max-height:680px;min-height:0;border-radius:44px;border-color:#191516;background:#191516;box-shadow:0 24px 48px #673a242b;transform:none}
  .v3 .phone-screen{border-radius:36px;background:var(--brown);clip-path:inset(0 round 36px)}.v3 .phone-step{inset:-1px}.v3 .topic-step{background:linear-gradient(to bottom,var(--brown) 0 160px,var(--cream) 160px)}
  .v3 .demo-shell[data-step]:not([data-step=topic]) .try-head{display:none}
  .v3.scroll-motion .try-head{opacity:calc(.2 + var(--demo-reveal,1)*.8);transform:translateY(calc((1 - var(--demo-reveal,1))*25px))}
  .v3.scroll-motion .phone{opacity:1;transform:translateY(calc((1 - var(--demo-reveal,1))*80px)) rotate(calc((var(--demo-reveal,1) - 1)*4deg)) scale(calc(.88 + var(--demo-reveal,1)*.12));transform-origin:50% 70%;transition:none}
  .v3 .download-section{border-radius:50% 50% 0 0 / 46px 46px 0 0;box-shadow:0 -6px 0 #d6dfc8;scroll-margin-top:0}
  .v3 main{background:#f5ecdc;overflow:visible}
}
@media(min-width:821px) and (max-width:1100px){.v3 .mobile-welcome{padding-inline:32px}.v3 .welcome-content{gap:35px;grid-template-columns:.85fr 1.15fr}.welcome-illustration img{width:420px;height:420px}.welcome-header-actions{gap:22px}.welcome-header nav{gap:20px}.welcome-copy h1{font-size:60px}.welcome-copy>p{font-size:17px}}
@media(max-width:820px){
  .v3 .mobile-welcome{padding:0 26px 34px;justify-content:flex-start}
  .welcome-header{min-height:96px;display:grid;grid-template-columns:1fr;gap:13px;padding:18px 0 12px}
  .welcome-brand{justify-self:center;font-size:27px}.welcome-brand img{width:35px;height:35px;border-radius:10px}
  .welcome-header-actions{justify-content:center;gap:16px;width:100%}.welcome-header nav{gap:15px}.welcome-header nav a{font-size:10px;white-space:nowrap}.welcome-header .language-switcher{padding:3px;border-radius:999px}.welcome-header .lang-option{padding:0;min-width:25px;width:25px;min-height:25px;height:25px;font-size:9px}
  .v3 .welcome-content{display:flex;flex-direction:column;justify-content:center;flex:1;gap:0;padding:22px 0 0;text-align:center;max-width:420px}
  .welcome-illustration{width:248px;height:202px;margin-bottom:23px;display:block;flex-shrink:0}.welcome-illustration img{width:248px;height:248px;transform:translateY(-30px)}
  .welcome-copy{max-width:420px}.welcome-copy h1{font-size:clamp(31px,8.5vw,42px);line-height:1.04;letter-spacing:-.045em}.welcome-copy>p{font-size:15px;line-height:1.55;margin:20px auto 0;max-width:355px}
  .welcome-actions{margin:26px auto 0;max-width:370px}
}
@media(max-width:820px) and (max-height:730px){.welcome-header{min-height:86px;padding-top:14px;gap:10px}.v3 .welcome-content{padding-top:13px}.welcome-illustration{width:180px;height:143px;margin-bottom:16px}.welcome-illustration img{width:180px;height:180px;transform:translateY(-23px)}.welcome-copy h1{font-size:31px}.welcome-copy>p{font-size:14px;margin-top:14px}.welcome-actions{margin-top:20px;gap:11px}.welcome-actions a,.welcome-actions button{min-height:49px}.v3 .mobile-welcome{padding-bottom:28px}}
@media(prefers-reduced-motion:reduce){.v3.scroll-motion .phone,.v3.scroll-motion .try-head{transform:none;opacity:1}.welcome-scroll-cue>span[aria-hidden]{animation:none}.welcome-actions a,.welcome-actions button{transition:none}}
.welcome-scroll-cue>[data-i18n]{font-size:10px;line-height:1.4;animation:none;transform:none}.v3 .phone:has(.topic-step.is-active) .phone__status{color:white}