.hero-art__page,.suite__page{flex-direction:column;gap:12px;display:flex}.hero-art__line{background:#e5e7ec;border-radius:4px;width:100%;height:8px;display:block}.hero-art__line--title{background:#cfd4dc;width:62%;height:14px;margin-bottom:6px}.hero-art__line--short{width:68%}.suite{border:1px solid var(--line);width:100%;max-width:520px;box-shadow:var(--shadow-float);background:#fff;border-bottom:0;border-radius:18px 18px 0 0;overflow:hidden;transform:translateY(40px)}.suite__bar{border-bottom:1px solid var(--line);gap:6px;padding:12px;display:flex;overflow:hidden}.suite__tool{width:34px;height:30px;color:var(--ink-2);border-radius:8px;place-items:center;display:inline-grid}.suite__tool .icon{color:var(--ink-3)}.suite__tool{transition:background .25s var(--ease), color .25s var(--ease)}.suite__tool.is-demo{cursor:pointer}.suite__tool.is-demo:hover{background:var(--bg-soft)}.suite__tool.is-active,.suite__tool.is-active:hover{background:var(--ink);color:#fff}.suite__tool.is-active .icon{color:#fff}.suite__canvas{background:var(--bg-soft);height:250px;padding:28px 28px 0;position:relative}.suite__page{z-index:2;background:#fff;border-radius:10px 10px 0 0;height:100%;padding:26px 24px;position:relative;box-shadow:0 1px 2px #0000000d,0 8px 24px -12px #00000026}.suite__page--back{z-index:1;opacity:.6;position:absolute;inset:12px 40px 0}@media (max-width:960px){.suite{transform:translateY(0)}.suite__canvas{height:200px}}.suite__page--main{transform-origin:50% 60%}.suite__typing{background:#cfe0f7;border-radius:4px;width:68%;height:8px;animation:1.8s steps(22,end) both suite-type;display:block;position:relative}.suite__typing:after{content:"";background:var(--accent);width:2px;height:16px;animation:.9s step-end infinite suite-blink;position:absolute;top:-4px;right:-5px}@keyframes suite-type{0%{width:0}to{width:68%}}@keyframes suite-blink{50%{opacity:0}}.suite__sign{align-items:center;gap:10px;margin-top:4px;display:inline-flex}.suite__sign path{stroke-dasharray:260;stroke-dashoffset:260px;animation:suite-draw 1.5s .2s var(--ease) forwards}.suite__check{background:var(--accent);color:#fff;width:22px;height:22px;animation:suite-pop .4s 1.6s var(--ease) forwards;border-radius:50%;place-items:center;display:inline-grid;transform:scale(0)}@keyframes suite-draw{to{stroke-dashoffset:0}}@keyframes suite-pop{to{transform:scale(1)}}.suite__canvas--rotate .suite__page--main{animation:suite-rotate 1.6s var(--ease) both}@keyframes suite-rotate{0%{transform:rotate(-90deg)scale(.6)}30%{transform:rotate(-90deg)scale(.6)}75%{transform:rotate(4deg)scale(1)}to{transform:none}}@media (prefers-reduced-motion:reduce){.suite__typing,.suite__sign path,.suite__check,.suite__canvas--rotate .suite__page--main{animation:none}.suite__sign path{stroke-dashoffset:0}}