.hero{padding:56px 0 48px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center}.hero h1{font-size:clamp(48px,7.4vw,96px);line-height:.98;margin-top:24px}.hero h1 .echo{color:var(--lav-deep)}.lede{font-size:19px;line-height:1.6;color:var(--ink2);margin-top:28px;max-width:440px}.lede .em{font-weight:600;color:var(--ink)}.cta{display:flex;gap:12px;margin-top:36px;flex-wrap:wrap}.orb-wrap{position:relative;aspect-ratio:1;max-width:520px;margin-left:auto;width:100%;container-type:inline-size}.orb-wrap .orbit{--orb-r: 50cqw}.orbit{position:absolute;inset:0;border-radius:50%;border:1.5px dashed var(--lav)}.orbit:before,.orbit:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px;border-radius:50%;--r: calc(var(--orb-r, 260px) - 1px)}.orbit:before{background:var(--lav);animation:orbit-cw 100s linear infinite;animation-delay:-17s}.orbit:after{background:var(--sky);animation:orbit-cw 100s linear infinite;animation-delay:-62s}@keyframes orbit-cw{0%{transform:rotate(0) translate(var(--r))}to{transform:rotate(360deg) translate(var(--r))}}.orb{position:absolute;inset:7%;border-radius:50%;background:#f4e6d7;overflow:hidden;box-shadow:var(--shadow)}.orb img{width:100%;height:100%;object-fit:cover;transform:scale(.94)}.bubble{margin:32px auto 0;max-width:900px;background:#fff;border-radius:40px;padding:56px 64px;box-shadow:var(--shadow);position:relative;text-align:center}.bubble:after{content:"";position:absolute;left:50%;bottom:-16px;width:34px;height:34px;background:#fff;transform:translate(-50%) rotate(45deg);border-radius:6px}.bubble p{font-family:var(--sora);font-size:clamp(28px,4vw,52px);line-height:1.12;letter-spacing:-.03em;text-wrap:balance}.bubble footer{margin-top:24px;font-size:14px;color:var(--mute);font-weight:500}.tiles{list-style:none;padding:0;margin:76px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tile{border-radius:var(--r);padding:30px;min-height:240px;display:flex;flex-direction:column;gap:20px}.tile.ic{background:var(--ic2)}.tile.cc{background:var(--cc2)}.tile.ec{background:var(--ec2)}.tile .dot{width:14px;height:14px;border-radius:50%;display:block}.tile.ic .dot{background:var(--ic)}.tile.cc .dot{background:var(--cc)}.tile.ec .dot{background:var(--ec)}.tile p{font-family:var(--sora);font-size:22px;line-height:1.28;letter-spacing:-.02em;flex:1;font-weight:500;text-wrap:balance}.tile small{font-size:13px;color:var(--mute);font-weight:500;line-height:1.5}.simple-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:center}.stage{position:relative;padding:0 48px 64px 0}.device{width:min(100%,330px);aspect-ratio:1179 / 1380;border:10px solid #fff;border-radius:48px;overflow:hidden;background:#eff1f4;box-shadow:0 40px 80px #262a4a29}.device img{width:100%;height:100%;object-fit:cover;object-position:50% 0}.float{position:absolute;right:0;bottom:0;width:min(78%,300px);aspect-ratio:1071 / 468;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 30px 60px #262a4a2e}.float img{width:100%;height:100%;object-fit:cover;object-position:50% 0}.points{margin-top:40px;display:flex;flex-direction:column;gap:14px}.pt{display:grid;grid-template-columns:52px minmax(0,1fr);gap:18px;background:#fff;border-radius:24px;padding:20px 22px;box-shadow:var(--shadow);align-items:start}.ico{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center}.ico.ic{background:var(--ic2);color:var(--ic)}.ico.cc{background:var(--cc2);color:var(--cc)}.ico.ec{background:var(--ec2);color:var(--ec)}.pt h4{font-size:18px;font-weight:600;letter-spacing:-.01em;line-height:1.3}.pt p{font-size:15px;line-height:1.5;color:var(--ink2);margin-top:4px}.c-head p{font-size:18px;line-height:1.6;color:var(--ink2);margin-top:22px}.crows{margin-top:64px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.crow{text-align:center;background:#fff;border-radius:var(--r);padding:36px 28px 32px;box-shadow:var(--shadow)}.disc{--ring: #E2E4EC;position:relative;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;width:72px;height:72px;border-radius:50%;border:5px solid var(--ring)}.disc:before{content:"";box-sizing:border-box;width:48px;height:48px;border-radius:50%;border:5px solid var(--ring)}.disc:after{content:"";box-sizing:border-box;position:absolute;width:24px;height:24px;border-radius:50%;border:4px solid var(--ring)}.crow.ic{--c: var(--ic)}.crow.cc{--c: var(--cc)}.crow.ec{--c: var(--ec)}.crow.ic .disc:after{background:var(--c);border-color:var(--c)}.crow.cc .disc:before{border-color:var(--c)}.crow.ec .disc{border-color:var(--c)}.crow h3{font-size:26px;font-weight:500}.crow .desc{font-size:15px;line-height:1.55;color:var(--ink2);margin-top:12px}.app-card{background:linear-gradient(160deg,var(--lav3),var(--sky2));border-radius:48px;padding:80px 48px 64px;text-align:center}.show-head{max-width:620px;margin:0 auto}.show-head p{font-size:17px;line-height:1.65;color:var(--ink2);margin-top:22px}.show-photo{max-width:980px;margin:56px auto 0;border-radius:32px;overflow:hidden;box-shadow:0 40px 90px #262a4a2e}.show-photo img{width:100%}.show-cta{margin-top:44px}.price-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:stretch}.price-grid .head{text-align:left;max-width:none;margin:0}.plans{list-style:none;padding:0;margin:44px 0 0;display:flex;flex-direction:column;gap:12px}.plan{background:#fff;border-radius:24px;padding:22px 26px;box-shadow:var(--shadow);display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-items:center}.plan .name{font-family:var(--sora);font-size:21px;font-weight:600;display:flex;align-items:center;gap:10px;flex-wrap:wrap;text-transform:lowercase;letter-spacing:-.02em}.plan .tag{font-family:var(--figtree);font-size:12px;font-weight:600;background:var(--ink);color:#fff;border-radius:999px;padding:5px 10px;letter-spacing:0;white-space:nowrap}.plan .desc{font-size:15px;line-height:1.5;color:var(--ink2);margin-top:4px}.plan .price{grid-column:2;grid-row:1 / 3;text-align:right;font-family:var(--sora);font-size:34px;letter-spacing:-.04em;font-weight:500;line-height:1}.plan .price small{display:block;margin:6px 0 0 auto;max-width:150px;font-family:var(--figtree);font-size:13px;letter-spacing:0;font-weight:500;color:var(--mute);line-height:1.4}.plan.featured{background:var(--lav);box-shadow:0 24px 56px #5f67c452}.plan.featured .tag{background:#fff;color:var(--ink)}.plan.featured .desc,.plan.featured .price small{color:var(--ink)}.price-cta{margin-top:36px}.letter-col{display:flex;flex-direction:column;gap:16px}.letter{position:relative;overflow:hidden;border-radius:var(--r);background:var(--lav3);flex:1;min-height:560px;max-height:700px;display:flex;justify-content:center;align-items:flex-start;padding:44px 32px 0}.letter:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:min(100% - 64px,400px);height:170px;background:linear-gradient(to top,#fff 22%,#fff0);pointer-events:none}.sheet{width:min(100%,400px);min-height:100%;border-radius:22px 22px 0 0;padding:32px 30px 36px;background:#fff;box-shadow:0 30px 60px #262a4a29}.sheet .lbl{font-family:var(--sora);font-size:11px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:#a7abc2}.sheet p{font-size:16.5px;line-height:1.62;color:var(--ink);margin:22px 0 0}.letter-col figcaption{font-size:14px;line-height:1.5;color:var(--mute);font-weight:500;text-align:center}@media (max-width: 920px){.hero{padding:32px 0 40px}.hero-grid,.simple-grid{grid-template-columns:1fr;gap:44px}.hero h1{font-size:clamp(40px,11vw,60px)}.orb-wrap{max-width:360px;margin:0 auto}.bubble{padding:40px 28px;border-radius:32px}.tiles,.crows{grid-template-columns:1fr}.tile{min-height:0}.stage{padding:0 24px 48px 0;max-width:420px}.app-card{padding:56px 22px 44px;border-radius:32px}.price-grid{grid-template-columns:1fr;gap:44px}.letter{min-height:0;height:600px;padding:32px 24px 0}}@media (prefers-reduced-motion: reduce){.orbit:before,.orbit:after{animation:none}.orbit:before{transform:rotate(-60deg) translate(var(--r))}.orbit:after{transform:rotate(102deg) translate(var(--r))}}
