.landing{--ink-soft:var(--color-ink-3);--fill:#7878801f;--hair:#3c3c431f}.landing .wrap{max-width:1120px;margin-inline:auto;padding-inline:20px}.landing h1,.landing h2,.landing h3{max-width:none}.landing .eyebrow{color:var(--color-signal-deep);font-size:15px;font-weight:600}.landing .sec-head{flex-direction:column;gap:12px;max-width:680px;margin-bottom:48px;display:flex}.landing .sec-head h2{letter-spacing:-.03em;font-size:clamp(34px,4.5vw,52px);line-height:1.08}.landing .sec-head p{color:var(--ink-soft);font-size:19px;line-height:26px}.landing .sec-head--center{text-align:center;align-items:center;margin-inline:auto}.hero{text-align:center;padding:96px 20px 0}.hero__text{flex-direction:column;align-items:center;gap:24px;max-width:880px;margin-inline:auto;display:flex}.hero__chip{border-radius:var(--radius-pill);background:var(--fill);align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.hero__chip i{border-radius:var(--radius-pill);background:#34c759;width:8px;height:8px}.hero h1{letter-spacing:-.035em;font-size:clamp(44px,7vw,80px);line-height:1.04}.hero__lead{max-width:600px;color:var(--ink-soft);font-size:clamp(19px,2.2vw,23px);line-height:1.4}.hero__actions{flex-wrap:wrap;justify-content:center;gap:12px;padding-top:8px;display:flex}.hero__actions .is-lg{min-height:52px;padding-inline:28px;font-size:17px}.hero__terms{color:var(--ink-soft);font-size:13px}.mock{text-align:left;max-width:1120px;margin:72px auto 0;padding:0}.mock__frame{background:var(--color-paper-2);box-shadow:var(--shadow-pop);border-radius:24px 24px 0 0;padding:28px 28px 0}.mock__bar{background:var(--color-surface);border-bottom:1px solid var(--hair);border-radius:16px 16px 0 0;align-items:center;gap:12px;height:48px;padding-inline:20px;font-size:15px;display:flex}.mock__tag{color:var(--ink-soft);background:var(--fill);border-radius:8px;padding:3px 8px;font-size:12px}.mock__publish{border-radius:var(--radius-pill);background:var(--color-signal);color:#fff;margin-left:auto;padding:6px 14px;font-weight:600}.mock__body{background:var(--color-surface);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);display:grid}.mock__stage{background:var(--color-paper-2);justify-content:center;padding:32px;display:flex}.mock__page{width:100%;max-width:520px;box-shadow:var(--shadow-card);background:#fff;border-radius:8px;flex-direction:column;gap:22px;padding:32px 36px;display:flex}.mock__head{color:var(--ink-soft);justify-content:space-between;font-size:12px;display:flex}.mock__head strong{color:var(--color-ink)}.mock__lines{flex-direction:column;gap:8px;display:flex}.mock__lines span{background:var(--color-paper-3);border-radius:4px;height:8px}.mock__crop{outline:2px solid var(--color-signal);background:#007aff0f;border-radius:12px;margin-inline:-16px;padding:16px;position:relative}.mock__crop p{font-size:15px;font-weight:600;line-height:21px}.mock__label{border-radius:var(--radius-pill);background:var(--color-signal);color:#fff;padding:2px 8px;font-size:12px;font-weight:600;position:absolute;top:-12px;left:12px}.mock__opts{color:var(--color-ink-2);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px;margin-top:10px;font-size:14px;display:grid}.mock__side{border-left:1px solid var(--hair);flex-direction:column;gap:20px;padding:28px 24px;display:flex}.mock__side small{color:var(--ink-soft);font-size:13px;display:block}.mock__side b{letter-spacing:-.005em;font-size:20px}.mock__side>p{color:var(--ink-soft);font-size:13px;line-height:18px}.mock__letters{gap:8px;display:flex}.mock__letters span{background:var(--fill);border-radius:12px;place-items:center;width:44px;height:44px;font-weight:600;display:grid}.mock__letters span.is-on{background:var(--color-signal);color:#fff}.mock__list{background:var(--color-paper-2);border-radius:12px;margin:0;padding:0;font-size:15px;list-style:none;overflow:hidden}.mock__list li{border-bottom:1px solid var(--hair);align-items:center;gap:10px;padding:12px 14px;display:flex}.mock__list li:last-child{border-bottom:none}.mock__list li.is-current{background:#fff;font-weight:600}.mock__list em{color:var(--ink-soft);margin-left:auto;font-style:normal}.mock__list li.is-current em{color:var(--color-signal-deep)}.mock__tick{border-radius:var(--radius-pill);color:#fff;background:#34c759;place-items:center;width:22px;height:22px;display:grid}.mock__tick svg{stroke-width:3px;width:12px;height:12px}.mock__ring{border-radius:var(--radius-pill);border:2px solid var(--color-signal);width:22px;height:22px}.how{border-top:1px solid var(--hair);padding:120px 0}.how__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.how__steps li{background:var(--color-paper-2);border-radius:24px;flex-direction:column;gap:12px;padding:32px;display:flex}.how__num{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.how__steps h3,.tile h3{letter-spacing:-.01em;font-size:22px;line-height:28px}.how__steps p,.tile p{color:var(--ink-soft);font-size:17px;line-height:24px}.features{background:var(--color-paper-2);padding:120px 0}.bento{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;display:grid}.tile{background:var(--color-surface);border-radius:24px;flex-direction:column;grid-column:span 2;gap:8px;padding:28px;display:flex}.tile--wide{grid-column:span 3;min-height:360px;padding:32px}.tile:not(.tile--wide) h3{margin-top:8px;font-size:20px;font-weight:600;line-height:25px}.tile:not(.tile--wide) p{font-size:16px;line-height:22px}.tile__icon{width:28px;height:28px;color:var(--color-signal);stroke-width:1.75px}.tile__demo{background:var(--color-paper-2);border-radius:16px;flex-direction:column;gap:12px;margin-top:auto;padding:16px;font-size:15px;display:flex}.live-row{align-items:center;gap:12px;display:flex}.live-row>span:first-child{width:96px}.live-row__bar{border-radius:var(--radius-pill);background:#78788033;flex-grow:1;height:8px;overflow:hidden}.live-row__bar i{background:var(--color-signal);height:100%;display:block}.live-row__bar i.is-done{background:#34c759}.live-row__n{text-align:right;width:48px;color:var(--ink-soft);font-variant-numeric:tabular-nums}.omr-row{color:var(--ink-soft);align-items:center;gap:10px;font-size:13px;display:flex}.omr-row__n{width:20px}.omr-dot{border-radius:var(--radius-pill);border:1.5px solid var(--color-field-edge);width:22px;height:22px}.omr-dot.is-marked{background:var(--color-ink);border:none}.omr-res{border-radius:var(--radius-pill);width:22px;height:22px;margin-left:auto}.omr-res.is-ok{background:#34c759}.omr-res.is-bad{background:#ff3b30}.figures{padding:96px 0}.figures dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-block:0;display:grid}.figures dl>div{border-top:1px solid #3c3c434a;flex-direction:column-reverse;gap:6px;padding-top:20px;display:flex}.figures dt{color:var(--ink-soft);font-size:15px}.figures dd{letter-spacing:-.03em;margin:0;font-size:40px;font-weight:700;line-height:1.1}.plans{background:var(--color-paper-2);padding:120px 0}.plans__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.plan{background:var(--color-surface);border-radius:24px;flex-direction:column;gap:24px;padding:32px;display:flex}.plan.is-popular{outline:2px solid var(--color-signal);box-shadow:var(--shadow-pop)}.plan__head{flex-direction:column;gap:8px;display:flex}.plan h3{letter-spacing:0;align-items:center;gap:8px;font-size:20px;font-weight:600;line-height:1.2;display:flex}.plan h3 span{border-radius:var(--radius-pill);background:var(--color-signal);color:#fff;padding:3px 10px;font-size:12px;font-weight:600}.plan__price{letter-spacing:-.03em;font-size:44px;font-weight:700;line-height:1}.plan__price small{letter-spacing:0;color:var(--ink-soft);font-size:17px;font-weight:400}.plan ul{flex-direction:column;gap:12px;margin:0;padding:0;font-size:16px;list-style:none;display:flex}.plan li{align-items:center;gap:10px;display:flex}.plan li svg{color:#34c759;stroke-width:2.5px;width:18px;height:18px}.plan>a{width:100%;margin-top:auto}.plans__more{width:fit-content;color:var(--color-signal-deep);margin:48px auto 0;font-size:17px;font-weight:600;text-decoration:none;display:block}.plans__more:hover{text-decoration:underline}.close{padding:120px 20px}.close__panel{color:#fff;text-align:center;background:#000;border-radius:32px;flex-direction:column;align-items:center;gap:24px;max-width:1120px;margin-inline:auto;padding:clamp(40px,7vw,96px) 32px;display:flex}.close__panel h2{color:#fff;letter-spacing:-.035em;max-width:720px;font-size:clamp(34px,5vw,60px);line-height:1.05}.close__panel p{color:#aeaeb2;max-width:520px;font-size:19px;line-height:26px}.close__actions{flex-wrap:wrap;justify-content:center;gap:12px;padding-top:8px;display:flex}.close__btn{border-radius:var(--radius-pill);color:#fff;min-height:52px;transition:transform var(--dur-micro) var(--ease-out), background-color var(--dur-micro) var(--ease-out);background:#76768052;align-items:center;padding-inline:28px;font-size:17px;font-weight:600;text-decoration:none;display:inline-flex}.close__btn:hover{background:#76768073}.close__btn--primary{background:#0a84ff}.close__btn--primary:hover{background:#2a94ff}.close__btn:active{transform:scale(.97)}.close__btn:focus-visible{outline-offset:2px;outline:2px solid #409cff}@media (max-width:900px){.mock__body{grid-template-columns:minmax(0,1fr)}.mock__side{border-left:none;border-top:1px solid var(--hair)}.how__steps,.plans__grid,.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.tile,.tile--wide{grid-column:span 2}.figures dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.hero{padding-top:64px}.mock__frame{border-radius:16px 16px 0 0;padding:12px 12px 0}.mock__bar strong{white-space:nowrap}.mock__tag{display:none}.mock__stage{padding:16px}.mock__page{padding:20px}.how__steps,.plans__grid{grid-template-columns:minmax(0,1fr)}.how,.features,.plans,.close{padding-block:72px}}