@charset "UTF-8";
:root{color-scheme:dark;--bg:#0d1b1e;--surface:#112a2e;--surface-alt:#153237;--text:#fff;--secondary:#9ba7a9;--accent:#0dccf2;--on-accent:#111718;--pink:#ff4f91;--gold:#ffb547;--violet:#b76cff;--line:#ffffff1c;--outline:#9ba7a9;--glow:#0dccf21a;--header:#0d1b1eea;--panel:#10272b;--shadow:#0003;font-family:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
:root[data-theme=light]{color-scheme:light;--bg:#f5f9fa;--surface:#fff;--surface-alt:#e8f3f5;--text:#132a30;--secondary:#49636b;--accent:#00758a;--on-accent:#fff;--pink:#b91f60;--gold:#8a5800;--violet:#7542b8;--line:#cfdfe3;--outline:#6e878e;--glow:#0dccf215;--header:#f5f9faed;--panel:#e8f3f5;--shadow:#132a3014}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.65}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,dialog{color:inherit}button{border:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.1;letter-spacing:-.045em}h2{font-size:clamp(32px,3.7vw,49px);font-weight:740}h3{font-size:22px;letter-spacing:-.025em}p{color:var(--secondary)}[hidden]{display:none!important}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:6px;border-radius:4px}.container{width:min(1180px,calc(100% - 80px));margin-inline:auto}.section{padding-block:104px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:750;color:var(--accent);margin-bottom:22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:var(--accent);color:var(--on-accent);font-weight:700;padding:15px 24px;border-radius:12px}.button:hover{filter:brightness(1.08);transform:translateY(-2px)}.button-small{font-size:13px;padding:10px 18px;border-radius:9px}.skip-link{position:fixed;top:10px;left:16px;z-index:100;transform:translateY(-160%);background:var(--accent);color:var(--on-accent);padding:10px 20px}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:50;background:var(--header);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:23px;font-weight:750;letter-spacing:-.8px;flex-shrink:0}.brand img{border-radius:11px}.brand-dot{color:var(--accent)}.desktop-nav{display:flex;gap:28px;font-size:12px;font-weight:550;color:var(--secondary)}.desktop-nav a:hover,.site-footer a:hover{color:var(--accent)}.header-actions{display:flex;gap:16px;align-items:center}.theme-toggle{height:38px;width:38px;background:transparent;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.theme-toggle:hover{background:var(--surface-alt)}.theme-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.moon-icon{display:none}html[data-theme=light] .moon-icon{display:block}html[data-theme=light] .sun-icon{display:none}.menu-toggle{display:none;width:38px;height:38px;background:transparent}.menu-toggle span{display:block;width:22px;height:2px;background:var(--text);margin:6px auto}.mobile-nav{padding:15px 28px 25px;border-top:1px solid var(--line)}.mobile-nav a{display:block;padding:10px 0}.hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:35px;min-height:740px;padding-block:90px 94px}.hero .eyebrow{display:flex;align-items:center;gap:9px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--glow)}h1{font-size:clamp(45px,5.2vw,72px);font-weight:780;line-height:1.055;letter-spacing:-.055em}h1>span{color:var(--accent)}.hero-description{font-size:16px;line-height:1.8;max-width:400px;margin-top:25px}.store-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.store-button{min-width:176px;display:flex;align-items:center;gap:11px;padding:12px 15px;border:1px solid var(--outline);background:var(--surface);border-radius:12px;text-align:left;transition:transform .2s,border-color .2s}.store-button:hover{transform:translateY(-3px);border-color:var(--accent)}.store-button svg{height:29px;width:29px;fill:currentColor;flex-shrink:0}.store-button small{display:block;font-size:9px;line-height:1.4;color:var(--secondary);letter-spacing:.03em}.store-button strong{font-size:17px;line-height:1.35;font-weight:650;letter-spacing:-.3px;white-space:nowrap}.store-arrow{font-size:16px;color:var(--secondary);margin-left:auto}.platform-note{margin-top:17px;font-size:11px;display:flex;align-items:center;gap:9px}.hero-visual{position:relative;height:510px;isolation:isolate}.hero-visual:before{content:"";position:absolute;inset:5%;background:radial-gradient(ellipse,var(--glow),transparent 70%);z-index:-2}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%;width:440px;height:440px;left:50%;top:47%;transform:translate(-50%,-50%);z-index:-1}.orbit-two{width:350px;height:350px;border-style:dashed;opacity:.8}.hero-art{position:relative;height:100%}.hero-mascot{width:420px;position:absolute;left:50%;top:43%;transform:translate(-50%,-50%) rotate(-8deg);filter:drop-shadow(0 30px 35px #0002);animation:float 6s ease-in-out infinite}.hello-tag{position:absolute;top:10px;left:65px;z-index:2;background:var(--surface-alt);border:1px solid var(--line);padding:11px 20px;border-radius:16px 16px 16px 3px;font-size:13px;font-weight:650;transform:rotate(-7deg)}.hello-tag>span{color:var(--accent);margin-left:6px}.swipe-tag{position:absolute;z-index:2;display:flex;align-items:center;gap:9px;font-size:11px;font-weight:600;padding:12px 17px;border:1px solid var(--line);background:var(--surface);border-radius:12px;box-shadow:0 10px 30px var(--shadow)}.swipe-tag-left{left:-8px;bottom:75px;transform:rotate(-9deg)}.swipe-tag-left>span{color:var(--accent);font-size:21px}.swipe-tag-right{right:-5px;bottom:38px;transform:rotate(7deg)}.swipe-tag-right>span{color:var(--pink);font-size:23px}.spark{position:absolute;color:var(--accent);font-size:40px}.spark-one{right:22px;top:22px;transform:rotate(12deg)}.spark-two{left:25px;top:150px;font-size:24px;color:var(--gold)}.visual-caption{position:absolute;bottom:-12px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.02em}.visual-caption>span{color:var(--accent);margin-right:5px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:56px}.section-heading>p{font-size:14px;line-height:1.8;padding-bottom:5px}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin:0}.steps li{position:relative;border-top:1px solid var(--line);padding-top:24px}.step-number{color:var(--secondary);font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.1em}.step-symbol{font-size:42px;color:var(--accent);height:88px;display:flex;align-items:center;font-weight:300}.swipe-symbol{font-size:28px;gap:12px}.swipe-symbol>span{font-size:42px;color:var(--pink)}.steps h3{font-size:19px;margin-bottom:14px}.steps p{font-size:14px;line-height:1.8;max-width:300px}.text-link{display:inline-flex;gap:30px;color:var(--accent);font-size:13px;font-weight:650;margin-top:30px}.text-link:hover{gap:36px}.progress-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.progress-copy h2>span{color:var(--gold)}.progress-copy>p:not(.eyebrow){max-width:410px;font-size:15px;margin-top:25px}.progress-notes{display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:28px}.progress-notes>span{color:var(--secondary);font-size:11px;white-space:nowrap}.progress-notes>span>span{color:var(--gold);margin-right:6px}.evolution{min-height:270px;position:relative;display:flex;align-items:center;justify-content:center;gap:0;isolation:isolate}.evolution:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse,#ffb5470a,transparent 65%);z-index:-1}.evolution figure{flex:1;min-width:0}.evolution figure img{width:100%;filter:drop-shadow(0 10px 12px var(--shadow))}.evolution-middle{transform:translateY(-25px)}.evolution figcaption{font-size:11px;text-align:center;color:var(--secondary);display:flex;gap:7px;justify-content:center;align-items:center;margin-top:10px}.level-dot{width:5px;height:5px;background:var(--gold);border-radius:50%}.evolution-arrow{color:var(--gold);font-size:20px;flex-shrink:0}.evolution-caption{position:absolute;bottom:-20px;text-align:center;font-size:11px;width:100%}.evolution-track{position:absolute;bottom:47px;left:8%;right:8%;height:1px;background:var(--line);z-index:-1}.custom-panel{background:var(--panel);border:1px solid var(--line);border-radius:28px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:65px;padding:65px 65px 65px 40px;overflow:hidden}.custom-stage{height:340px;position:relative;display:flex;justify-content:center;align-items:center;isolation:isolate}.custom-stage:before{content:"";position:absolute;width:295px;height:295px;border-radius:50%;border:1px solid var(--line);background:radial-gradient(ellipse,var(--glow),transparent 65%);z-index:-1}.custom-stage>img{height:310px;width:310px;object-fit:contain;filter:drop-shadow(0 20px 20px var(--shadow))}.stage-spark{position:absolute;top:0;right:20px;color:var(--gold);font-size:48px;transform:rotate(12deg)}.stage-label{position:absolute;bottom:-18px;font-size:9px;letter-spacing:.16em;color:var(--secondary)}.custom-copy h2{font-size:clamp(30px,3.4vw,43px)}.custom-copy>p:not(.eyebrow):not(.custom-hint){font-size:14px;margin-top:22px}.accessories{display:flex;gap:7px;flex-wrap:wrap;margin-top:25px}.accessories button{font-size:11px;font-weight:600;border:1px solid var(--outline);border-radius:8px;background:transparent;padding:9px 12px;color:var(--secondary)}.accessories button[aria-pressed=true]{border-color:var(--accent);color:var(--on-accent);background:var(--accent)}.accessories button:hover{border-color:var(--accent)}.custom-hint{font-size:10px;margin-top:13px;min-height:33px}.download-section{padding:96px 20px 90px;text-align:center;border-bottom:1px solid var(--line);position:relative}.download-graphic{font-size:56px;font-weight:300;color:var(--accent);height:75px;line-height:1}.download-section .eyebrow{margin-top:8px}.download-section h2{font-size:clamp(35px,4.6vw,59px)}.download-section h2>span{color:var(--accent)}.download-section>p:not(.eyebrow){font-size:14px;line-height:1.8;margin-top:24px}.download-section .store-buttons{justify-content:center}.store-mark{font-size:25px;line-height:1}.download-section>p.download-status{font-size:11px;margin-top:18px}.site-footer{padding-block:46px 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:35px}.footer-top>div>p{font-size:11px;margin-top:10px}.footer-top nav{display:flex;gap:28px;font-size:12px;color:var(--secondary)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:40px;border-top:1px solid var(--line);padding-top:22px;font-size:10px;color:var(--secondary)}.footer-heart{color:var(--pink);font-size:14px;margin-left:7px}.phone-showcase{position:relative;height:100%}.phone{position:absolute;border:6px solid #263b3e;outline:1px solid #6e878e;box-shadow:0 30px 40px #0003;border-radius:33px;overflow:hidden;background:#0d1b1e;width:206px;aspect-ratio:390/844}.phone picture,.phone img{display:block;width:100%;height:100%;object-fit:contain}.phone-back{left:15px;top:28px;transform:rotate(-9deg)}.phone-front{right:30px;top:-5px;transform:rotate(7deg)}.phone-mascot{position:absolute;width:150px;bottom:-6px;left:50%;transform:translateX(-50%);filter:drop-shadow(0 10px 20px #0003)}dialog{border:1px solid var(--line);background:var(--surface);border-radius:24px;padding:36px;width:min(450px,calc(100% - 36px));text-align:center;box-shadow:0 30px 100px #0005}dialog::backdrop{background:#061013b8;backdrop-filter:blur(6px)}dialog>img{margin:0 auto 18px}dialog h2{font-size:28px}dialog p{font-size:14px;margin:18px 0 24px}dialog .button{font-size:13px;gap:15px}.dialog-close{position:absolute;top:12px;right:14px;background:transparent;font-size:28px;width:36px;height:36px;line-height:1}.legal-page{max-width:730px;min-height:60vh;padding-block:90px}.legal-page h1{font-size:clamp(38px,6vw,60px);margin-bottom:30px}.legal-page>p{margin-bottom:22px}.legal-page .legal-status{display:inline-block;border:1px solid var(--line);background:var(--surface);border-radius:8px;font-size:12px;padding:7px 12px;color:var(--gold)}.legal-page a:not(.button){color:var(--accent);text-decoration:underline;text-underline-offset:4px}.legal-page .button{margin-top:15px;font-size:13px}.legal-back{margin:0}
@keyframes float{0%,100%{transform:translate(-50%,-50%) rotate(-8deg)}50%{transform:translate(-50%,-53%) rotate(-5deg)}}
@media(min-width:1440px){.hero{min-height:790px}.hero-visual{height:550px}.hero-mascot{width:470px}.orbit-one{width:490px;height:490px}.orbit-two{width:390px;height:390px}}
@media(max-width:1100px){.container{width:calc(100% - 56px)}.desktop-nav{gap:18px;font-size:11px}.brand{font-size:21px}.hero{gap:15px;min-height:680px}.hero-visual{height:460px}.hero-mascot{width:360px}.orbit-one{width:370px;height:370px}.orbit-two{width:300px;height:300px}.hello-tag{left:30px}.swipe-tag-left{left:0;bottom:65px}.swipe-tag-right{right:0;bottom:20px}.swipe-tag{font-size:10px;padding:9px 12px}.visual-caption{bottom:-25px;font-size:9px}.custom-panel{gap:35px;padding:48px 35px}.custom-stage>img{height:280px;width:280px}.steps{gap:28px}.phone{width:175px;border-radius:29px}.phone-front{right:12px}.phone-back{left:10px}}
@media(max-width:860px){.desktop-nav{display:none}.menu-toggle{display:block}.header-inner{height:74px}.hero{padding-block:64px 80px;min-height:0;grid-template-columns:1.1fr 1fr}h1{font-size:clamp(40px,5.7vw,49px)}.hero-description{font-size:14px}.hero-visual{height:390px}.hero-mascot{width:310px}.orbit-one{width:315px;height:315px}.orbit-two{width:250px;height:250px}.hello-tag{font-size:11px;padding:9px 13px;top:5px;left:20px}.swipe-tag-left{left:-10px;bottom:40px}.swipe-tag-right{bottom:0;right:-5px}.spark-one{right:0;font-size:30px;top:30px}.spark-two{left:0;top:120px}.hero .store-buttons{gap:9px}.hero .store-button{min-width:155px;padding:10px 12px}.hero .store-button strong{font-size:15px}.hero .store-button svg{width:24px}.hero .store-arrow{display:none}.platform-note{font-size:10px;flex-wrap:wrap}.section{padding-block:75px}.section-heading{gap:25px}.section-heading>p{font-size:12px;max-width:230px}.steps{gap:24px}.steps h3{font-size:17px;line-height:1.3}.steps p{font-size:12px}.progress-section{grid-template-columns:1fr;gap:40px}.progress-copy{max-width:600px}.progress-copy>p:not(.eyebrow){max-width:520px}.evolution{max-width:550px;width:100%;margin:auto}.evolution figure img{max-width:170px;margin:auto}.custom-panel{grid-template-columns:.8fr 1fr;gap:25px;padding:40px 28px}.custom-stage{height:290px}.custom-stage:before{width:230px;height:230px}.custom-stage>img{height:235px;width:235px}.custom-copy h2{font-size:31px}.custom-copy>p:not(.eyebrow):not(.custom-hint){font-size:12px}.custom-copy .eyebrow{font-size:9px}.accessories button{font-size:10px;padding:8px 10px}.stage-label{font-size:8px;letter-spacing:.1em}.phone{width:145px;border-width:4px;border-radius:24px}.phone-front{right:-3px}.phone-back{left:4px;top:35px}.phone-mascot{width:110px}}
@media(max-width:620px){.container{width:calc(100% - 40px)}.header-inner{height:68px;gap:14px}.brand{font-size:20px;gap:8px}.brand img{width:32px;height:32px;border-radius:9px}.header-actions{gap:8px}.header-download{display:none}.hero{grid-template-columns:1fr;padding-block:48px 55px;gap:35px}.hero .eyebrow{font-size:9px;margin-bottom:22px}h1{font-size:clamp(43px,10.2vw,64px);line-height:1.06;letter-spacing:-.05em}.hero-description{font-size:14px;max-width:370px;margin-top:22px}.hero .store-buttons{gap:10px;margin-top:26px}.hero .store-button{min-width:0;flex:1;max-width:184px;padding:11px 13px}.hero .store-button strong{font-size:16px}.hero .store-button small{font-size:9px}.hero .store-button svg{width:26px}.platform-note{font-size:10px;margin-top:14px}.hero-visual{height:365px;width:min(380px,100%);margin:12px auto 20px}.hero-mascot{width:320px}.hello-tag{top:0;left:35px}.orbit-one{width:330px;height:330px}.orbit-two{width:265px;height:265px}.spark-one{right:10px;top:20px}.swipe-tag-left{bottom:37px;left:0}.swipe-tag-right{right:0;bottom:0}.visual-caption{bottom:-31px;font-size:9px}.section{padding-block:64px}.section-heading{display:block;margin-bottom:32px}.section-heading h2{font-size:34px}.section-heading>p{max-width:none;margin-top:22px;font-size:13px}.section-heading>p br{display:none}.eyebrow{font-size:9px;margin-bottom:18px}.steps{grid-template-columns:1fr;gap:0}.steps li{display:grid;grid-template-columns:42px 1fr;padding-block:25px;column-gap:16px}.step-number{grid-column:1;grid-row:1;font-size:11px;line-height:1.3;padding-top:2px}.step-symbol{grid-column:1;grid-row:2;height:48px;font-size:31px;align-items:flex-start;margin-top:8px}.swipe-symbol{font-size:14px;gap:1px;line-height:1.7}.swipe-symbol>span{font-size:24px}.steps h3{grid-column:2;grid-row:1;font-size:19px;margin-bottom:10px}.steps p{grid-column:2;grid-row:2;max-width:none;font-size:13px}h2{font-size:34px}.text-link{margin-top:22px}.progress-section{gap:36px;padding-bottom:74px}.progress-copy>p:not(.eyebrow){font-size:14px;margin-top:22px}.progress-notes{gap:9px 16px}.progress-notes>span{font-size:10px}.evolution{min-height:210px}.evolution-middle{transform:translateY(-17px)}.evolution figcaption{font-size:10px;gap:5px}.evolution-arrow{font-size:16px}.evolution-caption{bottom:-10px;font-size:10px}.evolution-track{bottom:35px}.custom-panel{grid-template-columns:1fr;gap:40px;padding:30px 23px 28px;border-radius:22px}.custom-stage{height:270px;grid-row:2}.custom-stage:before{width:250px;height:250px}.custom-stage>img{height:270px;width:270px}.custom-copy h2{font-size:32px}.custom-copy>p:not(.eyebrow):not(.custom-hint){font-size:13px}.custom-copy .eyebrow{font-size:9px}.accessories{gap:7px;margin-top:23px}.accessories button{font-size:10px;padding:9px 11px}.custom-hint{font-size:10px;min-height:0}.stage-label{bottom:-7px}.download-section{padding:40px 0 65px}.download-section h2{font-size:clamp(33px,8.6vw,49px)}.download-section .eyebrow{font-size:9px}.download-section>p:not(.eyebrow){font-size:13px}.download-section .store-buttons{gap:10px}.download-section .store-button{flex:1;min-width:0;max-width:184px;padding:11px 13px}.download-section .store-button strong{font-size:16px}.download-section .store-arrow{display:none}.footer-top{display:block}.footer-top nav{margin-top:28px;gap:28px;font-size:12px}.footer-bottom{font-size:9px;margin-top:28px;gap:10px}.site-footer{padding-block:35px 24px}.phone{width:170px;border-width:5px;border-radius:28px}.phone-front{top:-5px;right:5px}.phone-back{left:8px;top:15px}.hero-visual.has-screenshots{height:435px}.phone-mascot{width:125px;bottom:10px}.legal-page{padding-block:55px}.legal-page h1{font-size:40px}.legal-page>p{font-size:14px}}
@media(max-width:359px){.container{width:calc(100% - 32px)}.hero .store-button{gap:7px;padding:10px}.hero .store-button strong,.download-section .store-button strong{font-size:14px}.hero .store-button svg{width:23px}.hero-visual{height:330px}.hero-mascot{width:285px}.orbit-one{width:285px;height:285px}.orbit-two{width:225px;height:225px}.swipe-tag{font-size:9px;padding:8px 10px}.hello-tag{left:25px}.phone{width:146px}.hero-visual.has-screenshots{height:380px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Original app captures: preserve the entire screen and its aspect ratio. */
.hero-visual .phone {
  width: 44%;
  max-width: 245px;
}
.hero-visual .phone-back {
  left: 4%;
  top: 35px;
  transform: rotate(-7deg);
}
.hero-visual .phone-front {
  right: 4%;
  top: 0;
  transform: rotate(6deg);
}
.hero-visual .phone-mascot {
  left: 14%;
  bottom: -15px;
  width: 125px;
}
.has-screenshots .visual-caption {
  bottom: -55px;
}
.phone img {
  object-fit: contain;
}
.phone picture {
  background: #0d1b1e;
}
html[data-theme=light] picture[data-screen] {
  background: #f5f9fa;
}
.progress-screen {
  position: relative;
  isolation: isolate;
  padding: 20px 0 0;
  background: radial-gradient(ellipse, #ffb5470d, transparent 65%);
}
.feature-phone {
  position: relative;
  inset: auto;
  width: 220px;
  margin-inline: auto;
  transform: none;
  border-radius: 32px;
}
.progress-screen figcaption {
  margin-top: 24px;
  font-size: 11px;
  text-align: center;
  color: var(--secondary);
}
.progress-section .evolution {
  grid-column: 1 / -1;
  width: min(620px, 100%);
  max-width: 620px;
  margin: 12px auto 0;
  min-height: 245px;
}
.progress-section .evolution figure img {
  max-width: 170px;
  margin-inline: auto;
}
.custom-screen-stage {
  height: 500px;
}
.custom-screen-stage:before {
  width: 340px;
  height: 340px;
}
.custom-screen-stage .feature-phone {
  width: 216px;
}
@media (max-width: 1100px) {
  .hero-visual .phone-mascot { width: 115px; }
}
@media (min-width: 621px) and (max-width: 860px) {
  .hero-visual .phone-mascot { width: 105px; }
  .progress-section { grid-template-columns: 1fr 1fr; }
  .progress-section .evolution { margin-top: 30px; }
  .custom-screen-stage .feature-phone { width: 185px; border-radius: 27px; }
  .custom-screen-stage { height: 435px; }
  .custom-screen-stage:before { width: 240px; height: 240px; }
}
@media (max-width: 620px) {
  .hero-visual.has-screenshots { height: 425px; }
  .hero-visual .phone-mascot { width: 110px; bottom: 2px; }
  .has-screenshots .visual-caption { bottom: -31px; }
  .progress-section { gap: 30px; }
  .progress-screen { padding-top: 6px; }
  .progress-section .evolution { min-height: 200px; margin-top: 8px; }
  .custom-screen-stage { height: 470px; margin-top: 0; }
  .custom-screen-stage .feature-phone { width: 207px; }
  .custom-screen-stage:before { width: 280px; height: 280px; }
  .custom-panel { gap: 25px; }
}
@media (max-width: 359px) {
  .hero-visual.has-screenshots { height: 355px; }
  .hero-visual .phone-mascot { width: 100px; }
  .custom-screen-stage .feature-phone { width: 190px; }
  .custom-screen-stage { height: 430px; }
}

/* Keep the story compact while preserving breathing room inside each feature. */
.section { padding-block: 78px; }
.download-section { padding-block: 72px; }

@media (max-width: 860px) {
  .section { padding-block: 60px; }
}

@media (max-width: 620px) {
  .section { padding-block: 52px; }
  .download-section { padding-block: 38px 54px; }
}