.in{max-width:1180px;margin:0 auto;padding:0 20px}.hero{padding:48px 0 40px;overflow:hidden;background:radial-gradient(1100px 500px at 85% 10%,#efe8ff 0,#efe8ff00 70%),radial-gradient(600px 400px at 0% 100%,#fff4d6 0,#fff4d600 70%)}.hero .in{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}.hero h1{font-size:clamp(34px,5vw,56px);margin:16px 0 18px;font-weight:800;letter-spacing:-.02em}.hero h1 .hl{color:var(--violet);position:relative;white-space:nowrap}.hero h1 .hl:after{content:"";position:absolute;left:0;right:0;bottom:.02em;height:.22em;background:var(--sun);opacity:.55;z-index:-1;border-radius:4px}.lead{font-size:19px;color:var(--ink-2);max-width:560px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 14px}.hero-note{font-size:14px;color:var(--ink-2);font-weight:700}.hero-vis{position:relative;height:520px}.sheet{position:absolute;width:330px;height:467px;background:#fff;border-radius:6px;box-shadow:0 2px 4px #1c144014,0 20px 50px #1c144029;overflow:hidden}.sheet .pv{transform:scale(.416);transform-origin:0 0;width:210mm;pointer-events:none}.sheet.s1{left:8%;top:40px;transform:rotate(-4deg);z-index:3}.sheet.s2{left:34%;top:10px;transform:rotate(5deg);z-index:2}.sheet.s3{left:22%;top:70px;transform:rotate(1deg);z-index:1;opacity:.9}.bubble{position:absolute;z-index:5;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 14px;font-weight:800;font-size:14px;box-shadow:var(--sh)}.bubble.b1{left:0;bottom:40px}.bubble.b2{right:0;top:60px;background:var(--violet);color:#fff;border-color:var(--violet)}@media (max-width: 960px){.hero .in{grid-template-columns:1fr}.hero-vis{height:430px;max-width:520px;width:100%;margin:0 auto}.sheet{width:280px;height:396px}.sheet .pv{transform:scale(.353)}}@media (max-width: 520px){.hero{padding-top:28px}.hero-vis{height:360px}.sheet{width:230px;height:325px}.sheet .pv{transform:scale(.29)}.sheet.s1{left:0}.sheet.s2{left:28%}.bubble.b2{top:10px}.lead{font-size:17px}}.sec-h{font-size:clamp(28px,3.6vw,40px);text-align:center}.sec-p{text-align:center;color:var(--ink-2);font-size:18px;margin-bottom:34px}.band{padding:72px 0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{padding:24px;border-radius:var(--r-l);background:var(--violet-xs);border:1px solid var(--line)}.step .n{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--violet);color:#fff;font:800 22px var(--f-d);margin-bottom:14px;box-shadow:0 3px 0 var(--violet-d)}.step:nth-child(2) .n{background:var(--sun);color:var(--ink);box-shadow:0 3px 0 var(--sun-d)}.step:nth-child(3) .n{background:var(--coral);box-shadow:0 3px #e23a5c}.step h3{font-size:21px}.step p{color:var(--ink-2);margin:0}.feats{padding:72px 0}.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feat{padding:24px;background:#fff;border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--sh-s);transition:transform .15s,box-shadow .15s}.feat:hover{transform:translateY(-3px);box-shadow:var(--sh)}.feat .fe{font-size:30px;display:grid;place-items:center;width:56px;height:56px;background:var(--violet-xs);border-radius:16px;margin-bottom:14px}.feat h3{font-size:19px}.feat p{color:var(--ink-2);margin:0;font-size:15px}@media (max-width: 860px){.steps,.feat-grid{grid-template-columns:1fr}}.ytabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:22px}.ytabs button{border:1.5px solid var(--line-2);background:#fff;border-radius:99px;padding:10px 18px;font-weight:800;cursor:pointer;color:var(--ink-2)}.ytabs button.on{background:var(--violet);border-color:var(--violet);color:#fff;box-shadow:0 3px 0 var(--violet-d)}.ytopics{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.yt{padding:22px}.yt h3{font-size:20px;margin-bottom:12px}.ytg{display:grid;gap:2px;padding:9px 0;border-top:1px solid var(--line);font-size:15px}.ytg b{font-size:14px}.ytg span{color:var(--ink-2)}.price-teaser{padding:72px 0 0}.price-teaser .in.ql-card{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:36px;background:linear-gradient(120deg,#fff 0,#f7f4ff);flex-wrap:wrap}.price-teaser h2{font-size:32px}.price-teaser p{color:var(--ink-2);max-width:600px;margin:0}.pt-cta{display:flex;gap:10px;flex-wrap:wrap}.faq{padding:72px 0 0}.faq .in{max-width:820px}.faq details{background:#fff;border:1px solid var(--line);border-radius:var(--r);margin-bottom:10px;padding:0 20px}.faq summary{cursor:pointer;font-weight:800;padding:18px 0;list-style:none;display:flex;justify-content:space-between;gap:10px}.faq summary:after{content:"+";font:800 24px/1 var(--f-d);color:var(--violet)}.faq details[open] summary:after{content:"–"}.faq details p{color:var(--ink-2);padding-bottom:6px}.doc{max-width:820px;margin:40px auto;padding:0 20px}.doc h1{font-size:38px}.doc h2{font-size:22px;margin-top:32px}.doc p,.doc li{color:#333}.doc .todo{background:var(--sun-s);padding:2px 6px;border-radius:6px}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin:30px 0}.plan{padding:26px;position:relative;display:flex;flex-direction:column}.plan.best{border:2px solid var(--violet);box-shadow:var(--sh)}.plan .tag{position:absolute;top:-12px;left:24px;background:var(--violet);color:#fff;font-weight:800;font-size:12px;padding:4px 10px;border-radius:99px}.plan h3{font-size:20px}.plan .price{font:800 34px var(--f-d);margin:6px 0}.plan .price small{font:600 15px var(--f-b);color:var(--ink-2)}.plan .soon{font:800 18px var(--f-d);color:var(--violet-d);margin:10px 0}.plan .note{color:var(--ink-2);font-size:14px;flex:1}.plan .ql-btn{margin-top:16px}.checks{list-style:none;padding:0;margin:0;display:grid;gap:10px}.checks li{display:flex;gap:10px;align-items:flex-start}.checks li:before{content:"✓";flex:none;width:22px;height:22px;border-radius:50%;background:var(--mint-s);color:var(--mint-d);display:grid;place-items:center;font-weight:900;font-size:13px;margin-top:1px}
