@charset "UTF-8";
:root{--green:#20c580;--deep:#123d31;--ink:#172b24;--muted:#63756c;--line:#e3ebe5;--bg:#fafcf9;--mint:#e8f6e9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #158453;outline-offset:6px}button:disabled{cursor:default}.wrap{width:min(1160px,calc(100% - 64px));margin:auto}.header{height:88px;border-bottom:1px solid var(--line);background:#fafcf9f5;position:relative;z-index:5}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;font-size:23px;font-weight:800;letter-spacing:-1px}.brand-icon{width:39px;height:39px;background:var(--green);border-radius:12px;display:grid;place-items:center;color:#fff;font-size:28px;line-height:1;box-shadow:0 3px 0 #17945f}.nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:600}.nav a{padding:12px 0;position:relative;color:#617267}.nav a:hover,.nav a[aria-current=page]{color:var(--deep)}.nav a[aria-current=page]:after{content:"";position:absolute;bottom:4px;left:0;right:0;height:3px;border-radius:3px;background:var(--green)}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:730px;gap:45px;padding-top:50px;padding-bottom:58px}.eyebrow{display:inline-flex;gap:9px;align-items:center;color:#397255;letter-spacing:2px;font-size:12px;font-weight:700}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green)}h1,h2,h3,p{margin:0}h1{font-size:clamp(42px,4.9vw,66px);line-height:1.25;letter-spacing:-2.6px;margin:22px 0 24px;font-weight:850}h1 em{font-style:normal;color:#19995f}.hero-copy>p{max-width:455px;font-size:17px;color:var(--muted);line-height:1.95}.actions{display:flex;align-items:center;gap:24px;margin-top:32px}.store{border:0;background:var(--deep);color:white;border-radius:12px;display:flex;align-items:center;gap:13px;text-align:left;padding:12px 23px;line-height:1.25}.store svg{width:26px;height:30px;fill:currentColor}.store small{font-size:11px;letter-spacing:1px;display:block;opacity:.75}.store strong{display:block;font-size:21px;letter-spacing:-.4px}.text-link{font-weight:600;font-size:14px;border-bottom:1px solid #a8b8aa;padding:5px 0}.hero-note{font-size:12px;color:#7d8b81;margin-top:16px}.hero-art{position:relative;height:600px;display:flex;align-items:center;justify-content:center}.halo{position:absolute;width:510px;height:510px;border-radius:50%;background:#e4f1d8;left:50%;top:51%;transform:translate(-50%,-50%)}.halo:after{content:"";position:absolute;inset:24px;border:1px solid #b4cd9b;border-radius:50%;opacity:.5}.phone{width:241px;height:493px;border-radius:32px;background:#fff;padding:8px;border:1px solid #d8e3db;box-shadow:0 22px 48px -20px #153e3040;overflow:hidden;position:relative}.screen{height:100%;border-radius:25px;overflow:hidden;background:#fff;position:relative}.screen img{width:100%;height:auto;display:block;transform:translateY(-8%)}.phone-main{transform:rotate(7deg) translate(67px,-10px);z-index:2}.phone-back{position:absolute;transform:rotate(-10deg) translate(-99px,23px);width:216px;height:444px;z-index:1}.float-label{position:absolute;background:white;border:1px solid #e8eee3;padding:13px 20px;border-radius:13px;box-shadow:0 10px 25px #2347260b;font-size:14px;font-weight:650;z-index:3}.float-label span{display:inline-grid;place-items:center;background:#e9f6e5;color:#19995f;width:28px;height:28px;border-radius:50%;margin-right:7px}.label-top{top:36px;left:20px;transform:rotate(-5deg)}.label-bottom{bottom:26px;right:0;transform:rotate(4deg)}.intro-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0}.strip-item{display:flex;gap:16px;align-items:center;justify-content:center;border-right:1px solid var(--line)}.strip-item:last-child{border:0}.strip-letter{font-size:27px;color:#a5b49e;font-family:Georgia,serif;font-style:italic}.strip-item strong{display:block;font-size:16px}.strip-item small{font-size:12px;color:var(--muted)}.section{padding:100px 0}.section-heading{text-align:center;margin-bottom:46px}.kicker{font-size:12px;font-weight:700;letter-spacing:2.5px;color:#698d69;margin-bottom:12px}h2{font-size:36px;letter-spacing:-1.2px;line-height:1.35}.section-heading>p{color:var(--muted);margin-top:15px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.feature-card{border:1px solid #e1e9df;border-radius:24px;overflow:hidden;padding:34px 36px 0;position:relative;background:#eef5e8;height:520px}.feature-card.blue{background:#edf5fa;border-color:#e0eaf0}.feature-card.peach{background:#fbf1e6;border-color:#f0e6da}.feature-card.lilac{background:#f0eff8;border-color:#e5e3ef}.feature-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.feature-tag{font-size:12px;letter-spacing:1px;color:#507154}.feature-number{font-family:Georgia,serif;font-size:25px;color:#94a68e}.feature-card h3{font-size:26px;line-height:1.4;margin-bottom:10px;letter-spacing:-.7px}.feature-card p{color:#637368;max-width:390px;font-size:14px}.card-window{width:75%;height:330px;border:6px solid white;background:white;box-shadow:0 10px 32px #24412716;border-radius:24px 24px 0 0;margin:28px auto 0;overflow:hidden;transform:rotate(-3deg)}.card-window img{display:block;width:100%;transform:translateY(-8%)}.blue .card-window{transform:rotate(3deg)}.peach .card-window{transform:rotate(-3deg)}.lilac .card-window{transform:rotate(3deg)}.tool-section{background:#eff4ec;border-top:1px solid #e5ebe1;border-bottom:1px solid #e5ebe1;overflow:hidden}.tool-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:center}.tool-copy>p{margin:20px 0 30px;color:var(--muted)}.tool-list{display:grid;grid-template-columns:1fr 1fr;gap:22px}.tool-group{border-top:1px solid #d6e2d1;padding-top:16px}.tool-group strong{display:block;font-size:15px;margin-bottom:5px}.tool-group p{font-size:13px;color:var(--muted)}.tool-visual{height:520px;position:relative;display:flex;justify-content:center;align-items:flex-start}.tool-visual .phone{width:278px;height:558px;transform:rotate(6deg)}.tool-visual:before{content:"";position:absolute;background:#deebd5;width:400px;height:400px;border-radius:50%;top:60px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:880px;margin:auto}.gallery figure{margin:0;text-align:center}.gallery-shot{height:408px;border-radius:19px;overflow:hidden;border:5px solid white;box-shadow:0 8px 26px #1b3c2412;background:white}.gallery-shot img{display:block;width:100%;transform:translateY(-8%)}figcaption{font-size:14px;margin-top:18px;color:#596e61}.end-note{text-align:center;margin-top:52px;font-size:20px;font-weight:600}.end-note span{color:#189b61}.footer{background:#f2f5ef;border-top:1px solid var(--line);padding:40px 0 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:28px;gap:20px}.footer-links{display:flex;gap:25px;font-size:14px}.footer-bottom{border-top:1px solid #dfe6db;padding-top:21px;display:flex;justify-content:space-between;gap:12px;color:#798576;font-size:12px;flex-wrap:wrap}.footer a:hover{color:#15905a}.legal-hero{padding:60px 0 36px;border-bottom:1px solid var(--line)}.legal-hero h1{font-size:43px;margin:14px 0}.legal-hero p{font-size:14px;color:var(--muted)}.legal-layout{display:grid;grid-template-columns:220px 1fr;gap:65px;padding-top:40px;padding-bottom:80px}.legal-nav{align-self:start;position:sticky;top:30px;display:flex;flex-direction:column;gap:12px;font-size:14px;color:var(--muted)}.legal-nav a:hover{color:#148454}.legal-body{max-width:780px}.draft{border:1px solid #e8d5ad;background:#fff8e9;border-radius:12px;padding:19px 22px;font-size:14px;color:#785f34;margin-bottom:32px}.legal-body section{margin-bottom:30px}.legal-body h2{font-size:22px;margin-bottom:13px;letter-spacing:0}.legal-body p,.legal-body li{color:#536459;font-size:15px;line-height:1.95}.legal-body p+p{margin-top:12px}.legal-body ul{padding-left:21px}.pending{color:#946522;background:#fff3da;padding:1px 5px;border-radius:3px}.skip{position:absolute;left:15px;top:-100px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}@media(min-width:1500px){.hero{min-height:780px}}@media(max-width:1000px){.hero{gap:0}.hero-art{transform:scale(.85);transform-origin:center}.halo{width:430px;height:430px}.hero h1{font-size:49px}.tool-layout{gap:35px}.gallery-shot{height:360px}}@media(max-width:720px){.wrap{width:calc(100% - 36px)}.header{height:74px}.brand{font-size:20px}.brand-icon{width:33px;height:33px;font-size:24px}.nav{gap:18px;font-size:13px}.hero{grid-template-columns:1fr;padding-top:46px;padding-bottom:24px;text-align:center;overflow:hidden}.hero h1{font-size:46px;letter-spacing:-2px}.hero-copy>p{font-size:15px;max-width:400px;margin:auto}.actions{justify-content:center;gap:22px}.hero-art{height:530px;transform:scale(.86);margin:-5px -25px -20px}.label-top{left:25px;top:4px}.label-bottom{right:16px;bottom:2px}.halo{width:440px;height:440px}.intro-strip{grid-template-columns:1fr 1fr;gap:22px 0;padding:24px 0}.strip-item:nth-child(2){border:0}.strip-item{justify-content:flex-start;padding-left:18px}.section{padding:62px 0}h2{font-size:29px}.section-heading{margin-bottom:30px}.section-heading>p{font-size:14px}.feature-grid{grid-template-columns:1fr;gap:18px}.feature-card{padding:25px 26px 0;height:490px}.feature-card h3{font-size:25px}.card-window{max-width:300px;margin-top:24px}.tool-layout{grid-template-columns:1fr;gap:45px}.tool-visual{height:420px}.tool-visual .phone{width:248px;height:498px}.tool-section{padding-bottom:0}.gallery{gap:12px}.gallery-shot{height:225px;border-width:3px;border-radius:12px}figcaption{font-size:12px;margin-top:12px}.end-note{font-size:17px;margin-top:35px}.footer-top{align-items:flex-start;gap:20px}.footer-links{gap:15px;font-size:13px}.footer-bottom{flex-direction:column;font-size:12px}.legal-hero{padding:40px 0 26px}.legal-hero h1{font-size:35px}.legal-layout{grid-template-columns:1fr;gap:28px;padding-top:25px}.legal-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:9px 19px;font-size:13px}.legal-body h2{font-size:20px}.legal-body p,.legal-body li{font-size:15px}}@media(max-width:370px){.brand{font-size:17px}.nav{gap:11px}.hero h1{font-size:40px}.hero-art{transform:scale(.75)}.footer-top{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* iPhone X: every screen uses the same 375 × 812 logical viewport. */
.phone,.phone-back,.tool-visual .phone,.card-window,.gallery-shot{
  height:auto;
  padding:7px;
  border:1px solid #cdd5d0;
  border-radius:32px;
  background:#fff;
  flex-shrink:0;
}
.screen{
  width:100%;
  height:auto;
  aspect-ratio:375 / 812;
  border-radius:25px;
  isolation:isolate;
}
.screen::before{
  content:"";
  position:absolute;
  z-index:2;
  top:0;
  left:23%;
  width:54%;
  height:3.7%;
  background:#fff;
  border-radius:0 0 13px 13px;
}
.screen::after{
  content:"";
  position:absolute;
  z-index:2;
  bottom:1%;
  left:33%;
  width:34%;
  height:.6%;
  border-radius:8px;
  background:#233329;
}
.screen img,.card-window .screen img,.gallery-shot .screen img{
  position:absolute;
  top:0;
  left:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:none;
}
.feature-card{height:auto;padding-bottom:30px}
.card-window{width:62%;max-width:280px;border-radius:32px;margin-top:28px}
.tool-visual{height:auto;min-height:620px;align-items:center}
.gallery-shot{width:100%}
@media(max-width:1000px){
  .tool-visual{min-height:610px}
}
@media(max-width:720px){
  .feature-card{height:auto;padding-bottom:28px}
  .card-window{width:73%;max-width:270px}
  .tool-visual{height:auto;min-height:575px}
  .tool-visual .phone{height:auto}
  .tool-section{padding-bottom:30px}
  .gallery{grid-template-columns:1fr;gap:30px;max-width:270px}
  .gallery-shot{height:auto}
  figcaption{font-size:14px}
}

.privacy-body{min-width:0}.privacy-body a{color:#2459d3;text-decoration:underline;overflow-wrap:anywhere}.privacy-body .policy-list{list-style:none;padding-left:0}.privacy-body li+li{margin-top:8px}

/* Agreement pages use a single content column without a sidebar. */
.legal-layout{display:block}.legal-body{max-width:none}


.privacy-body ol.policy-list{list-style:decimal outside;padding-left:2em;margin:16px 0}.privacy-body ol.policy-list li{padding-left:.3em}.privacy-body ol.policy-list li::marker{font-variant-numeric:tabular-nums;color:#536459}


.privacy-body .policy-subheading{font-size:18px;font-weight:600;color:#536459;margin:24px 0 16px;line-height:1.65}.privacy-body h2{margin-top:36px}.privacy-body .policy-subheading+p{margin-top:0}


/* Decimal sections and alphabetic clauses. */
.privacy-body ol.policy-list{list-style:none;counter-reset:policy-clause;padding-left:2.2em}.privacy-body ol.policy-list>li{counter-increment:policy-clause;position:relative;padding-left:0}.privacy-body ol.policy-list>li::before{content:'(' counter(policy-clause,lower-alpha) ')';position:absolute;left:-2.2em;width:1.8em;font-variant-numeric:tabular-nums}.privacy-body .policy-subheading{font-variant-numeric:tabular-nums}


.reference-policy h2{font-size:22px;font-weight:700;margin:32px 0 16px}.reference-policy h3{font-size:18px;font-weight:600;margin:24px 0 16px;color:#536459}.reference-policy h4{font-size:16px;font-weight:600;margin:22px 0 12px}.reference-policy h5{font-size:15px;font-weight:600;margin:18px 0 10px}.reference-policy ol.policy-list{list-style:decimal outside;padding-left:2em}.reference-policy ol.policy-list>li::before{content:none}.reference-policy p{overflow-wrap:anywhere}


/* Prominent third-party SDK disclosures. */
.reference-policy .sdk-card{margin:28px 0;padding:28px;border:1px solid #d8e5d8;border-radius:14px;background:#f0f5ed}
.reference-policy .sdk-card h3{margin:0 0 20px;color:#172b24;font-size:19px;font-weight:700}
.sdk-card dl{margin:0}
.sdk-field{display:grid;grid-template-columns:170px minmax(0,1fr);gap:16px;margin-top:14px;align-items:start}
.sdk-field dt{font-weight:700;color:#172b24;line-height:1.95;font-size:15px}
.sdk-field dd{margin:0;min-width:0}
.reference-policy .sdk-card p{color:#2459d3;overflow-wrap:anywhere}
.reference-policy .sdk-card a{color:#2459d3;text-decoration-color:currentColor;overflow-wrap:anywhere}
.reference-policy .sdk-card a:hover{color:#1741a6;text-decoration-color:currentColor}
.reference-policy .sdk-card p+p{margin-top:12px}
@media(max-width:720px){.reference-policy .sdk-card{padding:20px 18px}.sdk-field{grid-template-columns:1fr;gap:4px;margin-top:18px}.reference-policy .sdk-card h3{font-size:18px}}

.reference-policy .policy-dates{color:#2459d3}

.footer-bottom{justify-content:center;align-items:center;text-align:center;gap:12px 32px}

/* English copy: allow natural wrapping across screen sizes. */
html[lang=en] .hero h1{font-size:clamp(40px,4.4vw,60px);line-height:1.12;letter-spacing:-2px}
html[lang=en] .feature-card h3{line-height:1.25;max-width:440px}
html[lang=en] .feature-card>p{line-height:1.65}
html[lang=en] .strip-item{min-width:0}
html[lang=en] .strip-item strong{line-height:1.3}
html[lang=en] .strip-item small{line-height:1.5}
html[lang=en] .legal-body{overflow-wrap:break-word}
@media(max-width:720px){html[lang=en] .header{height:auto;min-height:92px}html[lang=en] .header-inner{flex-wrap:wrap;justify-content:center;gap:5px 22px;padding:12px 0}html[lang=en] .nav{gap:22px}html[lang=en] .feature-card{height:570px}html[lang=en] .footer-top{flex-wrap:wrap}html[lang=en] .hero h1{font-size:44px}html[lang=en] .eyebrow{font-size:10px;letter-spacing:1.1px}html[lang=en] .actions{flex-wrap:wrap}html[lang=en] .strip-item{padding:0 12px}html[lang=en] .strip-item strong{font-size:14px}html[lang=en] .strip-item small{font-size:12px}}

/* Supplied MusicLab brand artwork */
img.brand-icon{display:block;object-fit:contain;flex-shrink:0;box-shadow:none}