@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700;900&display=swap');
:root{--pink:#ff566f;--pink-soft:#fff3f6;--lav:#9a7ae8;--ink:#321a35;--muted:#756678;--line:#efdde5;--shadow:0 28px 80px rgba(80,42,78,.14);--radius:28px;--font:'Zen Kaku Gothic New','Hiragino Sans',sans-serif}
body{background:radial-gradient(circle at 85% 5%,#f7efff 0,transparent 24%),#fff;color:var(--ink)}
.header{height:78px;border-bottom:1px solid rgba(239,221,229,.7);box-shadow:0 4px 28px rgba(80,42,78,.04)}.brand{font-size:22px;letter-spacing:-.03em}.brand span{color:var(--pink)}.header nav a{font-size:14px;transition:.2s}.header nav a:hover{color:var(--pink)}
.button{background:linear-gradient(135deg,#ff6a7d,#f74c71);border:0;box-shadow:0 12px 30px rgba(247,76,113,.25);letter-spacing:.02em}.button.outline{background:#fff;color:var(--ink);border:1px solid #d7becb;box-shadow:none}
.hero{width:min(1400px,calc(100% - 48px));grid-template-columns:.72fr 1.3fr;gap:52px;min-height:720px;padding-block:70px 60px}.hero h1{font-size:clamp(50px,5.5vw,82px);line-height:1.16;letter-spacing:-.07em}.hero h1 em{font-style:normal;color:var(--pink)}.hero-copy>p{font-size:20px;line-height:1.9}.hero .actions{flex-wrap:wrap}.hero .button{min-height:58px}.save-note{font-size:13px;font-weight:700;color:#66546a}.hero-visual:before{inset:-90px;background:radial-gradient(circle,#ffe6ed 0,rgba(247,239,255,.75) 42%,transparent 70%)}.hero-visual img{border-radius:22px;border:1px solid #efd8e3;box-shadow:var(--shadow);transform:rotate(.5deg)}.live-caption{position:absolute;right:20px;bottom:-16px;padding:9px 16px;border-radius:999px;background:var(--ink);color:#fff;font-size:12px;font-weight:700}
.web-first{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:32px;padding:30px 36px;border:1px solid #f2ced9;border-radius:24px;background:linear-gradient(115deg,#fff2f5,#fbf7ff)}.web-first strong{display:block;font-size:25px;margin-bottom:5px}.web-first span{color:var(--muted)}.native-status{display:grid;grid-template-columns:auto auto;gap:8px 12px;white-space:nowrap}.native-status b{font-size:13px}.native-status i{padding:2px 10px;border-radius:999px;background:#eee6f9;color:#725b9f;font-size:11px;font-style:normal;font-weight:700}
.account-callout{display:grid;grid-template-columns:1fr 1.3fr auto;align-items:center;gap:36px;margin-block:70px 100px;padding:40px 44px;border-radius:24px;background:#332237;color:#fff;box-shadow:var(--shadow)}.account-callout span{color:#ff8fa0;font-weight:900}.account-callout h2{margin:4px 0 0;font-size:25px}.account-callout p{margin:0;color:#dfd5e0}.account-callout .outline{white-space:nowrap}
.problem{border:0;box-shadow:0 20px 60px rgba(80,42,78,.08)}.problem .solution{background:linear-gradient(135deg,#fff0f4,#faf6ff)}.section{padding-block:105px}.section>h2,.faq>h2{font-size:38px;letter-spacing:-.04em}.steps{background:#fff;border:1px solid var(--line);border-radius:28px;padding:42px 10px;box-shadow:0 20px 60px rgba(80,42,78,.06)}.features article{padding:80px 0}.feature-copy h2{font-size:40px;letter-spacing:-.04em}.mini-ui{border-radius:28px;box-shadow:var(--shadow)}
.comparison{width:min(1040px,calc(100% - 48px))}.comparison table{border-radius:22px;overflow:hidden;box-shadow:0 18px 60px rgba(80,42,78,.08)}.comparison th{background:#fff0f4}.comparison td{font-size:14px}.price-grid article{border-radius:24px;box-shadow:0 14px 40px rgba(80,42,78,.06)}.faq details{padding:24px 8px}.final{padding:62px;background:linear-gradient(135deg,#fff0f4,#f2eaff);box-shadow:0 18px 60px rgba(80,42,78,.08)}
@media(max-width:1000px){.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{text-align:center}.hero .actions{justify-content:center}.account-callout{grid-template-columns:1fr;text-align:center}.web-first{align-items:flex-start}.steps{grid-template-columns:1fr;padding:30px}.steps article{padding:20px;border-right:0;border-bottom:1px solid var(--line)}.steps article:last-child{border:0}}
@media(max-width:620px){.hero{width:min(100% - 28px,1400px);padding-top:45px}.hero h1{font-size:46px}.hero-copy>p{font-size:17px}.hero .actions{display:grid}.hero .button{width:100%}.web-first{flex-direction:column;padding:25px}.account-callout{margin-block:45px 70px;padding:30px 24px}.section{padding-block:72px}.section>h2,.faq>h2{font-size:30px}.feature-copy h2{font-size:30px}.features article{padding:55px 0}.live-caption{right:8px}}

@media(min-width:1001px){.hero{grid-template-columns:.66fr 1.34fr;gap:44px}.hero h1{font-size:clamp(48px,4.7vw,68px);line-height:1.18}}