:root{--cyan:#3bc9db;--cyan-dark:#18afc3;--cyan-soft:#d8f4f8;--black:#000;--gray:#777;--light:#f7f7f7;--radius:30px;--pad:24px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#eafcff}
body{margin:0;color:var(--black);background:#eafcff;font-family:"Inter",Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,a,summary{-webkit-tap-highlight-color:transparent}
.site{width:100%;max-width:480px;margin:0 auto;background:#fff;overflow:hidden;box-shadow:0 0 40px rgba(20,170,190,.08)}
.section{padding:60px var(--pad) 64px;position:relative;overflow:hidden}
.section--white{background:#fff}
.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.logo{display:inline-flex;flex:none}.logo img{display:block;width:auto;height:36px}
.button{display:flex;align-items:center;justify-content:center;min-height:44px;font-weight:700;border:0;transition:transform .18s ease,opacity .18s ease}
.button:active{transform:scale(.985)}.button:hover{opacity:.88}
.button--soft{background:#f4f4f4;border-radius:999px}.button--login{width:94px}
.button--primary{color:#fff;background:#000;border-radius:15px}
.button--wide{justify-content:space-between;width:100%;height:60px;padding:9px 10px 9px 22px;font-size:17px}
.button__arrow{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;color:#000;background:var(--cyan);font-size:24px;line-height:1}
.button__arrow--white{background:#fff}
.eyebrow{margin:0 0 20px;color:var(--cyan-dark);font-size:12px;font-weight:700}.eyebrow--white{color:#fff}
.eyebrow--pill{display:flex;align-items:center;justify-content:center;width:178px;height:34px;margin:0 auto 14px;border-radius:999px;background:var(--cyan-soft)}
.section-title{margin:0;font-size:34px;line-height:1.04;font-weight:800;letter-spacing:-.035em}
.section-lead{margin:18px 0 20px;color:var(--gray);font-size:15px;line-height:1.42}.section-lead--white{color:#fff}

.hero{padding-top:24px;padding-bottom:56px}
.hero__copy{text-align:center}.hero h1{margin:0;font-size:44px;line-height:.94;font-weight:800;letter-spacing:-.045em}.hero h1 span{color:var(--cyan)}
.hero__lead{margin:16px auto 24px;color:var(--gray);font-size:15.5px;line-height:1.4}
.microcopy{margin:20px 0 22px;color:#aaa;text-align:center;font-size:11px}
.platform-card{height:310px;padding:26px 22px;position:relative;overflow:hidden;border-radius:30px;background:var(--cyan);box-shadow:0 7px 16px 4px rgba(59,201,219,.22)}
.platform-card h2{max-width:295px;margin:0;position:relative;z-index:3;font-size:27px;line-height:.98;font-weight:800;letter-spacing:-.035em}
.platform-card p{margin:12px 0 0;position:relative;z-index:3;color:#fff;font-size:11px;line-height:1.4;font-weight:700}
.platform-card__phone{width:126px;height:192px;object-fit:cover;position:absolute;z-index:4;right:11px;bottom:14px}
.platform-card__plus{position:absolute;left:-2px;bottom:-42px;color:#fff;font-size:180px;line-height:1;font-weight:800;opacity:.16}
.platform-card__rings,.final__visual{position:absolute;inset:0;pointer-events:none}.platform-card__rings i,.final__visual i{position:absolute;border:2px solid rgba(255,255,255,.35);border-radius:50%}
.platform-card__rings i:nth-child(1){width:260px;height:260px;right:-72px;top:42px}.platform-card__rings i:nth-child(2){width:212px;height:212px;right:-48px;top:66px}.platform-card__rings i:nth-child(3){width:164px;height:164px;right:-24px;top:90px}
.tag{display:grid;place-items:center;height:42px;padding:0 31px;position:absolute;z-index:5;left:22px;bottom:34px;border-radius:999px;font-size:12px;font-weight:700}.tag--black{color:#fff;background:#000}

.benefits{padding-top:60px}
.benefit{position:relative;overflow:hidden;border-radius:30px}.benefit h3{margin:0;font-size:24px;line-height:.98;font-weight:800;letter-spacing:-.025em}.benefit p{font-size:11px;line-height:1.35}
.benefit--black{height:220px;margin-top:20px;padding:24px 22px;color:#fff;background:#000}.benefit--black p{position:absolute;left:22px;bottom:24px;margin:0;color:#b7b7b7;font-size:12px}.benefit__infinity{position:absolute;right:16px;top:-36px;color:var(--cyan);font-size:150px;line-height:1;font-weight:800}
.benefits__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.benefits__grid .benefit{height:196px;padding:14px 18px}
.benefit--cyan{background:var(--cyan)}.benefit--cyan h3{font-size:18px}.benefit--cyan p{margin:12px 0 0;color:#fff}.benefit__number{display:block;margin:-10px 0 -7px;font-size:88px;line-height:1.15;font-weight:800}
.benefit--support{background:#f1f1f1}.benefit--support img{display:block;width:86px;height:70px;margin:-4px -10px 3px auto;object-fit:contain}.benefit--support h3{font-size:18px}.benefit--support p{margin:12px 0 0;color:var(--gray)}
.quick-card{height:154px;margin-top:20px;padding:22px 20px;position:relative;overflow:hidden;border-radius:30px;background:var(--cyan-soft)}.quick-card h3{margin:0;position:relative;z-index:2;font-size:23px;line-height:1;font-weight:800}.quick-card p{width:69%;margin:18px 0 0;position:relative;z-index:2;color:var(--gray);font-size:11px;line-height:1.35}.quick-card__number{position:absolute;right:18px;bottom:-12px;color:var(--cyan);font-size:96px;line-height:1;font-weight:800;opacity:.55}

.steps{padding-top:64px;background:linear-gradient(180deg,#d8f4f8 0%,#3bc9db 100%)}
.steps__list{display:grid;gap:16px;margin:22px 0 20px;padding:0;list-style:none}.step{display:grid;grid-template-columns:86px 1fr;align-items:center;min-height:146px;padding:17px 20px;border-radius:30px}.step>strong{font-size:106px;line-height:.9;font-weight:800;text-align:center}.step h3{margin:0;font-size:20px;line-height:1.02;font-weight:800}.step p{margin:10px 0 0;font-size:11px;line-height:1.4}
.step--black{color:#fff;background:#000}.step--black>strong{color:var(--cyan)}.step--black p{color:#b7b7b7}.step--white{background:#fff}.step--white>strong{color:var(--cyan)}.step--white p{color:var(--gray)}.step--cyan{background:var(--cyan)}.step--cyan>strong{color:#fff}.step--cyan p{color:#fff}
.steps__hint{display:grid;place-items:center;height:54px;margin:0;border-radius:999px;background:rgba(255,255,255,.82);font-size:13px;font-weight:700}

.trial{padding-top:64px;padding-bottom:64px}.trial .section-title{margin-bottom:22px}
.offer{overflow:hidden;border-radius:30px;background:#000;box-shadow:0 6px 14px 5px rgba(59,201,219,.24)}.offer__top{height:190px;padding:24px 22px;position:relative;overflow:hidden;background:var(--cyan)}.offer__top h3{margin:0;font-size:26px;line-height:.98;font-weight:800}.offer__seven{position:absolute;right:20px;top:-27px;color:rgba(255,255,255,.55);font-size:174px;line-height:1;font-weight:800}.offer__days{position:absolute;right:15px;bottom:18px;color:#fff;font-size:15px;font-weight:800}.offer__price-free{position:absolute;left:22px;bottom:20px;font-size:45px;font-weight:800}
.offer__bottom{padding:28px 22px 26px;color:#fff}.offer__after{margin:0 0 24px;font-size:16px;font-weight:700}.offer ul{display:grid;gap:18px;margin:0 0 26px;padding:0;list-style:none}.offer li{display:flex;align-items:center;font-size:14px;font-weight:700}.offer li::before{content:"✓";display:grid;place-items:center;width:24px;height:24px;margin-right:12px;flex:none;border-radius:50%;color:#000;background:var(--cyan)}.button--offer{justify-content:space-between;width:100%;height:60px;padding:9px 10px 9px 20px;border-radius:15px;color:#000;background:#fff;font-size:17px}.offer__note{margin:20px 0 0;color:#8c8c8c;text-align:center;font-size:10px}

.faq{padding-top:64px;background:var(--light)}.faq__list{display:grid;gap:14px;margin-top:22px}.faq details{padding:18px;border-radius:20px;background:#fff}.faq details.faq__accent{background:var(--cyan-soft)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;font-size:15.5px;font-weight:800}.faq summary::-webkit-details-marker{display:none}.faq summary span{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;background:var(--cyan)}.faq__accent summary span{background:#fff}.faq summary span::before{content:"−";font-size:18px}.faq details:not([open]) summary span::before{content:"+"}.faq details p{margin:10px 0 0;color:var(--gray);font-size:13px;line-height:1.42}

.final{padding-top:64px;padding-bottom:24px;background:var(--cyan)}.final__visual{height:230px;left:auto;right:0;width:250px}.final__visual i:nth-child(1){width:240px;height:240px;right:-38px;top:-18px}.final__visual i:nth-child(2){width:188px;height:188px;right:-12px;top:8px}.final__visual i:nth-child(3){width:136px;height:136px;right:14px;top:34px}.final__visual strong{position:absolute;right:8px;top:-30px;color:rgba(255,255,255,.46);font-size:190px;line-height:1;font-weight:800}
.final h2{width:280px;margin:0;position:relative;z-index:2;font-size:32px;line-height:.94;font-weight:800;letter-spacing:-.035em}.final>p:not(.final__note){width:270px;margin:40px 0 28px;position:relative;z-index:2;color:#fff;font-size:14px;line-height:1.38}.final .button{position:relative;z-index:2}.final__note{margin:20px 0;color:#fff;text-align:center;font-size:12px;font-weight:700}
.footer{display:flex;flex-direction:column;align-items:center;margin-top:24px;padding:28px 18px 24px;border-radius:30px;background:#fff}.footer__logo img{height:40px}.footer nav{display:flex;align-items:center;gap:8px;margin-top:20px;font-size:11px;font-weight:700}.footer small{margin-top:18px;color:#aaa;font-size:10px}

@media (max-width:359px){:root{--pad:18px}.hero h1{font-size:38px}.section-title{font-size:30px}.platform-card h2{font-size:23px}.platform-card__phone{right:0}.benefit h3{font-size:20px}.benefit--support h3,.benefit--cyan h3{font-size:16px}.step{grid-template-columns:72px 1fr;padding-left:14px;padding-right:14px}.step>strong{font-size:88px}.step h3{font-size:17px}.final h2{font-size:29px}.footer nav{gap:5px;font-size:10px}}
@media (min-width:481px){body{padding:28px 0}.site{border-radius:34px}.platform-card,.offer{box-shadow:0 10px 24px 6px rgba(59,201,219,.2)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}